/* Menu */
.smerald-submenu-full-width {
    border-top-color:#552d80 !important;
}

.submenu-item-2:hover {
    background:#552d80 !important;
}

/*** GENERAL ***/
#block-snia-sessionsdate {
    background:#552d80;
}

#block-snia-sessionsdate > div {
    width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
}

@media(max-width:800px){
	#block-snia-sessionsdate > div > div{flex-direction: column !important; gap: 1rem;}
	.menu .logo{margin:0 !important;}
	
	/* floating menu */
	#block-snia-sniadeveloper{
		width: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	#menuItems{
		position: absolute !important;
	  top: 0px;
	  left: 0px;
	  background: white;
	  max-width: 90vw;
	  z-index: 999;
	  box-shadow: rgba(128, 128, 128, 0.29) 0px 0px 5px 2px;
	  border: 1px solid gray;
	  padding: 1em 3em 1em 1em;
	}
	
	#close-menu{z-index: 9999;}
}

#block-snia-sdcinfo {
	background: #480e67;
    color: white;
	padding: 20px 0px;
}

#block-snia-sdcinfo div {
	width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
}

#block-snia-sdcbanner {
	max-width: 200px;
}

.homepager3july16{border-bottom: 1px solid var(--color-whitesmoke-300);}
.sdc-container {
	width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
	padding:0;
	padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 0 !important;
}

#menuItems .smerald-menu-navigation-parent a, #menuItems .submenu-level-2 a{
  font-size: 14px !important;
  font-weight: 400 !important;
}

.smerald-menu-navigation-parent{position:relative;}
.smerald-menu-navigation-parent  .toggle-arrow{position: relative; right: 8px;}

.snia-developer footer {
	background: #480e67;
}

.snia-developer .footer-right,.snia-developer .footer-end	  {
	border: none !important;
}

.snia-developer .homepager3july16 {
	overflow:visible;
}

#block-snia-sdcbranddate img {
	width: 183px;
  height: auto;
}
    



/* Speakers ¿Directory? */

#paragraph-15243 {
    margin-top:30px;
}

#paragraph-15243 .views-field-field-photo {
    /* width: auto; */
    /* height: 100%; */
    /* min-height: 158px; */
    width: 166px;
    height: 166px;
    min-width: 166px;
    background: red;
    /* box-sizing: content-box; */
}

#paragraph-15243 .views-field-field-photo img {
    height: 166px;
    width: 166px;
    min-width: 166px;
    object-fit: cover;
    /* width: auto; */
    /* height: 100%; */
    /* min-height: 158px; */
}

#paragraph-15243 .views-view-responsive-grid__item-inner {
    display: flex;
    padding: 10px;
    gap: 10px;
    font-family: 'Manrope';
    position:relative;
}

#paragraph-15243 .views-view-responsive-grid__item-inner::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13%2013V1.65455V0L0%2013H13Z%22%20fill%3D%22%23E2E2E2%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position:absolute;
  right:10px;
    bottom:10px;
    
}


#paragraph-15243 .views-field-nothing span {
    gap:0px;
    display:flex;
    flex-direction:column;
}

#paragraph-15243 .views-field-nothing {
    display:flex;
    align-items:center;
}

#paragraph-15243 p.company {
    margin-top:0px;
    font-size:13px;
}

#paragraph-15243 p.title {
    color:#552d80;
    font-size:13px;
}


/* SDC SINGLE SESSION VIEW */

.abstract {
	margin-top:60px;
}

.abstract h3 {
	font-size:28px;
	font-weight:600;
}

.learning-objectives {
	background:#fafafa;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:60px;
}

.learning-objectives h3 {
		font-size:28px;
	font-weight:600;
}

.speakers-wrapper {
    display:flex;
    flex-wrap: wrap;
    gap:20px;
    font-family:Manrope;
	margin-bottom:30px;
	    margin-top: 30px;
}

