/*
Theme Name:  NBIC
Theme URI:   http://nbic.uk.w3pcloud.com
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site NBIC.
Author:      admin
Author URI:  http://nbic.uk.w3pcloud.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

a.et_pb_button {border-radius: 50px!important;}

.brand-background {background-size: 25%!important;}
.brand-background-small {background-size: 20%!important;}
@media (max-width: 600px) {
	.brand-background {background-size: 70%!important;}
	.brand-background-small {background-size: 50%!important;}
}

#top-menu li li {line-height: 1.4em;}

#top-menu li li a {
    border-bottom: 1px solid rgba(0, 188, 185, 0.4);
    padding-top: 12px;
    padding-bottom: 12px;
}

#top-menu li li:last-child a {border-bottom: none;}

/* -------------------- Expandable Mobile Nav -------------------- */

#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
ul#mobile_menu {background-color: rgba(255, 255, 255, 0.9)!important;}
#mobile_menu li a {color: #30a2a7;}

/* -------------------- End of Expandable Mobile Nav -------------------- */

.logo_container a {
    background: url(/wp-content/uploads/2019/08/nbic-web-logo-light.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 75px;
    display: block;
    float: left;
    width: 250px;
    margin-top: 20px;
	transition: all 0.3s;
}
.et-fixed-header .logo_container a {
    background: url(/wp-content/uploads/2019/08/nbic-web-logo-light-white.png);
    height: 60px;
    width: 200px;
    margin-top: 10px;
	background-size: cover;
    background-repeat: no-repeat;
}
.logo_container a img {
    display: none!important;
}

.et-fixed-header#main-header .nav li ul {background-color: rgba(255,255,255,0.92)!important;}
#main-header .nav li ul a {color: #778483!important;}

header:not(.et-fixed-header) #top-menu ul.sub-menu {
    margin-top: -30px;
}

.et_pb_section_video_bg video {
    object-fit: cover;
}

#home-banner .et_pb_fullwidth_header_container {bottom: 15vh; position: absolute; right: 15%;}

#home-banner .et_pb_header_content_wrapper p {width: 450px; margin-top: 15px; line-height: 1.4em;}
#home-banner .et_pb_header_content_wrapper {
    justify-content: right;
    display: grid;
}
@media (max-width:767px) {
	#home-banner .et_pb_header_content_wrapper p {width: 300px;}
}

.specialty-areas ul.et_pb_tabs_controls li {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
}
.specialty-areas ul.et_pb_tabs_controls {
    display: flex;
    background: transparent;
}
.specialty-areas ul.et_pb_tabs_controls li a {
    padding: 10px;
    width: 100%;
    text-align: center;
    color: #ffffff;
}
.specialty-areas ul.et_pb_tabs_controls li.et_pb_tab_active {
    background: rgba(255, 255, 255, 0.3);
}
.specialty-areas li.et_pb_tab_3.et_pb_tab_active {
    border-right: none;
}

/* ------------------------- Home Counters Styling ------------------------- */

.home-counters .et_pb_number_counter .percent {height: 200px;}
.industrial-partners .percent-value:after {content: "+";}
@media (max-width: 1250px) and (min-width: 980px) {
	.home-counters .et_pb_number_counter p {font-size: 155px!important;}
}
@media (max-width: 980px) {
	.home-counters .et_pb_column {width: 33%!important;}
	.home-counters .et_pb_number_counter .percent {height: 160px;}
	.home-counters .percent p {font-size: 130px!important; line-height: 160px!important;}
}
@media (max-width: 768px) {
	.home-counters .percent p {font-size: 100px!important; line-height: 120px!important;}
}
@media (max-width: 600px) {
	.home-counters .et_pb_column {width: 33%;}
	.home-counters .et_pb_number_counter .percent {height: 100px; margin: 0;}
	.home-counters .percent p {font-size: 80px!important; line-height: 90px!important;}
	.home-counters h3.title {font-size: 12px!important; line-height: 18px!important;}
}
@media (max-width: 400px) {
	.home-counters .et_pb_column {width: 100%!important;}
	.home-counters .et_pb_number_counter .percent {height: 100px;}
	.home-counters .percent p {font-size: 80px!important; line-height: 90px!important;}
	.home-counters h3.title {font-size: 18px!important; line-height: 22px!important;}
}

/* ------------------------- Home Event Feed Styling ------------------------- */

