body {
	background-color: #FFF;
}

#page.secondary #main {
	margin-top: 6rem;
}

.btn {
  position: relative;
  z-index: 10;
  width: 300px !important;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 30px;
  /*background-color: rgba(255, 255, 255, .1);*/
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  outline: none;
  cursor: pointer;
}
.btn::before {
  position: absolute;
  top: 15px;
  left: 75px;
  z-index: -1;
  width: 150px;
  height: 30px;
  border-radius: 50px;
  background-color: #0cbcf2;
  filter: blur(10px);
  content: "";
  transition: .5s;
}
.btn:hover::before {
  transform: scale(2);
}

.btn.grey::before {
	background-color: #ccc;
}

/*
*************** HEADER REGION CSS ***************
*/

header.page-header {
	position: fixed;
  z-index: 100;
  width: -webkit-fill-available;
  background-color: var(--theme-light-grey);
  padding: 0.6rem;
  box-shadow: 1px 1px 10px var(--theme-grey);
}

#logo {
	opacity: 1;
	transition: all 0.5s;
}
#logo:hover {
	opacity: 0.7;
	transition: all 0.3s;
}

#header-middle {
	display: flex;
  	justify-content: right;
  	align-items: center;
  	/*min-height: 4rem;*/
}

#header-right {
	display: flex;
  	justify-content: flex-end;
  	align-items: center;
	margin-top: 10px;
  	/*min-height: 4rem;*/
}

#block-dga-mainnavigation-2 ul.menu {
	flex-wrap: nowrap;
}

#block-dga-mainnavigation-2 a,
#block-dga-mainnavigation a {
	color: #000;
	font-family: 'blackstone';
	font-size: 1.2rem;
	padding: 0.75rem;
	border-bottom: 0px;
	transition: all 0.3s;
}

#block-dga-mainnavigation-2 a:hover,
#block-dga-mainnavigation a:hover {
	color: inherit;
	border-bottom: 3px solid #003971;
	transition: all 0.3s;
}

#block-dga-account-menu a,
#block-dga-useraccountmenu a {
	background-color: var(--theme-grey);
	color: #FFF;
	font-family: 'blackstone';
	font-size: 1.2rem;
	margin-right: 0.3rem;
	padding: 0.3rem 1.75rem;
	border-bottom: 3px solid var(--theme-light-grey);
}

#block-dga-account-menu a:hover,
#block-dga-useraccountmenu a:hover {
	color: var(--theme-blue);
	border-bottom: 3px solid var(--theme-blue);
}

#block-dga-account-menu li:first-of-type a,
#block-dga-useraccountmenu li:first-of-type a {
	background-color: var(--theme-blue);
}
#block-dga-account-menu li:first-of-type a:hover,
#block-dga-useraccountmenu li:first-of-type a:hover {
	color: #FFF;
}

@media screen and (max-width: 640px) {
	#block-dga-account-menu a {
		padding: 5px;
		margin: 0 0 0 5px;
		font-size: 1em;
	}
	h1 {
		font-size: 2.5em;
		margin-bottom: 2rem;
	}
	.wide.row {
		padding: 10px;
	}
}


/*
*************** BANNER REGION CSS ***************
*/
#banner {
	margin-top: 6rem;
}

/*
*************** FRONT PAGE SLIDER CSS ***************
*/

#block-dga-views-block-front-page-slideshow-block-1 .flexslider {
	border: none;
}
#block-dga-views-block-front-page-slideshow-block-1 .slideshow-button {
	position: relative;
  top: -19vw;
  left: 18%;
  height: 0;
}
#block-dga-views-block-front-page-slideshow-block-1 .highlighted-image {
	position: absolute;
	top: 23%;
	right: 19vw;
	width: 20vw;
	transition: all 0.3s ease;
}
#block-dga-views-block-front-page-slideshow-block-1 .highlighted-image:hover {
	transform: scale(1.05);
}
@media screen and (max-width: 1024px) {
	#block-dga-views-block-front-page-slideshow-block-1 .slideshow-button {
    top: -18vw;
    left: 15%;
	}
	#block-dga-views-block-front-page-slideshow-block-1 .slideshow-button a {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 640px) {
	#block-dga-views-block-front-page-slideshow-block-1 .slideshow-button a {
		font-size: 1rem;
		padding: 0.5rem 0.75rem;
	}
}
@media screen and (max-width: 480px) {
	#block-dga-views-block-front-page-slideshow-block-1 .slideshow-button {
		left: 12%;
	}
	#block-dga-views-block-front-page-slideshow-block-1 .slideshow-button a {
		font-size: 0.8rem;
		padding: 0.5rem 0.75rem;
	}
}

