:root {
/* website colors */
    --primary-color:#003597;
    --secondary-color:#758dff;
    --accent-color-1: #00b3b2;
    --accent-color-2: var(--secondary-color);
    --dropdown-accent-color: #dce2ff;
    --link-color:var(--secondary-color);
    --link-hover-color: var(--primary-color);
    --menu-hover-color: #f57923;
    --body-background-color: #e5e5e5;
    --body-font-color: #000000;
    --body-font-accent-color:#666666;
    --dk-gray: #444444;
    --darkest-color: #171717;
    --lightest-color: #ffffff;
    --background-highlight-color-03: rgb(98,0,0,.03);
    --background-highlight-color-05: rgb(98,0,0,.05);
    --background-highlight-color-07: rgb(98,0,0,.07);
    --background-highlight-color-10: rgb(98,0,0,.1);
    --background-highlight-color-20: rgb(98,0,0,.2);
    --background-highlight-color-50: rgb(0,0,0,.5);
    --background-highlight-color-70: rgb(0,0,0,.8);
  	--button-color: #ffffff;
  	--button-hover-color: #e5e5e5;
    --padding-margin: 5px;
    --map-width: 800px;
    --map-height: 450px;
    --highlight-plan-number: 4;
}

/*------------------------ Begin Master Page Layout ------------------------*/

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

img, picture, svg, video {
  display: block;
  max-width: 100%;
}

input, text-area, button, select {
  font: inherit;
}

html {
  color-scheme: dark light;
  color: var(--body-font-color);
  scrollbar-gutter: stable;
}

body,
.sppb-addon-table-main td {
  min-block-size: 80svh;
  color: var(--body-font-color);
  font-weight: 400;
}


/* This has been added to test the variable font scaling from Syntax */
body, h1, h2, h3, h4, h5, h6, p, a, li, .fluid, textarea, input, select, th, td,
.sppb-btn, .sppb-btn-custom, btn-success, btn-danger,
.sppb-addon-button-group .sppb-btn-custom,
#oscampus.osc-container, #oscampus.osc-container .page-header {
	--fl: 0;
	--font-size-min: 14;
	--font-size-max: 22;
	--font-ratio-min: 1.125;
	--font-ratio-max: 1.125;
	--font-width-min: 320;
	--font-width-max: 1500;
	--fluid-min: calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--fl, 0)));
	--fluid-max: calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--fl, 0)));
	--fluid-preferred: calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));
	--fluid-type: clamp(
		(var(--fluid-min) / 16) * 1rem,
		((var(--fluid-min) / 16) * 1rem) -
			(((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) +
			(var(--fluid-preferred) * var(--variable-unit, 100vi)),
		(var(--fluid-max) / 16) * 1rem
	);
	font-size: var(--fluid-type);
    font-family: system-ui, san-serif;
}

/* This makes containers, with container queries use a cqi unit instead of vi */
.fluid-text-container {
	container-type: inline-size;
  --variable-unit: 100cqi;
}

#oscampus.osc-container .page-header h1,
h1, .h1 {--fl: 5;}

.hero-section-header h1 {
  --fl: 8;
  font-weight: 600;
}

#oscampus.osc-container h2,
h2, .h2 {--fl: 5;}

h3, .h3 {--fl: 3;}

h4, .h4 {--fl: 2;}

h5, .h5 {--fl: 1;}

h6, .h6 {--fl: 0;}

p, li, body, span {--fl: 0; line-height: 1.25;}

.fs-xs{--fl: -1;}

.fs-base{--fl: 0;}

.fs-s{--fl: 1;}

.fs-m{--fl: 2;}

.fs-l{--fl: 3;}

.fs-xl{--fl: 4;}

.fs-xxl{--fl: 5;}

.fs-xxxl{--fl: 6;}
/* This is the end of what has been added to test the variable font scaling from Syntax */

h1, h2, h3, h4 {
  font-weight: 600;
  line-height: 1;
  text-wrap: balance;
}

b, strong {
  font-weight: 500;
}

p, ul, li {
    margin: 0px 0px var(--padding-margin) 0px;
    font-weight: 300;
}
a,
.sppb-btn-link {
    color: var(--link-color);
    line-height: var(--line-height);
    margin: 0px 0px var(--padding-margin) 0px;
    font-weight: 400;
}
a:hover, a:focus, a:active,
.sppb-btn-link:focus,
.sppb-btn-link:hover {
    color: var(--link-hover-color);
}

/*<---------- Orange Links ---------->*/
.orange-links {
  li,
  li a {
    color: rgb(from var(--menu-hover-color) r g b / 70%);
  }
  li a {
    font-weight: 400;
  }
  li:hover,
  li a:hover,
  li a:focus-within{
    color: var(--menu-hover-color);
  }
  li a:hover,
  li a:focus-within {
    text-decoration-color: var(--menu-hover-color)!important;
    text-decoration-thickness: 2px!important;
    text-decoration: underline;
    text-underline-offset: 5px!important;
  }
}

/*
.orange-links li a {
  color: rgb(from var(--menu-hover-color) r g b / 80%);
  font-weight: 500;
}

.orange-links li a:hover,
.orange-links li a:focus-within {
  color: var(--menu-hover-color);
  text-decoration: underline;
}
*/

h1,h2,h3,h4,h5,h6 {
  line-height: 1;
    margin: var(--padding-margin) 0px;
    padding: 0px;
}

h1,h2,h3 {
  color: var(--primary-color);
}
h4,h5,h6 {
    color: var(--body-font-color);
}

.white-heading {
  h1,h2,h3,h4,h5,h6 {    
    color: var(--lightest-color);
  }
}

h1 {
    font-weight: 700;
}
h2 {
    font-weight: 600;
}
h3,h4 {
    font-weight: 500;
}
h5,h6 {
    font-weight: 400;
}

/*------------------------- End Master Page Layout -------------------------*/
@media (width > 767px) {
  .break-on-mobile {
    display: none;
  }
}

.com-users-login__image.login-image {
  display: none;
}

.com-sppagebuilder #sp-main-body {
    padding: 80px 0px 0px 0px;
}

