/*
Theme Name:     WSM 2019
Theme URI:      
Description:    Child theme for Bendico. Requires ACF Pro and relevant custom fields groups.
Author:         Steve Coates
Author URI:     
Template:       bendico
*/

/* 
red ea242a
black 040707
*/

@import url('https://fonts.googleapis.com/css?family=Reem+Kufi&display=swap');

/* feature colour */
.footer, #title-bar, .subnav-wrapper h4, .button, button, .right-off-canvas-menu { 
background-color:#ea242a; 
}
h1, h2, h3, h4, h5,  
.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, .page-id-910 #main-nav .menu-item-1024 a { 
color:#ea242a;
font-family:'Reem Kufi', Arial;
}
a { color:#ea242a; }
h1, h2, h3, h4, h5, h6, .feature-panel-inner h4 { text-transform: uppercase; }
.logo-left-menu-right ul#main-nav {
top: 52px;
}
#main-nav li:hover > ul { 
border-top-color: #000 !important; 
}
.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, .page-id-910 #main-nav .menu-item-1024 a {
border-bottom: 5px solid #ea242a;
}
.logo-left-menu-right #main-nav li, .logo-left-menu-right #top-menu li {
padding: 0px 14px;
}
.logo-left-menu-right #main-nav a {
text-transform: uppercase;
font-size: 18px;
color: #000;
line-height: 36px;
padding: 0px;
}

.logo-left-menu-right li.name h1 a {
background-image: url(assets/images/wsm-logo-this.png);
width:280px;
margin-top:24px;
}

h1, h2, h3, h4, h5, h6, .logo-left-menu-right #main-nav a {
font-family: 'Reem Kufi', Arial, sans-serif;
font-weight: 400;
}
.button { font-family: 'Reem Kufi', Arial, sans-serif; text-transform:uppercase; }
.button:hover, .button:active, .button:focus {
background:#cc1e23;
}

 /* has children indicator */
li.page_item.page_item_has_children a:after, li.menu-item.menu-item-has-children a:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-left: 5px;
}
/* not on dropdowns or mobile menu */
li.page_item.page_item_has_children li a:after, li.menu-item.menu-item-has-children li a:after, .off-canvas-list li.page_item.page_item_has_children a:after {
display:none;
}
.logo-left-menu-right #main-nav ul a, #main-nav .current_page_item ul a, .logo-left-menu-right #main-nav ul .current_page_item a, .logo-left-menu-right #main-nav .current-menu-item ul a, .logo-left-menu-right #main-nav ul .current-menu-item a, .logo-left-menu-right #main-nav .children a { text-transform:uppercase !important; }
.logo-left-menu-right #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, .logo-left-menu-right #main-nav ul .current_page_item a:hover, .logo-left-menu-right #main-nav .current-menu-item ul a:hover, .logo-left-menu-right #main-nav ul .current-menu-item a:hover, .logo-left-menu-right #main-nav .children a:hover { border:none !important; }
.logo-left-menu-right #main-nav li ul { top:40px; border-top:1px solid #ccc !important; }

/* height of navbar, position of dropdowns, might need mods depending on layout
.fullwidth-banner-menu .top-bar, .header.fullwidth-banner-menu.nav-at-very-top .top-bar-section { height: 80px; }
.fullwidth-banner-menu #main-nav a { line-height:80px; }
.fullwidth-banner-menu ul#main-nav { top:0; }
.fullwidth-banner-menu #main-nav li ul { top:79px; }
*/

.exp-search input[type="search"].search-field { border:none; }
.exp-search input[type="search"].search-field.expand-search { width:600px; font-size:20px; padding:25px; }

.menu-icon span::after {
height: .05px;
}

ul.off-canvas-list li a {
font-family: "Reem Kufi", Arial, sans-serif;
padding: 8px 46px 8px 38px;
}

#title-bar .page-title-over-banner.no-image h1 {
text-shadow:none;
}

/* video hero */
.columns-stripe.video-hero {
padding:0;
background:#ec232b;
/* 
background-image:url('assets/images/conferences-people-1800x680.jpg');
background-size:cover;
background-repeat:no-repeat;
 */
}

