/* Enter Your Custom CSS Here */

/*FULL background image  */
/*Options:
 * https://sites.gatech.edu/research/files/2023/06/asset_bg-grey-binary-offset-left.jpg
 * https://sites.gatech.edu/research/files/2023/06/asset_bg-gold-binary2.jpg
 */ 
.site:has(.acl2023), .gt-background-page:has(.acl2023) {
	background: url(https://sites.gatech.edu/research/files/2023/06/asset_bg-light-grey-binary-numbers_new.jpg) no-repeat center top / cover fixed;
}

/* Applies bg image to whole site (.gt-background-page is the main selector, covers 95% of page)*/
/* .site, .gt-background-page {
    background: url(https://sites.gatech.edu/research/files/2023/06/asset_bg-grey-binary-offset-left.jpg) no-repeat center top / cover fixed;
} */



/****************************REUSABLE**************************  */

.offset-parent-bottom-right{
	position: relative !important;
}

.offset-bottom-right{
	position:absolute !important;
	bottom: 0;
	right: 0;
}

p.has-drop-cap::first-letter {
   color: #a4925a !important; 
}

.dropcap-black p.has-drop-cap::first-letter {
   color: #000 !important; 
}

.text-center{
	text-align: center;
}

.bg-trans{
	 background: #FFFFFF;
   background: rgba(255, 255, 255, 0);
}


.padding-column-10px{
	padding: 15px;
}

.padding-column-30px{
	padding: 30px;
}

.padding-column-70px{
	padding: 70px;
}

.padding-none{
	padding:0 !important;
}

.padding-none p{
	padding:0 !important;
}


.shadow-navy {
	box-shadow: 25px -16px #003057;
	box-shadow: 25px -16px rgba(0, 48, 87, .7);
}

.bg-white-trans{
	background-color: rgba(	249, 249, 249, .7);
}

.button-mimic{
	padding: 6px 12px;
	background-color: #003057;
	color: #fff !important;
	display: inline-block;
}

.border-button-fff{
	border: 2px solid white;

}

.border-inline-333 {
	padding-left: 6px;
	padding-right: 6px;
	border: 2px #333 solid;
	display: inline-block;
	text-align: center !important;

/* 	margin-bottom: 0; */
}

.border-333 {
	padding-left: 6px;
	padding-right: 6px;
	border: 2px #333 solid;

}

.justify-center{
	display: flex;
	justify-content: center;
}

.line-height-50{
	line-height: 50%;
}

.line-height-150{
	line-height:170%;
}

.margin-none{
	margin:0 !important;
}
.max-width-500{
max-width: 500px;	
margin: auto 0;
}

/*The important is needed here */
.text-big-job-title p:nth-of-type(2){
	font-size: 16px !important;
}

.text-big-25{
	font-size: 25px;
}

.text-big-name p:nth-of-type(2){
	font-size: 35px;
	color: #a4925a;
}

.faculty-icml.neurips24 .dots p:nth-of-type(1){
	font-size:110px !important;
	letter-spacing: -17px;
	margin-left:-20px;
/* 	padding-bottom: 15px; */
}

.faculty-icml.neurips24 p:nth-of-type(2){
	font-size:30px;
	padding-bottom: 20px;
}



.border-frame {
	border: 1px solid black;
}


figcaption .text-align-center {
	text-align: center;
}


.pointer-none {
	pointer-events: none;
}

.display-none {
	display: none;
}

@media only screen and (max-width: 1200px){
	.display-none-mobile{
		display: none !important;
	}
}

@media only screen and (min-width: 1199px){
	.display-none-desktop {
		display: none !important;
	}
}

.button-radius {
	border-radius: 10px;
}

.narrow {
	width: 800px;
	margin: 0 auto;
	
}

.text-subhead-italic{
	font-style: italic;
	font-size: 18px;
}

/*still used on older pages  */
.small-italic-text {
	font-style: italic;
	font-size: 12px;
}

.text-small-italic{
	font-size: 12px;
	font-style: italic;
}

.text-small-italic span{
	font-size: 12px;
	font-style: italic;
}

.big-dot {
	font-size: 40px;
	margin: 0;
}

.home-header a, .home-header {
	box-shadow: unset;
	border-top: 2px solid #333 ;
	border-bottom: 2px solid #333;
	display: inline-block;
	
}

a {
	color: #333;
}

.white-link a {
	color: #fff;
}

.a-unset {
	box-shadow: unset !important;
	text-decoration: none;
}

.a-unset a{
	box-shadow: unset !important;
	text-decoration: none;
}

.padding-match {
	padding-left: 64.022px;
}

.best-paper span {
/* 	color:#fff; */
/* 	display: inline; */
	background-color: #a4925a;
	padding: 1px 3px;
	border-radius: 3px;
	font-size: 10px;
	margin: 0 1%;

}

.best-paper a {
	box-shadow: unset;
}

.margin-top-bottom-0 {
	margin: 0 auto;
}

.margin-bottom-0 {
	margin-bottom: 0 !important; 
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-bottom-14 {
	margin-bottom: 50px;
}

.margin-auto {
	margin: auto !important;
}

.padding-bottom-0{
	padding-bottom: 0;
}

.align-left-main {
	text-align: left;
}

.align-left {
	text-align: left;
	color: #fff;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

/* figure-caption {
  padding-top: 5% !important;
} */


/* .margin-bottom-0 span {
	font-size: 10px;
	font-style: italic;
} */

.label {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background-color: #003057;
	border-radius: 10px;
	padding: 5px 10px;
}

.inline-flex {
	display: inline-flex;
	
}

.inline-flex:nth-child(2){
	padding: 1px 3px;
	margin-left: 1%;
	background-color: #a4925a !important;
}

.sandwich {
	display: inline-block;
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
	padding: 2px 7px;
}

.border-radius {
  border-radius: 20px !important;
	overflow: hidden;
}

.pointer {
	pointer-events: auto !important;
}

.ab-accordion-title {
	pointer-events: auto !important;
}

/*Apply to the div that includes an image so margins/padding from parent containers not messed up */
.background-image {
	background-image: linear-gradient(45deg,#b3a369,#fff);
  border-radius: 10px;
/* 	border-width: 10px; */
/* 	border-style: solid; */
/* 	border-color: yellow; */
  padding: 2%;
}

/* FONT COLORS  */

.font-red {
  color: red;
}

.font-blue {
  color: #003057;
}

.font-gold {
	color: #a4925a !important;
}

.font-navy {
	color: #003057;
}

.background-blue {
	color:#fff;
/* 	display: inline; */
	background-color: #003057;
	padding: 1px 3px;
	border-radius: 3px;
/* 	font-size: 10px; */
/* 	margin: 0 1%; */

}

.background-gold {
	color:#fff;
/* 	display: inline; */
	background-color: #a4925a;
	padding: 1px 3px;
	border-radius: 3px;
/* 	font-size: 10px; */
/* 	margin: 0 1%; */
}

.background-buzz-gold{
	color: #333;
/* display: inline;	 */
	background-color: #eaaa00;
	padding: 1px 3px;
	border-radius: 3px;
}

.background-gold-alt {
	color:#fff;
/* 	display: inline; */
	background-color: #a4925a;
	padding: 10px;
	border-radius: 3px;
/* 	font-size: 10px; */
/* 	margin: 0 1%; */
}

.bg-eccv1{
	background: #fff url(https://sites.gatech.edu/research/files/2024/09/graphic-web_digital-face-in-profile_eccv24.png)  top 5% right  no-repeat fixed;
	background-size: 800px; 
}


/*****************************FACULTY************************************  */

.viz-curves img {
	border-radius: 15px;
/* 	border: 2px solid black; */
	overflow: hidden;
}

.faculty-icml {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2%;
}

.faculty-icml-wide {
  display: flex;
	max-width: 2000px;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2%;
}


.child-faculty {
 flex: 0 1 200px;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.child-faculty-icml {
 flex: 0 1 200px;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.child-faculty-icml p:nth-of-type(1) {
  margin-bottom: 0;
  font-weight: bold;
}

.child-faculty-icml p:nth-of-type(2) {
  margin-top:0;
  font-style: italic;
	font-size: 13px;
}

.child-faculty p:nth-of-type(1) {
  margin-bottom: 0;
  font-weight: bold;
	font-size: 20px;
}

.child-faculty p:nth-of-type(2) {
  margin-top:0;
  font-style: italic;
	font-size: 13px;
}

.child-faculty-icml img {
  width: 100%;
}

.large-text p:nth-of-type(1) {
  margin-bottom: 0;
	font-size:20px;
  font-weight: bold;
}

.large-text p:nth-of-type(2) {
  margin-top:0;
  font-style: italic;
	font-size: 20px;
}

.faculty-wrap h2 {
  margin-bottom: 3% !important;
}

.faculty-wrap {
  margin: 0 auto;
	max-width: 1000px;
	text-align: center;
}

.faculty-wrap-wide {
  margin: 0 auto;
	max-width: 2000px;
	text-align: center;
}

.faculty-wrap a{
	box-shadow: unset;
}




/*****************************AI Sous Chef************************************  */

.section-research{
  max-width: 1000px;
  padding: 1rem;
	margin: 0 auto;
	display: none;
}

.article-main {
  padding-bottom: 1%;
}

@media only screen and (min-width: 768px){
.article-main {
  display: flex;
	padding: 0px;
  gap: 5%;
/*   align-items: flex-end; */
/*   min-height: 700px; */
/*   border: 2px solid black; */
}
}

.child-main {
  flex: 1;
/*   background-color: lightgrey; */
/*   padding: 1rem; */
  
}

.child-main.bg-image {flex:2; gap:7%; }
.quote-bottom {display:flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;}

.child-main img {
  max-width: 100%;
}

@media only screen and (min-width: 768px){
.bg-image {
  display: flex;
  background-image:  url(https://sites.gatech.edu/research/files/2023/06/ga_sous-chef-robot-pencil-art.png)  ;
  background-size: 35%;
  background-repeat: no-repeat;
  background-position: top right;
}
}
@media only screen and (max-width: 767px){
.bg-image {
background-image: url(https://sites.gatech.edu/research/files/2023/06/ga_sous-chef-robot-pencil-art.png);
   background-size: 15%;
  background-repeat: no-repeat;
  background-position: bottom right;
}
}


.child-double {flex: 1;}

.child-2-2 {
  display: flex;
  align-items: center;
}

.child-2-2 div {
  flex: 1;
  
}

.sandwich {
  display: inline-block;
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
  padding: 2px 5px;
}

quote {
  font-size: 25px;
  font-weight: bold;
}


/************************************DOTS*************************************************************  */

h3:has(span), h3:has(span) a{
	text-decoration: none !important;
	box-shadow: unset !important;
	color: #fff !important;
}




.explainer span:first-child {
/* 	color:#fff; */
	display: inline-block;
	background-color: #a4925a;
	padding: 1px 3px;
	border-radius: 3px;
}

.explainer span:nth-child(2) {
	display: inline-block;
	color: #fff;
	padding: 1px 3px;
	border-radius: 3px;
}

/* h3:has(span)::after{
	content: "Click to explore a chart of people and papers";
	display: none;
} */


/* h3:has(span):hover::after {
	display: block;
	color: #a4925a;
} */






/* .dots p:nth-of-type(2){
	margin-bottom: 25px !important;
} */






.dots-large p:nth-of-type(1){
	line-height: 50%;
	font-size: 100px;
	letter-spacing: -15px;
	margin-bottom: 0;

}

.dots-large p:nth-of-type(2){
/*   margin-top: 0px !important; */
	margin-bottom: 25px !important;

}

.dots-large p:nth-of-type(1) span{
	color: #a4925a;
}

/* .dots p:has(span) {
  color: #003057;
  font-size: 100px;
  margin: 0;
}
 */
/* .dots p:nth-of-type(1):has(span) {
  color: #262626;
  font-size: 40px;
  margin: 0;
} */

/* .dots.buzz-gold p:nth-of-type(1){
	color: #eaaa00;
}
 */
/* .dots.navy p:nth-of-type(1){
	color: #003057;
} */

.dots p {
	margin: 0;
}

.dots p:nth-of-type(1){
	line-height: 50%;
	font-size: 50px;
	letter-spacing: -10px;
}

/*ACL 2023  */
.dots-normal p:nth-of-type(1){
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0px;
	
}
.letters-tight p:nth-child(even) {
	letter-spacing:-5px;
}
.dots-normal p:nth-child(even){
	font-size:40px;
}
/*  */

.dots p span {
  color: #a4925a;
}

.dots .navy{
	color: #003057;
}

.faculty-icml.buzz-gold p:nth-of-type(1) span{
	color: #eaaa00;
}

.faculty-icml.buzz-gold p:nth-of-type(1) .gold{
	color: #a4925a;
}

.faculty-icml.buzz-gold .dots p:nth-of-type(1){
	color: #eaaa00;
	font-size: 50px;
	
}

.faculty-icml.navy .dots p:nth-of-type(1){
	color: #003057;
	font-size: 65px;
}

.faculty-icml.electric-blue .dots p:nth-of-type(1){
	color: #64ccc9;
	font-size: 65px;
}

.faculty-icml.navy p:nth-of-type(1){
	color: #003057;
}

.faculty-icml p:nth-of-type(1) .electric-blue{
	color: #64ccc9;
}

.dots .buzz-gold {
	color:#eaaa00;
}

.buzz-gold {
	color:#eaaa00;
}

.child-faculty-new {
 flex: 0 1 200px;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.child-faculty-new p:nth-of-type(2) {
  margin-top:0;
	margin-bottom: 0;
  font-weight: bold;
	line-height: 115%;
}

/* .child-faculty-new p:nth-of-type(2) span {
 font-size:31px;
color: #a4925a;
} */

.text-big-name p:nth-of-type(2) span {
	line-height:110%;
	font-size:30px;
	color: #a4925a;
}

.child-faculty-new p:nth-of-type(2) br {
 font-size:31px;
color: #a4925a;
}

.child-faculty-new p:nth-of-type(3) {
  margin-top:0;
	margin-bottom: 20px;
  font-style: italic;
	font-size: 13px;
}


/* GRAPHIC DESIGN FACULTY PUBLICITY */


.faculty-main {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2%;
	margin: 0 auto;
	max-width: 2000px;
	text-align: center;
}

.child-faculty-graphics {
 flex: 0 1 200px;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.child-faculty-graphics p {
	margin: 0;
}

.child-faculty-graphics p:nth-of-type(1){
	font-size: 90px;
	line-height: 40%;
	letter-spacing: -14px;
	color: #b3b7b8;
}

.child-faculty-graphics p:nth-of-type(2){
		font-size:30px;
		font-weight:bold;
		line-height:135%;
}

.child-faculty-graphics p:nth-of-type(3){
		font-size:35px;
		font-weight:bolder;
		color:#a4925a;
		line-height:80%;
		margin-bottom:30px;
}

.child-faculty-graphics p:nth-of-type(1) span{
		color: #a4925a;
}



/*****************************************************************  */



/****************************TEST WIDTH FULL VIEWPORT************************************************  */



/* html {
  box-sizing: border-box;
} */
*, *:before, *:after {
  box-sizing: border-box;/*Instead of box-sizing: inherit*/
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/* section.main-wrapper {
	 width: 100vw !important;
   position: relative !important;
   left: 50% !important;
   right: 50% !important;
   margin-left: -50vw !important;
   margin-right: -50vw !important;
	 background-color: #a4925a;
	 display: flex;
	 justify-content: center;
} */

@media only screen and (min-width: 768px){
  section.main {
  display: flex;
  }
}

section.main:has(div), section.main div {
	border-radius: 10px;
}

section.main {
/*display:flex; DECLARED in Media Query    */
  flex-flow: row wrap;
/*   gap: 2%; */
/*   align-items: flex-start; */
  background-color: #003057;
/*   padding: 2em; */
	max-width: 80%;
	margin: 0 auto;
}

img {
  max-width: 100%;
}

blockquote {
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  
}

div.flex-test:has(blockquote) {
  display: flex;
  background-color: red;
  color: #fff;
  align-items: flex-end;
  border-radius: 15px;
  background-image: linear-gradient(rgba(0,0,40,.5),rgba(3,5,3,.2)), url(https://images.unsplash.com/photo-1662010021854-e67c538ea7a9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8&auto=format&fit=crop&w=700&q=60);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}


div.flex-test {
  flex: 1 1 28%;
  background-color: #d6dbd4;
  margin: 2%;
  padding: 1%;
}

div.flex-test:nth-of-type(8) {
  flex: 0 1 62.5%; 
}

div.flex-test:last-child, div.flex-test:nth-of-type(9) {
  flex: 0 1 29.5%;
  background-color: #a4925a;
}


/*****************************MASONRY TEST***********************************************  */

.site:has(.masonry), .gt-background-page:has(.masonry) {
	background-color: #d6dbd4;
}

.wrap-faculty {
/* 	margin: 0 auto; Applying this messes up the width of page somehow*/
	max-width: 1100px;

}

/* section img {
  width: 100%;
  height: auto;
  display: block;
} */


@media (min-width: 800px){
	.masonry {
		display: flex;
	}
}

.masonry {
/*   display: flex; */
  flex-flow: column wrap;
 	height: 3300px;/*Doesn't work when applied to section*/
/* 	max-width: 500px; */
}


.masonry img {
  width: inherit;
  height: inherit;
  object-fit: cover;
}

.square {
 width: 380px;
 height: 380px;
 overflow: hidden;
}

.rectangle {
 width: 380px;
 height: 478px;
 overflow: hidden;
}

/*************POSITIONING*******************************************************************************************/

.masonry div:nth-of-type(1)>img {
 
  object-fit: contain;
  transform: translate(-1%, 5%)
/*   background-color: #a4925a; */
}

.masonry div:nth-of-type(1) {
  background-image: /*linear-gradient(rgba(163,145,89, .8), rgba(163,145,89,.5)),*/url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-1.png);
  background-size: contain;
/*   background-position: 70%; */
}



.masonry div:nth-of-type(2)>img {
  object-fit: cover;
  object-position: center 110%;
/*   background-image: linear-gradient(rgba(163,145,89, .8), rgba(0,0,0,.5)),url(https://sites.gatech.edu/research/files/2023/06/Prakash-background.png); */
}

.masonry div:nth-of-type(2) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-2.png);
  background-size: contain;
}

.masonry div:nth-of-type(3) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-3.png);
  background-size: contain;
}

.masonry div:nth-of-type(4)>img {
  object-position: 0 bottom ;
  transform: scale(1.2)
}

.masonry div:nth-of-type(4) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-4.png);
  background-size: contain;
}


.masonry div:nth-of-type(5) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-5.png);
  background-size: contain;
}

.masonry div:nth-of-type(6)>img {
  object-position: 141%;
  transform: scale(1.6) rotate(-2deg);
}

.masonry div:nth-of-type(6) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-6.png);
  background-size: contain;
}


.masonry div:nth-of-type(7) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-7.png);
  background-size: contain;
}