#home-events .wpem-main.wpem-event-listings-header {
    display: none;
}
#home-events .wpem-event-banner, .wpem-event-banner-img {
    width: 100%!important;
    height: 235px!important;
    margin-bottom: 30px;
    border-radius: 0px!important;
    padding: 0;
}
#home-events .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-action-url {
    display: block;
    overflow: hidden;
    border: 0;
	padding: 0;
}
#home-events .wpem-event-listings .wpem-event-layout-wrapper {
    border: none;
}
#home-events .wpem-event-listings .wpem-event-layout-wrapper:hover {
    background: none;
}
#home-events .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date {
    width: 100%;
    float: left;
    position: relative;
}
#home-events .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
    padding-left: 0;
}
/* #home-events .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time {
    display: none;
} */
h3.wpem-heading-text {
    font-weight: 300!important;
    color: #30a2a7!important;
    font-size: 27px!important;
	padding-top: 15px;
}
span.wpem-event-location-text {
    color: #778483!important;
    font-size: 17px;
}
.wpem-date, .wpem-month, .wpem-date-separator {
    color: #55bdbc!important;
}
.wpem-date, .wpem-month {
    float: left;
    clear: none;
    font-size: 16px!important;
    line-height: 22px!important;
    margin-right: 7px;
    font-weight: normal!important;
}
.wpem-from-date {
    width: auto!important;
    padding-right: 0px!important;
}
.wpem-to-date {
    padding-top: 0px!important;
    padding-left: 0px!important;
}
.wpem-date-separator {
    margin: 0 10px 0 5px;
    position: relative!important;
    float: left;
    top: 0!important;
    transform: none!important;
}

#home-events .event_listings a.load_more_events {display: none;}

body.single-post div#left-area {padding-bottom: 0;}
body.single-post div#left-area article {padding-bottom: 0; margin-bottom: 0;}

.wpem-event-listings .wpem-event-layout-wrapper.event_featured {
    background: transparent!important;
}

/* ------------------------- News Noticeboard Styling ------------------------- */

.noticeboard article {
    padding: 80px 35px 35px 35px!important;
    background-color: #ffffff!important;
    border: none!important;
}
.noticeboard.news article.category-noticeboard {
	background: url(/wp-content/uploads/2019/09/nbic-news-noticeboard-pin-blueNEW.png) no-repeat;
	background-size: 32px;
    background-position: top center;
    background-position-y: 18px;
    border-top: 6px solid #8ccde6!important;
	display: block!important;
}
.noticeboard.events article {
	background: url(/wp-content/uploads/2019/09/nbic-news-noticeboard-pin-purpleNEW.png) no-repeat;
	background-size: 32px;
    background-position: top center;
    background-position-y: 18px;
    border-top: 6px solid #bdaed4!important;
	display: block!important;
}
.noticeboard.past-events article {
	background: url(/wp-content/uploads/2019/11/nbic-news-events-noticeboard-pin-pink.png) no-repeat;
	background-size: 32px;
    background-position: top center;
    background-position-y: 18px;
    border-top: 6px solid #eaadcc!important;
	display: block!important;
}
.noticeboard.funding article {
	background: url(/wp-content/uploads/2019/11/nbic-funding-noticeboard-pin-orange.png) no-repeat;
	background-size: 32px;
    background-position: top center;
    background-position-y: 18px;
    border-top: 6px solid #f4c19f!important;
	display: block!important;
}

.noticeboard h2.dg_bc_title, .news-grid h2.entry-title {
    font-weight: 300!important;
    font-size: 26px!important;
    line-height: 1.2em;
}
.noticeboard p.post-meta, .news-grid p.post-meta {
    text-transform: uppercase;
    font-size: 17px;
    color: #55bdbc!important;
    letter-spacing: 2px;
}
.noticeboard .post-content p, .news-grid .post-content p {font-size: 17px;}
.noticeboard .dg-post-thumb {
    margin-bottom: 20px;
	float: left;
}
.noticeboard .content-wrapper {margin: 0; width: 100%;}

.news-grid article.et_pb_post {
    padding: 35px;
}
.news-grid article.et_pb_post .et_pb_image_container {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: -35px;
}
.news-grid .pagination a {
    border-radius: 50px!important;
    border-width: 1px!important;
    border-color: #00bcb9;
    border-style: solid;
    padding: 0.3em 1em!important;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
}
.news-grid .pagination a:hover {
    color: #fcfcfc!important;
    background: #f4c19f!important;
    border-color: #f4c19f!important;
}

.nbic-events .wpem-event-layout-wrapper {border: none!important;}
.nbic-events h3.wpem-heading-text {max-height: none!important;}
.nbic-events .wpem-event-location:before, .nbic-events .wpem-event-date-time:before {
    color: #30a2a7;
}
.nbic-events .wpem-from-date {
    top: 0!important;
    box-shadow: none!important;
    border-radius: 0!important;
    padding: 10px!important;
    padding-right: 4px!important;
}

/* ------------------------- Research Partners Styling ------------------------- */

