/*.gift{
	background-image: url('https://www.eqs.com/app/uploads/2020/07/EQS_Blog_Gift-Guideline.jpg');
	background-attachment: fixed; 
	background-size: cover;
	background-size: 100% 100%;
	min-height: 300px;
	min-width: 400px; 
}*/

a{
	color: #005EAE;
	text-decoration: none;
}
a:hover {
	color: #CBE7FF;
}
input[type=submit]{
	display: grid;
	justify-content: center;
	background-color: #005EAE;
	color: #CBE7FF;
	font-family: Didot, serif;
	font-size: 15px;
	height: 40px;
	width: 70px;
	padding: 8px;
	border: none;
}
input[type=submit]:hover{color:#ffffff;font-weight:bold; cursor:pointer;}
h3{
	display: float;
	color: #005EAE;
	font-family: Didot, serif;
	font-size: 20px;
	justify-content: center;
}
button,.button{
	background-color: #005EAE;
	color: #CBE7FF;
	font-family: Didot, serif;
	font-size: 15px;
	padding: 8px;
	border: none;
}
button:hover, .button:hover{color:#ffffff; font-weight:bold;cursor: pointer;}
#add_recip_table{display:none;}
#add_list_table{display:none;}
.headerloggedin{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 140px 70px;
  padding: 10px;
}
.headerloggedin div{
  text-align:center;
  font-family: Didot, serif;
  padding:12px;
}
.headernotloggedin{
	display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 140px 70px;
  padding: 10px;
}
.headernotloggedin div{
  text-align:center;
  font-family: Didot, serif;
  padding:12px;
}
.title{
  background-color: #ffffff;
  color: #005EAE;
  grid-column-start: 1;
  grid-column-end: 5; 
	font-size: 30px;
}
.account{
  background-color: #CBE7FF;
  color: #005EAE;
	font-size: 35px;
}
.discover{
  background-color: #CBE7FF;
  color: #005EAE;
	font-size: 35px;
}
.mylists{
  background-color: #CBE7FF;
  color: #005EAE;
	font-size: 35px;
}
.directory{
	background-color: #CBE7FF;
  color: #005EAE;
	font-size: 35px;
}
.directorypage{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	column-gap: 2%;
	margin: 20px;
}
.directorybox1{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	padding: 10px;
	grid-column-start: 1;
	grid-column-end: 2;
}
.directorybox2{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	padding: 10px;
	grid-column-start: 2;
	grid-column-end: 3;
}
.directorypage div{
	text-align:center;
}
#gift_image{
	/*filter: brightness(10%);*/
	background-image: url("/images/pictionary.jpeg");
	/*background-color: blue;*/
	height: 300px;
	width: 300px;
}
#gift_image_hover{
	background-image: url("/images/pictionary.jpeg");
	opacity: 0.4;
	height: 300px;
	width: 300px;
}
.discovergifts{
	display: grid;
	grid-template-columns: 1fr 4fr;

}
.sidebar{
	grid-column-start: 1;
	grid-column-end: 2;
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	padding: 8px;
	margin-left: 8px;
	margin-top: 5px;
	font-family: Didot, serif;
	color: #005EAE;
	jutify-content: space-around;
	
}
.gift_body{
	grid-column-start: 2;
	grid-column-end: 3;
	padding: 8px;
	margin: 3px;
}
.body{
	color: #005EAE;
}
.recipient_header{
	font-family: Didot, serif;
	color: #005EAE;
	font-size: 35px;
	text-align: center;
}
.event_header{
	font-family: Didot, serif;
	color: #005EAE;
	font-size: 35px;
	text-align: center;
}
.box_collection{
	background-color: #ffffff;
	display:flex;
	margin:3px; 
	padding:3px; 
	flex-wrap:wrap; 
	justify-content:space-around;
	padding-bottom: 10px;
	row-gap: 4px;
}
.blue_box{
	font-family: Didot, serif;
	font-size: 25px;
	background-color: #CBE7FF;
	padding:3px; 
	margin-bottom: 10px;
	margin:3px; 
	/*background-color: #005EAE;
	color: #ffffff;*/
	height:90px; 
	width:190px;
	align-items:center; 
	justify-content:center;
	display:flex;
}
.gift_row{
	color: #000000;
}
.gift_box{
	color: #000000;
}
.gift_boxes{
	color: #000000;
}
.list_title{
	font-family: Didot, serif;
	font-size: 25px;
  color: #005EAE; 
	margin: 10px;
}
.list_title_small{
	font-family: Didot, serif;
	font-size: 40px;
  color: #005EAE; 
	margin: 10px;
}
.account_box{
	/*background-color: #CBE7FF;*/
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	color: #000000;
}
.accountpage{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	column-gap: 1.5%;
	row-gap: 12%;
	margin: 15px;
}
.accountpage div{
	text-align: center;
	font-family: Didot, serif;
	font-size: 20px;
}
.userinfopage{
	color: #000000;
}
ul{
	list-style-type: none;
}
.recipient_name_title{
	color: #005EAE;
}
.giftstar{
	font-size: 200px;
}
.gift_result{
	font-size: 35px;
	font-family: Didot, serif;
}
.gift_result_2{
	font-size: 25px;
	font-family: Didot, serif;
}
.list_budget{
	text-align: center;
	font-size: 35px;
	font-family: Didot, serif;
	color: #005EAE;
	margin-bottom: 10px;
}
.list_gifts{
	display: grid;
	justify-content: space-around;
	font-size: 20px;
	font-family: Didot, serif;
	color: #005EAE;
	margin-above: 15px;
	margin-left: 320px;
	margin-right: 320px;
	padding: 10px;
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
}
.list_title{
	text-align: center;
	font-size: 50px;
	font-family: Didot, serif;
	color: #005EAE;
	margin-above: 20px;
	margin-below: 20px;
	padding: 8px;
}
#cost{
	font-size: 35px;
	font-family: Didot, serif;
	color: #CBE7FF;
}
.full_page_box{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	padding: 10px;
	margin: 12px;
	text-align: center;
}
.full_page_box2{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	padding: 10px;
	margin: 12px;
	text-align: center;
	margin-left: 300px;
	margin-right: 300px;
}
.list_gifts{
	font-size: 25px;
	text-align: center;
}
.individual_gift_head{
	text-align: center;
	margin-above:0px;
	padding: 7px;
	font-size: 55px;
	font-family: Didot, serif;
	color: #005EAE;
}
.view_gift_page{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	column-gap: 2%;
	margin: 20px;
}
.left_column{
	grid-column-start: 1;
	grid-column-end: 2;
	text-align: center;
}
.right_column{
	grid-column-start: 2;
	grid-column-end: 3;
	font-size: 35px;
	font-family: Didot, serif;
	color: #005EAE;
	text-align: center;
}
.show_add_list_button{
	align-items: center;
}
#material-icons-not-bought {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 35px!important;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #CBE7FF;
  text-decoration:none;
  display:grid!important;
  align-content:center;
	padding-left: 5px;
}
#material-icons-bought {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 35px!important;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #005EAE;
  text-decoration:none;
  display:grid!important;
  align-content:center;
	padding-left: 5px;
}
#biggiftimage{
	/*filter: brightness(10%);*/
	/*background-color: blue;*/
	height: 500px;
	width: 500px;
	text-align: center;
}
.viewrecipientinfo{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.recipientinfoleft{
	grid-column-start: 1;
	grid-column-end: 2;
	font-size: 20px;
	font-family: Didot, serif;
	color: #005EAE;
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	margin: 12px;
	padding-left: 20px;
}
.recipientrecs{
	grid-column-start: 2;
	grid-column-end: 3;
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	margin: 12px;
	padding-left: 20px;
}
.header5{
	font-size: 35px;
	font-family: Didot, serif;
	color: #005EAE;
}
.smallheader{
	font-size: 30px;
	font-family: Didot, serif;
	color: #005EAE;
}

/* e's styles */
.gridform{display:grid; grid-template-columns:1fr 2fr; max-width:500px; margin:20px; border-radius: 15px; border-style: solid; background-color:#7cbcf7; padding: 20px;}
.gridform_four{display:grid; grid-template-columns:auto auto auto auto; max-width:400px; margin:20px;}
.tworow{grid-column:1/3;}
.threerow{grid-column:3/5;}
.fourrow{grid-column:1:5;}
#make-item{display:none;}
.viewTable{max-width:600px; padding:5px;}
.viewTable tr:nth-child(odd){background-color:#CBE7FF;}
.viewTable th{background-color:#005EAE; color:#ffffff; border-radius:15px; padding:10px;}
.long{max-width:200px;}
.longellipse{max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.center{text-align:center;}
label{font-weight:bold; color:#005EAE;}
.checkarea{display:flex; }
.searchbar{background-color:#3B4C56; border-radius:10px; display:flex; flex-wrap: wrap; justify-content:space-between; padding:10px; max-width:800px; margin:20px;}
.searchbarcheck{background-color:#3B4C56; border-radius:10px;  padding:10px; max-width:1000px; margin:20px; color:#ffffff;}
.flexrow{display:flex;justify-content:space-around; color:#ffffff; font-size:.8em; padding:10px;}
.searchbarcheck label{color:#ffffff;font-size:1.2em;}


.loggedoutmessage{
	font-size: 35px;
	font-family: Didot, serif;
	color: #005EAE;
	text-align: center;
}


.list_image_box_collection{
	display:flex;
	flex-wrap:wrap; 
	flex-direction: row;
	justify-content: space-around;
}
.list_image_box{
	display:flex;
	font-family: Didot, serif;
	font-size: 20px;
	color: #005EAE;
	width: 150px;
	
}
.indexheader2{
	font-size: 40px;
	font-family: Didot, serif;
	color: #CBE7FF;
	text-align: center;
}
.list_preview_row{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
}
.material-icons-outlined{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 32px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.mylists2{
	text-align: center;
}
.index{
	text-align: center;
	display: grid;
	grid-template-columns: 1fr, 1fr;
	grid-template-rows: 1fr, 1fr;
	column-gap: 1%;
	row-gap: 2%;
}
.lefthomepagebox{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
	margin: 5px;
}
.toprighthomepagebox{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	margin: 5px;
}
.bottomrighthomepagebox{
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	margin: 5px;
}
.full_results{
	display:flex;
	flex-wrap:wrap; 
	flex-direction: row;
	justify-content: space-around;
}
.gift_result{
	width: 250px;
	text-align: center;
	font-size: 25px;
	row-gap: 10px;
}
.view_event_table{
	column-gap: 10px;
}
.view_event_lists{
	display: grid;
	justify-content: center;
	margin-left: 300px;
	margin-right: 300px;
	border-style: solid;
	border-color: #CBE7FF;
	border-width: 3px;
	font-size: 25px;
	font-family: Didot, serif;
	color: #005EAE;
	padding: 10px;
}
.add_gift{
	font-family: Didot, serif;
	color: #005EAE;
	text-align: center;
}
.add_event_table{
	text-align: center;
	font-family: Didot, serif;
	color: #005EAE;
	font-size: 30px;
}
.addrecipient{
	font-family: Didot, serif;
	color: #005EAE;
	font-size: 20px;
	
}

.alert{
	text-align: center;
}