.masonry div:nth-of-type(8)>img {
  object-fit: contain;
/* 	object-position: center 80%; */
		transform: scale(1.1) translate(0,8%)
}

.masonry div:nth-of-type(8) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-8.png);
  background-size: contain;
}

.masonry div:nth-of-type(9) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-9.png);
  background-size: contain;
}

.masonry div:nth-of-type(10) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-10.png);
  background-size: contain;
}

.masonry div:nth-of-type(11) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-11.png);
  background-size: contain;
}

.masonry div:nth-of-type(12) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-12.png);
  background-size: contain;
}

.masonry div:nth-of-type(13) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-13.png);
  background-size: contain;
}

.masonry div:nth-of-type(14) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-14.png);
  background-size: contain;
}

.masonry div:nth-of-type(15) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-15.png);
  background-size: contain;
}

.masonry div:nth-of-type(16) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-16.png);
  background-size: contain;
}

.masonry div:nth-of-type(17) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-17.png);
  background-size: contain;
}

.masonry div:nth-of-type(18) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-18.png);
  background-size: contain;
}

.masonry div:nth-of-type(19) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-19.png);
  background-size: contain;
}

.masonry div:nth-of-type(20) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-20.png);
  background-size: contain;
}

.masonry div:nth-of-type(21) {
  background-image: url(https://sites.gatech.edu/research/files/2023/06/bg-masonry-21.png);
  background-size: contain;
}



/**********************************Multimodal Learning******************************************  */

/* article {
  margin: 0 auto;
  padding: 3%;
} */

.article-multimodal div:not(:has(.pic)) {
   max-width: 750px;
   margin: 0 auto;
}

.article-multimodal h3,.article-multimodal h2 {
   max-width: 750px;
	 margin: 2% auto !important;
}

@media (min-width: 768px){
  .bg-image {
    max-width: 1000px;
  }
 
  .image-bg { 
    display: flex;
  }
}

.drop-cap:first-letter {
    float: left;
    font-size: 6.4em;
    line-height: .68;
    font-weight: 100;
    margin: 0.05em 0.1em 0 0;
    text-transform: uppercase;
    font-style: normal;
}

.image-bg {
/* display: flex; in MEDIA QUERY  */
  align-items: center;
/*   justify-content: center; */
  margin: 5% 0;
  padding: 5% 0;
/*   min-height: 400px; */
  background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)), url(https://sites.gatech.edu/research/files/2023/06/stick-person-walking-on-letters.png) no-repeat left top / cover fixed;

}

