/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* Style the tab */
@import url(https://use.typekit.net/dzv6tjr.css);
.tabs-repeater {
    display: flex;
}

.tabs-repeater.desktop {
	display: flex;
    margin: auto;
}

.tabs{
	width: 33%;
	margin-right:4px;
	padding-right:1px;
	min-height: 400px;
	background-color: var(--light-gray);
}

.tab {
	overflow: hidden;
	border: 1.5px solid var(--base-3);
	background-color: #f1f1f1;
	color: black;
	
}

/* Style the buttons inside the tab */
.tab button {
	background-color: var(--light-gray);
	color: var(--contrast);
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 16px 10px;
	transition: 0.3s;
	font-size: 18px;
	font-weight: normal;
	width: 100%;
    text-align: left;
	
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: var(--accent-2);
	color:var(--base-3);
}


/* Create an active/current tablink class */
.tab button.active {
	background-color: var(--accent);
	color:var(--base-3);
}

.tab button:after{
	content: "";
    display: inline-block;
    box-sizing: border-box;
    position: inherit;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    text-align: right;
    float: right;
	margin-top: 8px;
}

/* Style the tab content */

.tabsContent{
	width: 67%;
	min-height: 400px;
}

.tabContent {
	position: relative;
	display: none;
	padding: 33px 39px;
	background-color: var(--light-gray);
	height: 100%;
}

.tabContent h3{
	margin-bottom: 12px;
}

a.buttonLink {
    background-color: var(--accent);
    color: var(--base-3);
    padding: 15px 25px;
    border-radius: 25px;
    font-size: 20px;
    font-weight: 600;
}

.tabContent a.buttonLink:hover {
	color: var(--base-3);
	background-color: var(--accent-2);
}

.circle-links{
	position: absolute;
    bottom: 20px;
}

.circle-links .circle {
    border: 1px solid var(--accent);
    border-radius: 10px;
    height: 15px;
    width: 15px;
    background-color: white;
    padding: 0;
}
.circle-links .circle.active-circle{
	background-color:var(--accent);
}
.circle-links .circle:hover{
	background-color: var(--accent-2);
}

@media screen and (max-width: 992px){
	.tabs-repeater.desktop{
		display: none;    
	}	
	.tabs-repeater.mobile {
		display: flex;  
		flex-direction: column;
	}	
	.tabs, .tabsContent{
		width: 100%;
	}
	.tab .button{
		font-size: 15px;
	}
	.tabsContent h3{
		font-size: 20px;
	}	
	.tabsContent p{
		font-size: 14px;
	}	
	.tabsContent{
		height: unset;
	}
	
	.mobile .tabContentMobile{
		display: none;
	}
		
	.mobile .active .tabContentMobile{
		position: relative;
		display: inline-block;
		height: 100%;
		padding: 10px 39px 33px;
		background-color: var(--light-gray);
	}
	.mobile .mobile-tab.active button:after{
		transform: rotate(45deg);
	}
}

@media screen and (min-width: 993px){
	.tabs-repeater.mobile{
		display: none;    
	}	
}


/****ERC Membership****/

/*Table*/

td {
    font-weight: 300;
}

td.has-text-align-center {
    color: #4E2F91;
    font-weight: 600;
}

th.has-text-align-center {
	font-weight: 500;
	
}

/*Team Members*/

div.rt-team-container .layout3 .single-team-area {
    text-align: left;
}


.tlp-single-detail div.social-icons a{
	
	background: none;
	
}

.rt-col-md-2.rt-col-sm-6.rt-col-xs-6.even-grid-item.rt-grid-item {
    font-weight: 500;
}



/*** Footer ***/

.wp-block-navigation ul, .wp-block-navigation ul li {
	
	margin-bottom: 0;
	
}

.phone{
	color: inherit;
}
.phone:hover{
	color: inherit;
}

/*.blog-icon::after {
    content: "\f143";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}*/

body .rt-team-container .social-icons a:hover .fa-linkedin {
    background: white;
    color: #0080b1;
}

.site-header .wp-block-search__inside-wrapper {
	border: 1px solid rgba(128, 128, 128, 0.5);
	border-radius: 4px;
}

.site-header .wp-block-search input {
	border-color: white;
	padding: .25rem 1rem;
	border-radius: 4px;
}

.site-header .wp-block-search input::placeholder {
	opacity: .4;
	font-size: 16px;
}

.site-header .wp-block-search button {
	background-color: white;
    color: #661068;
    margin-left: -3px;
	font-size: 16px;
	padding: 0 1rem;
	border-radius: 4px;
}

#generate-slideout-menu .wp-block-search__inside-wrapper {
	border: 1px solid rgba(128, 128, 128, 0.5);
	border-radius: 4px;
}