.speaker-info {
	gap:3px;
	display:flex;
	flex-direction:column;
}

.speaker img {
		width: 50px;
		height: 50px;
		border-radius: 100%;
		margin-right: 10px;
		object-fit: cover;
		object-position: center;
}

.speaker {
    display:flex;
    font-size:13px;
    
}

.speaker-name {
    font-size:13px;
    display:flex;
    width:fit-content;
    height:fit-content;
	font-weight:600;
	color:black;
}
.company {
	color:#878787;
}
.speakers-wrapper .company {
	font-weight: 400;
	font-size: 11px;
	line-height: 140%;
}
.job-title {
    display:none;
}

h3 {
    font-family:Manrope;
    font-size:30px;
    font-weight:300;
    margin-top:20px;
    margin-bottom:20px;
}

#block-snia-content > div > div > footer {
    background:none !important;
}

.related-sessions-view h3 {
	font-size:28px;
	font-weight:600;
}
.related-sessions-view .speakers-wrapper {
	margin-bottom: 0;
}

.related-sessions-view {
	margin-bottom: 60px;
	margin-top: 60px;
}
.related-sessions-view .views-view-responsive-grid__item {
	padding:15px;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
}

.related-sessions-view .views-view-responsive-grid__item a {
	font-size:13px;
}
.related-sessions-view .views-view-responsive-grid__item h3 {
	font-size:18px;
	font-weight:600;
  line-height: 140%;
	margin-top:0;
	margin-bottom:0;
	color:black !important;
}

.related-sessions-view .views-view-responsive-grid__item p {
	margin-top:0;
	margin-bottom:0;
	display:none;
}

.related-sessions-view .views-view-responsive-grid__item-inner {
	gap:15px;
	display:flex;
	flex-direction:column;
}

.related-sessions-view .views-view-responsive-grid {
	--views-responsive-grid--layout-gap:15px !important;
}

.webform-submission-rate-this-session-form {
		display:flex;
		flex-direction:column;
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
}

#edit-comment {
    width:100%;
}

label[for="edit-comment"] {
    font-family:Manrope;
}

.form-item-rate {
    margin-top:10px;
    margin-bottom:10px;
    position:relative;
    top:5px;
    display: flex;
}
.webform-submission-rate-this-session-form .form-item-rate{
	    flex-direction: column;
}
.webform-submission-rate-this-session-form .form-item-rate .rateit{
	margin-left: -8px;
}
.rateit-range {
    margin-left: 7px;
    margin-top: 0px;
}
label[for="edit-rate"] {
    font-family:Manrope;
    font-weight:600;
    /* margin-top: 10px; */
    font-size: 19px;
}

#edit-submit {
    background:#552d80;
    color:white;
    font-family:Manrope;
    border:none;
    position:relative;
    width: 113px;
    height: 42px;
}
.webform-submission-rate-this-session-form #edit-submit{
	padding: 10px 40px 10px 25px;
	width: 100%;
	cursor: pointer;
	font-weight: 500;
	font-size: 13px;
	line-height: 140%;
	text-align: center;
	color: #F9F9F9;
	font-family: 'Inter' !important;
}

.webform-submission-rate-this-session-form #edit-actions::after{
	right: 18px;
    top: 12px;
}
.webform-submission-rate-this-session-form .form-type-webform-rating label{
font-weight: 600;
font-size: 11px;
line-height: 140%;
color: #222222;
}
.webform-submission-rate-this-session-form .form-type-textarea label{
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #344054;
	padding-bottom: 8px;
	display: block;
}
.webform-submission-rate-this-session-form .form-type-textarea textarea{
		background: #FFFFFF;
		border-top:0px !important;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom: 1px solid #E2E2E2 !important;
		border-radius: 0px !important;
}
#edit-actions {
    width:fit-content;
    /* background:red; */
    position:relative;
    display: flex;
    align-self: end;
}

