/* GLOBAL STYLING VARIABLES */

:root {
	/* ORCID COLOURS */
	/* ORCID brand primary - Green */
	--brand-primary-lightest: rgb(245, 249, 232);
	--brand-primary-light: rgb(212, 231, 161);
	--brand-primary: rgb(166, 206, 57);
	--brand-primary-dark: rgb(127, 170, 38);
	--brand-primary-darkest: rgb(68, 116, 5);

	/* ORCID brand secondary - Blue */
	--brand-secondary-lightest: rgb(208, 243, 255);
	--brand-secondary-light: rgb(142, 194, 219);
	--brand-secondary: rgb(46, 127, 159);
	--brand-secondary-dark: rgb(8, 92, 119);
	--brand-secondary-darkest: rgb(0, 52, 73);

	/*  ORCID brand Tertiary - purple */

	--brand-tertiary-darkest: rgba(69, 44, 68, 1);
	--brand-tertiary-dark:rgba(103, 66, 102, 1);
	--brand-tertiary:rgba(137, 88, 136, 1);
	--brand-tertiary-light:rgba(178, 146, 178, 1);
	--brand-tertiary-lightest:rgba(220, 205, 219, 1);

	/*  ORCID brand quad */

	--brand-quad-darkest: rgba(102, 0, 43, 1);
	--brand-quad-dark:rgba(153, 0, 65, 1);
	--brand-quad:rgba(204, 0, 86, 1);
	--brand-quad-light:rgba(222, 89, 145, 1);
	--brand-quad-lightest:rgba(240, 178, 204, 1);




	/* ORCID brand citrus - Orange */

	--brand-citrus: rgba(255, 156, 0, 1);

	/* ORCID background greys */
	--ui-background-lightest: rgb(250, 250, 250);
	--ui-background-light: rgb(245, 245, 245);
	--ui-background: rgb(224, 224, 224);
	--ui-background-dark: rgb(97, 97, 97);
	--ui-background-darkest: rgb(33, 33, 33);

	/* TEXT - Colours for copy */
	/* DARK */
	--text-dark-high: rgba(0, 0, 0, .9);
	--text-dark-med: rgba(0, 0, 0, .6);
	--text-dark-low: rgba(0, 0, 0, .3);
	--copy-dark: var(--text-dark-high);
	/* LIGHT */
	--text-light-high: rgba(255, 255, 255, .9);
	--text-light-med: rgba(255, 255, 255, .6);
	--text-light-low: rgba(255, 255, 255, .3);
	--copy-light: var(--text-light-high);


	/* SPACING - Standard spacing amounts based on factors of 8 */
	--space: 8px;
	--space-half: 4px;
	--space-quarter: 2px;
	--space-double: 16px;
	--space-triple: 24px;
	--space-quad: 32px;
	--space-quint: 40px;
	--space-oct: 64px;

	/* BORDER RADIUS - Curved corners */
	--radius: 4px;
	--radius-tight: 2px;
	--radius-loose: 8px;

	/* THICKNESS - Use for borders and separators */
	--thin: 1px;
	--medium: 2px;
	--thick: 4px;
	--chunky: 8px;
}


/* global styles */
/*           */

/* Section Container styles */
.stakeholder-container{	
	padding: var(--space-quint) var(--space-quint) var(--space-double) var(--space-quint) !important;
	margin-bottom: var(--space-double);
	margin-top: var(--space-double);
}


/* Styling the  default accordion(details) block to set in the middle and be a bit more visually impactful on Stakeholder pages*/


Summary {
    list-style-image: none;
    color: var(--brand-primary-darkest);
    align-items: center;
    text-align: center;
    font-size: larger;
	font-weight: bold;
}


  /* table styles */


  .table-subhead{
	background-color: rgba(68,116,5,1) !important;
	color: #fff;
	border: 0 !important;
  }


  .wp-block-table table,
  table tbody td,
	table tbody th{
	border: 0 !important;
}

.wp-block-table table,
.wp-block-table td, 
.wp-block-table th,
table tbody td,
table tbody th,
td,
th
 {
	border: 0 !important;
	padding: 16px !important;

}

.hero-radius{
	border-radius: var(--radius-loose) var(--radius-loose) 0 0;
}

.stakeholder-hero-container{
	padding: var(--space-quad) 0 var(--space-quad) 0;
}


/* Get the main content to fit the full width of the container */

main#genesis-content.content{
    padding: 0;
	box-shadow: none;
}

/* Put a little left hand divider between text in the hero  */
.researcher-header-text{
    border-left: 1px solid var(--brand-primary-light);
}