@media (width < 768px) {
  .com-sppagebuilder #sp-main-body {
    padding-top: 60px;
  }
}

.view-course #sp-main-body,
.view-lesson #sp-main-body,
.registrants-list #sp-main-body,
.arizota-ceu-course #sp-main-body {
    padding: 120px 10% 100px 10%;
    min-height: 80dvh;
}

@media (width < 992px) {
  .registrants-list #sp-main-body,
  .arizota-ceu-course #sp-main-body {
    padding: 80px 10% 50px 10%;
  }
}

#sp-top-bar {
    background: transparent; 
    padding: 0px;
}
#sp-top-bar .sp-module {
    display: contents;
    margin: 0px;
}

#sp-top-bar .sppb-icons-group-list a,
#sp-top-bar .top-bar-links a {
  margin-bottom: 0px;
  color: rbg(from var(--lightest-color) r g b /.6);
  transition: color 350ms ease-in-out;
}

#sp-top-bar .sppb-icons-group-list a:hover,
#sp-top-bar .sppb-icons-group-list a:focus-within,
#sp-top-bar .top-bar-links a:hover,
#sp-top-bar .top-bar-links a:focus-within {
  color: var(--lightest-color);
}

@media (width > 1199px) {
  #sp-top-bar .top-bar-links a {
    font-size: calc(var(--fluid-type) * .8);
  }
}

#sp-footer1 .sppb-icons-group-list a,
#sp-top-bar .sppb-icons-group-list a {
  padding-inline: 10px;
}

@media (width < 768px) {
  #sp-top-bar .sppb-icons-group-list a {
    padding-inline: 5px;
  }
}

/* settings for header/menu bar */
#sp-header {
  position: absolute;
  top: auto;
  height: 90px;
  width: 100%;
  background:  var(--primary-color);
  box-shadow: 0px 0px 10px rgb(from var(--darkest-color) r g b / .1);
}

#sp-header.header-sticky {
    top: 0px;
}

#sp-header, #sp-header.header-sticky {
    animation: none;
}

#sp-header .logo {
  height: 90px;
  display: inline-flex;
  margin: 0;
  align-items: center;
}