/*
*************** CONTENT TOP REGION ***************
*/
#content-top-wrapper {
	padding: 1rem;
}
#content-top {
	background-color: #FFF;
	padding: 1rem;
	margin-bottom: 3rem;
	box-shadow: 1px 1px 10px var(--theme-grey);
}
#content-top h2 {
	font-size: 3.75rem;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 1.5rem;
}

/*
*************** WHY DGA BLOCK ***************
*/
#block-dga-views-block-why-dga-block-1 .views-row {
	text-align: center;
	margin-bottom: 2rem;
}
#block-dga-views-block-why-dga-block-1 .views-field-field-dga-icon {
	margin-bottom: 1rem;
}
#block-dga-views-block-why-dga-block-1 .views-field-title {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
	#block-dga-views-block-why-dga-block-1 .views-row:nth-of-type(odd) {
		clear: left;
	}
}


/*
*************** SUBMISSION PROCESS BLOCK ***************
*/
#block-dga-submissionprocess {
	position: relative;
    width: 100%;
}
#block-dga-submissionprocess img {
	width: 100%;
}

#block-dga-submissionprocess a,
#block-dga-submissionprocess-2 a {
	position: relative;
    bottom: 6vw;
    display: block;
    width: max-content;
    margin: auto;
}
@media screen and (max-width: 1024px) {
	#block-dga-submissionprocess a,
	#block-dga-submissionprocess-2 a {
		bottom: 8vw;
	}
	#block-dga-submissionprocess a.button,
	#block-dga-submissionprocess-2 a.button {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 800px) {
	#block-dga-submissionprocess a.button,
	#block-dga-submissionprocess-2 a.button {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 640px) {
	#block-dga-submissionprocess a.button,
	#block-dga-submissionprocess-2 a.button {
		font-size: 1rem;
		padding: 0.5rem;
	}
}


/*
*************** SECONDARY CONTENT REGION ***************
*/
#secondary-content {
	display: inline-flex;
	padding: 2rem;
}

#secondary-content-first {
	padding: 2rem;
}
#secondary-content-second {
	padding: 2rem;
}

#block-dga-peopleinthehobby h2 {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
	#secondary-content {
		display: inline-block;
	}
	#secondary-content-first {
		text-align: center;
	}
}
@media screen and (max-width: 800px) {
	#block-dga-peopleinthehobby h2 {
		font-size: 2.5rem;
	}
	#secondary-content-second {
		padding: 0;
	}
}
@media screen and (max-width: 480px) {
	#block-dga-peopleinthehobby h2 {
		font-size: 2rem;
	}
}


/*
*************** FEATURED BOTTOM REGION ***************
*/
#featured-bottom {
	margin-top: 1rem;
}

/*
*************** ENHANCE YOUR COLLECTION BLOCK ***************
*/
#block-dga-enhanceyourcollection {
	position: relative;
}
#block-dga-enhanceyourcollection .field-highlighted-image {
	position: absolute;
   top: 19.5%;
   right: 14.2vw;
   width: 18vw;
}
#block-dga-enhanceyourcollection .field-button {
	height: 0;
}
#block-dga-enhanceyourcollection .field-button a {
	padding: 10px;
  background-color: var(--theme-grey);
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 20pt;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  top: -15vw;
  left: 17%;
}
#block-dga-enhanceyourcollection .field-button a:hover {
	background-color: #FFF;
  color: #000;
  transition: 0.5s ease-in-out;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
	#block-dga-enhanceyourcollection .field-highlighted-image {
    top: 19%;
  }
}
@media screen and (max-width: 1024px) {
	#block-dga-enhanceyourcollection .field-button a {
		font-size: 15pt;
    top: -12vw;
    left: 12%;
	}
}
@media screen and (max-width: 640px) {
	#block-dga-enhanceyourcollection .field-highlighted-image {
  	top: 18%;
  }
  #block-dga-enhanceyourcollection .field-button a {
  	font-size: 12pt;
  }
}
@media screen and (max-width: 480px) {
  #block-dga-enhanceyourcollection .field-button a {
  	font-size: 10pt;
  	left: 8%;
  }
}