.researcher-header-text a{
	color: white !important;
	
} 

/* The Hero button styles  */
.wp-block-genesis-blocks-gb-button, 
.gb-button, 
.stakeholder-button,
.gb-button:hover{
background-color: var(--brand-secondary-darkest)!important;
border-color: var(--brand-primary-darkest) !important;
color: #fff!important;
text-transform: none !important;
box-shadow: none !important;
} 


/* Make all the white background boxes have rounded corners */
.column-text-box{
	background-color: #fff;
	border-radius: var(--radius-loose)!important;
	padding: var(--space);
	padding:var(--space-double);
}


/* Comparison cards */

.column-cards{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.basic-button-column{
	border-style: solid ;
	border-color: var(--ui-background);
	border-width: 0px 1px 0px 1px;
}

/* checklist items icon */

.benefit-tick-list {

	list-style-type: none !important;
}


.fa-check-circle{
	color: var(--brand-primary);
	margin-right: var(--space);
}

 /* div.wp-block-genesis-blocks-gb-column.column-text-box.column-cards.gb-block-layout-column.gb-is-vertically-aligned-center div.gb-block-layout-column-inner.has-white-background-color.has-black-color */
/* 
 div.wp-block-genesis-blocks-gb-accordion.benefits-accordion.gb-align-center.gb-block-accordion details summary.gb-accordion-title{
		background: url("images/Icon-expand-closed.png") no-repeat center !important;
		border-bottom: var(--medium) solid var(--ui-background);
		/* color: var(--copy-dark); */
		/* color: fuchsia;
		cursor: pointer;
		padding: var(--space-double) var(--space-double) var(--space-double) var(--space-quint) !important;

} */ 




/* Membership Benefits Cards styles  */

.public-card{
	border-top: 4px solid var(--brand-primary-darkest);
	padding: var(--space);

}

.basic-card{
	border-top: 4px solid var(--brand-citrus);
	border-left: 1px var(--ui-background)solid;
	border-right: 1px var(--ui-background)solid;
	padding: var(--space);
}

.premium-card{
	border-top: 4px solid var(--brand-tertiary);
	padding: var(--space);
}

.consortium-card{
	border-top: 4px solid var(--brand-quad);
	padding: var(--space);
	border-left: 1px var(--ui-background)solid;
}




/* Styles specifically for the bullets at the top of the building a succesful consortium page */
.list-one,
.list-two,
.list-three,
.list-four,
.list-five {
	background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 30px;
	list-style-type: none !important;
}

.list-one{
	background-image: url(/https/info.orcid.org/wp-content/uploads/2023/02/number1.png);
}

.list-two{
	background-image: url(/https/info.orcid.org/wp-content/uploads/2023/02/number-2.png);
}

.list-three{
	background-image: url(/https/info.orcid.org/wp-content/uploads/2023/02/number-3.png);
}

.list-four{
	background-image: url(/https/info.orcid.org/wp-content/uploads/2023/02/numbe-4.png);
}

.list-five{
	background-image: url(/https/info.orcid.org/wp-content/uploads/2023/02/number-5.png);
}

.list-benefit{
	background-image: url(/https/info.orcid.org/wp-content/uploads/2020/10/benefit.png);
}

.text-cards{
	border: var(--brand-primary) solid 1px;
	border-radius: var(--radius);
	border-top: var(--thick) solid var(--brand-primary);
	margin-bottom: var(--space-double);
	padding: var(--space-double);
	background-color: #fff;
	color: var(--text-dark-high);
}




.tick-list{
	background-repeat: no-repeat;
	list-style-type: none !important;
}



/* make the a href on the blue background show up  */



.a-blue-background a{
	color:#fff
}


.a-blue-background a:visited{
	color: #fff;
}


.a-blue-background a:hover{
	color: #fff;
	font-weight: bolder;
}


.call-out-box{
	border:  red solid;
	padding:var(--space);
}



/* Specific styles for the Publishers page Workflows and USe cases boxes */


.use-cases a{
	color: #dccddb !important;

}

.use-cases a:hover{
	color: var(--text-light-high)!important;
	font-weight: bold !important;
}


.workflows a:hover{
	font-weight: bold !important;
	
} 

.ui-background a{
	color: #003449;
}

.ui-background a:hover{
	color: #003449;
	font-weight: bold !important;
}


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


/* Media Queries */

@media only screen and (max-width: 1023px) {
	
	#ORCID_Organizational_Membership{
		font-size: 30px;
	}
	
}