#sp-header .logo img {
  height: 80px;
}

@media (width < 768px) {
  #sp-header .logo img {
    height: 60px;
  }
}
  
.sp-megamenu-parent > li > span,
.sp-megamenu-parent > li > a {
  color: var(--lightest-color);
  font-size: calc(var(--fluid-type) * .9);
  font-weight: 500;
}

.sp-megamenu-parent > li > span:hover,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
  color: var(--menu-hover-color);
}
/* set all pages to a minimum height of 70% */
body {
    min-height: 70vh;
}


/* settings for hero menu bar */
ul.menu.hero-menu-module {
  display: flex;
  list-style: none;
  justify-content: center;

  li.item-101 {
    display: none;
  }

  li.item-148:after,
  li.item-170:after,
  li.item-171:after,
  li.item-182:after,
  li.item-216:after,
  li.item-234:before {
    content: "|";
    padding: 0px 8px;
    color: var(--link-color);
  }
  
  a:hover,
  a:focus,
  a:active {
    color: var(--link-color);
  }
}


/* ----------settings for specific website---------- */
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  font-family: "Font Awesome 6 Pro";
  content: "";
  float: right;
  margin-left: 5px;
  font-weight: 300;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--dropdown-accent-color);
  box-shadow: 0px 0px 5px 5px rgb(from var(--darkest-color) r g b / .2);
  border: 1px solid var(--primary-color);
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  left: 0;
  width: max-content!important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  color: var(--primary-color);
  font-size: calc(var(--fluid-type) * .9);
  font-weight: 500;
  padding-inline: 5px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus-within {
  color: var(--lightest-color);
  background: var(--primary-color);
}

@media (width < 992px) {
  .logo-image-phone {
    height: 80px!important;
  }
}


@media (width < 768px) {
  #sp-header,
  #sp-header .logo,
  .logo-image-phone {
    height: 60px!important;
  }
  #offcanvas-toggler {
    padding-right: 5vw;
  }
}

.burger-icon > span,
.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span {
  background-color: var(--lightest-color);
}

.offcanvas-menu {
  background-color: #003597;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #ffffff;
  font-weight: 500;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #fff !important;
  font-weight: 700 !important;
  opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a:before {
  font-family: 'Font Awesome 6 Pro';
  content: "\f356";
  font-weight: 300 !important;
  padding-right: 5px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: rgb(from var(--lightest-color) r g b /.8);
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: calc(var(--fluid-type) * 1.1);
  line-height: 1.4em;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .menu-toggler{
    width: 100%;
    text-align: right;
}

/* Colored Buttons */
.white-teal-btn {
  background: transparent;
  color: var(--lightest-color);
  border: 1px solid var(--lightest-color);
  border-radius: 0px;
  padding: 5px 20px;
  transition:
    background 350ms ease-in-out,
    color 350ms ease-in-out;
}
.white-teal-btn:hover,
.white-teal-btn:focus-within {
  background: var(--lightest-color);
  color: var(--accent-color-1);
}
 
.blue-white-btn {
  background: transparent;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 0px;
  padding: 5px 20px;
  transition:
    background 350ms ease-in-out,
    color 350ms ease-in-out;
}
.blue-white-btn:hover,
.blue-white-btn:focus-within {
  background: var(--secondary-color);
  color: var(--lightest-color);
}
 
.dk-blue-white-btn {
  background: transparent;
  color: var(--lightest-color);
  border: 1px solid var(--lightest-color);
  border-radius: 0px;
  padding: 5px 20px;
  transition:
    background 350ms ease-in-out,
    color 350ms ease-in-out;
}
.dk-blue-white-btn:hover,
.dk-blue-white-btn:focus-within {
  background: var(--lightest-color);
  color: var(--primary-color);
}


.white-dk-blue-btn {
  background: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 0px;
  padding: 5px 20px;
  transition:
    background 350ms ease-in-out,
    color 350ms ease-in-out;
  font-size: var(--fluid-type) !important;
  margin-bottom: 0px;
}
.white-dk-blue-btn:hover,
.white-dk-blue-btn:focus-within {
  background: var(--primary-color);
  color: var(--lightest-color);
}


 
/* set page paddings and font sizes for different width screens */
@media (min-width:992px) {
    .arizota-subscriptions #sp-main-body {
      padding: 150px 20svw 50px 20svw;
    }
}

/* Animated Menu links */
.conference-menu-links {
  text-decoration: none;
  color: var(--lightest-color);
  opacity: .8;
  background-image: linear-gradient(90deg, var(--lightest-color), var(--lightest-color));
  background-size: 0% 1px;
  background-position: left 1.3em;
  background-repeat: no-repeat;
  padding-block-end: 0.25em;
  transition: color 500ms, background-size 500ms;
}

.conference-menu-links:hover {
  color: var(--lightest-color);
  opacity: 1;
  background-size: 100% 1px;
}

@media (max-width:991px) {
  .arizota-subscriptions #sp-main-body {
    padding: 50px 10vw;
  }
}

