/*
Theme Name:     IMIA2019 Conference Child Theme
Theme URI:      
Description:    Conference child theme for Bendico. Requires Go4 Conference Speakers plugin, ACF Pro and relevant custom field groups.
Author:         Steve Coates
Author URI:     
Template:       bendico
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800|Source+Sans+Pro:400,400i,700');

/* feature colour */
#title-bar, .subnav-wrapper h4, .button, button, .button:hover, button:hover, .right-off-canvas-menu, .left-off-canvas-menu { 
background-color:#ed2124; 
}
body, ol, ul, dl, li, tr, td, p, .fullwidth-banner-menu .top-bar-section li a, .fullwidth-banner-menu .top-bar-section ul li > a, .left-off-canvas-menu {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
font-size:19px; /*110%;*/
}
h1, h2, h3, h4, h5, h6 {
font-family:'Montserrat', Helvetica, Arial, sans-serif;
text-transform: uppercase;
line-height: 1.2;
font-weight: 800;
}
h1, h2, h3, h4, h5, a, 
.logo-left-menu-right #main-nav a:hover, .logo-left-menu-right #main-nav li:hover > a, .logo-left-menu-right #main-nav .current_page_item a, .logo-left-menu-right #main-nav .current-menu-item a, .logo-left-menu-right #main-nav .current_page_ancestor a, .logo-left-menu-right #main-nav .current_page_ancestor.menu-item-has-children a:hover { 
color:#ed2124;
}

h1 { font-size:32px; }
h2 { font-size:27px; }
h3 { font-size:25px; }
h4 { font-size:21px; }
h5 { font-size:18px; text-transform: none; }
h6 { font-size:16px; text-transform: none; }

#main-nav li:hover > ul { 
border-top-color: #ed2124 !important; 
}

.logo-left-menu-right li.name h1 a {
background-image: url(assets/images/logo-230w-temp.png);
}

.header.fullwidth-banner-menu {
background-color:transparent ;
}
#inner-header.row {
background:transparent;
max-width:100%;
}

.fullwidth-banner-menu .top-bar {
background:#f14b1b;
}

.header.fullwidth-banner-menu {
background:#f14b1b;
}
.fullwidth-banner-menu h1 {
text-align:center;
}
.fullwidth-banner-menu h1 a img {
width:1440px;
/* max-width:100%; */
max-width:1040px;
}
.show-for-960-down {
display:none;
}
.fullwidth-banner-menu ul#main-nav {
top:0;
}
.fullwidth-banner-menu #main-nav a {
color:#fff;
line-height:80px;
font-size:95%;
}
.fullwidth-banner-menu #main-nav li ul {
top:80px;
border-width: 4px 1px 1px !important;
}
.fullwidth-banner-menu #main-nav li ul li ul {
top:0;
margin-left:2px;
}
.fullwidth-banner-menu .left-small {
top:5px;
left:5px;
}
.fullwidth-banner-menu .menu-icon {
border:none;
background:rgba(255,255,255,.9);
width: 53px;
height: 53px;
border-radius: 50px;
padding-top: 15px;
}
.menu-icon span::after {
width:20px;
margin:-6px 0 0 2px;
}
ul.off-canvas-list {
margin-top:20px;
}
ul.off-canvas-list li a {
font-size:19px;
font-weight:700;
}
ul.off-canvas-list li ul.children li a, ul.off-canvas-list li ul.sub-menu li a {
font-size:18px;
font-weight: 400;
}
button.togglebutton {
top: -37px;
font-size: 20px !important;
background: rgba(255,255,255,0.15) !important;
padding:0 6px !important;
}
ul.off-canvas-list li ul.children li button.togglebutton {
top: -31px;
}

.footer {
background:#44c9f6 url(assets/images/footer-bg-2200.png) right top no-repeat;
background-size:auto;
padding-top:50px;
}

#title-bar {
background-color:#f8f8f8;
}
#title-bar .page-title-over-banner.no-image {
height:12vw;
}
#title-bar .page-title-over-banner.no-image h1 {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-weight: 800;
text-transform:uppercase;
color:#606263;
text-shadow:none!important;
}


 
 /* little logo nav left */
/* 
.header.fullwidth-banner-menu.nav-at-very-top ul#main-nav:before {
content: url(assets/images/logo-little-trans.png);
display:inline-block;
float:left;
top: 16px;
position:absolute;
left:0;
width:115px;
height:31px;
}
.header.fullwidth-banner-menu.nav-at-very-top ul#main-nav {
padding-left:150px;
width:62em;
}
 
 */
 
/* speakers 
-------------------------------------------------- */