#generate-slideout-menu .wp-block-search input {
	border-color: white;
	padding: .25rem 1rem;
	border-radius: 4px;
}

#generate-slideout-menu .wp-block-search input::placeholder {
	opacity: .4;
	font-size: 16px;
}

#generate-slideout-menu form.wp-block-search {
	max-width: 85%;
	margin: 0 auto;
}

#generate-slideout-menu .wp-block-search button {
	background-color: white;
    color: #661068;
    margin-left: -3px;
	font-size: 16px;
	padding: 0 1rem;
	border-radius: 4px;
}

.search-results #content.site-content,
.search-no-results #content.site-content {
	padding: 50px 20px !important;
}

.site-footer .wp-block-search input {
	border-color: white;
    border-radius: 5px 0 0 5px;
    width: 70%;
}
.site-footer .wp-block-search button {
	background-color: white;
    color: #1f8fce;
    border-color: white;
    border-radius: 0 5px 5px 0;
    margin-left: -3px;
	font-size: 16px;
	padding-top: 14px;
	padding-bottom: 13px;
}

.login-link{
	margin-left: auto;
	gap: 1rem;
	align-items: center !important;
}


/*MOBILE MENU NAV*/

nav#generate-slideout-menu {
    background-color: #ebebeb;
}


.nav-below-header .main-navigation .inside-navigation.grid-container {
	padding: 0px;
}

.slideout-navigation.main-navigation .main-nav ul li a {
    font-size: 15px !important;
    text-transform: none !important;
    font-weight: 300 !important;
    color: #121212 !important;	
}

.slideout-navigation.main-navigation:hover .main-nav:hover ul:hover li:hover a:hover {
    font-size: 15px !important;
    text-transform: none !important;
    font-weight: 300 !important;
    color: #661068 !important;
	background-color: #f5f5f5;
}

.main-navigation .main-nav ul ul li a {
    padding: 16px 33px 16px 44px;
    background-color: #f5f5f5;
}


.slideout-navigation button.slideout-exit {
    color: var(--base-3);
    padding-left: 33px;
    padding-right: 33px;
	color: #121212 !important;
}

.offside--right.is-open, .offside-js--is-right .offside-sliding-element {
    transform: translate3d(-265px,0,0);
    width: 100% !important;
}

.error404 .site-content .inside-article{
	margin: 50px 50px 50px 100px;
}

@media (max-width: 1024px){
	.error404 .site-content .inside-article{
		margin: 50px 30px 50px 30px;
	}
}

@media (max-width: 767px){
	.error404 .site-content .inside-article{
		margin: 50px 20px 50px 20px;
	}
}

@media (max-width: 767px){
	.gb-container-16d82924 .wp-block-table td, .gb-container-16d82924 .wp-block-table th{
		font-size: 15px;
	}
}

@media (max-width: 550px){
	.gb-container-16d82924 .wp-block-table td, .gb-container-16d82924 .wp-block-table th{
		font-size: 12px;
	}
}

@media (max-width: 450px){
	.gb-container-16d82924 .wp-block-table td, .gb-container-16d82924 .wp-block-table th{
		font-size: 10px;
	}
}

#primary-menu .menu-item-10615, #primary-menu .menu-item-10616, #primary-menu .menu-item-10617, #primary-menu .menu-item-12412{
	display: none;
}

