/* 
Theme Name: Marketingtag & Staatspreis Marketing
Theme URI: https://marketingtag.at/
Description: Child theme for Marketingtag and Staatspreis Marketing based on Hello Elementor.
Author: Gernot Kammerer
Author URI: https://momentum.wien
Template: hello-elementor
Version: 1.0.0
*/


/*
 * Sympose
 */

/* Speakers List */
#marketingtag-speakers .sym-list, #marketingtag-speakers .sym-list .list-inner {display: unset;}
#marketingtag-speakers .sym-list .list-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

#marketingtag-speakers .sym-list.person .list-inner span.sym {
  max-width: unset;
  margin-right: unset;
}
@media (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-width: 760px) {
  #marketingtag-speakers .sym-list .list-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media only screen and (max-width: 480px) and (max-width: 760px), only screen and (max-device-width: 1024px) and (max-width: 480px) and (min-device-width: 768px) {
  #marketingtag-speakers .sym-list .list-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
#marketingtag-speakers .sym {
    background: var(--e-global-color-primary);
    border-radius: 25px;
    padding-bottom: 3%;
}

#marketingtag-speakers img {
    background-color: var(--e-global-color-accent);
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
#marketingtag-speakers .title {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    text-transform: var(--e-global-typography-primary-text-transform);
    font-style: var(--e-global-typography-primary-font-style);
    text-decoration: var(--e-global-typography-primary-text-decoration);
    line-height: var(--e-global-typography-primary-line-height);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    word-spacing: var(--e-global-typography-primary-word-spacing);
    color: var(    --e-global-color-5774867);
}
#marketingtag-speakers .desc {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    font-style: var(--e-global-typography-accent-font-style);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    word-spacing: var(--e-global-typography-accent-word-spacing);
    color: var(    --e-global-color-5774867);
}




/* Programm */
.momentum-programm-untertitel {
    font-size: initial;
    font-weight: 100;
  margin-top: 10px;
  line-height: 1.1em;
}

.sympose-schedule span.title {color: var( --e-global-color-accent ); font-weight: bold;}
.sympose-schedule span.desc {color: var( --e-global-color-secondary ); font-weight: 600;}

table.sympose-schedule td, table.sympose-schedule th {background: none !important;}

table.sympose-schedule tr.title-column th {background: none; border: none;}
table.sympose-schedule tr.title-column h3 {text-align: left;}

table.sympose-schedule {border-collapse: separate; border-spacing: 0 1em;}
table.sympose-schedule tr.session-row {background: white;}
table.sympose-schedule tr.session-row {
	-webkit-box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1);
}
table.sympose-schedule tr td {border: none; box-sizing: border-box; clear: both;}
table.sympose-schedule tr:hover td {background: none; color: initial;}
table.sympose-schedule tr th {background: none; padding: 0;}
table.sympose-schedule a {padding: 0 !important;}

td.edit-link, td.sympose-read-more {display: none !important;}
td.time {display: inline-block !important; width: 10%;}
td.time a {font-size: 1.3em;}

td.title {display: inline-block !important; width: 75%;}
td.title {font-size: 1.6em; font-weight: bold; color: #162834; line-height: 1.2em;}
td.title, td.title a {color: var( --e-global-color-secondary ) !important;}

td.organisations {display: inline-block !important; width: 15%;}
td.organisations * {margin: 0; padding: 0;}
td.people {display: block; margin-left: 10%;}
td.people:empty {visibility: hidden !important;}
td.people .sym-list {display: unset;}
td.people span.sym.person.square {width: 33%; vertical-align: top; text-align: left; margin-bottom: 1.2em;}
td.people span.sym.person.square img {width: 100px; height: auto;}
td.people a {line-height: 1.2em !important;}
@media (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-width: 760px) {
	td.time {display: inline-block !important; width: 10% !important;}
	td.title {display: inline-block !important; width: 75% !important;}
	td.organisations {display: inline-block !important; width: 15% !important;}
	td.people {margin: 0; width: 100% !important;}
	td.people span.sym.person.square {width: 50%; text-align: left;}
	td.people span.sym.person.square img {width: 50px; height: auto;}
}
@media only screen and (max-width: 480px) and (max-width: 760px), only screen and (max-device-width: 1024px) and (max-width: 480px) and (min-device-width: 768px) {
	td.time {width: 100% !important;}
	td.title {width: 100% !important;}
	td.organisations {width: 100% !important;}
	td.people {margin: 0; width: 100% !important;}
	td.people span.sym.person.square:only-child {width: 100% !important; text-align: center;}
	td.people span.sym.person.square {width: 50% !important; text-align: center;}
	td.people span.sym.person.square img {width: 100px; height: auto;}
}


/* Programm with tabs */
.marketingtag-tab {overflow: hidden;}

.marketingtag-tablink-first {margin-right: 10px;}

.marketingtag-tab button {color: white; border: none !important;}
.marketingtag-tab button {background: var( --e-global-color-secondary ) !important;}
.marketingtag-tab button {float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s;}

@media only screen and (max-width: 480px) and (max-width: 760px), only screen and (max-device-width: 1024px) and (max-width: 480px) and (min-device-width: 768px) {
	.marketingtag-tab button {width: 50%; border-radius: 0; padding: 7px 8px; margin: 0;}
}

.marketingtag-tab button:hover  {background: var( --e-global-color-accent ) !important;}
.marketingtag-tab button.active {background: var( --e-global-color-accent ) !important;}

.marketingtag-tabcontent {display: none; border-top: none;}