/* line 4, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial {
  position: relative;
  /*z-index: 13;*/
  z-index: 11;
  margin-top: 26px;
  /*

d888888P                     dP
   88                        88
   88    .d8888b. dP    dP d8888P .d8888b.
   88    88'  `88 88    88   88   Y8ooooo.
   88    88.  .88 88.  .88   88         88
   dP    `88888P' `88888P'   dP   `88888P'
  */
}
/* line 9, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .grid.p3-editorials {
  position: relative;
  z-index: 0;
}
/* line 25, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout {
  position: relative;
  z-index: 0;
  height: 296px;
}
/* line 30, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .product-image {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: 0px auto;
  max-width: 280px;
  width: 100%;
}
/* line 42, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .layered.middle .product-image {
  max-width: none;
}
/* line 48, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .layered.bottom .product-image {
  max-width: none;
}
/* line 53, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 296px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 69, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .layered {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 78, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.two-thirds.is-layered img {
  max-width: none;
}
/* line 84, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
/*.p4-left-right-editorial .tout.is-layered .btn-round {
  background-color: rgba(35, 31, 32, 0.63);
}*/
/* line 88, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
/*.p4-left-right-editorial .tout.is-layered .btn-round.colored {
  border-color: rgba(35, 31, 32, 0);
}*/
/* line 94, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.theme-blue .content-box .solid.btn-round.colored.small {
  background: #16acbc;
  border-color: #16acbc;
}

.p4-left-right-editorial .tout.theme-orange .content-box .solid.btn-round.colored.small {
  background: #e7934a;
  border-color: #e7934a;
}

.p4-left-right-editorial .tout.theme-green .content-box .solid.btn-round.colored.small {
  background: #91bf53;
  border-color: #91bf53;
}

.p4-left-right-editorial .tout.theme-purple .content-box .solid.btn-round.colored.small {
  background: #b0236e;
  border-color: #b0236e;
}

.p4-left-right-editorial .tout.theme-red .content-box .solid.btn-round.colored.small {
  background: #de6448;
  border-color: #de6448;
}

.p4-left-right-editorial .tout:hover.theme-blue .content-box .solid.btn-round.colored.small {
  background: #0bcde1;
  border-color: #0bcde1;
}

.p4-left-right-editorial .tout:hover.theme-orange .content-box .solid.btn-round.colored.small {
  background: #f5a056;
  border-color: #f5a056;
}

.p4-left-right-editorial .tout:hover.theme-green .content-box .solid.btn-round.colored.small {
  background: #9ed359;
  border-color: #9ed359;
}

.p4-left-right-editorial .tout:hover.theme-purple .content-box .solid.btn-round.colored.small {
  background: #d4197d;
  border-color: #d4197d;
}

.p4-left-right-editorial .tout:hover.theme-red .content-box .solid.btn-round.colored.small {
  background: #ed6f52;
  border-color: #ed6f52;
}

.p4-left-right-editorial .tout:hover.theme-grey .content-box .solid.btn-round.colored.small {
  background: rgba(35, 31, 32, 0.85);
}

.p4-left-right-editorial .tout.theme-grey .content-box .solid.btn-round.colored.small {
  background: rgba(35, 31, 32, 0.63);
}
/* line 103, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .content-box {
  position: absolute;
  bottom: 33px;
  padding-right: 16%;
  width: 87%;
}
/* line 110, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.no-boxsizing .p4-left-right-editorial .tout .content-box {
  width: 71%;
}
/* line 114, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.theme-blue .content-box .title {
  color: #128b98;
}
/* line 120, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.theme-purple .content-box .title {
  color: #8e1c59;
}
/* line 126, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.theme-orange .content-box .title {
  color: #e27e26;
}
/* line 132, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.theme-green .content-box .title {
  color: #7caa3f;
}

.p4-left-right-editorial .tout.theme-red .content-box .title {
  color: #de6448;
}

.p4-left-right-editorial .tout.theme-grey .content-box .title {
  color: #575556;
}
/* line 138, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.three-thirds .content-box {
  padding-right: 0;
  width: 43%;
}
/* line 144, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .btn-round {
  position: absolute;
  top: auto;
  left: auto;
  margin-left: 9px;
}
/* line 151, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .title {
  margin-bottom: 0;
  color: #128b98;
  text-transform: uppercase;
}
/* line 158, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
/*.p4-left-right-editorial .tout.is-layered:hover .context-box .solid.btn-round.colored.small {
  border-color: #d64827;
  background-color: #d64827;
}*/
/* line 164, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
/*.p4-left-right-editorial .tout.is-layered .content-box .title {
  color: #575556;
}*/
/* line 168, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout .copy {
  position: relative;
  margin: 0;
  width: 93%;
  color: white;
}
.p4-left-right-editorial .tout.dark-text .copy {
  color: #231f20;
}
/* line 176, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.two-thirds .content-box {
  left: 7%;
}
/* line 182, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.one-third .content-box {
  left: 13%;
}
/* line 188, ../../../../packages/modules/p4-left-right-editorial/css/p4-left-right-editorial.scss */
.p4-left-right-editorial .tout.three-thirds .content-box {
  left: 7%;
}