@media (max-width:767px) {
  .arizota-subscriptions #sp-main-body {
    padding: 50px 3vw;
  }
}

/* Registration Form Page Settings */
.registrationForm_page {
  & #sp-main-body {
      width: 60dvw;
      padding: 100px 0px 50px 0px;
      margin: 0 auto;
      min-height: 80dvh;
    }
  & input[type="text"]:not(.form-control),
    select:not(.form-select):not(.form-control),
    .form-control,
    .form-select,
    .btn-primary,
    .btn-secondary,
    .input-group-text {
      border-radius: 0px;
      font-size: 1.2rem;
    }
  & .btn-primary {
      border-color: var(--secondary-color);
      background-color: var(--secondary-color);
      border: 1px solid var(--secondary-color);
      padding: 5px 10px;
      color: var(--button-color);
    }
  & .btn-primary:hover {
      border-color: var(--primary-color);
      background-color: var(--primary-color);
    }
  & .btn-secondary {
      background-color: var(--body-font-accent-color);
      border: 1px solid var(--body-font-accent-color);
      padding: 5px 10px;
      color: var(--button-color);
    }
  & .btn-secondary:hover {
      border-color: var(--darkest-color);
      background-color: var(--darkest-color);
      color: var(--button-color);
    }
  & .form-check-input {
    vertical-align: middle;
    margin: 5px 5px 5px 0px;
  }
}



/* Login & Create Account Form  Settings */
.com_osmembership,
.createForm_page,
.loginForm_page {
  & #sp-main-body {
      width: 80svw;
      padding: 50px 0px 50px 0px;
      margin: 0 auto;
      min-height: 80dvh;
    }
  & input[type="text"]:not(.form-control),
    select:not(.form-select):not(.form-control),
    .form-control,
    .form-select,
    .btn-primary,
    .btn-secondary,
    .input-group-text {
      border-radius: 0px;
      font-size: 1rem;
    }
  & .btn-primary {
      border-color: var(--secondary-color);
      background-color: var(--secondary-color);
      border: 1px solid var(--secondary-color);
      padding: 5px 10px;
      color: var(--button-color);
    }
  & .btn-primary:hover {
      border-color: var(--primary-color);
      background-color: var(--primary-color);
    }
  & .btn-secondary {
      background-color: var(--primary-color);
      border: 1px solid var(--primary-color);
      padding: 5px 10px;
      color: var(--button-color);    
  }
  & .btn-secondary:hover {
      border-color: var(--darkest-color);
      background-color: var(--darkest-color);
      color: var(--button-color);
    }
  & .btn-danger,
    .btn-success {
    border-radius: 0px;
  }
  & .page-header h1 {
      font-weight: 300;
      text-align: center;
  }
  & .login-description img {
      display: block;
      max-width: 60%;
      margin: 0px auto 20px auto;
  }
}

.ceuSubscribers #sp-main-body,
.com_osmembership #sp-main-body,
.createForm_page #sp-main-body {
  padding-top: 100px;
}

.ceuSubscribers #sp-main-body {
  width: 100dvw;
  padding-inline: 3dvw;
}  