/*
*************** FOOTER ***************
*/
footer.site-footer {
	background-color: var(--theme-grey);
  padding: 6rem 0 1rem;
}
footer * {
	color: #FFF;
}
@media screen and (max-width: 640px) {
	footer * {
		text-align: center;
	}
}

#block-dga-branding {
	margin-bottom: 2rem;
	opacity: 1;
	transition: all 0.5s;
}
#block-dga-branding:hover {
	opacity: 0.7;
	transition: all 0.3s;
}
#block-dga-branding img {
	max-width: 220px;
}
#block-dga-footercontact {
	margin: 3rem 0;
}
#block-dga-footercontact a {
	color: var(--theme-light-grey);
	font-weight: bold;
}
#block-dga-footercontact a:hover {
	text-decoration: underline;
}

#block-dga-bbblogo {
	margin-bottom: 3rem;
	opacity: 1;
	transition: all 0.5s;
}
#block-dga-bbblogo:hover {
	opacity: 0.7;
	transition: all 0.3s;
}

#block-dga-dga ul.menu,
#block-dga-mt-business-cleanplus-products ul.menu {
	display: block;
	width: 100%;
}
#block-dga-dga a,
#block-dga-mt-business-cleanplus-products a {
	font-size: 0.9rem;
	font-weight: bold;
	border: none;
}
#block-dga-dga a:hover,
#block-dga-mt-business-cleanplus-products a:hover {
	color: inherit;
	text-decoration: none;
	border: none;
}

#footer-bottom {
	padding: 3rem 0 0;
  margin: 1rem 1rem 0;
  border-top: 1px solid;
  border-color: rgba(246, 249, 252, 0.3);
}

/*
*************** SCROLL TO TOP ***************
*/
#scrollTopButton-image {
	background-image: url('/themes/custom/dga/images/doubleuparrow.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	bottom: 30px;
	right: 30px;
	padding: 1.75rem;
  
  box-shadow: 1px 1px 20px var(--theme-grey);
}

/*
*************** DESIGNER LABELS PAGE ***************
*/
#block-dga-views-block-labels-block-1,
#block-dga-views-block-label-border-options-block-1 {
	display: inline-block;
	margin-bottom: 3rem;
}
#block-dga-views-block-labels-block-1 .views-row {
	min-height: 11rem;
	margin-bottom: 0.5rem;
}
#block-dga-views-block-labels-block-1 .views-field-field-la {
	transition: all 0.3s ease;
}
#block-dga-views-block-labels-block-1 .views-field-field-la:hover {
	transform: scale(1.05);
}
#block-dga-views-block-label-border-options-block-1 .views-row {
	min-height: 12rem;
	margin-bottom: 0.5rem;
}
#block-dga-views-block-label-border-options-block-1 .views-field-field-la {
	transition: all 0.3s ease;
}
#block-dga-views-block-label-border-options-block-1 .views-field-field-la:hover {
	transform: scale(1.05);
}


/*
*************** SERIAL LOOKUP PAGE ***************
*/
input#edit-serial {
	max-width: 22rem;
	padding: 1rem;
	font-size: 1.2rem;
	height: auto;
	border: 1px solid var(--theme-grey);
	border-radius: 0;
	max-width: 20rem !important;
  	float: left;
  	margin-right: 2rem;
}
/*
form .button {
	background-color: var(--theme-blue);
	font-size: 1.2rem;
	padding: 1.2rem 2rem;
}
*/

