/*** /sessions ***/

/* Filters */

#paragraph-15242 form,
#paragraph-15813 form,
#paragraph-15851 form,
#paragraph-15723 form,
#paragraph-15854 form,
#paragraph-16971 form,
#paragraph-15732 form {
	  margin-bottom:20px;
    margin-top: 80px;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
}

#views-exposed-form-conference-session-block-1 fieldset.form-wrapper  {
    font-family:'Inter';
    display:inline-block;
    /*padding: 6px;*/
    border:1px solid #cacaca;
    width: 66%;
    height: 49px;
    padding:0;
}

#views-exposed-form-conference-session-block-1 .form-item {
    display:inline-block;
    margin-top: 9px;
}

#views-exposed-form-conference-session-block-1 .js-form-item-field-track-target-id {
    display:inline-block;
    
}

#views-exposed-form-conference-session-block-1 .form-item-field-track-target-id label {
    display:none;
}

#views-exposed-form-conference-session-block-1 select[name="field_track_target_id"] {
    height: 100%;
    border:1px solid #dadada;
    font-family: 'Inter';
    padding: 0.5em !important;
}

#views-exposed-form-conference-session-block-1 #edit-actions {
    display:inline-block;
    width: 105px !important;
}

#views-exposed-form-conference-session-block-1 input {
    display:inline-block;
    height: 49px !important;
    border:none;
    background:#823587;
    color:white;
    font-family:'Inter';
    min-width: 50px;
}

#views-exposed-form-conference-session-block-1 .form-item {
	display:inline-block;
}

#views-exposed-form-conference-session-block-1 .form-item label {
    padding: 15px;
    padding-bottom: 15px;
}

#views-exposed-form-conference-session-block-1 .form-item input {
    display:none;
}

#views-exposed-form-conference-session-block-1 .form-submit {
    background: #823587;
    color:white;
}

#views-exposed-form-conference-session-block-1 input[type="radio"]:checked + label {
    background: #823587;
    color: white;
    padding-top:10px;
}




/* Conference Sessions Agenda ? Tracks ? */

.views-view-responsive-grid__item {
    border: 1px solid #cacaca;
    padding-bottom: 25px;
}

.views-field-field-track span {
    width:100%;
    display:block;
    padding: 8px 28px;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 13px;
		line-height: 140%;
}

.views-field-title a {
    color: #222222;
    font-size: 16px;
}
.views-field-title {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 25px;
    margin-bottom:15px;
} 

.views-field-field-main-speaker-moderator {
    padding-left: 25px;
    display: inline-flex;
    flex-wrap: wrap;
}

.views-field-field-job-title {
    display: flex;
    font-family:'Inter';
    width:fit-content;
    flex-wrap: wrap;
    padding-left: 25px;
    font-size: 15px;
    font-weight: 400;
    color: #222222;
}

#views-exposed-form-conference-session-block-1{
  display: grid !important;
  grid-template-columns: 6fr 250px 1fr !important;
  gap: 0.7rem !important;
}
@media(max-width:800px){
#views-exposed-form-conference-session-block-1{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.8rem !important;
}
}
#views-exposed-form-conference-session-block-1 .form-submit{
  background: rgba(85, 45, 128, 1) !important;
  color: white;
  width: 100%;
  cursor: pointer;
  border: 1px solid rgba(85, 45, 128, 1);
  max-width:none;
}

#views-exposed-form-conference-session-block-1 .form-submit:hover{
  background: white !important;
  color: rgba(85, 45, 128, 1);
  border: 1px solid rgba(85, 45, 128, 1);
}

#edit-field-start-date-time-value--wrapper{ width: 100% !important;}

#views-exposed-form-conference-session-block-1 fieldset.form-wrapper{ margin:0;max-width: 90vw !important; width: 100% !important;}

#views-exposed-form-conference-session-block-1 .form-item{display:flex !important;margin: 0 !important;}

#edit-field-start-date-time-value,.fieldset-wrapper [id^="edit-field-start-date-time-value"]{display: flex;  gap: 0.8rem;height:100%}

.views-exposed-form [id^="edit-actions"]{
	width: 160px;
	display: flex;
	gap: 5px;
}

@media(max-width:800px){
#edit-field-start-date-time-value--wrapper .fieldset-wrapper{width: 100%;}

#edit-field-start-date-time-value{flex-direction: column;}

#views-exposed-form-conference-session-block-1 select[name="field_track_target_id"]{
width: 100%;
  max-width: 100%;
  font-family: 'Inter' !important;
}

#views-exposed-form-conference-session-block-1 .form-submit{max-width: 100%;  padding: 1em;}
}

#views-exposed-form-conference-session-block-1 .form-item label.option{
  padding: 0.8em 1em !important;
  border: 1px solid rgb(245, 245, 245);
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
}

#views-exposed-form-conference-session-block-1 input[type="radio"]:checked + label{
background-color: rgba(85, 45, 128, 1) !important;
}

#views-exposed-form-conference-session-block-1 select[name="field_track_target_id"]{height: auto !important;background: white; padding: 1em;min-width: 0; cursor: pointer;}
#views-exposed-form-conference-session-block-1 select[name="field_track_target_id"] *{font-family: var(--family-body,Inter), arial;}
#views-exposed-form-conference-session-block-1 #edit-actions{display:flex !important;}

.views-view-responsive-grid--horizontal{
  display:grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.2rem !important;
}
@media(max-width:1000px){
  .views-view-responsive-grid--horizontal{
    display:grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }
}
@media(max-width:800px){
  .views-view-responsive-grid--horizontal{
    display:grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0.5rem !important;
  }
}

