body {
  margin-top: 0;
  overflow: hidden;
  background: #4d3c68; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #4d3c68 0%, #233652 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #4d3c68 0%,#233652 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #4d3c68 0%,#233652 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d3c68', endColorstr='#233652',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ar-split-screen--btn,
.ar-split-screen--input {
  font-size: 18px;
  text-decoration: none;
}

/* social icons */

.social-icon--wrapper {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  border: 1px solid #d5d5d5;
  border-radius: 50% !important;
}

.social-icon--wrapper:hover {
  cursor: pointer;
}

.social-icon--wrapper a {
  color: #818181;
  transition: all .3s ease-out;
}

.social-icon--wrapper:hover a {
  color: #f8c231 !important;
}

/* AR menu */

.ar-split-screen--blog-link:hover,
.ar-split-screen--about-link:hover,
.ar-split-screen--content-link:hover,
.ar-split-screen--software-link:hover {
  -webkit-transition: color .3s ease-out;
  transition: color .3s ease-out;
}
.ar-split-screen--blog-link:hover,
.ar-split-screen--about-link:hover,
.ar-split-screen--content-link:hover {
  color: rgb(255, 96, 250) !important;
}
.ar-split-screen--software-link:hover {
  color: rgb(35, 151, 232) !important;
}

/* AR Login */

.split-screen-login {
  opacity: 1;
  display: flex;
  color: #818181;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  text-transform: lowercase;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}

.split-screen-login:hover {
  color: #484848;
}

.ar-animated-arrow {
  right: 0;
  position: relative;
  transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
}

.split-screen-login strong {
  margin-left: 5px;
  margin-right: 5px;
}

.split-screen-login:hover .ar-animated-arrow {
  right: -3px;
}

/* copyright */

.ar-copyright {
  text-shadow: rgb(0 0 0 / 55%) 1px 1px 3px;
}

/* colored bullet points */

.content-description ul {
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  margin: 25px 0 !important;
}

.content-description ul li {
  padding-left: 25px;
  position: relative;
  font-weight: 400;
}

.content-description ul li::after {
  content: '';
  width: 10px;
  height: 10px;
  background: rgb(248, 194, 49);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 8px;
}

.content-description ul li a {
  color: #484848;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s ease-out;
}

.content-description ul li a:hover.blog-content-link {
  color: #f532c5;
}
.content-description ul li a:hover.alumni-content-link {
  color: #00c23b;
}
.content-description ul li a:hover.qa-content-link {
  color: #07adf2;
}
.content-description ul li a:hover.cornerstone-content-link {
  color: #f7da31;
}
.content-description ul li a:hover.content-distribution-link {
  color: #b600df;
}
.content-description ul li a:hover.utilization-services-link {
  color: #2397e8;
}

.white-half--mobile {
  display: block;
  width: 70vw;
  height: calc( 100% + 10% );
  top: -5% !important;
  left: -10vw !important;
  position: absolute;
  transform: rotate(356deg);
  background-color: white;
}

/** Form fields **/

iframe {
  margin-left: -21px !important;
}

.main-form-wrapper.main-form-wrapper.main-form-wrapper--about,
.main-form-wrapper.main-form-wrapper.main-form-wrapper--software {
  margin-top: -30px !important;
}

.ar-split-screen--input,
.ar-split-screen--btn {
  border-radius: 8px;
  padding: 10px 21px !important;
}
.ar-split-screen--btn {
  color: white;
  cursor: pointer;
  border: 0 !important;
  font-family: 'Roboto';
  clear: unset !important;
  font-weight: 500 !important;
  transition: all .3s ease-out;
  border: 1px solid #2397e8 !important;
  background-color: #2397e8 !important;
}
.ar-split-screen--btn.btn-link {
  display: block !important;
}
.ar-split-screen--btn:hover {
  border: 1px solid #46B1FB !important;
  background-color: #46B1FB !important;
}
.ar-split-screen--input {
  box-shadow: none;
  border: 1px solid #e8e8e8;
  margin-bottom: 0px !important;
}

/* success response */
#mce-success-response, 
#mc_embed_shell #mc_embed_signup div.mce_inline_error {
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
}
#mce-success-response {
  color: #006e2c;
  max-width: 460px;
  background-color: rgba(15, 193, 0, 0.2);
}

#mce-success-response::before {
  content: '\f005';
  margin-right: 4px;
  font-weight: 400;
  font-style: normal;
  font-family: FontAwesome;
  font-size: 17px !important;
}