@media (width < 992px) {
  .createForm_page,
  .loginForm_page {
    & #sp-main-body {
      width: 90svw;
      padding: 0px 0px 50px 0px;
    }
  }
  & .createForm_page #sp-main-body {
    padding-top: 70px;
  }
}

/* @media (width > 767px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 50%;
  }
}*/

/* <---------- Start settings are for Statistics Page ----------> */
#oscampus.osc-container .page-header h1 {
  color: var(--primary-color);
  font-weight: 600;
}

/*#oscampus.osc-container.oscampus-statistics .osc-tab a,*/
#oscampus.osc-container .osc-course-tabs > div.osc-tab-disabled:hover a,
#oscampus.osc-container.oscampus-statistics:not(div.osc-tab-disabled) a {
  color: rgb(from var(--primary-color) r g b / 1);
}

#oscampus.osc-container .osc-section.osc-course-tabs > div.osc-tab-disabled {
  color: rgb(from var(--primary-color) r g b / .6);
  background: rgb(from var(--primary-color) r g b / .15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset,0 -1px 0 #999 inset;
  
}
#oscampus.osc-container .osc-section.osc-course-tabs > div.osc-tab-disabled a {
  color: rgb(from var(--primary-color) r g b / .6);
}

#oscampus.osc-container .osc-course-tabs > div.osc-tab-disabled:hover,
#oscampus.osc-container .osc-course-tabs > div.osc-tab-disabled > a:hover {
  color: var(--primary-color);
}


#oscampus.osc-container .osc-course-tabs a {
  font-size: var(--fluid-type);
}





/* <---------- End settings are for Statistics Page ----------> */

.confSchedule_page #sp-main-body {
  padding: 10px 0px 0px 0px;
  margin: 0 auto;
  min-height: 80dvh;
}

.arizota-conference-details #sp-main-body {
  padding: 100px 0px 10px 0px;
}
.confSpeakersSessions #sp-main-body {
  width: 60dvw;
  padding: 10px 0px;
  margin: 0 auto;
  min-height: 80dvh;
}




@media (max-width:991px) {
  .confSpeakersSessions #sp-main-body {
    width: 90dvw;
    padding: 100px 0px 50px 0px;
  }
}
.confSchedule_page .sp-page-title,
.confSpeakersSessions .sp-page-title {
  background: #ffffff;
  text-align: center;
  padding: 100px 0px 0px 0px;
}
.confSchedule_page .sp-page-title-heading,
.confSpeakersSessions .sp-page-title-heading {
  color: #000000;
  font-weight: 400;
  font-size: 2.2rem;
}
@media (max-width: 767px) {
  table.eb-responsive-table td::before {
    width: 30%;
  }
   table.eb-responsive-table td {
    padding: 6px 5%;
  }
  .eb-event-title-column {
    width: 50%;
  }
}

@media (max-width:1400px) {
  .registrationForm_page {
  & #sp-main-body {
      width: 90dvw;
      padding: 70px 0px 30px 0px;
      margin: 0 auto;
    }
  }
}
.speakerInfoWidth .sppb-row-container {
  max-width: 100%;
}
.registrationForm_page .infoDetailHide {
  display:none;
}
.confSchedule_page .speakerInfoWidth,
.bioDetailToggle {
  display: none;
}
.registrationForm_page .bioDetailToggle {
  display: contents;
}
.homePage .speakerImageSize img {
  max-width: 60px!important;
  height: auto!important;
}
.zoomBtnWidth .sppb-row-container {
  padding: 0px!important;
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 60dvw;
  }
}
.sponsor-ads .sppb-row-container {
  padding: 0px!important;
}

.arizota-category-subheader:has(h3) {
  text-align: center!important;
  margin-bottom: 20px;
}

.arizota-category-btn {
  background: rgb(from var(--secondary-color) r g b / .7);
  color: var(--button-color);
  transition: background 350ms ease-in-out!important;
}

.arizota-category-btn:hover,
.arizota-category-btn:focus-within {
  background: var(--secondary-color);
  color: var(--button-color);
}




/* <---------- These settings are for OS Campus ----------> */
#oscampus.osc-container .page-header h1 {
  font-size: var(--fluid-type);
  line-height: inherit;
  margin: 0px;
}