.search-results #content,
.search-no-results #content {
	padding-top: 50px !important;
    padding-right: 40px;
    padding-bottom: 50px !important; 
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.mobile-myerc-link-header {
	display: none !important;
}

@media (max-width:992px){
	.mobile-myerc-link-header {
		display: unset;
		
	}
	.mobile-myerc-link-header div{
		background-color: var(--accent);
    	color: white;
    	text-align: center;
    	padding: 10px;
    	font-weight: 600;
	}
	#secondary-navigation{
		display:none;
		
	}
}

/* accordion block */
.accordion h2{
	margin:0 !important;
	padding: 0 !important;
}

/*** Blog ***/

.blog-header-image {
	max-width:none !important;
	width: 100%;
	height: 171.5px;
	background-size: cover;
	background-image: url('https://yourerc.com/wp-content/uploads/2021/04/ERC_Internal_vs1.png');
	background-position: center;
}
.blog-header-image h1 {
	max-width: 1300px;
	margin: 0 auto;
	padding: 3.125rem 0 3.125rem;
}

body.blog .grid-container #content,
body.tag .grid-container #content{
	max-width: 1300px;
	margin: 0 auto;
}

body.blog #right-sidebar,
body.category #right-sidebar,
body.tag #right-sidebar {
	display: none;
}
body.blog #content #primary, 
body.category #content #primary,
body.tag #content #primary{
	width: 100%;
}

body.blog #primary,
body.tag #primary,
body.category #primary {
	padding: 3rem 0 3rem;

}

body.blog #primary #main,
body.tag #primary #main,
body.category #primary #main,
body.single .related-articles-row
{
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	margin-right: 0;
	width: 100%;

}

body.blog #primary #main article.type-post,
body.tag #primary #main article.type-post,
body.category #primary #main article.type-post,
body.single .related-articles-row article
{
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
	padding: 1.25rem;
}

body.blog #primary #main article.type-post .inside-article,
body.tag #primary #main article.type-post .inside-article,
body.category #primary #main article.type-post .inside-article{
	padding: 1.5rem 0 1.75rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

body.blog header.entry-header,
body.tag header.entry-header {
	padding: 0 1.75rem 0;
	margin: .625rem 0 auto;
}
body.blog #primary #main article.type-post .inside-article .entry-meta,
body.tag #primary #main article.type-post .inside-article .entry-meta,
body.category #primary #main article.type-post .inside-article .entry-meta{
	display:none;
}

body.blog #primary #main article.type-post .inside-article div.post-image img,
body.tag #primary #main article.type-post .inside-article div.post-image img,
body.category #primary #main article.type-post .inside-article div.post-image img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	object-fit: cover !important;
	width: 100% !important;
	height: 18vw !important;
	object-position: 50% 25%;
	max-height: 248px;
}

@media (min-width: 1000px){
	body.blog #primary #main article.type-post .inside-article div.post-image img,
	body.tag #primary #main article.type-post .inside-article div.post-image img,
body.category #primary #main article.type-post .inside-article div.post-image img{
	height: 17.6vw !important;
}
}
@media (min-width: 768px) and (max-width: 1000px){
	body.blog #primary #main article.type-post .inside-article div.post-image img,
	body.tag #primary #main article.type-post .inside-article div.post-image img,
body.category #primary #main article.type-post .inside-article div.post-image img{
	height: 27.7vw !important;
}
}

@media (max-width: 768px){
	body.blog #primary #main article.type-post .inside-article div.post-image img,
	body.tag #primary #main article.type-post .inside-article div.post-image img,
body.category #primary #main article.type-post .inside-article div.post-image img{
	height: 56vw !important;
}
}

body.blog #primary #main article.type-post .inside-article div.entry-content img,
body.tag #primary #main article.type-post .inside-article div.entry-content img,
body.category #primary #main article.type-post .inside-article div.entry-content img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: none;
}

