/*
 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
*/

:root {
	--pink:#ea148c;
	--blue:#244397;
	--medBlue:#008bcc;
	--gold:#f5ba31;
	--dkBlue:#153c6b;


}

/*general*/

html {
	scroll-behavior: smooth;
}

.underline-col > .kt-inside-inner-col {
	display: flex;
}

.pink-underline {
	display: flex;
	border-bottom:solid 2px var(--pink);
	align-items: center;
	justify-content: center;
	align-self:center;
}



.responsive-img img {
	max-width:100%;
	display:block;
	margin:0 auto;
}

.hex {
	-webkit-mask-image:url('https://communityspaces.org/wp-content/uploads/2024/02/hex-mask-2.png');
	mask-image:url('https://communityspaces.org/wp-content/uploads/2024/02/hex-mask-2.png');
	 -webkit-mask-size: cover;
  	mask-size: cover;
  	position: relative;
  	transform: translateY(-50%);
}

.main-navigation:not(.toggled) ul ul ul li.sfHover>ul {
	left:40px;
	top:40px;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover {
	background-color:#eee;
}

.inside-page-hero {
	position: relative;
	
	overflow:hidden;
}

.all-hero {
	background-size:auto;
}

.all-hero .inside-page-hero {
	background-repeat: no-repeat;
	background-size:auto;

	
}

.main-header-wrap {
	display: flex;
	justify-content: stretch;
	height:300px;
}

.main-header-wrap-small {
	display: flex;
	justify-content: stretch;
}

.main-header-image-wrap, .main-header-title-wrap {
	width:50%;
	align-self:stretch;
	height:100%;

}

.no-image-hero .main-header-title-wrap {
	width:100%;
}


.no-image-hero {
	background-position: center;
}

.no-image-hero h1 {
	margin-bottom:0;
}

.main-header-img {
	height:100%;
	background-size:cover;
	background-position: center;
}

.main-header-title-wrap {
	display: flex;
	justify-content: center;
	align-items:center;
	background-color:rgba(117,117,117,.05);
	padding:20px 20px 20px 30px;

}

.main-header-title-wrap h1 {
	font-size:50px;
	font-weight:700;
	padding-bottom:5px;
	border-bottom: 3px solid var(--pink);
}

.small-h2 {
	font-size:30px;
}


.site-logo {
	margin-top:26px;
}

#menu-main .gp-icon.icon-arrow, .sub-menu .gp-icon.icon-arrow-right {
	color:var(--pink);
}

.csn-hex-image .kt-image-overlay-wrap {
	background-color:rgba(0,0,0,0);
}

.home .entry-header, .page-id-9215 .entry-header {
	position: absolute;
	left:-9999px;
}

.csn-icon {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 62px;
}

.csn-icon:before {
	content:'';
	background:url('https://communityspaces.org/wp-content/uploads/2024/04/pink-lines.webp');
	background-repeat: no-repeat;
	top:0;
	left:0;
	position: absolute;
	width:32px;
	height:56px;
}

.csn-icon span {
	font-size:24px;
	color:var(--medBlue);

}

.lines-text {
	position: relative;
	padding-left:18px;
	padding-top:15px;

}

.lines-text:before {
	content:'';
	background:url('https://communityspaces.org/wp-content/uploads/2024/04/pink-lines.webp');
	position: absolute;
	top:0;
	left:0;
	width:32px;
	height:56px;
}

.hex-text {
	min-height:300px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hex-text-blue {
	
	background-image:url('https://communityspaces.org/wp-content/uploads/2024/02/blue-hex.webp');
	
}

.hex-text-med-blue {

	background-image:url('https://communityspaces.org/wp-content/uploads/2024/02/blue-med-hex.webp');
}

.hex-text-gold {
	
	background-image:url('https://communityspaces.org/wp-content/uploads/2024/02/gold-hex.webp');
	
}


body .gform-theme--framework .gform-field-label {
    font-size: 18px;
}

body .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"], input[type="submit"] {
	background-color: var(--gold) !important;
	color:var(--dkBlue) !important;
	font-size:17px !important;
	padding:15px 30px !important;
	border-radius: 35px !important;
	font-weight:700 !important;
}

