/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.section--leftrightfloat--content-wrapper p strong:first-of-type:before {
  content: '';
  position: absolute;
  border-left: 1px solid var(--primaryColor);
  height: 80%;
  margin-left: -10%;
  top: 10%;
  line-height: 1em;
}

.section--leftrightfloat-multi h3{
  color: var(--primaryColor);
  margin-bottom: 30px;
}

.section--leftrightfloat-multi{
  counter-reset: ol-flr-counter;
}

.section--leftrightfloat--grid.section--leftrightfloat--numbered{
  counter-increment: ol-flr-counter;
}

.section--floatleftright--number:before{
  content: counter(ol-flr-counter);
  background: var(--primaryColor);
  height: 26px;
  width: 26px;
  border-radius: 50px;
  display: flex;
  position: absolute;
  left: 0;
  top: 0.15em;
  color: white;
  align-items: center;
  justify-content: center;
}


.section--leftrightfloat--grid:not(.section--leftrightfloat--numbered) .section--leftrightfloat--content ol{
  counter-reset: ol-counter;
}

.section--leftrightfloat--grid:not(.section--leftrightfloat--numbered) .section--leftrightfloat--content ol li{
  list-style: none;
  position: relative;
  counter-increment: ol-counter;
}

.section--leftrightfloat--grid:not(.section--leftrightfloat--numbered) .section--leftrightfloat--content ol li:before{
  content: counter(ol-counter);
  background: var(--primaryColor);
  height: 26px;
  width: 26px;
  border-radius: 50px;
  display: flex;
  position: absolute;
  left: -40px;
  color: white;
  align-items: center;
  justify-content: center;
}

.section--leftrightfloat--content ul:not(:last-child),
.section--leftrightfloat--content ol:not(:last-child){
  margin-bottom: 30px;
}

.section--leftrightfloat--content ul:last-child li:last-child,
.section--leftrightfloat--content ol:last-child li:last-child,
.section--leftrightfloat--content ul:last-child li:last-child p,
.section--leftrightfloat--content ol:last-child li:last-child p{
  margin-bottom: 0px !important;
}

.section--bulleted-content ul li p,
.section--bulleted-content ul li h6{
  margin-bottom: 0;
  margin-top: 0px !important;
}

.section--leftrightfloat--content .p--smaller h6:first-child{
  color: #1d1d1f;
  margin-bottom: 20px !important
}

@media screen and (min-width:680px) {
  .section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--bottom h2:first-child,
  .section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--bottom h3:first-child,
  .section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--bottom h4:first-child,
  .section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--bottom h5:first-child,
  .section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--bottom h6:first-child{
    margin-top:0px;
  }
}

.section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--top h2:first-child,
.section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--top h3:first-child,
.section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--top h4:first-child,
.section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--top h5:first-child,
.section--leftrightfloat-standard .section--leftrightfloat--content.content-mobile--top h6:first-child{
  margin-top:0px;
}

@media screen and (min-width: 1024px){
  .section--leftrightfloat--content-wrapper.eight-twelfths {
    padding-right: 30px;
  }
}