body.blog .blog-page-tags,
body.tag .blog-page-tags {
	font-size: .75rem;
	text-transform: uppercase;
	width: 100%;
	padding: 0 1.75rem 0;
}

body.blog .blog-page-tags a:not(:last-of-type):after,
body.tag .blog-page-tags a:not(:last-of-type):after{
	content: ',\00a0';
}

body.blog .entry-content,
body.tag .entry-content

{
	padding: 0 1.75rem 0;
	margin: .625rem 0 .625rem;
}

@media (max-width:768px) {
	body.blog #primary #main,
	body.tag #primary #main,
	body.category #primary #main,
	body.single .related-articles-row 
	{
		flex-direction: column;
	}
}

@media (min-width:1000px) {
	body.blog #primary #main article.type-post,
	body.tag #primary #main article.type-post,
	body.category #primary #main article.type-post,
	body.single .related-articles-row article
	{
		flex-basis: 33%;
	}
}

body.category header.page-header,
body.tag header.page-header {
	flex-basis: 100%;
}

body.blog .blog-post-meta,
body.tag .blog-post-meta {
	display: flex;
	justify-content: space-between;
	font-size: .875rem;
	padding-top: 1.875rem;
}

body.single .blog-post-readmore {
	font-size: .875rem;
	padding-top: 1.875rem;
	text-align: end;
}

body.blog .blog-post-readmore:after,
body.single .blog-post-readmore:after {
	content: '\00a0→';
}

body.blog #nav-below,
body.category #nav-below {
	flex-basis: 100%;
}

/*** Editor ***/
.block-editor-page .editor-styles-wrapper h1.editor-post-title {
	color: #000000 !important;
}

/*** Single Blog Posts***/

body.single-post #content {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width: 1300px;
}

body.single-post .gb-inside-container h1.gb-headline, 
body.single-post .gb-inside-container time {
	display: none;
}

body.single-post .inside-article img {
	border-radius: 5px;
}

body.single-post .post-featured-image{
	/* height: calc(100vw/2.65);
	max-width: 1300px;
	margin: 2.5rem auto -6.875rem;
	border-radius: 5px;
	width: 100%;
	display: block;
	background-size: cover;
	min-height: 300px;
	background-position: center; */
}


body.single-post .gb-container-04e872fb {
	/* background-color: rgba(255,255,255,0) !important;
	height: calc(100vw/2.9);
	margin-bottom: -6.875rem;
	max-width: 1300px;
	margin: 2.5rem auto -6.875rem;
	padding: 0 1.25rem 0;
	border-radius: 5px; */
	display: none;
}

body.single-post .gb-container:before {
	opacity: 1;
	background-size: cover;
	background-position: 50%;
	max-width: 100%;
	z-index: -1;
}

.blog-post .blog-post-title {
	font-size: 2.5rem;
	display: block;
	font-weight: 500;
}

.blog-post .blog-post-meta {
	font-size: 1.25rem;
	margin: 1.25rem 0 1.25rem;
}

body.single-post .gb-container .gb-inside-container h1.gb-headline {
	background-color: white;
	color: black;
	border-radius: 5px;
	margin: 5.25rem 6.25rem 0rem;
	z-index: 2;
}

body.single-post article:not(.related-blog-post) {
	max-width: 960px !important;
	padding: 1.875rem;
	margin: 0 1.9rem;
	border-radius: 5px;
	background-color: white !important;
	display: block;
}

body.single-post span.cat-links {
	display: none;
}

body.single-post .grid-container#page {
	padding: 0 1.25rem 0 !important;
	margin: 0 0 0;
}

@media (max-width: 768px) {
	body.single-post article:not(.related-blog-post){
		padding: 5.25rem 0 5.25rem;
	}

}

@media (min-width: 768px) {
	body.single-post article:not(.related-blog-post) {
		max-width: 960px !important;
		padding: 5.25rem 6.25rem 5.25rem !important;
		margin: 0 auto !important;
		width: 90%;
	}

}

body.single .related-articles-header {
	font-weight: 500;
	text-align: center;
	font-size: 2.188rem;
}