.partner-blurb .et_pb_main_blurb_image {
    border-bottom: 1px solid #30a2a7;
    padding-bottom: 40px;
}
.core-universities .partner-blurb .et_pb_main_blurb_image {
    border-color: #ffffff;
}

/* ------------------------- Single Event Page Styling ------------------------- */

.single-event_listing .container:before {display: none;}
.wpem-social-icon.wpem-xing {display: none!important;}
h3.wpem-heading-text {margin-bottom: 20px!important;}
.single-event_listing .wpem-date, .single-event_listing .wpem-month {width: auto!important;}
.wpem-single-event-footer {display: none;}
.single-event_listing .wpem-single-event-wrapper .wpem-event-single-image img {
    width: 100%!important;
    height: auto!important;
}
.single-event_listing .container {padding-top: 0px!important;}
.wpem-single-event-page .wpem-single-event-wrapper {border: none!important;}
.single-event_listing article {margin-bottom: 0!important;}
.single-event_listing .entry-content {padding-top: 0!important;}

body.single-event_listing .wpem-event-date-time span.wpem-event-date-time-text:first-child:before {
    content: "Start:";
    margin-right: 5px;
    font-weight: 600;
}
body.single-event_listing .wpem-event-date-time span.wpem-event-date-time-text:last-child:before {
    content: "End:";
    margin-right: 5px;
    font-weight: 600;
}

/* ------------------------- General Page Styling ------------------------- */

#main-content li {
    padding-bottom: 1em;
}
#main-content ol li {
    padding-bottom: 0.5em;
}

/* ------------------------- Footer Styling ------------------------- */

li.zoom-social_icons-list__item {padding: 0!important;}
li.zoom-social_icons-list__item:before {display: none;}

#footer-widgets a.footer-button {
    color: #5fcecb!important;
    font-size: 15px;
    background: rgba(0,188,185,0);
    border-width: 1px!important;
    border-color: #5fcecb;
    border-radius: 50px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    border-style: solid;
    padding: .3em 1em!important;
    display: inline-block;
    margin-top: 10px;
	transition: all 0.2s;
}
#footer-widgets a.footer-button:hover {
    color: #fcfcfc!important;
    background: #f4c19f!important;
    border-color: #f4c19f!important;
}
footer div#zoom-social-icons-widget-2 {
    margin-bottom: 25px;
}
@media (max-width: 980px) {
	.footer-widget:last-child {width: 100%!important; margin: 0!important;}
	.footer-widget:last-child div.zoom-social-icons-widget {width: 46.25%!important;margin: 0 7.5% 7.5% 0!important;}
}

a.twitter-icon, a.instagram-icon, a.linkedin-icon, a.facebook-icon a.youtube-icon {
	font-family: ETmodules!important;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	font-size: 20px;
	line-height: 20px;
	margin-right: 10px;
	transition: all 0.4s;
	background: #5fcecb;
	padding: 10px;
	border-radius: 50px;
}
a.twitter-icon:before {content: "\e094"; transition: all 0.4s;}
a.instagram-icon:before {content: "\e09d"; transition: all 0.4s;}
a.linkedin-icon:before {content: "\e09a"; transition: all 0.4s;}
a.facebook-icon:before {content: "\e093"; transition: all 0.4s;}
a.youtube-icon:before {content: "\e093"; transition: all 0.4s;}