@media (max-width: 767px){
.image-bg img {
  width: 70%; /*max-width was messing this up*/
/*   padding: 5%; */
}
}

.image-bg img {
  max-width: 100%;
  padding: 5%;
  
}

.square-inset {
  max-width: 30%;
  float: left;
  padding-right: 2%;
	padding-bottom: .5%;
}

.square-inset figcaption {
	font-size: 10px;
}

.pic {
  text-align: center;
/*   padding: 5%; */
 
}

.pic {
  flex: 1;
}

.quote{
	flex: 1.5;
}

blockquote {
  color: #fff;
  font-size: 25px;
/* 	text-align: right; */
}

.quote p:nth-child(2) {
  color: #a4925a;
  font-size: 20px;
	font-style: normal;
}

.quote span {
	color: #eee;
	font-style: italic;
}


/*************************NAV BESPOKE******************************  */



#container-nav-bespoke {
	margin: 0 auto;
}

.nav-bespoke p {
	text-align: center;
}

.nav-bespoke {
	margin: 50px 0;
/* 	background-color: #E64A19; */
}

.nav-bespoke ul {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
	}
	
.nav-bespoke ul li {
	display:inline-block;
/* 	background-color: #E64A19; */
	}

.nav-bespoke a {
	display:block;
	padding:0 10px;	
	color:#FFF;
/* 	font-size:20px; */
	line-height: 60px;
/* 	text-decoration:none; */
	box-shadow: unset;
}