@media screen and (min-width:1024px) {
  .section--leftrightfloat-standard .section--leftrightfloat--content.lap-and-up-hard--ends{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.lap-and-up-short{
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.lap-and-up-tall{
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.lap-and-up-grande{
    padding-top: 60px!important;
    padding-bottom: 60px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.lap-and-up-venti{
    padding-top: 80px!important;
    padding-bottom: 80px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.lap-and-up-trenta{
    padding-top: 100px!important;
    padding-bottom: 100px!important;
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .section--leftrightfloat-standard .section--leftrightfloat--content.tablet-hard--ends{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.tablet-short{
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.tablet-tall{
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.tablet-grande{
    padding-top: 60px!important;
    padding-bottom: 60px!important;
  }

  .section--leftrightfloat-standard .section--leftrightfloat--content.tablet-venti{
    padding-top: 80px!important;
    padding-bottom: 80px!important;
  }

  .section--leftrightfloat--content.tablet-trenta{
    padding-top: 100px!important;
    padding-bottom: 100px!important;
  }
}

.section--leftrightfloat-standard h4 {
  font-weight:400;
}
.section--leftrightfloat-standard .section--leftrightfloat--list p {
  font-family:"proxima-nova", Helvetica Neue, Arial, sans-serif;
  font-size:18px;
  line-height:1.6em;
}
.section--leftrightfloat-standard .section--leftrightfloat--list img {
  max-width:initial!important;
  margin-right:20px;
  position:relative;
}

@media screen and (min-width:1280px) {
  .split-width--tablet .section--leftrightfloat--media--wrapper.img-height--fill.lap-one-whole{
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
  }

  .split-width--tablet .section--leftrightfloat--media--wrapper.img-height--custom.lap-one-whole{
    display:block;
    position:absolute;
    top:0;
    height:100%;
  }
}


@media screen and (max-width:1279px) {
  .content-lap-one-whole{
    max-width: none !important;
  }
}

@media screen and (min-width:680px) {
  /*.section--leftrightfloat--content{
  padding-left: 20px !important;
  padding-right: 20px !important;
}*/
  /*.split-width--tablet .section--leftrightfloat--media{
  display:block; 
  position:absolute;
  top:0;
  width:49%;
  height:100%;
}*/
  .split-width--tablet .section--leftrightfloat--media--wrapper.img-height--fill.default-no-sidebar{
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
  }

  .split-width--tablet .section--leftrightfloat--media--wrapper.img-height--custom.default-no-sidebar{
    display:block;
    position:absolute;
    top:0;
    height:100%;
  }
}

/*.section--leftrightfloat--right div.section--leftrightfloat--media {
left:0;
}
.section--leftrightfloat--left div.section--leftrightfloat--media {
right:0;
}*/

.section--leftrightfloat--media--video--icon {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translateY(-50%) translateX(-50%);
  -moz-transform:translateY(-50%) translateX(-50%);
  transform:translateY(-50%) translateX(-50%);
}
}

@media screen and (max-width:1023px) {
  .full-width--tablet .section--leftrightfloat--content{
    padding-top:0px !important;
    padding-bottom:0px !important;
  }

  /*.full-width--tablet .section--leftrightfloat--media{
  width: auto !important;
}*/
  .full-width--tablet .content--max-width{
    max-width:700px !important;
  }
}


.section--leftrightfloat--drop-shadow{
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}

.section--leftrightfloat--border-radius{
  border-radius: 10px;
}

.section--leftrightfloat--left .img-height--fill .section--leftrightfloat-colored-shadow{
  max-width: unset;
  width: auto;
  height: 100%;
  position: absolute;
  top: -20px;
  left: 30px;
  z-index: -1;
  opacity: .5;
}

.section--leftrightfloat--right .img-height--fill .section--leftrightfloat-colored-shadow{
  max-width: unset;
  width: auto;
  height: 100%;
  position: absolute;
  top: -20px;
  left: -30px;
  z-index: -1;
  opacity: .5;
}

/* Height Percentage Size */
.section--leftrightfloat--left .img-height--custom .section--leftrightfloat-colored-shadow{
  max-width: unset;
  width: auto;
  position: absolute;
  left: 30px;
  z-index: -1;
  opacity: .5;
}

.section--leftrightfloat--right .img-height--custom .section--leftrightfloat-colored-shadow{
  max-width: unset;
  width: auto;
  position: absolute;
  left: -30px;
  z-index: -1;
  opacity: .5;
}

@media screen and (min-width: 1024px){
  .section--leftrightfloat--left .section--leftrightfloat--content-wrapper.four-twelfths,
  .section--leftrightfloat--left .section--leftrightfloat--content-wrapper.five-twelfths,
  .section--leftrightfloat--left .section--leftrightfloat--content-wrapper.one-half,
  .section--leftrightfloat--left .section--leftrightfloat--content-wrapper.seven-twelfths{
    padding-right:30px;
  }
}

@media screen and (min-width: 1024px){
  .section--leftrightfloat--left .section--leftrightfloat--content-wrapper.eight-twelfths{
    padding-right:30px;
  }
}

.section--leftrightfloat--content-wrapper p strong:first-of-type{
  color: #1d1d1f;
}


.section--leftrightfloat--content-wrapper p strong:first-of-type {
  position: relative;
}


@media screen and (max-width:678px) {
  .section--leftrightfloat--media--wrapper {
    background-image:none!important;
    height:auto!important;
  }
}

.section--leftrightfloat-standard .btn,
.section--leftrightfloat-standard .all--btn{
  min-width: 280px;
}

@media screen and (max-width:679px) {
  .section--leftrightfloat-standard .btn,
  .section--leftrightfloat-standard .all--btn{
    width:100% !important;
  }

  .section--leftrightfloat--media--wrapper.img-height--custom img{
    max-width: 100% !important;
  }
}

/*.section--leftrightfloat--left .section--leftrightfloat--media{
position:absolute;
height: 100%;
}

.section--leftrightfloat--media--wrapper{
height: 100%;
}*/


@media screen and (min-width:680px) {
  .split-width--tablet .section--leftrightfloat--media{
    position:absolute;
    height: 100%;
  }

  .split-width--tablet .section--leftrightfloat--media--wrapper{
    height: 100%;
  }
}

@media screen and (min-width:1024px) {
  .full-width--tablet .section--leftrightfloat--media{
    position:absolute;
    height: 100%;
  }

  .full-width--tablet .section--leftrightfloat--media--wrapper{
    height: 100%;
  }
}

@media screen and (max-width:1023px) {
  .section--leftrightfloat--nominheight .split-width--tablet .section--leftrightfloat--media{
    position: relative !important;
  }

  .section--leftrightfloat--nominheight .section--leftrightfloat-colored-shadow{
    position: absolute !important; 
    left: 5% !important; 
    top: -20px !important; 
    max-width: 95% !important; 
    height: auto !important;
  }
}

@media screen and (min-width:680px) {
  .section--leftrightfloat--fill .section--leftrightfloat--media--real{
    max-width: unset;
    width: auto !important;
    height: 100%;
  }
}
/* End Left-Right Float Multi Section - IMPACT Publisher */

/* Left-Right Content and Image Multi Section - IMPACT Publisher */

@media screen and (min-width: 1024px){
  .section--leftright--content.four-twelfths,
  .section--leftright--content.five-twelfths,
  .section--leftright--content.one-half,
  .section--leftright--content.seven-twelfths{
    padding-right:30px;
  }
}

@media screen and (min-width: 1024px){
  .section--leftright--content.eight-twelfths{
    padding-right:30px;
  }
}

.left-right--drop-shadow{
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}

.left-right--border-radius{
  border-radius: 8px;
}

.section--leftright--content p strong:first-of-type:before {
  content: '';
  position: absolute;
  border-left: 1px solid var(--primaryColor);
  height: 80%;
  margin-left: -6%;
  top: 10%;
  line-height: 1em;
}

.section--leftright--content p strong:first-of-type {
  position: relative;
}

@media screen and (max-width: 679px){
  img.section--leftright--img{
    max-width: 100% !important;
    margin-left: initial !important;
  }
}

.left-right--headers h6:first-child{
  color: var(--primaryColor);
  font-weight: 800;
}

.left-right--headers h6:first-child:before{
  content: '';
  position: absolute;
  border-left: 1px solid var(--primaryColor);
  height: 20px;
  top: 5px;
  left:0;
  line-height: 1em;
}

/*@media screen and (min-width: 680px){
.left-right--headers h6:first-child:before{
left: calc(-3% - 1px);
}
}

@media screen and (max-width: 679px){
.left-right--headers h6:first-child:before{
left: calc(-6% + 1px);
}
}*/


@media screen and (max-width: 1023px){
  .section--leftright--content br{
    display:none;
  }
}

.section--leftright--content h3{
  color: var(--primaryColor);
}


.section--leftright--content h6{
  margin-top: 20px;
  margin-bottom: 20px;
}

.group-wrapper{
  counter-reset: ol-lr-counter;
}

.section--leftright--groups.section--leftright--numbered{
  counter-increment: ol-lr-counter;
}

.section--leftright--number:before{
  content: counter(ol-lr-counter);
  background: var(--primaryColor);
  height: 26px;
  width: 26px;
  border-radius: 50px;
  display: flex;
  position: absolute;
  left: 0;
  top: 0.15em;
  color: white;
  align-items: center;
  justify-content: center;
}