.bz-content-wrap {
	padding:48px 40px;
}

.no-bottom-padding {
	padding-bottom: 0;
}



/*.hex {
	width:150px;
	height:86px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: 50% 50%;			
	background-size: auto 173px;							
	position: relative;
	float:left;
	margin:25px 5px;
	text-align:center;
	zoom:1;
}
		
	.hex.hex-gap {
		margin-left: 86px;
	}
	
	.hex a {
		display:block;
		width: 100%;
		height:100%;
		text-indent:-9999em;
		position:absolute;
		top:0;
		left:0;
	}

	.hex .corner-1,
	.hex .corner-2 {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: inherit;								
		z-index:-2;						
		overflow:hidden;		
		backface-visibility: hidden;			
	}
	
	.hex .corner-1 {
		z-index:-1;
		transform: rotate(60deg);
	}
	
	.hex .corner-2 {
		transform: rotate(-60deg);
	}
	
	.hex .corner-1:before,
	.hex .corner-2:before {
		width: 173px;
		height:	173px;
	  content: '';
	  position: absolute;
	  background: inherit;
	  top:0;
	  left: 0;
	  z-index: 1;
	  background: inherit;
	  background-repeat:no-repeat;
		backface-visibility: hidden;				  
	}			
	

	.hex .corner-1:before {
		transform: rotate(-60deg) translate(-87px, 0px);	
	  transform-origin: 0 0;
	}			
	
	.hex .corner-2:before {
		transform: rotate(60deg) translate(-48px, -11px);	
		bottom:0;
	}		


	*/
	/* Custom styles*/
	/*.hex .inner {		
		color:#eee;
	}
	
	.hex h4 {
		font-family: 'Josefin Sans', sans-serif;		
		margin:0;			
	}
	
	.hex hr {
		border:0;
		border-top:1px solid #eee;
		width:60%;
		margin:15px auto;
	}
	
	.hex p {
		font-size:16px;
		font-family: 'Kotta One', serif;
		width:80%;
		margin:0 auto;
	}

	.hex.hex-1 {
		background: #74cddb;
	}
	
	.hex.hex-2 {
		background: #f5c53c;
	}
	
	.hex.hex-3 {
		background: #80b971;
	}

/*Eventon*/

.ajde_evcal_calendar.boxy.boxstyle2 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .ajde_evcal_calendar.boxy.boxstyle2 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_subtitle { 
	overflow-wrap: normal !important; 
	word-wrap: normal !important; 
	overflow: visible !important; 
	white-space: normal !important; 
	text-overflow: initial !important; 
	margin-bottom:13px;
}

.evo_metarow_speaker .evospk_boxes li p.evospk_job_title {
	overflow:initial !important;
}

.evcal_list_a .evoet_eventtypes {
	padding:10px;
	font-size:18px !important;
	margin-top:13px;
}


.evcal_list_a .evoet_eventtypes em {
		color:#fff !important;

}

.evo_networking-event .evoet_eventtypes {
	background:var(--pink);
	color:#fff !important;

}

.evo_webinar .evoet_eventtypes {
	background:var(--blue);
	color:#fff !important;

}

.evo_event_headers.virtual.vir {
	color:#363636 !important;
}

.eventon_list_event .evo_metarow_details .eventon_full_description p, .eventon_list_event .event_description p {
	font-size:18px !important;
	line-height:1.5;
}

.eventon_list_event .evoet_cx em.evo_mytime >*, .eventon_list_event .evcal_evdata_cell .evo_mytime >*, .eventon_list_event .evcal_evdata_cell .evo_mytime >* {
	font-size:15px !important;
	color:#363636 !important;
}