#edit-actions::after {
  content: '';
  display: inline-block;
    position:absolute;
  width: 18px; /* adjust to your image size */
  height: 18px;
  background-image: url('/themes/custom/snia/images/vector-1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 8px; /* space between text and image */
  vertical-align: middle;
    right:10px;
    top:14px;
    z-index:99999;
}

#views-exposed-form-conference-session-block-1 #edit-actions::after{
	content: none !important;
}
#views-exposed-form-conference-session-block-1 #edit-actions{
	    width: 100% !important;
}


/* Checkout + FORM + Cart */


.commerce-checkout-flow-multistep-default, .cart, .webform-submission-sdc-registration-form {
    width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
    font-family: Manrope;
}

div[data-drupal-messages] {
    width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
    font-family: Manrope;
}

.commerce-payflow-cancel {
    margin-bottom:10px
}


.layout-checkout-form {
    xdisplay:flex !important;
    xflex-direction:column;
    xfloat:none;
}

#edit-sidebar-coupon-redemption-form-code {
    max-width:100%;
}

.checkout-complete {
    margin-top:30px;
    margin-bottom:30px;
}

.webform-submission-sdc-registration-form {
    margin-top:30px;
    margin-bottom:30px;
}

.webform-submission-sdc-registration-form label {

    display:block;
}

.webform-submission-sdc-registration-form input {
    width:100%;
}

.webform-submission-sdc-registration-form .form-submit {
    margin-top:20px;
}


/* CART */

.cart {
    margin-top:30px;
    margin-bottom:30px;
}.


@media only screen and (max-width:1199px) {
	#views-exposed-form-conference-session-block-1 fieldset.form-wrapper{
		    height: auto !important;
	}

}

.cart-form #edit-actions {
	display:flex;
	flex-direction:row;
	gap:1rem;
}

.cart-form #edit-actions::after {
	display:none;
}

.cart-form #edit-checkout {
	border:1px solid #afafaf;
	cursor: pointer;
	padding: .8em 1.5em;
  width: auto;
  height: auto;
  font-weight: 600;
}

.cart-form #edit-checkout:hover{
	color: white !important;
  background: #360967 !important;
}

.cart-form #edit-submit {
	border: 1px solid #552d80;
		cursor: pointer;
		padding: .8em 1.5em;
  width: auto;
  height: auto;
  font-weight: 600;
}

.cart-form #edit-submit:hover{
	color: #360967 !important;
  background: #ffff !important;
}

.cart-form .delete-order-item {
	border:1px solid #afafaf;
}

.webform-progress {
    margin-top:30px;
}

.progress-step {
    width: 110px !important;
}

.progress-title {
    height:36px;
    text-align:center;
    font-family:Manrope;
    font-size:15px
}

.progress-line-commerce {
    width: calc(100% - 120px);
    height: 4px;
    background: #e5e5e5;
    position:absolute;
    top: 20px;
    align-self: center;
    left: 0;
    right: 0;
    margin: auto;
}



.messages__wrapper{
	padding: 1em;
  background: var(--brand-primary-hover);
  color: white !important;
  margin-top: 1rem;
}

.messages__wrapper div{
	font-size: 16px !important;
  color: inherit !important;
  letter-spacing: 1px;
}

.messages__wrapper a{color: inherit !important;
  font-size: inherit !important;}




div[data-drupal-message-type="error"] {
	color:#fd4e00 !important;
}

.messages__wrapper:has(div[data-drupal-message-type="error"]) {
  background: #fef5f1;
}


#views-form-commerce-cart-form-default-35,#views-form-commerce-cart-form-default-51{
	margin-top: 4rem;
  margin-bottom: 6rem;
}

#block-snia-content .cart.cart-form form table,
#views-form-commerce-cart-form-default-35 table,
#views-form-commerce-cart-form-default-51 table{
	display: grid;
  gap: 1rem;
  margin-bottom: 2rem;
  
  font-size: 16px !important;
  font-family: var(--font-inter);
}