#oscampus.osc-container .page-header {
  border: 0px;
  padding: 0px;
  margin: 0px 0px 20px 0px;
}

#oscampus.osc-container .osc-pathway-intro {
  background: rgb(from var(--body-font-accent-color) r g b / .15);
  color: var(--body-font-color);
  padding: 10px 30px;
  margin-bottom: 0px;
}

#oscampus.osc-container p {
  margin: 0px 0px 10px 0px;
  font-size: var(--fluid-type);
  line-height: 1.25;
}

#oscampus.osc-container h2 {
  margin: 0px 0px 10px 0px;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
}

#oscampus.osc-container a {
  transition: all .2s linear;
  text-decoration: none;
  color: var(--link-color);
  font-size: calc(var(--fluid-type) + .5rem);
  line-height: 1.25;
  margin: 0px;
}

#oscampus.osc-container a:hover,
#oscampus.osc-container a:focus,
#oscampus.osc-container a:active {
  color: var(--link-hover-color);
  text-decoration: none;
}

#oscampus.osc-container [class*="osc-row-"] a {
  font-size: calc(var(--fluid-type) * .9)!important;
}

#oscampus.osc-container .osc-btn {
  font-size: var(--fluid-type);
  line-height: inherit;
  min-height: inherit;
  font-weight: 300;
  padding: 4px 12px;
  background: var(--link-color);
  color: var(--lightest-color);
  box-shadow: none;
  border-radius: 0px;
  text-shadow: none;
  transition: background-color .15s ease-in-out;
}

#oscampus.osc-container .osc-btn:active,
#oscampus.osc-container .osc-btn:focus,
#oscampus.osc-container .osc-btn:focus-within,
#oscampus.osc-container .osc-btn:hover {
  background: var(--link-hover-color);
  box-shadow: none;
  color: var(--lightest-color);
}

#oscampus.osc-container .osc-course-labels {
  visibility: hidden;
}

#oscampus.osc-container .osc-quiz-right {
  padding: 20px 0px;
  font-size: var(--fluid-type);
  line-height: inherit;
}

.fa-play,
.fa-forward-step, .fa-step-forward {
  --fa: "\f324"!important;
  --fa--fa: "\f324\f324"!important;
  font-weight: 300!important;
}

#oscampus.osc-container .osc-course-list {
  border-bottom: 1px solid rgb(from var(--body-font-accent-color) r g b / .5);
  margin-bottom: 25px;
  padding-bottom: 10px;
}



#oscampus.osc-container .osc-course-info hr {
  margin: 3px 0;
  border-top: 1px dashed var(--body-font-color);
  border-bottom: 0;
  opacity: 1;
}

#oscampus.osc-container .osc-course-info {
  font-size: calc(var(--fluid-type) * .75);
  line-height: inherit;
  color: var(--body-font-color);
}

/*<---------- OS Membership Subscription Plan Page Settings ---------->*/
.osm-container h1,
.osm-container h2 {
  margin: 5px 0px 20px 0px;
  text-align: center;
}

.osm-pricing-table-flat h2.osm-plan-title {
  border-bottom: 4px solid var(--menu-hover-color);
}  

.osm-pricing-table-flat .osm-plan {
  border-radius: 0px;
  padding: 0px 0px 20px 0px;
}

.osm-plan .osm-plan-header {
  background-color: var(--primary-color)!important;
  color: var(--lightest-color);
  padding-top: 20px;
}

.osm-pricing-table-flat .osm-plan {
  border-radius: 0px;
  padding: 0px;
  margin: 0px 1svw 20px 1svw;
  background: var(--lightest-color)!important;
  border: 1px solid var(--body-font-accent-color);

  &.osm-plan-4 {
    background: rgb(from var(--primary-color) r g b / .15)!important;
  }
}

.osm-pricing-table-flat .osm-plan-price p,
.osm-pricing-table-flat, .osm-pricing-table-flat * {
  color: var(--menu-hover-color);
}

.osm-pricing-table-flat .osm-plan-price {
  text-align: center;
}

.osm-pricing-table-flat .osm-plan-price p {
  line-height: 1;
}