a.twitter-icon:hover, a.instagram-icon:hover, a.linkedin-icon:hover, a.facebook-icon:hover a.youtube-icon:hover {background: #9ed8d4;}

footer .widget_custom_html {
    width: 100%;
    margin-bottom: 30px!important;
}

/* ------------------------- Responsive Styling ------------------------- */

@media (max-width: 1300px) and (min-width: 1160px) {
	.logo_container a {
		width: 220px;
		height: 65px;
		margin-top: 25px;
	}
	.et-fixed-header .logo_container a {
		width: 220px;
		height: 65px;
	}
	#top-menu li {padding-right: 12px;}
	#top-menu li a {font-size: 12px!important;}
}

@media (max-width: 1180px) {
	#newsletter-contact h1 {font-size: 30px;}
}

@media (max-width: 1160px) and (min-width: 1050px) {
	.logo_container a {
		width: 180px;
		height: 55px;
		margin-top: 30px;
	}
	.et-fixed-header .logo_container a {
		width: 180px;
		height: 55px;
		margin-top: 15px;
	}
	#top-menu li {padding-right: 5px;}
	#top-menu li a {font-size: 11px!important;}
}

@media (max-width: 1050px) and (min-width: 980px) {
	.logo_container a {
		width: 170px;
		height: 52px;
		margin-top: 30px;
	}
	.et-fixed-header .logo_container a {
		width: 170px;
		height: 52px;
		margin-top: 15px;
	}
	#top-menu li {padding-right: 3px;}
	#top-menu li a {font-size: 10px!important;}
}

@media (max-width: 980px) {
	.logo_container a {
		margin-top: 7px;
		width: 220px;
		height: 67px;
	}
	#home-banner h1 {font-size: 90px;}
	#home-banner .et_pb_fullwidth_header_subhead {font-size: 200px;}
}

@media (max-width: 767px) {
	body:not(.home) .et_pb_fullwidth_header_subhead {line-height: 0.9em!important;}
	
	.specialty-areas ul.et_pb_tabs_controls, .specialty-areas ul.et_pb_tabs_controls li a {
		display: block;
	}
	.specialty-areas ul.et_pb_tabs_controls li {
		display: block;
		width: 50%!important;
		float: left!important;
	}
	.specialty-areas ul.et_pb_tabs_controls li a {padding: 10px 30px;}
}

@media (max-width: 640px) {
	.logo_container a {
		background: url(/wp-content/uploads/2019/09/nbic-small-mobile-logo.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 80px;
	}
}

@media (max-width: 500px) {
	#home-banner .et_pb_fullwidth_header_subhead {font-size: 135px;}
	#home-banner h1 {font-size: 40px;}
	#home-banner .header-content span.s1 {font-size: 18px; line-height: 18px;}
	#home-banner span.s1 {
		width: 310px;
		display: block;
		float: right;
		font-size: 16px!important;
		line-height: 20px!important;
	}
	#home-banner a.et_pb_button {font-size: 12px!important;}
	
	.et_pb_top_inside_divider, .et_pb_bottom_inside_divider {height: 50px!important; background-size: 100% 50px!important;}
	
	.et_pb_text_inner h1 {font-size: 35px;}
}

@media (max-width: 400px) {
	.page-header .header-content h1 {font-size: 30px !important; letter-spacing: 3px!important;}
	.page-header .et_pb_fullwidth_header_subhead {font-size: 55px !important;}
	.page-header .et_pb_more_button {font-size: 16px !important;}
	
	.et_pb_text_inner h1 {font-size: 35px!important;}
}

@media (min-width: 500px) and (max-height: 650px) {
	.home span.et_pb_fullwidth_header_subhead {font-size: 170px!important;}
	.home h1.et_pb_module_header {font-size: 60px!important;}
}
@media (min-width: 500px) and (max-height: 530px) {
	.home span.et_pb_fullwidth_header_subhead {font-size: 130px!important;}
	.home h1.et_pb_module_header {font-size: 40px!important;}
}

/* ------------------------- End of Responsive Styling ------------------------- */

/* ------------------------- Form Styling ------------------------- */

.wpcf7 span input {
    border-width: 1px;
    border-color: rgba(85,189,188,0.42);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    background-color: rgba(0,112,122,0.28);
    width: 100%;
    padding: 16px;
    color: #ffffff;
}
.wpcf7 span input::placeholder {color: #ffffff;}
.wpcf7 span input:focus {
    background-color: rgba(85,189,188,0.76);
    border-color: rgba(85,189,188,0.42);
}
.wpcf7 span.your-name, .wpcf7 span.your-tel {
    width: 49%!important;
    float: left;
}
.wpcf7 span.your-name {margin-right: 2%;}
.wpcf7 p {overflow: hidden;}
input.wpcf7-form-control.wpcf7-submit {
    padding: 0.3em 1em!important;
    font-size: 15px;
    color: #00bcb9;
    background-color: rgba(0,188,185,0);
    border-width: 1px!important;
    border-color: #00bcb9;
    border-radius: 50px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    border-style: solid;
    line-height: 1.7em!important;
    float: right;
    cursor: pointer;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: #f4c19f!important;
    border-color: #f4c19f!important;
    color: #ffffff;
}

.get-in-touch-form span.your-email, .get-in-touch-form span.company, .get-in-touch-form span.subject {
    width: 49%!important;
    float: left;
}
.get-in-touch-form span.company {
    margin-right: 2%;
}
.get-in-touch-form textarea {
    border-width: 1px;
    border-color: rgba(85,189,188,0.42);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    background-color: rgba(0,112,122,0.28);
    width: 100%;
    padding: 16px;
    color: #ffffff;
    resize: none;
    height: 150px;
}
.get-in-touch-form textarea::placeholder {color: #ffffff;}
.get-in-touch-form textarea:focus {
    background-color: rgba(85,189,188,0.76);
    border-color: rgba(85,189,188,0.42);
}

p.google-terms {color: #fff; font-size: 14px;}
.grecaptcha-badge { visibility: hidden!important; }

/* ------------------------- End of Form Styling ------------------------- */


.wpem-event-listings .wpem-event-layout-wrapper .event_featured, .wpem-event-listings .wpem-event-layout-wrapper .event_featured:hover {
    background: #ffffff;
}