/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Images in columns */
.ce-gallery .ce-row.columns1 .ce-column { width:100%; }
.ce-gallery .ce-row.columns2 .ce-column { width:48%; }
.ce-gallery .ce-row.columns3 .ce-column { width:31%; }
.ce-gallery .ce-row.columns4 .ce-column { width:23%; }
.ce-gallery .ce-row.columns5 .ce-column { width:18%; }
.ce-gallery .ce-row.columns6 .ce-column { width:14%; }

/* Form */
#msm-progressbar{ margin-bottom:3em; margin-left:0; overflow:hidden; counter-reset:step; width:100%; text-align:center; }
#msm-progressbar li{ list-style-type:none; color:rgb(51, 51, 51); text-transform:uppercase; font-size:9px; width:30%; float:left; position:relative; }
#msm-progressbar li:before{ content:counter(step); counter-increment:step; width:3em; line-height:3em; display:block; font-size:10px; color:#333; background:white; border-radius:3px; margin:0 auto 5px auto; z-index:10; position:relative; }
/*progressbar connectors*/
#msm-progressbar li:after{ content:''; width:100%; height:2px; background:white; position:absolute; left:-50%; top:1.5em; }
#msm-progressbar li:first-child:after{ /*connector not needed before the first step*/ content:none; }
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#msm-progressbar li.msm-progressbar-active:before,  #msm-progressbar li.msm-progressbar-active:after{ background:#7B1FA2; color:white; }

/* Forms linearization */
@media screen and ( max-width: 740px )  {
  /* linearize form elements */
  .ym-form.linearize-form label{ float: none; }
  .ym-form.linearize-form .help-block{ display:block; }
  
  .ym-form.linearize-form .ym-label,
  .linearize-form label,
  .linearize-form .ym-message,
  .linearize-form input,
  .linearize-form button,
  .linearize-form textarea,
  .linearize-form select {
    display: block;
    float: none;
    position: static;
    width: 100% !important;
    margin-left: 0 !important;
  }
  .ym-form input[aria-hidden='true']{ margin:0 0 0 -999em!important; }
  /* linearize grids */
  .linearize-form .ym-fbox-wrap,
  .linearize-form .ym-fbox-wrap [class*="ym-g"] {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* restore special form elements */
  .linearize-form input[type="checkbox"],
  .linearize-form input[type="radio"],
  .linearize-form input[type="image"] {
    margin-left: 0 !important;
    width: auto !important;
    display: inline;
  }
}