/*  Rappel : breakpoint variable
theme.$screen-xs: 480px ;
theme.$screen-sm: 768px ;
theme.$screen-md: 992px ;
theme.$screen-lg: 1200px ;
*/
/* mockup

see the icon variable name here : 03-settings / _font-icon.scss

.class-test {

 @include font-icon ($icon-arrow-down , red);

}

 */
/* ----- USEFUL MIXINS

  - 1 / Transition
  - 2 / Animation
  - 3 / Retina
  - 4 / Gradient
  - 5 / Placeholder

*/
/* mockup

div.logo {
  background: url("logo.png") no-repeat;
  @include image-2x("logo2x.png", 100px, 25px);
}

 */
/* mockup

$start-color, $end-color, $orientation - vertical/horizontal/radial

.class-test {
  @include background-gradient(red, black, 'vertical');
}

Output
.class-test {
  background: -webkit-linear-gradient(top, red, black);
  background: linear-gradient(to bottom, red, black);
}

 */
/* mockup

  textarea {
    @include input-placeholder {
        color: $grey;
    }
}

 */
/* mockup

  label {
    @include sr-only;
}

 */
.paragraph--type--collapse-segment .menu-collapse {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin: 0 auto;
  width: min-content;
}
@media only screen and (min-width: 768px) {
  .paragraph--type--collapse-segment .menu-collapse {
    flex-direction: row;
    margin: 0 -15px;
    align-items: center;
    width: 100%;
  }
}
.paragraph--type--collapse-segment .menu-collapse .nav-item {
  max-width: 17%;
  margin: 0 15px 15px;
  display: inline-flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .paragraph--type--collapse-segment .menu-collapse .nav-item {
    max-width: 22%;
  }
}
.paragraph--type--collapse-segment .menu-collapse .nav-item > * {
  align-self: center;
}
.paragraph--type--collapse-segment .menu-collapse .nav-item:hover .menu-collapse-img {
  background-color: #fef8e9;
}
.paragraph--type--collapse-segment .menu-collapse-img {
  width: 80px;
  height: 80px;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  border: solid #f3ba23 4px;
  border-radius: 80px;
}
.paragraph--type--collapse-segment .menu-collapse-img img {
  max-width: 80px;
  max-height: 80px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.paragraph--type--collapse-segment .menu-collapse-text {
  display: inline-block;
  vertical-align: middle;
  color: #676464;
  font-family: "opensans-regular";
  font-size: 18px;
  padding-left: 10px;
}
.paragraph--type--collapse-segment .collapse-sub-menu-text {
  padding: 50px 0;
}
.paragraph--type--collapse-segment .act-on-all-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .paragraph--type--collapse-segment .act-on-all-wrapper {
    padding: 0 15px;
  }
}
.paragraph--type--collapse-segment .act-on-all-wrapper span {
  cursor: pointer;
  display: flex;
}
.paragraph--type--collapse-segment .act-on-all-wrapper span:not(.act-on-all-arrow) {
  font: normal normal normal 14px/19px "opensans-bold";
}
.paragraph--type--collapse-segment .act-on-all-wrapper span.act-on-all-arrow {
  font-size: 20px;
  margin-left: 10px;
}
.paragraph--type--collapse-segment .collapse-items {
  background-color: #f4f4f4;
  padding: 60px 0 50px;
}
.paragraph--type--collapse-segment .panel-group .panel + .panel {
  margin-top: 30px;
}
.paragraph--type--collapse-segment .field_collapse_item .accordion-toggle {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 10px 15px;
}
@media only screen and (max-width: 768px) {
  .paragraph--type--collapse-segment .field_collapse_item .accordion-toggle {
    padding: 10px 15px;
  }
}
.paragraph--type--collapse-segment .field_collapse_item .accordion-toggle > * {
  align-self: center;
}
.paragraph--type--collapse-segment .field_collapse_item .accordion-toggle:hover .collapse-item-icon, .paragraph--type--collapse-segment .field_collapse_item .accordion-toggle:not(.collapsed) .collapse-item-icon {
  background-color: #fef8e9;
}
.paragraph--type--collapse-segment .field_collapse_item .accordion-toggle:not(.collapsed) .collapse-item-arrow:before {
  content: "\e917";
  color: #535353;
}
.paragraph--type--collapse-segment .field_collapse_item .panel-title {
  padding: 0;
}
.paragraph--type--collapse-segment .field_collapse_item .collapse-item-icon {
  width: 65px;
  height: 65px;
  display: inline-block;
  flex-shrink: 0;
  margin: 0 15px;
  position: relative;
  border: solid #f3ba23 3px;
  border-radius: 65px;
}
.paragraph--type--collapse-segment .field_collapse_item .collapse-item-icon .field--name-field-logo {
  max-width: 65px;
  max-height: 65px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.paragraph--type--collapse-segment .field_collapse_item .collapse-item-icon .field--name-field-logo img {
  max-width: 50px;
  max-height: 50px;
}
.paragraph--type--collapse-segment .field_collapse_item .collapse-item-title {
  flex-grow: 1;
  font: normal normal normal 20px/22px "opensans-bold";
  color: #1c9fab;
}
.paragraph--type--collapse-segment .field_collapse_item .collapse-item-arrow {
  font-size: 20px;
  color: #90929A;
  cursor: pointer;
  margin-left: 5px;
}
.paragraph--type--collapse-segment .field_collapse_item .collapse-item-arrow:before {
  content: "\e90c";
  color: #535353;
}

/*# sourceMappingURL=paragraph-collapse-segment.css.map */