/*
 Theme Name:   University of Birmingham GeneratePress
 Theme URI:    https://birmingham.ac.uk
 Description:  UoB -  GeneratePress child theme
 Author:       Web & Digital Team - IT Services
 Template:     generatepress
 Version:      0.1
*/
.inside-article .Primarybutton-dark {
    background-color: var(--contrast);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: 2px solid var(--contrast);
    color: #ffffff;
    display: inline-flex;
    margin-bottom: 10px;
    padding: 15px 20px
}

.Primarybutton-dark:hover {
    background-color: var(--base-3);
    color: var(--contrast)
}

.inside-article .primarybutton-light {
    background-color: var(--base-3);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: 2px solid var(--contrast);
    color: var(--contrast);
    display: inline-flex;
    margin-bottom: 10px;
    padding: 15px 20px
}

.inside-article .primarybutton-light:hover {
    background-color: var(--contrast);
    color: var(--base-3)
}


.content-area img {
	margin-bottom: 20px;
}
.offset:nth-child(2n) {
	top: 1rem;
	position: relative; 
}

.grid-offset > .gb-grid-column:nth-child(2n){
	top: 5rem;
	position: relative;
	margin-bottom: 5rem; 
}
@media only screen and (max-width: 768px) {
	
.offset:nth-child(2n) {
	top: 0rem;
	position: relative; 
}
	.grid-offset > .gb-grid-column:nth-child(2n){
	top: 0rem;
	position: relative;
	margin-bottom: 0rem; 
}
}



.gb-query-loop-item > .gb-container.offset:has(.gb-container-link):focus-within {
	background-color: var(--gold30);
}

ul.wp-block-categories-list.categorylist.wp-block-categories{
 margin-left: 0;
	 padding-left: 0;
}
.categorylist > li {
	display: inline-flex;
}

.categorylist > li a {
	font-weight: bold;
	padding: 1rem 2.25rem;
	border-radius: 30px;
	border: 1px solid var(--gold);
	margin: .5rem .2rem; 
	
}

.categorylist > li a:hover {
	background: var(--gold30);
	transition: all .2s ease-in;
}

	outline-offset: 2px;
	background: var(--gold30);
	box-shadow: 0 0 0 2px #c59a00;
	transition: all .2s ease-in;
}

ol,ul {
    margin: 0 0 1.5em 1em;
}

p a {
    border-bottom: 1px solid;
}

p a:focus, p a:hover {
    background-color: var(--gold30)
}

h3 a:focus {
	color: var(--gold);
}

ul.uob-cat.wp-block-categories {
    margin: 0;
    padding: 0;
    
}

ul.uob-cat.wp-block-categories li {
    margin: 0;
}

ul.uob-cat.wp-block-categories li a {
    display: block;
    padding: .7rem .5rem .7rem 1em;
    border-bottom: 1px solid var(--grey30);
    margin: 0;
}

ul.uob-cat.wp-block-categories li a:hover, ul.uob-cat.wp-block-categories li a:focus{
    background-color: var(--gold30);
    outline: none;

}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    overflow-wrap: break-word;
    padding: 1em 0;
    border-bottom: 1px solid var(--wp--preset--color--grey-30);
}

.wp-block-latest-posts.wp-block-latest-posts__list li a:hover, .wp-block-latest-posts.wp-block-latest-posts__list li a:focus {
    background-color: var(--gold30);
	  outline: none;
}

.archive h2.gb-headline:hover, .archive h2.gb-headline:focus, .search h2.entry-title a:hover, .search h2.entry-title a:focus {
    background-color: var(--gold30);
}


.stretch-link {
  position: relative;
}

.stretch-link a::after {
  content: '';
  position: absolute;
  inset: 0;
}

.stretch-link a:is(:focus-visible)::after {
  outline: 2px solid;
}

.stretch-link a:is(:hover, :focus) {
  outline: none;

		
}

.stretch-link:is(:hover, :focus) {
  background: var(--gold30);

		
}