#evcal_list .eventon_list_event .event_description ul.evospk_boxes {
	gap:20px;
	justify-content: space-between;
}

#evcal_list .eventon_list_event .evo_metarow_speaker ul.evospk_boxes li, .evo_lightbox ul.evospk_boxes li {
	width:200px !important;
}


.evo_tz {
	color:#333 !important;
}

/*===home===*/

.flex-row > .kt-row-column-wrap {
	display: flex;
	justify-content: space-between;
}

/*headers*/



/*blog and categories*/

.blog #page {
	margin:30px auto;
}

.blog .entry-title {
	font-size:24px;
}

.blog .entry-summary {
	display: none;
}

.blog .attachment-post-thumbnail {
	border: solid 1px #ccc;
}

.widget-area .widget {
	padding-bottom:0;
}

#block-23 {
	padding-top:20px;
}

.blog-cat-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:40px;
	padding:40px;
}

.bz-thumbnail-container {
	display: block;
    height: 0;
    padding-bottom: 52.67%;
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
}

.bz-thumbnail-inner {

	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.bz-thumbnail-inner img {

	flex: 1;
    height: 100%;
    object-fit: cover;
    width: 100%;
    margin: 0;

}

.bz-post-title, .bz-post-title h3 {
	font-size:24px;

}

.bz-post-title a {
	color:var(--blue);
}

.single-post .inside-article {
	margin-top:40px;
}

.single-post .site-content .content-area {
	margin-bottom:40px;
}

.single-post .entry-content {
	padding-bottom:40px;
	border-bottom:solid 1px var(--blue);
	margin-bottom:40px;
}

.author-image-small {
	max-width:25px;
	border:solid 1px #ccc;
	border-radius:50%;
	vertical-align: middle;
}

.author-container {
	background:#f7f7f7;
	padding:20px;
	margin:40px 0;
}

.author-container-inner {
	display: flex;
	align-items: center;
	gap:30px;

}

.author-image-container {
	max-width:100px;
}



.author-name {
	margin-bottom:0;
}

.entry-meta {
	margin-bottom:40px;
}

.category-member-highlight .attachment-post-thumbnail {
	border:solid 1px #ccc;
}

/*==footer==*/

.inside-footer-widgets h3 {
	font-size:24px;
}



#gform_wrapper_1.gform-theme--framework .gform-field-label {
	color:#fff;
}

#gform_wrapper_1.gform-theme--framework .gfield_required {
	color:#F55F3D;
}

#gform_wrapper_1 .gform_required_legend {
	display: none;
}

.inside-footer-widgets {
	gap:40px;
}

.footer-widgets .widget .wp-social-link {
	margin-bottom:20px;
}

.copyright-bar {
	max-width:1200px;
}

#field_1_2 legend {
	position: absolute;
	left:-9999px;
}


/*===pages==*/

.staff-image {
	width:37%;
}

.staff-name h2 {
	font-size:38px;
}

.page-id-63 .main-header-img, .page-id-71 .main-header-img {
	background-position: center 16%;
}

#regional-chapter-content > .kt-inside-inner-col, #regional-chapter-side > .kt-inside-inner-col {
	padding-top:48px;
	padding-bottom:48px;
}

.conference-image {
	margin-bottom:20px;
}

.conference-title h3 {
	margin-bottom:5px;
}

.spre-layout {
	justify-content: center;

}

.flex-start-title {
	align-self:flex-start;
}

#comment {
	height:50px;
}

.foo_table_10190 th {
	font-size:20px;
}

.foo_table_10190 th.ninja_column_1, .foo_table_10190 th.ninja_column_3 {
	background-color:var(--pink) !important;
	color:#fff !important;
}

.foo_table_10190 th.ninja_column_2, .foo_table_10190 th.ninja_column_4 {
	background-color:var(--blue) !important;
	color:#fff !important;
}