#views-form-commerce-cart-form-default-35 table *,
#views-form-commerce-cart-form-default-51 table *,
#block-snia-content .cart.cart-form form *
.order-total-summary *{
	 font-size: 16px !important;
   font-family: var(--font-inter);
}

#views-form-commerce-cart-form-default-35 table thead,
#views-form-commerce-cart-form-default-51 table thead,
#block-snia-content .cart.cart-form form table thead{
	width: 100%;
  padding-bottom: 1rem;
  border-bottom: 1px solid #8080802b;
}

#views-form-commerce-cart-form-default-35 table thead tr,
#views-form-commerce-cart-form-default-35 table tbody tr,
#views-form-commerce-cart-form-default-51 table thead tr,
#views-form-commerce-cart-form-default-51 table tbody tr,
#block-snia-content .cart.cart-form form table thead tr,
#block-snia-content .cart.cart-form form table tbody tr
{
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
}

@media(min-width:800px){
	#views-form-commerce-cart-form-default-35 #view-total-price-number-table-column,
	#views-form-commerce-cart-form-default-35 table tbody tr td:last-child,
	#views-form-commerce-cart-form-default-51 #view-total-price-number-table-column,
	#views-form-commerce-cart-form-default-51 table tbody tr td:last-child,
	#block-snia-content .cart.cart-form form #view-total-price-number-table-column,
	#block-snia-content .cart.cart-form form #views-form-commerce-cart-form-default-51 table tbody tr td:last-child{
		text-align: end;
	}
}

#views-form-commerce-cart-form-default-35 table tbody tr .js-form-item,
#views-form-commerce-cart-form-default-51 table tbody tr .js-form-item,
#block-snia-content .cart.cart-form form table tbody tr .js-form-item{margin-top: 0 !important;}

#views-form-commerce-cart-form-default-35 table tbody tr td.views-field-remove-button,
#views-form-commerce-cart-form-default-51 table tbody tr td.views-field-remove-button,
#block-snia-content .cart.cart-form form table tbody tr td.views-field-remove-button{
	display:flex;
	justify-content:center;
}
#edit-remove-button-0{
	cursor: pointer;
  padding: 0.7em 1em;
    border: 1px solid #552d80;
}

#edit-remove-button-0:hover{
	color: white;
  background: #552d80;
}

#views-form-commerce-cart-form-default-35 table tbody,
#views-form-commerce-cart-form-default-51 table tbody,
#block-snia-content .cart.cart-form form table tbody{
	text-align: center;
  width: 100%;
  font-size: 14px !important;
}

@media(max-width:1000px){
	#edit-submit{left:0;}
	#views-form-commerce-cart-form-default-35,
	#views-form-commerce-cart-form-default-51,
	#block-snia-content .cart.cart-form form{
		padding-bottom: 1rem;
		overflow-x: scroll;
	}
	#views-form-commerce-cart-form-default-35 table,
	#views-form-commerce-cart-form-default-51 table,
	#block-snia-content .cart.cart-form form table{
		min-width: 800px;
	}
	.cart-form #edit-actions{
		flex-direction: column;
		margin-top:2rem;
		width:100%;
	}
}

.cart-empty-page{
	width: var(--width-mobile,90vw);
  margin-inline: auto;
  max-width: var(--max-width,1200px);
  padding-top: 6rem;
  padding-bottom: 6rem;
  font-size: 16px;
  font-family: "Inter";
}

/* checkout */

#edit-payment-information-billing-information {
	background:none;
	padding:0;
}

.checkout-pane-order-summary {
	xpadding:0 !important;
	margin-top:0px !important;
	background:#fafafa !important;
}

#edit-sidebar-coupon-redemption-form, #edit-coupon-redemption {
	background:#fafafa !important;
	padding:0;
	margin:0;
}