/*** RESULTS TABLE ***/
.dga-grad-header {
	margin-bottom: 45px;
}
.dga-grad-header table tr td {
	padding: 10px 5px !important;
}
.custom-card-grading-grading-process-form{
	font-size:14px !important;
}
.column-sport{
	width:100px;
}
.column-player{
	width:150px;
}
.column-year{
	width:100px;
}
.column-manufacturer{
	width:150px;
}
.column-card-set{
	width:150px;
}
.column-variation{
	width:200px;
}
.column-label-material{
	width:150px;
}
.column-card-num{
	width:80px;
}
.column-label-border{
	width:200px;
}
.column-qty{
	width:70px;
}
.column-remove{
	width:50px;
}
/* Submit Now Page */
.sc-button a.button {
	padding: 0.75rem 1.25rem;
  font-size: 1.4rem;
  margin-bottom: 0;
}
.submit-card-wrapper{
	max-width: 1500px;
    margin: 0 auto;
	padding-bottom:50px;
}
.submit-card{
	padding:20px;
}
.sc-one-wrapper{
	padding:20px;
	box-shadow: 0 0 15px rgb(0, 0, 0, 0.4);
	border-radius: 10px;
}
.sc-one{
	padding-left:10px;
	padding-right:10px;
}
.sc-one-icon{
	text-align: center;
    padding-bottom: 10px;
}
.sc-one-address{
	padding-left:15%;
}
.sc-one-title{
	text-align: center;
  padding-bottom: 10px;
}
.sc-one-title h2 {
	margin-bottom: 0.75rem;
}
.sc-one-body a{
	color:#003971 !important;
}
.sc-two-head{
	background: #cdcdcd;
    color: #ffffff;
}
.sc-two-body {
	display: inline-block;
}
.sct-top-text{
	text-align: center;
    padding-top: 10px;
	padding-bottom: 10px;
    font-size: xx-large;
}
.sc-bt-text{
	text-align: center;
    padding-bottom: 10px;
}
.sc-two-price{
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 30pt;
    font-weight: 700;
}
.sc-footer{
	text-align: center;
    padding-top: 30px;
}
.sc-footer-text{
	padding-top:20px;
}
.ps-dga-logo{
	display:inline-block;
	padding-right:30px;
	padding-bottom:30px;
}
.packing-slip-title{
	display:inline-block
}
.submission-title{
	padding-bottom:20px;
}
#block-cleanplus-content table{
	margin-top:20px;
}
#block-cleanplus-page-title h1{
	text-transform: uppercase;
}
#edit-actions-next{
	margin-top:20px;
}
#edit-actions{
	margin-top:20px;
}
ul.menu li > a:before{
	display:none;
}
label{
	margin-top:10px;
}
#block-customernavigation{
	padding-bottom:25px;
}
.hero-top__section ul li a{
	text-transform:uppercase;
}
/* Grading Page */
.top-tb h3{
	text-align:center;
}
.t-gray{
	background-color:#e1e1e1;
}
.t-width{
	width:50%;
}
.work-head-2{
	text-align:center;
	background-color:#f6f6f6 !important;
}
.dga-card-table th{
	text-align:center;
	background-color:#f6f6f6 !important;
}
.ht-top{
	background-color: #085296;
    color: #ffffff;
    font-size: xx-large;
    text-align: center;
    padding-top: 20px !important;
	padding-bottom:20px !important;

}
.ht-bottom{
    font-size: xx-large;
	font-weight:700;
    text-align: center;
    padding-top: 10px !important;
	padding-bottom:10px !important;

}
.work-head-1{
	background-color:#ffffff !important;
	text-align:center;
	border:0 !important;
	width:10%;
	font-size:15pt !important;
	font-weight:700;
}
.work-first	{
	background-color:#ffffff !important;
	text-align:center;
	border:0 !important;
	width:10%;
	font-size:smaller;
}
.dga-work table{
	border-width: 0 !important;
	border-color:#ffffff;
	border:0 !important;
}
.t-50{
	width:45%;
}
.dga-card-wrapper{
	border: 3px solid #000000;
  border-radius: 10px;
  margin-bottom: 45px;
}
.dga-card{
	padding:20px;
}
.dga-work-wrapper{
	border: 3px solid #000000;
  border-radius: 10px;
  margin-bottom: 45px;
}
.dga-work{
	padding:20px;
}
.work-legend{
	text-align:center;
}

.s-1 h4{
	font-weight: bold;
	width: 100px;
	position: left;
  position: relative;
  left: 5%;
  top: -18px;
  margin: 0;
  text-align: center;
  background: #ffffff;
}
.s-2 h4{
	font-weight: bold;
	width: 320px;
	position: left;
  position: relative;
  left: 5%;
  top: -18px;
  margin: 0;
  text-align: center;
  background: #ffffff;
}
.dga-grad-pg{
	text-transform:uppercase;
}
.dga-header-logo{
	text-align:center;
}
.dga-header-logo img{
	width: 80%;
}
.dga-header-title{
	text-align:center;
}
.t-gray p{
	padding-bottom: 0!important;
}
.t-gray h3{
	margin:0 !important
}
.dga-card-table table{
	margin-top:0 !important;
	margin-bottom: 3px !important;
}
.t-year{
	width:15%;
}
.t-man{
	width:40%;
}
.t-set{
	width:25%;
}
.t-num{
	width:15%;
}
.dga-card-table td{
	text-align:center;
	font-size:x-large;
	font-weight:700;
}
.work-first{
	font-size:x-large;
	font-weight:700;
}
.t-fields{
	font-size: x-large;
    font-weight: 700;
}
.dga-grad-pg td{
	word-break:break-all;
}
.dga-grad-pg-wrapper table tr td {
	border: 1px solid #000;
}
.dga-grad-pg-wrapper table tr td p {
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
	.dga-header-3 {
		margin-top: 2rem;
	}
}
@media screen and (max-width: 640px) {
	.dga-header-2 {
		margin-top: 2rem;
	}
}