.foo_table_10190 tr td {
	font-size:18px !important;
}


.foo_table_10190 tr td:nth-child(2) {
	background-color:#f7f7f7 !important;
}

.foo_table_10190 tr td:nth-child(4) {
	background-color:#f7f7f7 !important;
}

.membership-price-table {
/*	background-color:#fff !important;*/
	border:none !important;
	margin-bottom:0 !important;
}

.foo_table_10190 .nt_row_id_22 .ninja_column_1, .foo_table_10190 .nt_row_id_22 .ninja_column_2, .foo_table_10190 .nt_row_id_22 .ninja_column_3, .foo_table_10190 .nt_row_id_22 .ninja_column_4 {
	padding:0 !important;
	vertical-align: top !important;
}

.foo_table_10190 .nt_row_id_21 td {
	font-weight:700;
}

.foo_table_10190 .nt_row_id_21 .ninja_column_1, .foo_table_10190 .nt_row_id_21 .ninja_column_3 {
	background-color:var(--pink) !important;
	color:#fff !important;
}

.foo_table_10190 .nt_row_id_21 .ninja_column_2, .foo_table_10190 .nt_row_id_21 .ninja_column_4 {
	background-color:var(--blue) !important;
	color:#fff !important;
}


.foo_table_10190 tr.membership-price-row td, .foo_table_10190 tr.membership-price-row th {
	font-size:16px !important;
	text-align:left !important;
	width:50%;
	padding:7px 7px 7px 10px !important;
}



.foo_table_10190 tr.membership-price-row td:nth-child(2) {
	background-color:transparent !important;
}


.membership-price-heading {
	font-weight:700;
}

#mem-cid, #mem-spre {
	background-color: var(--pink);
	color:#fff;
	padding:10px;
}

#mem-cio, #mem-champ {
	background-color: var(--blue);
	color:#fff;
	padding:10px;
}



.site-content {
	display: block;
}

.site-content .content-area, .is-right-sidebar {
	width:100%;
}

.is-right-sidebar {
	margin-bottom:40px;
}

#block-2 {
	max-width:400px;
	width:100%;
}

.featured-image {
	max-width:800px;
	margin:0 auto;
}

.roundtable-tips-heading h2 {
	font-size:24px;
	margin-bottom:20px;
}

.roundtable-tips-image {
	margin-bottom:20px !important;
}

.roundtable-tips-more {
	padding:11px 30px;
	border-radius:35px;
	text-transform: lowercase;
	font-weight:700;
	margin-top:20px;
}

.publication-grid .gb-grid-column {
	background-color:#f7f8f9;
}

.gb-grid-wrapper-677b8b08 {
	gap:40px !important;
	display:grid !important;
	grid-template-columns:repeat(3, 1fr) !important;
	margin-left:0 !important;
}

.gb-grid-wrapper-677b8b08 > .gb-grid-column {
	padding-left:0 !important;
	width:100% !important;
}

.single-publication .featured-image {
	display: none;
}

.event-iframe {
	width:100%;
	height:700px;
}

.nav-links {
	font-size:24px;
}

.bz-events-grid .gb-grid-column {
	background-color:#f7f8f9;
}

.has-no-post-message .gb-query-loop-wrapper:not(:empty) + .no-post-message {
	display: none;
} 

.gb-grid-wrapper-aa04fde5 {
		gap:40px !important;
	display:grid !important;
	grid-template-columns:repeat(3, 1fr) !important;
	margin-left:0 !important;
}

.gb-grid-wrapper-aa04fde5  > .gb-grid-column {
	padding-left:0 !important;
	width:100% !important;
}

.gb-grid-wrapper-7ff2ed62 {
	gap:40px !important;
	display:grid !important;
	grid-template-columns:repeat(3, 1fr) !important;
	margin-left:0 !important;
}

.gb-grid-wrapper-7ff2ed62 > .gb-grid-column {
	padding-left:0 !important;
	width:100% !important;
}

