/* Notes  ________________________________________________________ 
	
	Styles to be moved into SCSS files;  but keep the variables & empty breakpoints here.
*/


/* Globals  ________________________________________________________ */

:root {
	--darkblue: #362085;
	--red: #e61c22;
}

.page-template-default .title { border-bottom: none; }

.share { margin-top: 2rem; }

.callout { padding: 1rem; background: #EEE; }
.callout .button { background: var(--darkblue);  color: white; }


/* Text  ________________________________________________________ */


.small { font-size: 0.8rem;  }

a.posts-item:hover .posts-item__title { text-decoration: underline; }

/* Banner  ________________________________________________________ */

/* This rule below breaks the layout on mobile */
/* a.logo img { height: 70px;  width: auto;  max-width: none; } */

.header__nav>ul>li .sub-menu {
	border: 0;
	background: #e7eaf5;
}

.title h1 { margin: 1.7rem 0; }



/* Home  ________________________________________________________ */

.section.home-intro { padding: 2rem 0; }

.home-intro h1 { line-height: 1.1;  font-weight: 600; }
.home-intro p { font-size: 1.1rem; margin-bottom: 2rem;  }
.home-intro p:last-child { margin-bottom: 0; }

.upcoming-event__content h4 { margin-bottom: 0.75rem; }



.home h2, .home h3, .organisations { margin-bottom: 2rem; }
h2.h3, .home .home-sponsors h3 {  font-size: 1rem; border-left: solid 1px var(--darkblue);  padding-left: 1rem;  line-height: 2rem;  margin-bottom: 2rem; font-weight: bold;  }
.home .dark h2.h3, .home .bg-secondary h2.h3 { border-left-color: white; }


/* Loop items  ________________________________________________________ */

.posts-item__strapline { font-weight: bold; }


/* Layout builder  ________________________________________________________ */

/* .icon-wrapper i, .icon-wrapper svg { font-size: 3rem;  color: var(--red); } */

.layout-builder .grid-container { text-align: center; }
.layout-builder .grid-container section { text-align: left; }
.layout-builder .grid-container .section-narrow { max-width: 800px; margin: 0 auto; }




/* Events section  ________________________________________________________ */ 


.single-event .sessions .tabs-content { border: solid 1px #9b90c2; border-top: none;  }

.sessions .grid-x { border: none; }
.single-event .session { padding: 1rem; border-bottom: solid 1px #9b90c2;  font-size: 0.9rem; }


.single-event .session a { text-decoration: none; }
.single-event .session a:hover { text-decoration: underline; }

.single-event .details { margin-bottom: 1.5rem; }



/* Forms  ________________________________________________________ */

.gform_wrapper { background: #EFEFEF;   padding: 2rem; }

body .gform_wrapper.gravity-theme .gfield_consent_description { padding: 0;  border: 0;  margin-bottom: 1rem; font-size: 0.8rem;  }

.gform_wrapper select { background-image: none; }

.gform_wrapper.gravity-theme .ginput_complex label { font-weight: normal; }

.gform_wrapper .button { background-color: var(--darkblue);  color: white; }

.gform_required_legend { font-size: 15px; }
/* 
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {
	border: 1px solid #362085;
	background: white;
} */


/* Foundation breakpoints  ________________________________________________________ */


/* Small __________________ */

@media only screen {
	
	.home-intro h1 { font-size: 2rem; }
	
	
	 } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium __________________ */

@media only screen and (min-width: 40.063em) { 
	
	h2, .h2 { font-size: 2rem; }
	
	.home-intro h1 { font-size:2.6rem; }
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large __________________ */

@media only screen and (min-width: 64.063em) { 

	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* X Large __________________ */

@media only screen and (min-width: 90.063em) { 
	
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XX Large __________________ */

@media only screen and (min-width: 120.063em) { 
	
} /* min-width 1921px, xxlarge screens */