/*
*************** POP REPORTS PAGE ***************
*/
#custom-card-grading-pop-report-form label {
	font-size: 0.9rem;
}
#custom-card-grading-pop-report-form select,
#custom-card-grading-pop-report-form input[type=text] {
	font-size: 0.8rem;
	line-height: 1;
	border-radius: 0;
}

/*
*************** REPORT CARD PAGE ***************
*/
@media screen and (max-width: 640px) {
	.dga-sub-header { 
		margin-bottom: 25px; 
	}
	.dga-card-table td {
		font-size: small;
	}
	.work-head-1 {
		font-size: small !important;
	}
	.dga-grad-pg-wrapper table tr td {
		font-size: small;
	}
	.dga-grad-pg-wrapper table tr td.ht-bottom {
		font-size: x-large;
	}
	table#pop-reports {
		table-layout: fixed;
	}
	table#pop-reports tbody {
		display: block;
    	overflow: scroll;
	}
	table#pop-reports th {
		position: unset;
	}
	#edit-names-fieldset table {
		table-layout: fixed;
	}
	#edit-names-fieldset table tbody {
		display: block;
    	overflow: scroll;
	}
	#submissions-list table {
		table-layout: fixed;
	}
	#submissions-list table tbody {
		display: block;
    	overflow: scroll;
	}
}

/*
*************** GALLERY PAGE (CARDS ALBUM) ***************
*/
.node--type-cards-album .field-card-image div,
.node--type-cards-album .field-image div {
	padding: 1rem;
	width: 33%;
	float: left;
	transition: all 0.3s;
}
.node--type-cards-album .field-card-image div:hover,
.node--type-cards-album .field-image div:hover {
	transform: scale(1.05);
	transition: all 0.3s;
}
@media screen and (max-width: 1024px) {
	.node--type-cards-album .field-card-image div,
	.node--type-cards-album .field-image div {
		width: 50%;
	}
}
@media screen and (max-width: 640px) {
	.node--type-cards-album .field-card-image div,
	.node--type-cards-album .field-image div {
		width: 100%;
	}
}

/*
*************** LOGIN PAGE ***************
*/
#block-dga-local-tasks {
	margin-bottom: 2rem;
}
#block-dga-local-tasks ul {
	list-style-type: none;
	margin: 0;
	display: flex;
}
#block-dga-local-tasks a {
	color: var(--theme-dark-grey);
	background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  transition: all 0.3s;
}
#block-dga-local-tasks a.is-active {
	border-bottom: 2px solid var(--theme-blue);
}
#block-dga-local-tasks a:hover {
	color: #FFF;
	background-color: var(--theme-blue);
	transition: all 0.3s;
}
.user-login-form,
.user-pass {
	margin-bottom: 2rem;
}
.user-login-form label,
.user-pass label {
	color: var(--theme-dark-grey);
	font-family: 'Noto Sans';
	font-weight: normal;
	font-size: 0.95rem;
}
.user-login-form input,
.user-pass input {
	margin-bottom: 0.25rem;
}
.user-login-form .description,
.user-pass p {
	color: var(--theme-grey);
	font-size: 0.9rem;
}


/*
*************** TOP CONTAINER REGION ***************
*/
#top-container-wrapper {
	background-color: var(--theme-grey);
	margin-top: 10px;
}

#top-container ul li a { 
	color: #fff;
}