#mc_embed_shell #mc_embed_signup div.mce_inline_error {
  color: #f93154;
  background-color: rgba(255, 0, 0, 0.15);
}

#mc_embed_shell #mc_embed_signup div.mce_inline_error::before {
  content: '\f00d';
  margin-right: 4px;
  font-weight: 400;
  font-style: normal;
  font-family: FontAwesome;
  font-size: 17px !important;
}

/* Desktop only overrides */

@media (min-width: 992px) {
  .iframe--mobile {
    display: none;
  }
  .content-description ul {
    display: flex;
   }
   .content-description ul li {
    width: 50%;
   }
   
  /* content alignment */
  .main-form-wrapper.main-form-wrapper--content {
    top: 570px !important;
  }
  .main-social-wrapper.main-social-wrapper--content {
    top: 660px !important;
  }
  .clear {
    position: absolute;
    top: 0;
    right: -100px;
    border-radius: 8px;
    background-color: #2397e8;
  }
  .white-half--mobile {
    display: none !important;
  }
  .ar-split-screen--subscription-form.content-form {
    background-color: #2397e8;
  }
  .ar-split-screen--subscription-form.content-form:hover {
    background-color: #46B1FB;
  }
}

/* Mobile only overrides */

@media (max-width: 991px) {

  .iframe--desktop {
    display: none;
  }

  .content-description ul li::after {
    top: 15px;
  }
  
  .main-heading-wrapper, 
  .sub-heading-wrapper, 
  .heading--underline-wrapper, 
  .main-description-wrapper,
  .main-form-wrapper, 
  .main-social-wrapper,
  .about--window,
  .about--window--title-text,
  .about--window--text,
  .about--window--highlight-1,
  .about--window--highlight-2,
  .about--window--highlight-3,
  .about--window--user-1,
  .about--window--user-2,
  .main-cta-wrapper {
    margin-top: 17%;
  }

  .main-social-wrapper {
    margin-left: -14px;
  }
  
  .main-social-wrapper {
    margin-top: 3%;
  }

  .main-heading-wrapper.main-heading-wrapper--content,
  .sub-heading-wrapper.sub-heading-wrapper--content,
  .heading--underline-wrapper.heading--underline-wrapper--content,
  .main-description-wrapper.main-description-wrapper--content {
    margin-top: 4%;
  }
  .main-form-wrapper.main-form-wrapper--content {
    margin-top: 30% !important;
  }
  .main-social-wrapper.main-social-wrapper--content {
    margin-top: 4%;
  }
  .main-social-wrapper.main-social-wrapper--about {
    margin-top: 110px !important;
  }
  .main-form-wrapper.main-form-wrapper--software {
    margin-top: 6% !important;
  }
  .main-social-wrapper.main-social-wrapper--software {
    margin-top: 0px;
  }
  
  .widgets {
    scale: 2;
  }
  
  .widgets--2--down {
    margin-top: 43%;
  }
  
  .widgets--1--bottom {
    margin-top: 100%;
  }
  
  .widgets--1--top {
    display: none !important;
  }
  
  .widgets--1--middle {
    display: none !important;
  }
  
  
  
  .main-cta-wrapper {
    z-index: 28 !important;
    margin-top: -80px !important;
  }
  
  .main-description-wrapper {
    width: 45vw;
    z-index: 29 !important;
  }
  
  .main-form-wrapper {
    top: 280px !important;
    z-index: 32 !important;
  }

  .main-form-wrapper--about {
    top: 880px !important;
  }

  .main-form-wrapper--software {
    top: 750px !important;
  }
  
  .ar-split-screen--description {
    width: 100% !important;
  }
  
  .ar-split-screen--description, 
  .ar-split-screen--description ul li {
    font-size: 33px !important;
    line-height: 46px !important;
  }
  
  /* content slide */
  
  .ar-split-screen--cta-btn {
    margin-left: -13px;
  }
  
  .ar-split-screen--btn {
    padding: 45px !important;
    max-width: unset !important;
    text-align: center !important;
  }
  
  .ar-split-screen--input,
  .ar-split-screen--btn {
    width: 100%;
    display: block;
    font-size: 35px;
    text-wrap: wrap;
    max-width: 400px;
    padding: 28px !important;
    line-height: 44px !important;
    border-radius: 24px !important;
  }
  
  .split-screen-login {
    margin-top: -40px;
    font-size: 33px !important;
  }
  
  /* about slide */
  
  .about--window {
    zoom: 154%;
    top: 77px !important;
    left: unset !important;
    right: -488px !important;
  }
  
  .about--window--title-text {
    top: 463px !important;
    left: 60vw !important;
  }
  
  .about--window--text,
  .about--window--highlight-1 {
    top: 560px !important;
  }
  
  .about--window--text,
  .about--window--highlight-1,
  .about--window--highlight-2,
  .about--window--highlight-3 {
    left: 60vw !important;
  }
  
  .about--window--highlight-2 {
    top: 592px !important;
  }
  
  .about--window--highlight-3 {
    top: 677px !important;
  }
  
  .about--window--user-1 {
    right: 155px;
    top: 289px !important;
    left: unset !important;
  }
  
  .about--window--user-2 {
    zoom: 233%;
    right: 20px;
    top: 20px !important;
    left: unset !important;
  }
  
  .about--window--user-1,
  .about--window--user-2 {
    zoom: 233% !important;
  }
  
  /* form paddings */
  
  .ar-split-screen--subscription-form {
    padding-top: 370px;
  }
  
  .social-icon--wrapper {
    width: 70px !important;
    height: 70px !important;
    margin-top: 450px !important;
  }
  
  .social-icon--wrapper.software {
    margin-top: calc( 450px + 130px ) !important;
  }
  
  .ar-split-screen--instagram {
    margin-left: 30px !important;
  }
  
  .ar-split-screen--linkedin {
    margin-left: calc( 30px + 30px ) !important;
  }
  
  .ar-split-screen--twitter {
    margin-left: calc( 30px + 30px + 30px ) !important;
  }
  
  .ar-software--form {
    margin-top: 130px !important;
  }
  
  /* logo */
  
  .ar-split-screen--logo {
    width: 180px !important;
    height: 89px !important;
  }
  
  
  /* blog */
  
  .ar-split-screen--blog-link {
    margin-left: calc( 24px + 80px + 213px ) !important;
  }
  
  /* software */
  
  .software-link-wrapper {
    z-index: 33 !important;
  }
  
  .ar-split-screen--software-link {
    margin-left: calc( 24px + 142px ) !important;
  }
  
  /* about link */
  
  .ar-split-screen--about-link {
    margin-left: calc( 24px + 80px ) !important;
  }
  
  /* content link */
  
  .ar-split-screen--content-link {
    margin-left: 24px !important;
  }
  
  /* all menu links */
  
  .ar-split-screen--blog-link,
  .ar-split-screen--software-link,
  .ar-split-screen--about-link,
  .ar-split-screen--content-link {
    left: -118px !important;
    font-size: 33px !important;
    margin-top: 115px !important;
  }
  
  /* social */
  .social-icon--wrapper a {
    font-size: 27px !important;
  }
  
  /* white half background */
  
  .ar-split-screen--half-bg {
    display: none !important;
  }
  
}