h3.speaker-type-subheading {
color:#888;
font-weight:normal;
font-size:15px;
border-bottom:1px solid #eee;
padding-bottom:10px;
margin-bottom:15px;
text-transform:uppercase;
}
.speaker-type-subheading span {
display:block;
text-transform:none;
font-weight:400 !important;
}
ul.posts.speakers {
margin-bottom:60px;
}
.posts.speakers .card-image {
height:auto !important;
border:1px solid #ddd;
}
.posts.speakers .card-image img {
padding-bottom:0;
}
.posts.speakers .card-text {
padding:7.5%;
}
.posts.speakers .card-text h4, h5.speaker-subtitle, h3.speaker-type-subheading, .slick-slide h4, .columns-stripe.posts .columns h4 {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.posts.speakers .card-text h4 {
font-size:21px;
}
h5.speaker-subtitle {
font-size:16px;
color:#888;
font-weight:400;
margin-top:0;
text-transform:none;
}
.button.all-speakers {
margin-top:40px;
float:right;
}

/* round speaker images layout */
h3.speaker-type-subheading.round {
text-align:center;
}
ul.posts.speakers.round li {
padding:0 4%;
}
.featured.speakers.slick ol li {
padding: 10px 4%;
}
.slick-slider h4 {
margin:inherit;
}
.posts.speakers.round .card-image img, .single-speaker .speaker-image.round img, .featured-speakers.round .slick-slide img {
border-radius:50%;
}
.posts.speakers.round .card-image, posts.speakers.round .card-text, .featured-speakers.round .card-text {
border:0 !important;
}
.posts.speakers.round .card-text, .featured-speakers.round .slick-slide .card-text {
text-align:center;
background:transparent;
border:0 !important;
}
.single-speaker .speaker-image.round {
padding:0 4%;
}
.single-speaker .speaker-meta {
padding: 0 0 5% 0;
}

.fancy-button-inner h3 {
font-size:24px;
font-weight: 800;
}

.no-button-overlay .overlay:not(:hover) {
background:transparent;
}
.no-button-overlay a.fancy-button .overlay:hover {
background: rgba(0,0,0,0.2);
}

/* incomplete experiment to align buttons at bottom
.feature-panel-inner {
padding-bottom:100px;
}

.feature-panel-inner .button {
color: #333 !important;
position: absolute;
bottom: 10%;
width: 60%;
left: 20%;
} */

table.program { border-collapse: collapse; }
.program tr { height:auto !important; }
.program td { border:1px solid #ddd; padding:10px; height:auto !important; }
.program .time { /* width:180px !important; */ }
.program p { margin:0; }

.program-day-content { margin:20px 0 60px; }


/* acf-tabbed-content plugin */

.js-tabs-parent > .js-tablist {
margin-bottom:0;
border-bottom:1px solid #ddd;
}
.js-tabs-parent > .tabs__list .tabs__link { border-bottom:0 !important; }
.js-tabs-parent > .tabs__list .tabs__link[aria-selected=true] {
border-bottom:1px solid #fff !important;
position: relative;
bottom: -1px;
padding-top: 7px;
padding-bottom: 7px;
}
.js-tabs-parent > .tabs__list .tabs__item:first-child::before, .js-tabs-parent > .tabs__list .tabs__item:last-child::after { border:0 !important; }
.js-tabs-parent > .tabs__list .tabs__item:first-child::before { height:1px; background: #ddd; }

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

	.js-tabs-parent > .js-tablist {
	border:0;
	}
	
	.js-tabs-parent > .tabs__list .tabs__link { border: 0 !important; }

	.js-tabs-parent > .tabs__list .tabs__link[aria-selected=true] {
	background:#333;
	color:#fff !important;
	border:0 !important;
    bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
	}

}


/* -------------------------------------------------- */

@media only screen and (min-width: /* 1440px */1040px) {

	.header.fullwidth-banner-menu {
	/* background-image:url(assets/images/header-bg-bigger.png); */
	background-image:url(assets/images/header-bg-1040.png);
	background-position:center top;
	background-repeat:no-repeat;
	}

}

@media only screen and (max-width: /* 1440px */1040px) {

	.fullwidth-banner-menu h1 a img {
	max-width:100%;
	}

}

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

	.header h1 {
	margin: 0 -22% 0 0;
	}

	.show-for-960-down {
	display:block;
	}

}

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

	.program td { display:block !important; width:100% !important; text-align:center; border-bottom:0; font-size:17px; }
	/* .program .time { text-align:center; background:#333; color:#fff !important; width:100% !important; } */
	.time {
	display:block;
	margin:-10px -11px;
	padding:20px 10px;
	border-top:20px solid #fff;
	background:#555;
	color:#fff;
	letter-spacing:3px;
	font-size:15px;
	font-weight:400;
	}
	.day  {
	display:block;
	margin:-10px -11px;
	padding:30px 10px;
	border-top:70px solid #fff;
	background:#000;
	color:#fff;
	font-weight:700;
	}

}


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

	#title-bar .page-title-over-banner.no-image {
	min-height:120px;
	}
	h3.speaker-type-subheading {
	text-align:center;
	}
	
	ul.posts.speakers {
	margin:0 auto 60px !important;
	}
	
	ul.posts.speakers li {
	margin:0 auto 20px !important;
	max-width:400px !important;
	}
	
	.single-speaker .type-speaker .columns-stripe .row {
	max-width:483px;
	}
	
	.single-speaker .speaker-meta {
	padding: 5% 0;
	}
	
	.single-speaker .speaker-meta {
	text-align:center;
	}
	.footer .calendar i.fa, .footer .a2a_dd i.fa, .footer .calendar span, .footer .a2a_dd span {
	display:initial;
	}
	.footer .calendar i.fa, .footer .a2a_dd i.fa {
	float:none;
	}
	
}