/*
*************** CUSTOMER NAVIGATION ***************
*/
.customer-navigation,
.grader-navigation {
	/*padding: 1rem 0;*/
}
.customer-navigation a,
.grader-navigation a {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

/*
*************** CREATE SUBMISSION PAGE ***************
*/
#block-dga-createsubmissiontitle {
	display: inline-block;
}
#block-dga-createsubmissiontitle img {
	float: left;
	margin-right: 1.5rem;
}
#block-dga-createsubmissiontitle h2 {
	float: left;
}
#services-fieldset-wrapper fieldset,
#names-fieldset-wrapper fieldset {
	border: 1px solid var(--theme-grey);
	padding: 0.5rem 1.5rem;
}
#services-fieldset-wrapper .fieldset-legend,
#names-fieldset-wrapper .fieldset-legend {
	padding: 0 0.5rem;
}
#services-fieldset-wrapper select {
	max-width: fit-content;
}

#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service {
	width: 14.2%;
	float: left;
}
#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service input {
	display: none;
}
#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service label {
	margin: 0;
	padding: 1rem;
	border: 2px solid transparent;
	border-radius: 3px;
	transition: all 0.3s;
}
#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service:hover label {
	border: 2px solid var(--theme-grey);
	transition: all 0.3s;
}
#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service input[type="radio"]:checked+label {
	border: 2px solid var(--theme-blue);
}

#names-fieldset-wrapper table select,
#names-fieldset-wrapper table input {
	margin-bottom: 0;
	font-size: 0.8rem;
	font-weight: normal;
	color: var(--theme-grey);
}
#names-fieldset-wrapper table td {
	border: 1px solid;
	padding: 0.25rem;
}
#names-fieldset-wrapper .button {
	font-size: 0.8rem;
	color: var(--theme-blue);
	background-color: inherit;
	padding: 0;
}
#names-fieldset-wrapper input#edit-actions-save-and-close-button.button {
	background-color: var(--theme-grey);
}


/*
*************** MY SUBMISSIONS PAGE ***************
*/
#block-dga-mysubmissions {
	display: inline-block;
}
#block-dga-mysubmissions img {
	float: left;
	margin-right: 1.5rem;
}
#block-dga-mysubmissions h2 {
	float: left;
}

#submissions-list {
	margin-bottom: 3rem;
	clear: both;
}
#submissions-list .columns {
	text-align: -webkit-center;
}
#submissions-list a.button-gray {
	display: block;
	width: fit-content;
	background-color: var(--theme-grey);
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	padding: 0.75rem 1.25rem;
	border-bottom: 5px solid transparent;
}
#submissions-list a.button-gray:hover {
	border-bottom: 5px solid var(--theme-blue);
}
#submissions-list a.button-gray.active {
	background-color: var(--theme-blue);
}
#submissions-list h2,
h2.submission-title {
	text-align: left;
	margin: 3rem 0 1rem;
	font-size: 2rem;
}
#submissions-list table th {
	background-color: var(--theme-light-grey);
}
#submissions-list table th,
#submissions-list table td {
	border: 1px solid var(--theme-dark-grey);
}

/*
*************** SUBMISSION DETAILS ***************
*/
#submission-details a.button-gray {
	display: block;
	width: fit-content;
	background-color: var(--theme-grey);
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	padding: 0.75rem 1.25rem;
	border-bottom: 5px solid transparent;
	margin: 0 auto 2rem;
}
#submission-details a.button-gray:hover {
	border-bottom: 5px solid var(--theme-blue);
}
#submission-details a.button-gray.active {
	background-color: var(--theme-blue);
}
#submission-details table {
	margin-top: 2rem;
}
@media screen and (max-width: 640px) {
	#submission-details a.button-gray {
		margin-bottom: 1rem;
	}
}


/*
*************** MORE MOBILE OPTIMIZATION ***************
*/
@media screen and (max-width: 1200px) {
	#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service {
		width: 25%;		
	}
	h4 { font-size: 1.2em; }
}
@media screen and (max-width: 800px) {
	#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service {
		width: 25%;		
	}
}
@media screen and (max-width: 720px) {
	.dga-grad-header .ht-top {
		font-size: 1.25rem;
	}
	#services-fieldset-wrapper .form-item-services-fieldset-service-option-selected-service {
		width: 33%;		
	}
}

@media screen and (max-width: 480px) {
	h3 {
		font-size: 1.25rem;
	}
	main#content,
	#main>.wide>.columns,
	#block-dga-content .custom-card-grading-serial-number-lookup-form>.row>.columns {
		padding-left: 0;
		padding-right: 0;
	}
	#block-dga-content .custom-card-grading-serial-number-lookup-form>.row {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
}