.nav-bespoke a:hover { 
/* 	background-color: #FFF;  */
}

/* Hide Dropdowns by Default */
.nav-bespoke ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
.nav-bespoke ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
.nav-bespoke ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	*/
.nav-bespoke ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}

	
/* Change this in order to change the Dropdown symbol */
.nav-bespoke li > a:after { content:  ' +'; }
.nav-bespoke li > a:only-child:after { content: ''; }


/****************************NAV FLEX************************  */


.nav-flex, .action-menu {
/* 	display: inline-block; */
/* 	width: 600px; */

}



.nav-flex ul, .action-menu ul {
  display: flex;
 max-width: 600px;
	flex-wrap: wrap;
/* 	gap: 5%; */
  list-style: none;
  margin:0; 
}

@media (max-width: 768px) {
	.nav-flex ul{
		justify-content: center;
	}
}

.nav-flex li, .action-menu li {
/*   flex:1; */
/*   display: inline; */
	font-size: 15px;
	font-weight: bold;
	border-right: 2px solid #a4925a;
	padding: 0 3%;
  
}
	
.nav-flex li:nth-of-type(1) {
  padding-left:0;
}


.nav-flex li:nth-of-type(4), .nav-flex li:nth-of-type(4) a {
		border: none;
/*     color: #a4925a; */
	}
	

