:root {
/* website colors */
    --primary-color:#003597;
    --secondary-color:#758dff;
    --accent-color-1: var(--primary-color);
    --accent-color-2: var(--secondary-color);
    --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;
    --darkest-color: #444444;
    --lightest-color: #ffffff;
    --background-highlight-color-10: rgb(98,0,0,.1);
    --background-highlight-color-20: rgb(98,0,0,.2);
  	--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 {
  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;}

#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 {--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;
}

p {
    margin: 0px 0px var(--padding-margin) 0px;
    font-weight: 400;
}
a {
    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 {
    color: var(--link-hover-color);
}

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(--secondary-color);
}
h1 {
    font-weight: 700;
}
h2 {
    font-weight: 600;
}
h3,h4 {
    font-weight: 500;
}
h5,h6 {
    font-weight: 400;
}

/*------------------------- End Master Page Layout -------------------------*/

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

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

.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-header {
  position: absolute; 
  top: auto;
}

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

#sp-header, #sp-header.header-sticky {
    animation: none;
}
  
#sp-top-bar {
    background: transparent; 
    padding: 0px;
}
#sp-top-bar .sp-module {
    display: contents;
    margin: 0px;
}

/* settings for header/menu bar */
#sp-header {
    background:  var(--body-font-color);
}
.sp-megamenu-parent > li > a {
    color: var(--lightest-color);
}
.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---------- */
/* settings for top bar display */

div:not([class="logo"]) .burger-icon:before {
  content: url('/images/menu-icon-md.png');
}
div:not([class="logo"]) .burger-icon > span {
  display: none;
}
div:has([class="close-offcanvas"]) .burger-icon:before {
  content: "";
}
div:has([class="close-offcanvas"]) .burger-icon > span {
  display: block;
  background-color: #ffffff;
}
div:has([class="close-offcanvas"]) .logo-image {
  height: 60px;;
}

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

@media (max-width: 767px) {
  #sp-header {
    height: 60px;
  }
  #offcanvas-toggler {
    padding-right: 5vw;
  }
}

.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;
}
  

 

/* 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: #ffffff;
  opacity: .8;
  background-image: linear-gradient(90deg, #ffffff, #ffffff);
  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: #ffffff;
  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);
}

/*<---------- OSCampus 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;
}






.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;
}