/* speakers grid */
#paragraph-15243,
#paragraph-15813,
#paragraph-15851,
#paragraph-15723,
#paragraph-15854,
#paragraph-15732 {
  background: rgb(249, 249, 249);
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  padding-bottom: 4rem;
}

#paragraph-15243 .views-element-container,
#paragraph-15813 .views-element-container,
#paragraph-15851 .views-element-container,
#paragraph-15723 .views-element-container,
#paragraph-16971 .views-element-container,
#paragraph-15854 .views-element-container,
#paragraph-15732 .views-element-container {
  width: var(--width-mobile,90vw);
  margin-inline: auto;
  max-width: var(--max-width,1200px);
}

#paragraph-15243 .views-view-responsive-grid--horizontal,
#paragraph-15813 .views-view-responsive-grid--horizontal,
#paragraph-15851 .views-view-responsive-grid--horizontal,
#paragraph-15723 .views-view-responsive-grid--horizontal,
#paragraph-15854 .views-view-responsive-grid--horizontal,
#paragraph-16971 .views-view-responsive-grid--horizontal,
#paragraph-15732 .views-view-responsive-grid--horizontal {
    gap:1rem !important;
}

#paragraph-15243  .views-view-responsive-grid__item,
#paragraph-15813  .views-view-responsive-grid__item,
#paragraph-15851  .views-view-responsive-grid__item,
#paragraph-15723  .views-view-responsive-grid__item,
#paragraph-15854  .views-view-responsive-grid__item,
#paragraph-16971  .views-view-responsive-grid__item,
#paragraph-15732  .views-view-responsive-grid__item {
    padding-bottom: 0px !important;
}

#paragraph-15243 .views-view-responsive-grid__item:hover,
#paragraph-15813 .views-view-responsive-grid__item:hover,
#paragraph-15851 .views-view-responsive-grid__item:hover,
#paragraph-15723 .views-view-responsive-grid__item:hover,
#paragraph-15854 .views-view-responsive-grid__item:hover,
#paragraph-16971 .views-view-responsive-grid__item:hover,
#paragraph-15732 .views-view-responsive-grid__item:hover
{
  background: linear-gradient(296.41deg,rgba(90,50,133,0.08) 1.17%,rgba(255,255,255,0.08) 32.8%);
  border: 1px solid rgba(182,131,238,1);
}

#paragraph-15243 .views-view-responsive-grid__item-inner::before,
#paragraph-15813 .views-view-responsive-grid__item-inner::before,
#paragraph-15851 .views-view-responsive-grid__item-inner::before,
#paragraph-15723 .views-view-responsive-grid__item-inner::before,
#paragraph-15854 .views-view-responsive-grid__item-inner::before,
#paragraph-16971 .views-view-responsive-grid__item-inner::before,
#paragraph-15732 .views-view-responsive-grid__item-inner::before
 {
  content: url('https://www.snia.org/sites/default/files/2025-05/Vector%2039.png');
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/*
#paragraph-15243 .views-view-responsive-grid__item-inner:hover::before,
#paragraph-15813 .views-view-responsive-grid__item-inner::after,
#paragraph-15851 .views-view-responsive-grid__item-inner::after,
#paragraph-15723 .views-view-responsive-grid__item-inner::after,
#paragraph-15732 .views-view-responsive-grid__item-inner::after {
  content: url('https://www.snia.org/sites/default/files/2025-05/purple.png');
}
*/

#paragraph-15243 .views-view-responsive-grid__item-inner::after,
#paragraph-15813 .views-view-responsive-grid__item-inner::after,
#paragraph-15851 .views-view-responsive-grid__item-inner::after,
#paragraph-15723 .views-view-responsive-grid__item-inner::after,
#paragraph-15854 .views-view-responsive-grid__item-inner::after,
#paragraph-16971 .views-view-responsive-grid__item-inner::after,
#paragraph-15732 .views-view-responsive-grid__item-inner::after {
	content: none !important;
}

#paragraph-15243 .views-field-nothing span, 
#paragraph-15813 .views-field-nothing span,
#paragraph-15851 .views-field-nothing span,
#paragraph-15723 .views-field-nothing span,
#paragraph-15854 .views-field-nothing span,
#paragraph-16971 .views-field-nothing span,
#paragraph-15732 .views-field-nothing span {
	gap: 10px !important;
  display: flex;
  flex-direction: column;
}

#paragraph-15851 .views-field-field-track,
#paragraph-15723 .views-field-field-track,
#paragraph-15854 .views-field-field-track,
#paragraph-16971 .views-field-field-track,
#paragraph-15732 .views-field-field-track {
	padding: 7px 25px;;
	background:#360967;
	font-family:Manrope;
	color:white;
}

#paragraph-15813 .views-view-responsive-grid__item-inner,
#paragraph-15851 .views-view-responsive-grid__item-inner,
#paragraph-15723 .views-view-responsive-grid__item-inner,
#paragraph-15854 .views-view-responsive-grid__item-inner,
#paragraph-16971 .views-view-responsive-grid__item-inner,
#paragraph-15732 .views-view-responsive-grid__item-inner
{
	padding-bottom:40px;
}

#paragraph-15813,
#paragraph-15851,
#paragraph-15723,
#paragraph-16971,
#paragraph-15732,
#paragraph-15854 {
	padding-top:40px;
}

#paragraph-15813 form, 
#paragraph-15851 form,
#paragraph-16971 form,
#paragraph-15723 form,
#paragraph-15732 form {
	display:none;
}