.post-password-form {
	max-width:600px;
	margin:40px auto;

}

.post-password-form p:first-child {
	font-size:30px;
	color:var(--blue);
	line-height:1.2;
	font-weight:600;
}

.news-search-container {
	display: flex;
	align-items: flex-start;
	margin-left:40px;
}

.news-search-container span {
	font-weight:700;
	display: block;
	margin-right:20px;
}

/*====responsive====*/

@media only screen and (max-width:1690px) {
	.home-section-2-collage {
		margin-top:-50px !important;
	}
}

@media only screen and (max-width:1570px) {
	.home-section-2-collage {
		margin-top:0 !important;
	}
}

@media only screen and (max-width:1350px) {

	.conference-title h3 {

		font-size:24px;
	}
}

@media only screen and (max-width:1200px) {

	.main-header-title-wrap h1 {
		font-size:50px;
	}

	.home-map-image {
		margin-top:0 !important;
	}

	
}

@media only screen and (max-width:1150px) {

	.main-header-title-wrap h1 {
		font-size:50px;
	}

	.inside-footer-widgets {
		flex-direction: column;
	}

	.conference-title h3 {

		font-size:20px;
	}

}


@media only screen and (max-width:1120px) {

	.site-header .header-image {
		width:120px;
	}

	.main-navigation .main-nav ul li a {
		font-size:22px;
	}

	
}

@media only screen and (max-width:1065px) {
	.main-navigation .main-nav ul li a {
		font-size:18px;
	}
}

@media only screen and (max-width:1024px) {

	

	.main-header-wrap {
		flex-direction: column;
		
	}

	.main-header-image-wrap, .main-header-title-wrap {
		width:100%;
		height:100%;
	}

	.archive-header-title-wrap {
		background-color: transparent;
		height:100%;
	}

	.blog-cat-container {
		
		grid-template-columns: repeat(2, 1fr);
		
	}

	.foo_table_10190 .nt_row_id_22 .ninja-th-membership_benefts {
		display: none;
	}

	#member-levels-row {
		margin-left:-10px;
		margin-right:-10px;
	}

	.foo_table_10190 .nt_row_id_1, .foo_table_10190 .nt_row_id_2 {
		display: none;
	}

	.gb-grid-wrapper-677b8b08, .gb-grid-wrapper-aa04fde5, .gb-grid-wrapper-7ff2ed62 {
		grid-template-columns:repeat(2, 1fr) !important;
	}

	.home-section-3-collage, .home-section-1-text {
		margin-top:0 !important;
	}



}

@media only screen and (max-width:767px) {

	.category-member-highlight .generate-columns-container>* {
		padding-left:40px;
	}

	.blog-cat-container {
		
		grid-template-columns: repeat(1, 1fr);
		padding-left:40px !important;
		
	}
}

@media only screen and (max-width:600px) {

	.main-header-title-wrap h1 {
		font-size:35px;
	}

	.main-header-wrap {
		flex-direction: column;
		
	}

	.foo_table_10190 th, .foo_table_10190 tr td {
		font-size:16px !important;
	}

	.foo_table_10190 tr.membership-price-row td, .foo_table_10190 tr.membership-price-row th {
		font-size:14px !important;
	}

	.gb-grid-wrapper-677b8b08, .gb-grid-wrapper-aa04fde5, .gb-grid-wrapper-7ff2ed62 {
		grid-template-columns:repeat(1, 1fr) !important;
	}

	.gb-grid-wrapper-677b8b08 .gb-block-image img, .gb-grid-wrapper-aa04fde5 .gb-block-image img, .gb-grid-wrapper-7ff2ed62 .gb-block-image img {
		display: block;
		margin:0 auto;
	}

	.news-search-container {
	flex-direction: column;
	}

	.news-search-container span {
		margin-bottom:20px;
	}

	.facetwp-dropdown {
		max-width:350px;
	}

}