.osm-pricing-table-circle .btn-signup,
.osm-pricing-table-flat .btn-signup {
  background-color: var(--lightest-color);
  color: var(--darkest-color);
  margin: 10px 0;
  font-size: var(--fluid-type);
  overflow: hidden;
  padding: 12px 24px;
  border-radius: 0px;
  border: 1px solid var(--darkest-color);
}

.osm-plan-4 .osm-plan-price:after {
  content: "Our Best Deal!";
  text-transform: uppercase;
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin: 0px;
}

/*<---------- Articles Page Settings ---------->*/
.arizota-legislative-articles {
  #sp-main-body {
    padding: 100px 8dvw 20px 8dvw;
    min-height: 70svh;
  }
  .page-header h1 {
    text-align: center;
    font-size: var(--fluid-type);
    font-weight: 500;
    --fl: 3;
  }
  .article-header h2 {
    font-size: var(--fluid-type);
    font-weight: 500;
    --fl: 2;
  }
  .article-list .article {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid var(--background-highlight-color-20);
    border-radius: 0px;
  }
  .article-list .article .article-header h1 a,
  .article-list .article .article-header h2 a,
  .article-list .article .article-header h4 a {
    color: var(--link-color);
    --fl: 2;
  }
  .article-list .article .article-header h1,
  .article-list .article .article-header h2,
  .article-list .article .article-header h4 {
    margin: 0px;
  }
}

/*<---------- Accordion Settings ----------*/
.arizota-faq .sppb-panel-custom {
  .fas {
    font-weight: 400;
  }
  .sppb-panel {
    border: none;
    padding: 0px;
  }
  .sppb-panel-title {
    font-size: calc(var(--fluid-type) * 1.05);
    font-weight: 500;
    color: var(--darkest-color);
  }
  .sppb-panel-heading {
    background: var(--background-highlight-color-05);
    border-bottom: 1px solid var(--darkest-color);
  }
  .sppb-panel-body {
    padding: 0px 10px;
    border: none;
    background: var(--lightest-color);
  }
  p, a {
    font-size: calc(var(--fluid-type) * .9);
  }
}
.arizota-faq .sppb-panel {
  background: transparent;
  border: none;
  padding: 0px;
  }

#sp-footer,
#sp-bottom {
  background: transparent;
  color: inherit;
}

.footer-osc-logo img {
  opacity: .5;
  filter: grayscale(1);
  transition: all .3s ease;
}
.footer-osc-logo img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.splide__arrow {
  display: none;
}

/*Home Page Overview Settings */
.arizota-conference-overview { 
  #eb-event-page {
    padding-inline: 0px;
  }
  .eb-speaker-name,
  .eb-speaker-title,
  .eb-speaker-description {
    text-align: center;
  }


  
  .eb-speaker-container .eb-speaker-avatar img {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    /* border: 1px solid black; */
    text-align: center;
    margin: 0 auto;
    
  }

  .eb-speaker-container .eb-speaker-avatar img:before {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: inherit;
    background: red;
  }


  
  #eb-event-info,
  .eb-taskbar,
  .eb-plugin-speakers {
    display: none;
  }
  .img-thumbnail {
    background-color: #ffffff;
    padding: 0px;
  }
  .splide__arrow {
    display: flex;
  }
}
.eb-description-details .sppb-row-container {
  margin-inline: 0px;
  padding-inline: 0px;
}
.top-sponsor-container {
  border: 1px solid #e5e5e5;
  border-bottom: 0px;
}
.bottom-sponsor-container {
  border: 1px solid #e5e5e5;
  border-top: 0px;
}
.conference-map-sizing {
  width: var(--map-width);
  height: var(--map-height);
}
@media (max-width:1400px) {
  .conference-map-sizing {
    width: calc(var(--map-width)*.75);
  }
}
@media (max-width:767px) {
  .conference-map-sizing {
    width: calc(var(--map-width)*.5);
  }
}

/* JD Captcha Settings */
.jd-captcha-reload {
  display: flex;
}
.jd-capcha-reload-icon {
  height: 25px;
  margin: auto 0px auto 5px;
}