/* styles that need to be refactored */

/** Social **/

.social-icon--wrapper {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/** Laptop breakpoints **/

@media (min-width: 1023px) {
  .ar-split-screen--input {
    width: 300px;
    margin-right: -10px;
  }
  .ar-split-screen--subscription-form {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 2px 3px 6px 3px rgba(0,0,0,0.1);
  }
  .ar-split-screen--subscription-form #mc_embed_signup_scroll {
    display: flex;
  }
  .ar-split-screen--subscription-form 
  #mc_embed_signup_scroll .clear {
    top: unset !important;
    right: unset !important;
    position: relative !important;
  }
}

@media (min-width: 1023px) and (max-width: 1370px) {
  .ar-split-screen--half-bg rs-bg-elem {
    background-size: 120% 100% !important;
    background-position: left top !important;
  }
}

/** Tablet breakpoints **/

@media (max-width: 1023px) {
  .ar-split-screen--subscription-form {
    display: flex;
    flex-direction: column;
  }
  .ar-split-screen--input {
    margin-bottom: 0.5rem !important;
  }
  .ar-split-screen--highlights--btn {
    text-align: center !important;
  }
}

/** Tablets only **/

@media (min-width: 576.98px) and (max-width: 1023px) {
  .ar-split-screen--half-bg rs-bg-elem {
    background-size: 100% 100% !important;
  }
  .ar-split-screen--subscription-form {
    margin-top: 40px;
    margin-left: -11px;
  }
  .ar-split-screen--fb,
  .ar-split-screen--instagram,
  .ar-split-screen--linkedin,
  .ar-split-screen--twitter {
    margin-top: 40px;
  }
  .ar-split-screen--highlights--bottom {
    margin-top: -4px;
  }
}