#edit-coupon-redemption {
	padding:20px;
}

#edit-sidebar-coupon-redemption-form-apply, #edit-payment-information-billing-information-edit-button {
	margin-top:15px
}

.layout-checkout-form #edit-actions-next {
	margin-top:20px;
	margin-bottom:20px;
	background:#360967;
	color:white;
	padding-right:25px;
}


.layout-region-checkout-footer, .layout-region-checkout-secondary {
    margin-bottom:20px;
}

.checkout-pane-review {
    background:none !important;
    padding:0!important;
    margin-bottom:20px;
}

.layout-region-checkout-footer .link--previous {
    border:1px solid #360967;
    padding-top:12px;
    padding-left:20px;
    padding-right:20px;
}

.layout-region-checkout-footer #edit-actions-next {
    background:#360967;
    color:white;
    border:none;
    padding:12px;
    margin-right:15px;
    margin-bottom: 20p;
}

.checkout-pane-order-summary {
    background:#fafafa !important;
    margin-top:0px !important;
}

.checkout-pane-coupon-redemption {
    background:#fafafa !important;
    displ
}

#edit-sidebar-coupon-redemption-form {
    background:none !important;
    margin:0;
    padding:0;
}

#edit-sidebar-coupon-redemption-form-apply {
    margin-top:20px;
}

/* end checkout */



/* pre reg info */
.progress-line-commerce {
	background:#dfdfdf;
	width:100%;
}
.webform-progress-bg {
	background:#e8e8e8;
}
.webform-progress {
	margin-top:0;
	padding-top:60px;
	padding-bottom:60px;
}
#edit-attendee-information, #edit-company-information, #edit-additional-information {
    background:none;
    padding-left:0;
}
#edit-attendee-information h4, #edit-company-information h4, #edit-additional-information h4 {
    color:#000000;
}





/* checkout 1 */
.layout-checkout-form {
	margin-top:40px;
}
.layout-region-checkout-secondary h3 {
	color:#360967;
	font-weight:600;
}
.layout-region-checkout-footer #edit-actions-next {
	max-width:100%;
}

.checkout-pane-payment-information > legend > .fieldset-legend {
    font-size: 20px;
    font-weight: 600;
  }
  .commerce-checkout-flow-multistep-default .checkout-pane {
      border:none;
      padding-left:0;
  }
  label[for="edit-payment-information-billing-information-select-address"] {
      font-weight:600;
  }
  
  .checkout-order-summary table {
      width:100%;
      border-collapse: collapse;
  
  }
  
  .checkout-order-summary table td {
      padding-bottom:10px;
  }
  
  .checkout-order-summary table tr {
      border-bottom:1px solid #cecece;
  }
  .checkout-order-summary>div {
      margin-top:60px;
      padding-top:10px;
      padding-bottom:10px;
      border-top:1px solid #cecece;
      border-bottom:1px solid #cecece;
  }
  
  #edit-sidebar-coupon-redemption-form-apply, #edit-payment-information-billing-information-edit-button {
      width:162px;
      height:46px;
      border:none;
      background:#360967;
      color:white;
      font-size: 15px;
  }
  
  #edit-sidebar-coupon-redemption-form-apply {
      width:100%;
      border:none;
      background:#360967;
      color:white;
      padding:10px;
  }

/* review checkout */
.layout-region-checkout-footer .link--previous {
	height:45px;
	margin-top: 20px;
}

#edit-review-contact-information {
	border:none;
	padding-left:0
}
#edit-review-payment-information {
	border:none;
	padding-left:0;
}


/* payment */
.checkout-pane-payment-process,#edit-payment-process-offsite-payment {
	padding:0 !important;
	background:none !important;
	margin-top:0 !important;
}

iframe[name="embedded-payflow-link"] {
	height:400px;
}

/* checkout complete */
.checkout-pane-completion-message {
	background:none !important;
}