body.single .related-articles-row h2 {
	font-size: 1.875rem;
}

body.single .related-articles-row img{
	display: none;

}

body.single .related-articles-row p.read-more-container {
	text-align: end;
}

body.single .related-articles-row {
	margin: 0 auto;
	padding-bottom: 5.25rem;
}

/*** Pagination***/
body.blog #nav-below {
	margin: 4rem 0 4rem;
	height: 3rem;
	width: 100%;
}

body.blog #nav-below .nav-links,
body.category #nav-below .nav-links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
}

body.blog #nav-below .nav-links span:not(.current) {
	padding: .5rem .625rem .5rem;
	margin-left: .126rem;
	margin-right: .126rem;
}
body.blog #nav-below .nav-links a{
	padding: .5rem .625rem .5rem;
	margin-left: .126rem;
	margin-right: .126rem;
}

body.blog #nav-below .nav-links .current {
	font-weight: 400;
	border: solid 2px #b0c1d4;
	border-radius: 5px;
	padding: .375rem .625rem .25rem;
	margin-left: .126rem;
	margin-right: .126rem;
	width: 3rem;
	height: 3rem;
}

body.blog #nav-below a.page-numbers:hover:not(.next,.prev) {
	border: solid 2px #b0c1d4;
	border-radius: 5px;
	padding: .5rem .625rem .5rem;
	transition: all .25s ease;
}

body.blog #nav-below a.page-numbers:not(.next,.prev) {
	width: 3rem;
	height: 3rem;
	border: solid 2px rgba(255, 255, 255, 0);
}

/***** Events Calendar List View Override *****/
.tribe-events-calendar-list .tribe-events-calendar-list__event-row {
	margin-top: .25rem !important;
}
.tribe-events-calendar-list .list-view-month-text {
	margin-top: 1.75rem !important;
}

/***** Events Calendar Month View Override *****/
.tribe-events-calendar-month__body .tribe-events-calendar-month__day{
	border: .5px solid rgba(0,0,0,.25);
}

/***** Sponsors Block ****/
.sponsors-block {
	.card-container {	
		max-width: 330px;
		width: 100%;
		margin: 0 auto;

		display: flex;
		flex-wrap: wrap;		
		justify-content: center;
		gap: 30px;		
	}

	.card {
		flex-basis: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		
		.img-anchor {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 200px;
			border: 3px solid #EBEBEB;
			overflow: hidden;
			
			img {
				width: 70%;
			}
		}
		a.card-title {
			width: 100%;
			margin-top: 1.5rem;
		}

		h3.card-title {
			text-align: start;
			font-weight: 600;
			color: #4E2F91;
		}

		.company-description {
			width: 100%;
		}
		
		.company-description p {			
			font-size: 16px;
			line-height: 140%;
			text-align: start;
		}

		h4 {
			width: 100%;
			text-align: start;
			color: #121212 !important;
			font-weight: 400;
			font-size: 20px !important;
		}
	}
	

	@media screen and (min-width: 640px) {
		.card-container {
			max-width: 640px;			
		}
		
		.card {
			flex-basis: 310px;
		}
	}

	@media screen and (min-width: 768px) {
		.card-container {
			max-width: 768px;			
		}
		.card {
			flex-basis: calc(50% - 30px);

			a.img-anchor {
				width: 100%;
				border: 3px solid #EBEBEB;
				overflow: hidden;
			}
			img {
				width: 50%;
			}
		}
	}

	@media screen and (min-width: 1024px) {
		.card-container {
			max-width: 1024px;			
		}

		.card {
			flex-basis: calc((100%/3) - 30px);
		}
	}

	@media screen and (min-width: 1280px) {
		.card-container {
			max-width: 1280px;	
		}

		.card {
			flex-basis: 382px;
		}
	}
}

.gb-inside-container {
	.accordion {
		.accordion-item {
			.accordion-button {
				font-weight: 400;
			}
			.accordion-header:after {
				content: none;
			}
		}
	}
}