.entry-content .columns-stripe.video-hero video, .entry-content .columns-stripe.video-hero object {
max-width:none;
}
.columns-stripe.video-hero .content {
width: 100%;
height:100%;
background:rgba(0,0,0,.3);
position:absolute;
top:0;
margin-left: auto;
margin-right: auto;
margin:0 auto;
text-align:center;
padding: 20% 30px;
color:rgba(255,255,255,1);
transition:all 5s ease-in-out;
max-height:760px;
}
.columns-stripe.video-hero .content h2, .columns-stripe.video-hero .content p {
color:rgba(255,255,255,1) !important;
max-width: 64rem;  
margin:0 auto;
}
.columns-stripe.video-hero .content h2 { font-size:36px; text-transform:none; }
.columns-stripe.video-hero p {
margin:20px auto 0 !important;
font-size: 1.5em;
line-height: 1.3;
}

.columns-stripe.video-hero .screenback {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
height:50vw;
max-height:760px;
min-height:330px;
}

.columns-stripe.video-hero .screenback__video {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.subnav-wrapper h4 a { text-transform:uppercase; }

.feature-panel-inner, .card-wrap {
box-shadow:0 0 9px #eee;
border-radius:5px;
}

/* panels */
.columns-stripe.panels .large-3.columns {
padding-right:15px;
padding-left:15px;
}

.feature-panel-inner img {
border-radius:0;
margin-bottom:50px;
}
.feature-panel-inner table { 
margin:0 auto;
}

/* counters */
span.countup-right {
position:relative;
left:-15px;
top:-11px;
}
span.countup-left {
position:relative;
top:-15px;
}
span.countup-bottom {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
}

/* cards */
.card-image { border-radius: 5px 5px 0 0; }
.card-text { border-radius: 0 0 5px 5px; }
.card-wrap:hover, .card-wrap a:hover, .card-text:hover { text-decoration:none; }
.card-wrap { transition: all .2s; margin-bottom:36px; }

.columns-stripe.cards .card-text a { display: inline; }


/* events */
.wsm-events .columns { float:left !important; }
.wsm-events .card-image {
background-repeat:no-repeat;
background-size: auto;
background-color:#fff;
border-bottom:1px solid #eee;
display: flex;
justify-content: center;
align-items:center;
flex-direction: column;
padding:20px;
height:15vw;
}
.wsm-events .card-wrap:hover { transform: translateY(-6px) }
.wsm-events .card-image img { max-height:100%; }
.wsm-events .card-text span { display:block; }
.wsm-events .card-text span.venue { margin-top:-6px; }

.past-events { text-align:center; }
h2.year { color:#040707; border-bottom:1px solid #ddd; padding: 0 0 10px 0; margin: 30px 0 20px; }
.past-events span { display:block; margin:-6px 0 20px 0; }

.row, .logo-left-menu-right .contain-to-grid#top {
max-width:1180px;
}

.search-results article footer { margin:0 !important; }

ul li { margin:10px 0; }

/* 
.large-12.medium-12 p, .large-12.medium-12 ul, .large-12.medium-12 ol, .large-12 .collapseomatic {
max-width:820px;
margin-right: auto;
margin-left: auto;
}
.large-12.medium-12 ul { padding:10px 20px; }
.large-12 .collapseomatic { margin:0 auto !important; }
 */
 
.columns-stripe.cols div.large-12.medium-12 {
max-width:820px;
float:none;
margin:0 auto;
}

.entry-content .columns-stripe .row p:last-of-type + ul, .entry-content .columns-stripe .row p:last-of-type + h2, .entry-content .columns-stripe .row p:last-of-type + h3, .entry-content .columns-stripe .row p:last-of-type + h4, .entry-content .columns-stripe .row p:last-of-type + h5, .entry-content .columns-stripe .row p:last-of-type + h6 { margin-top:1.25rem; }

.collapseomatic:before, .entry-content .collapseomatic:before { position:relative; right:-34px; }
h1.collapseomatic, .entry-content h1.collapseomatic { font-size: 32px; }
h2.collapseomatic, .entry-content h2.collapseomatic { font-size: 27px; }
h3.collapseomatic, .entry-content h3.collapseomatic { font-size: 23px; }
h4.collapseomatic, .entry-content h4.collapseomatic { font-size: 19px; }
h5.collapseomatic, .entry-content h5.collapseomatic { font-size: 16px; }
h6.collapseomatic, .entry-content h6.collapseomatic { font-size: 16px; }
h1.collapseomatic, h2.collapseomatic, h3.collapseomatic, h4.collapseomatic, h5.collapseomatic, h6.collapseomatic, .entry-content h1.collapseomatic, .entry-content h2.collapseomatic, .entry-content h3.collapseomatic, .entry-content h4.collapseomatic, .entry-content h5.collapseomatic, .entry-content h6.collapseomatic { border-top:1px solid #ddd !important; padding:26px 42px 26px 0!important; position:relative; font-weight:400; }
h1.collapseomatic:before, .entry-content h1.collapseomatic:before, h2.collapseomatic:before, .entry-content h2.collapseomatic:before, h3.collapseomatic:before, .entry-content h3.collapseomatic:before, h4.collapseomatic:before, .entry-content h4.collapseomatic:before, h5.collapseomatic:before, .entry-content h5.collapseomatic:before, h6.collapseomatic:before, .entry-content h6.collapseomatic:before { position:absolute; top:32px; right:24px; }
h1.collapseomatic.colomat-close, h2.collapseomatic.colomat-close, h3.collapseomatic.colomat-close, h4.collapseomatic.colomat-close, h5.collapseomatic.colomat-close, h6.collapseomatic.colomat-close, .entry-content h1.collapseomatic.colomat-close, .entry-content h2.collapseomatic.colomat-close, .entry-content h3.collapseomatic.colomat-close, .entry-content h4.collapseomatic.colomat-close, .entry-content h5.collapseomatic.colomat-close, .entry-content h6.collapseomatic.colomat-close { border:none !important; border-top:1px solid #ddd !important; }
h1.collapseomatic:last-of-type, h2.collapseomatic:last-of-type, h3.collapseomatic:last-of-type, h4.collapseomatic:last-of-type, h5.collapseomatic:last-of-type, h6.collapseomatic:last-of-type { border-bottom:1px solid #ddd; }
.collapseomatic_content { padding-bottom:36px; }

.prefooter li { max-width:400px; }
.prefooter li img { max-height:100px; }



/* counters
------------------------------------------------- */

.counter .countup {
font-size:60px;
font-weight:700;
}


.large-12.medium-12.row-intro p {
    margin-left:0;
    margin-right:0;
}
 
 
/* speakers 
-------------------------------------------------- */

h3.speaker-type-subheading {
color:#888;
font-weight:normal;
font-size:15px;
border-bottom:1px solid #eee;
padding-bottom:10px;
margin-bottom:15px;
}
.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 {
font-size:16px;
}
.speaker-subtitle {
font-size:14px;
color:#888;
font-weight:400;
margin-top:-5px;
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%;
}
.posts.speakers.round .card-image img, .single-speaker .speaker-image.round img {
border-radius:50%;
}
.posts.speakers.round .card-image, .posts.speakers.round .card-text {
border:0;
}
.posts.speakers.round .card-text {
text-align:center;
}
.single-speaker .speaker-image.round {
padding:0 4%;
}
.single-speaker .speaker-meta {
padding: 0 0 5% 0;
}

/* show/hide */
.show-under-960 { display:none; }
.hide-under-960 { display:block; }

/* ul styles */
ul.twocols { columns: 2; -webkit-columns: 2; -moz-columns: 2; column-gap:6%; max-width:inherit !important;}
.twocols li { margin-bottom:20px; }

.biglist li { font-size: 20px; margin-bottom:20px; padding:0 20px; }

.ticklist { padding-left:30px; }
.ticklist li { list-style:none; position:relative; }
.ticklist li:before { content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight:900; position:absolute; left:-30px; top:1px; }

/* only show stuff to logged in users */
.loggedinonly { visibility:hidden; }
.logged-in .loggedinonly { visibility:initial; }


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

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

	.large-6.feature-panel.columns { padding-right:40px; padding-left:40px; }
	
}

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

	/* show/hide flip */
	.show-under-960 { display:block; }
	.hide-under-960 { display:none; }

}

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

	.cols .large-4.medium-4 { margin-bottom:50px; }

}

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

	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;
	}
	
	.cols .large-4.medium-4 { margin-bottom:20px; }
	.columns-stripe { padding:60px 0; }
	
	.logo-left-menu-right li.name h1 a { margin:14px 0 0 10px; }
	
}

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

	.logo-left-menu-right li.name h1 a { max-width:70%;  }
	.columns-stripe.video-hero .content h2 { font-size:30px; }
	
}

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

	.logo-left-menu-right li.name h1 a { margin-top:5%; }
	#title-bar .page-title-over-banner { padding: 0 5%; }

}