.nav-flex a, .action-menu a {
	box-shadow: unset;
  
}

/***************************MORE NEWS*************************  */


.more-news {
    max-width: 1050px; 
    margin: 2% auto;
    gap: 1.5%;
/*   justify-content: center; */
/*   background-color: lightgrey; */
}

@media screen and (min-width: 768px) {
  .more-news {
    display: flex;
  }
}

.image-holder:nth-child(2) {
  order: -1;
}

.image-holder {
 margin: 2% auto;
 flex: 1;
}

.more-news img {
  width: 100%;
}

.more-news div:nth-child(1) {
  background: linear-gradient(rgba(164, 146, 90, .2),rgba(164,147,90,.7));
  border-radius: 20px;
}

.more-news div:nth-child(2) {
  background: linear-gradient(rgba(164, 146, 90, .9),rgba(214,219,212,.9)), url(https://www.cc.gatech.edu/sites/default/files/styles/main_850x478_/public/images/main/2023/Finance%20Dataset.jpg?itok=u7SvSKY5);
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 20px;
}


.image-holder a {
	box-shadow: unset;
}

.page-id-101 #navbar-secondary   {
    display: none;
}

.page-id-101 #navbar-main .navbar-navs-container, .page-id-615 #navbar-main .navbar-navs-container, .page-id-786 #navbar-main .navbar-navs-container {
    display:none
} 
.page-id-101 #navbar-main .navbar-container, .page-id-615 #navbar-main .navbar-container, .page-id-786 #navbar-main .navbar-container {
    display: none
}
.page-id-101 #navbar-main::before, .page-id-615 #navbar-main::before, .page-id-786 #navbar-main::before {
    display: none
}

/*Remove Navigation for page "cscw-2023" START*/
.page-id-910 #navbar-main::before {
    display: none
}

.page-id-910 #navbar-main .navbar-container{
    display: none
}
/*Remove Navigation for page "cscw-2023" END*/