/*
    Theme Name: Relaxa
    Theme URI: http: //houseofyouth.com
    Description: Relaxa Theme
    Version: 1.0.0
    Author: House of Youth, Culture Inspired
    Author URI: http: //houseofyouth.com
*/


/*** GLOBAL CSS ***/

/* Fonts */

@font-face {
    font-family: 'Gotham';
    src: url('./assets/fonts/Gotham-Light.woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('./assets/fonts/Gotham-Book.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('./assets/fonts/Gotham-Bold.woff');
    font-weight: bold;
    font-style: normal;
}


/* Layout Styling */

body {
    font-family: 'Gotham', sans-serif;
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,                 
a,
li,
div {
    font-weight: normal;
}

b, strong {
    font-weight: bold;
}

/* TEMPORARY CLASSES FOR HIDDEN LANGUAGE SWITCHER */

/*#menu-item-30-en {
    display: none !important;
}

#menu-item-32 {
    margin-right: 0px !important;
}

#menu-item-36-en {
    display: none !important;
} */

/* END TEMPORARY CLASSES */

.section_header h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    margin: 24px 0 32px 0;
}

.section_caption {

}

.content_frame {

}


.contact-links {
    color: #a2218d;
    font-weight: bold;
}

.contact-links:hover {
    opacity: .8;
}


.section-page-01 .col-wrap-02 {
    width: 90%;
    margin: 16px 0 32px 5%;
}

.bg_layer_desktop {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: -1;
}    

.bg_layer_mobile {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: -1;
}   

.bg_shade_gradient:before {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 25%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 25%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 25%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 25%); /* ie10+ */
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 25%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
    content: "";
}

.navigation_arrow {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 21px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.navigation_arrow .inner {
    position: relative;
    display: table;
    margin: auto;
    cursor: pointer;
}

.navigation_arrow img { 
    width: 32px;
    margin-bottom: 1vw;
    transform: translateY(0);
    backface-visibility: hidden;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease; 
}

.navigation_arrow .inner:hover img {
    transform: translateY(4px);
}

.indicator_arrow {
    display: none;
    position: fixed;
    width: 32px;
    bottom: 16px;
    right: 16px;
    z-index: 20;
    -webkit-animation: indicatorArrow 13s ease infinite;
    -moz-animation: indicatorArrow 13s ease infinite;
    animation: indicatorArrow 13s ease infinite;
}                      

.imagery_section_title {
    position: absolute;
    width: 100%;
    top: 32px;
}

.imagery_section_title h2 {
    margin: 0;
    padding: 8px 16px 5px 16px;
    text-align: left;
    color: #fff;
    background: -moz-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85,48,142,1)), color-stop(100%, rgba(162,33,141,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55308e', endColorstr='#a2218d',GradientType=1 ); /* ie6-9 */
}

.imagery_expander_cta .text_wrap {
    display: flex;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

.imagery_expander_cta .text_wrap .inner {
    position: relative;
    display: table;
    width: 90%;
    margin: auto;
    text-align: center;
    background: rgba(82, 206, 187, 0.7);
    padding: 16px 24px;
    box-sizing: border-box;
    cursor: pointer;
    backface-visibility: hidden;                      
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.imagery_expander_cta .text_wrap .inner:hover {
    background: rgba(82, 206, 187, 0.86);
}

.imagery_expander_cta .text_wrap .inner h3 {
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: 0; 
}

.imagery_expander_cta .text_wrap .inner span {
    display: block;
    font-weight: bold;
    background-color: #FFF;
    padding: 10px 10px 10px 10px;
    margin: 12px auto 0 auto;
    color: #55308e;
    transition: all ease 0.3s; 
}

.imagery_expander_cta .text_wrap .inner span:hover {
    background-color: #55308e;
    color: #FFF;
}      

.doc_end_funnel .section_header h1 {
    font-size: 1.8em;
    margin: 0 0 32px 0;
}

.doc_end_funnel {
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 32px 5% 16px 5%;
    box-sizing: border-box;
    border-top: 1px solid #b779b0;
    background: #fff;
}

.page-template-index .doc_end_funnel {
    border-top: 1px solid transparent;
}

.doc_end_funnel li {
    position: relative;
    width: 100%;
    margin: 0 0 16px 0;
    padding-bottom: 80%;
    float: left;
    background: -moz-linear-gradient(130deg, rgba(162,33,141,1) 0%, rgba(85,48,142,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(85,48,142,1)), color-stop(100%, rgba(162,33,141,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(130deg, rgba(162,33,141,1) 0%, rgba(85,48,142,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(130deg, rgba(162,33,141,1) 0%, rgba(85,48,142,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(130deg, rgba(162,33,141,1) 0%, rgba(85,48,142,1) 100%); /* ie10+ */
    background: linear-gradient(320deg, rgba(162,33,141,1) 0%, rgba(85,48,142,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55308e', endColorstr='#a2218d',GradientType=0 ); /* ie6-9 */ 
}

.doc_end_funnel li:last-of-type {
    margin: 0 0 0 0 !important;
}

.doc_end_funnel li .inner {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1 !important;
    text-decoration: none;
}

.doc_end_funnel img {
    min-width: 64px;
    max-width: 102px;
    margin: 0 auto 3vw auto;
    cursor: pointer;
    opacity: 1 !important;
}

.doc_end_funnel img {
    width: 28%;
    margin: 0 auto 3vw auto;
    cursor: pointer;
    opacity: 1 !important;
}

.doc_end_funnel li:hover img {
    transform: scale(1.1);
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.doc_end_funnel span {
    display: table;
    width: 92%;
    margin: auto;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 1em;
    backface-visibility: hidden;
    text-align: center;
}

.doc_end_funnel span:hover {
    cursor: pointer;
}

.doc_end_funnel span div {
    position: relative;
    display: table;
    margin: auto;
    padding-bottom: 8px;
}

.doc_end_funnel span div:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    content: '';
    -webkit-transition: width .25s;
    transition: width .25s;
    background-color: #fff;
}

.doc_end_funnel span:hover div:after,
.doc_end_funnel span:focus div:after,
.doc_end_funnel span:active div:after {
    width: 100%;
}    

.doc_end_funnel li .inner:hover span div:after,
.doc_end_funnel li .inner:hover span div:focus:after,
.doc_end_funnel li .inner:hover span div:active:after {
    width: 100%;
}

.page_title {
    margin: 32px 0 0 0;
    padding: 8px 0 7px 5%;
    background: -moz-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85,48,142,1)), color-stop(100%, rgba(162,33,141,1)));
    background: -webkit-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%);
    background: -o-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%);
    background: linear-gradient(90deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55308e', endColorstr='#a2218d',GradientType=1 );
    color: #fff;
}

.button {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: #52cebb;
    padding: 8px 16px;
}

.button_close_section {
    display: table;
    margin: 32px auto 32px auto;
    text-align: center;
    border: 1px solid #fff;
    padding: 8px 16px;
    font-weight: bold;
    cursor: pointer;
    background: #fff;
    color: #55308e;
}

.button_close_section:hover {
    background: #fff;
    color: #55308e;
}

.mobile_details_popup {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    top: 0;
    left: 0;
    margin: 0;
}

.mobile_details_popup .inner {
    width: 88%;
    margin: auto;
    height: 80vh;
    overflow-y: scroll;
}

.mobile_details_popup > .section_header {
    margin-top: 26px;
}

.mobile_details_popup > .section_header h3 {
    width: 88%;
    margin: 0 auto;
    font-weight: bold;
    color: #a2218d;
}

.mobile_details_popup > .section_header h2 {
    width: 88%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.8em;
    color: #a2218d;
}

.mobile_details_popup .inner > ul {
    list-style: none;
    padding: 0; 
}

.mobile_details_popup .inner > ul li {
    display: table;
    width: 90%;
    margin: 0 0 24px 0;
    clear: both;
}

.mobile_details_popup .inner > ul li img {
    display: table-cell;
    width: 4vw;
    min-width: 54px;
    margin: 0;
    backface-visibility: hidden;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.mobile_details_popup .inner > ul li p {
    width: 75%;
    display: table-cell;
    vertical-align: middle;
    cursor: default;
    color: #a2218d;
}

.formats {
    margin: 32px 0 0 0;
}

.formats h2 {
    color: #a2218d;
    font-weight: bold;
}

.formats .text_wrap {
    width: 95%;
    background: #a2218d;
    color: #fff;
    padding: 16px 32px 32px 32px;
    box-sizing: border-box;
}

.formats .text_wrap h3 {
    font-weight: bold;
}

.formats .text_wrap img {
    width: 50%;
    max-width: 200px;
}

.mobile_details_popup .icon_plus {
    position: absolute;
    width: 28px;
    top: 28px;
    right: 2.5%;
    cursor: pointer;
}

.mobile_details_popup .inner::-webkit-scrollbar-track {
    background-color: #52cebb;
    width: 2px;
}

.mobile_details_popup .inner::-webkit-scrollbar {
    width: 3px;
    background-color: #fff;
}

.mobile_details_popup .inner::-webkit-scrollbar-thumb {
    background-color: #55308e;	
}

.mobile_details_popup_cta {
    display: table;
    margin: auto;
    padding: 36px 0 0 0;
    cursor: pointer;
}

.mobile_details_popup_cta .icon_plus {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    transform: rotate(0deg);
}

.mobile_details_popup_cta h3 {
    display: table-cell;
    vertical-align: middle;
    padding-right: 16px;
}


/* Pop */

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}


/* Inputs */

input[type='text'],
input[type='email'],
input[type='tel'],
textarea,
select {
    border: 1px solid #a2218d !important;
}

input[type='submit'] {
    text-align: center;
    color: #fff;
    border: none;
    font-weight: bold;
    line-height: 1.4;
    background: #52cebb;
    padding: 8px 16px;
}

input[type='submit']:hover {
    opacity: 0.8;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #a2218d;
    font-weight: bold;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a2218d;
    font-weight: bold;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a2218d;
    font-weight: bold;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a2218d;
    font-weight: bold;
}


/* Brand Colors */

.text-color-light-purple {
    color: #a2218d !important;
}

.text-color-dark-purple {
    color: #55308e !important;
}

.text-color-cyan {
    color: #52cebb !important;
}

.text-color-white {
    color: #fff !important;
}

.bg-color-light-purple {
    background: #a2218d !important;
}

.bg-color-dark-purple {
    background: #55308e !important;
}

.bg-color-cyan {
    background: #52cebb !important;
}

.bg-color-purple-gradient {
    background: -moz-linear-gradient(130deg, rgba(85,48,142,1) 0%, rgba(85,48,142,1) 65%, rgba(103,58,171,1) 100%) !important; /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(103,58,171,1)), color-stop(65%, rgba(85,48,142,1)), color-stop(100%, rgba(85,48,142,1))) !important; /* safari4+,chrome */
    background: -webkit-linear-gradient(130deg, rgba(85,48,142,1) 0%, rgba(85,48,142,1) 65%, rgba(103,58,171,1) 100%) !important; /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(130deg, rgba(85,48,142,1) 0%, rgba(85,48,142,1) 65%, rgba(103,58,171,1) 100%) !important; /* opera 11.10+ */
    background: -ms-linear-gradient(130deg, rgba(85,48,142,1) 0%, rgba(85,48,142,1) 65%, rgba(103,58,171,1) 100%) !important; /* ie10+ */
    background: linear-gradient(320deg, rgba(85,48,142,1) 0%, rgba(85,48,142,1) 65%, rgba(103,58,171,1) 100%) !important; /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673AAB', endColorstr='#55308e',GradientType=0 ) !important; /* ie6-9 */
}

.bg-color-moving-gradient {
    background: linear-gradient(270deg, #55308e, #a2218d) !important;
    background-size: 400% 400% !important;
    -webkit-animation: movingGradient 10s ease infinite !important;
    -moz-animation: movingGradient 10s ease infinite !important;
    animation: movingGradient 10s ease infinite !important;
}

@-webkit-keyframes movingGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes movingGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes movingGradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


/*** UTILITY CLASSES ***/

.ut-section-accordian {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.6s ease-out;
}

.ut-rotate-pos-45-deg {
    transform: rotate(45deg) !important;
}

.ut-sachet-selected {
    background: #fff !important;
    color: #55308e !important;
}


/*** PAGES & CATEGORIES ***/

/* Home */

.section-home-01 {
    min-height: calc(100vh - 120px); 
}

.section-home-01 .bg_layer_desktop {
    min-height: calc(100vh - 120px);
}

.section-home-01 .bg_layer_mobile {
    min-height: calc(100vh - 120px);
}

.section-home-01 .col-wrap-01 .col-01 {
    min-height: calc(100vh - 120px); 
}

.section-home-01 .col-wrap-01 .col-01 .imagery_section_title h2 {
    text-align: left;
    font-size: 1.7em;
    padding: 8px 16px 6px 16px;
}

.section-home-01 .col-wrap-01 .col-01 .imagery_section_title p {
    margin: 0;
    padding: 8px 16px;
    text-align: center;
    color: #fff;
}

.section-home-01 .col-wrap-01 .col-01 .text_wrap {
    position: absolute;
    width: 92%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 64px;
    text-align: center;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(82, 206, 187, 0.7);
}

.section-home-01 .col-wrap-01 .col-01 .text_wrap:hover {
    background: rgba(82, 206, 187, 0.86);
}

.section-home-01 .col-wrap-01 .col-01 .text_wrap h3 {
    margin: 0;
    padding: 8px 16px;
    color: #fff;
    font-size: 1.3em;
}

.section-home-02 .col-wrap-01 .col-01 .text_wrap {
    margin: 32px 0 32px 4%;
}

.section-home-02 .col-wrap-01 .col-01 .text_wrap h1 {
    font-weight: bold;
    margin: 0;
    font-size: 1.8em;
}

.section-home-02 .col-wrap-01 .col-01 .text_wrap h2 {
    font-weight: bold;
    margin: 0 0 4px 0;
    font-size: 1.5em;
}

.section-home-02 .col-wrap-01 .col-01 .text_wrap h3 {                       
    margin: 0;
    font-size: 1.5em;
}

.section-home-02 .col-wrap-01 .col-02 > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-home-02 .col-wrap-01 .col-02 > ul > li {
    width: 100%;
}

.section-home-02 .col-wrap-01 .col-02 > ul > li:first-of-type {
    height: 300px;
    background-image: url(./assets/images/bg_holding_flowers.jpg);
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
}

.section-home-02 .col-wrap-01 .col-02 .text_wrap {
    position: relative;
    display: table;
    width: 80%;
    margin: auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(82, 206, 187, 0.7);
    padding: 16px;
    font-size: 1.6em;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    background: rgba(82, 206, 187, 0.7);
}

.section-home-02 .col-wrap-01 .col-02 .text_wrap:hover {
    background: rgba(82, 206, 187, 0.86);
}

.section-home-02 .col-wrap-01 .col-02 .text_wrap h3 {
    margin: 0 auto;
    color: #fff;
}

.checkmark_list {
    list-style: none;
    padding: 32px 0;
    width: 80%;
    margin: auto;
}

.checkmark_list li {
    width: 100%;
    float: left;
    margin: 0 0 1.3vw 0;
}

.checkmark_list li:last-of-type {
    margin: 0 0 0 0;
}

.checkmark_list li:hover img {
    transform: translateY(35%);
}

.checkmark_list img {
    position: relative;
    width: 32px;
    float: left;
    transform: translateY(50%);
    padding-right: 16px;
    backface-visibility: hidden;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; 
}

.checkmark_list p {
    width: calc(100% - 48px);
    float: left;
    color: #fff;
    cursor: default;
    font-size: 0.9em;
}

.checkmark_list a {
    color: #55308e;
    text-decoration: none;
    background: #fff;
    padding: 8px 16px;
    display: none;
    margin: 1.8vw 0 0 48px;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.checkmark_list a:hover {
    background-color: #52cebb;
    color: #fff;
    opacity: 1 !important;
} 

.mobile_checklist_cta a {
    color: #fff;
    text-decoration: none;
    background: #52cebb;
    padding: 8px 16px;
    display: table;
    margin: 32px auto;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.section-home-04 {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.8s ease-out;
    background: #55308e;
}

.section-home-04 .content_frame {
    width: 90%;
    margin: auto;
    padding: 3vw 0;
}

.section-home-04 .col-wrap-01 {
    display: flex;
    flex-wrap: wrap;
}

.section-home-04 .col-wrap-01 .col-02 {
    width: 100%;
    flex-grow: 1;
    flex-basis: 100%;
    border-bottom: 1px solid #fff;
    padding: 0 0 32px 0;
}

.section-home-04 .col-wrap-01 .col-03 {
    width: 100%;
    flex-grow: 1;
    flex-basis: 100%;
    padding: 32px 0;
}

.product_header {
    width: 100%;
}

.product_header h2 {
    font-weight: 600;
    margin: 0;
}

.product_image {
    display: none;
    width: 100%;
    max-width: 480px;
    padding-top: 32px;
}

.section-home-04 .col-wrap-01 .col-02 ul {
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 32px 0 0 0;
}

.section-home-04 .col-wrap-01 .col-02 ul li {
    width: 30%;
    margin: 0 4% 0 0;
    float: left;
    text-align: center;
}   

.section-home-04 .col-wrap-01 .col-02 ul li:last-of-type {
    margin: 0 0 0 0;
}

.section-home-04 .col-wrap-01 .col-02 ul li h4 {
    border: 1px solid #fff;
    padding: 8px;
    margin: 0;
    font-weight: bold;
}

.section-home-04 .col-wrap-01 .col-02 ul li h4:hover {
    cursor: pointer;
    background: #fff;
    color: #55308e;
}      

.section-home-04 .col-wrap-01 .col-03 .product_image {
    display: block !important;
}  

.section-home-04 .col-wrap-01 .col-03 h4 {
    display: table;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 24px;
    margin: 32px auto auto auto;
    font-weight: bold;
}

.section-home-04 .col-wrap-01 .col-03 h4:hover {
    background: #fff;
    color: #55308e;
}

.section-home-04 .col-wrap-02 {
    display: none;
    padding: 32px 0;
}

.section-home-04 .col-wrap-02 .col-01,
.section-home-04 .col-wrap-02 .col-02 {
    width: 50%;
}

.section-home-04 .col-wrap-02 .col-01 h3,
.section-home-04 .col-wrap-02 .col-02 h3 {
    font-weight: bold;
    margin: 0;
}

.section-home-04 .col-wrap-02 .col-01 > h2,
.section-home-04 .col-wrap-02 .col-02 > h2 {
    font-weight: bold;
    margin: 0;
    font-size: 1.8em;
}

.section-home-04 .col-wrap-02 .col-01 ul {
    list-style: none;
    padding: 0;
    margin: 2vw 0 0 6%;
    float: left;
}

.section-home-04 .col-wrap-02 .col-01 ul li {
    display: table;
    width: 70%;
    float: left;
    margin: 0 0 1.5vw 0;
}

.section-home-04 .col-wrap-02 .col-01 ul li img {
    display: table-cell;
    width: 4vw;
    margin: 0;
    backface-visibility: hidden;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; 
    transform: translateY(0%);
}

.section-home-04 .col-wrap-02 .col-01 ul li:hover img {
    transform: translateY(-6px);
}

.section-home-04 .col-wrap-02 .col-01 ul li p {
    width: 75%;
    display: table-cell;
    vertical-align: middle;
    cursor: default;
}

.section-home-04 .col-wrap-02 .col-01 > p {
    width: 80%;
}

.section-home-04 .col-wrap-02 .col-02 .text_wrap {
    width: 50%;
    margin: 2vw 0 0 0;
}

.section-home-04 .col-wrap-02 .col-02 .text_wrap img {
    width: 8vw;
    margin: 1.5vw 0;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; 
    transform: translateY(0);
}

.section-home-04 .col-wrap-02 .col-02 .text_wrap:hover img {
    transform: translateY(-6px);
}

.ramq {
    margin: 32px 0 0 0;
    background: #fff;
    color: #a2218d;
    padding: 16px;
}

.ramq img {
    padding: 0 0 10px 0;
}

.ramq p {
    font-style: italic;
    font-size: 13px;
}

.ramq h2, .ramq p {
    width: 70%;
    margin: 12px auto;
    text-align: center;
}

.ramq h2:last-of-type {
    font-weight: bold;
}

.mobile_products_cta a {
    color: #55308e;
    text-decoration: none;
    background: #fff;
    padding: 8px 16px;
    display: table;
    margin: 16px auto;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1 !important;
}

.section-home-06 {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.6s ease-out;
    background: #55308e;
}    

.section-home-06 .content_frame {
    width: 90%;
    margin: auto;
    padding: 32px 0;
}

.section-home-06 .col-wrap-01 .col-01 {
    width: 100%;
}

.section-home-06 .col-wrap-01 .col-01 h3 {
    font-weight: bold;
    margin: 0;
}

.section-home-06 .section_header h2 {
    font-weight: bold;
    margin: 0;
    font-size: 1.8em;
}

.section-home-06 .col-wrap-01 .col-02 ul {
    list-style: none;
    padding: 0;
    margin: 24px 0 0 0;
    float: left;
}

.section-home-06 .col-wrap-01 .col-02 ul li {
    display: table;
    width: 100%;
    /*float: right;*/
    margin: 0 0 24px 0;
}

.section-home-06 .col-wrap-01 .col-02 ul li:last-of-type {
    clear: both;
}

.section-home-06 .col-wrap-01 .col-02 ul li img {
    display: table-cell;
    width: 4vw;
    min-width: 54px;
    margin: 0;
    backface-visibility: hidden;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transform: translateY(0); 
}

.section-home-06 .col-wrap-01 .col-02 ul li:hover img {
    transform: translateY(-4px);
}

.section-home-06 .col-wrap-01 .col-02 ul li p {
    width: 75%;
    display: table-cell;
    vertical-align: middle;
    cursor: default;
}

.section-home-06 .col-wrap-01 .col-03 {
    width: 100%;
    margin: 0 0 0 0;
}

.section-home-06 .col-wrap-01 .col-04 {
    width: 100%;
}

.section-home-06 .col-wrap-01 .col-03 h3 {
    font-weight: bold;
}

.about_ctas {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.about_ctas a {
    display: block;
    width: 100%;
    margin: 18px auto;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ffffff;
    color: #fff;
    font-weight: bold;
    padding: 8px 16px;
    box-sizing: border-box;
    opacity: 1 !important;
}

.about_ctas a:hover {
    background: #fff;
    color: #55308e;
}

.section-home-08 {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.6s ease-out;
    background: #55308e;
}

.section-home-08 .content_frame {
    width: 90%;
    margin: auto;
    padding: 32px 0;
}

.section-home-08 .section_header h1 {
    margin: 0 0 32px 0;
}

.section-home-08 .col-wrap-01 {
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.section-home-08 .col-wrap-01 .col-01 {
    position: relative;
    width: 100%;
    /* flex-grow: 1; */
    /* flex-basis: 50%; */
}

.section-home-08 .col-wrap-01 .col-01 p:last-of-type {
    /* position: absolute; */
    /* margin-bottom: 0; */
    /* bottom: 0; */
    
    margin-bottom: 32px;
}

.section-home-08 .col-wrap-01 .col-02 {
    width: 100%;
    flex-grow: 1;
    flex-basis: 100%;
}

.section-home-08 .col-wrap-01 .col-03 {
    width: 100%;
}

.constipation_info {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.constipation_info > li {
    margin: 16px 0;
}

.constipation_info > li:first-of-type {
    margin: 0 0 16px 0;
}

.constipation_info > li:last-of-type {
    margin: 0;
}

.constipation_info > li > ul {
    display: table;
    width: calc(100% + 0px);
    margin: 0;
    list-style: none;
    padding: 0;
    background: #fff;
}

.constipation_info > li > ul li {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
    padding: 16px 0;
    cursor: pointer;
}

.constipation_info > li > ul li h4 {
    margin: 0;
    color: #55308e;
    font-weight: bold;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.constipation_info > li > ul li:first-of-type img {
    width: 42px;
}

.constipation_info > li > ul li .icon_plus {
    width: 28px;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    transform: rotate(0deg);    
}

.constipation_info .expandable_content {
    width: 100%;
    background: #fff;
    color: #55308e;
    overflow: hidden;    
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.constipation_info .expandable_content .inner {
    padding: 8px 16px 32px 16px;
    box-sizing: border-box;
}

.constipation_info .expandable_content .inner p {
    margin: 0 auto;
    box-sizing: border-box;
}

.constipation_info .expandable_content .inner ul {
    margin: 16px 0;
    list-style: disc;
}

.constipation_info > li:last-of-type .expandable_content .inner {  
    padding: 0;
}      

.constipation_info > li:last-of-type .expandable_content .inner ul {
    margin: 0;    
    padding: 0 0 8px 0;
}

.constipation_info .expandable_content .inner ul li {
    margin: 0 0 16px 0;
}

.prevention_list li {
    display: table;
    width: 100%;
}

.prevention_list li img {
    display: table-cell;
    width: 48px;
    vertical-align: middle;
    padding: 1vw 0;
    cursor: pointer;
}

.prevention_list li h4 {
    display: table-cell;
    width: 66%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.9em;
}


/* Contact */

.section-contact-01 .col-wrap-01 .col-01 {
    width: 100%;
}

.section-contact-01 .col-wrap-02 {
    width: 90%;
    margin: 16px 0 32px 5%;
}

.section-contact-01 .col-wrap-02 .col-01 {
    width: 100%;
}

.section-contact-01 .col-wrap-02 .col-01 h1 {
    font-size: 1.6em;
    color: #a2218d;
}

.section-contact-01 .col-wrap-02 .col-01 p {
    color: #a2218d;
}


.section-contact-01 .col-wrap-02 .col-01 a {
    color: #a2218d;
    font-weight: bold;
}


.section-contact-01 .address {
    list-style: none;
    padding: 0;
    margin: 18px 0 32px 0;
    width: 100%;
    float: left;
}

.section-contact-01 .address h2 {
    position: absolute;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    color: #a2218d;
    bottom: 0;
}

.section-contact-01 .address a img {
    width: 128px;
    margin: 0;
    float: right;
}

.section-contact-01 .address li:nth-of-type(1),
.section-contact-01 .address li:nth-of-type(2) {
    position: relative;
    width: 50%;
    float: left;
    height: 32px;
}

.section-contact-01 .address li:nth-of-type(3) {
    width: 100%;
    float: left;
    padding-top: 8px;
}

.section-contact-01 .col-wrap-02 .col-02 {
    width: 100%;
    float: right;
}

.section-contact-01 .col-wrap-02 .col-02 h1 {
    font-weight: bold;
    font-size: 1.6em;
    margin: 0.67em 0 32px 0;
}

.page-template-contact .doc_end_funnel li:nth-of-type(2) {
    margin: 0 0 0 0;
}

.page-template-contact .doc_end_funnel li:nth-of-type(3) {
    display: none;
}


/* Locations */

.page-template-locations .doc_end_funnel li:nth-of-type(3) {
    margin: 0 0 0 0;
}

.page-template-locations .doc_end_funnel li:nth-of-type(2) {
    display: none;
}

.section-locations-01 .col-wrap-02 {
    width: 90%;
    margin: 32px 0 32px 5%;
}


/* FAQ */

.section-faq-01 .col-wrap-01 .col-01 {
    width: 100%;
}

.section-faq-01 .col-wrap-02 {
    width: 90%;
    margin: 16px 0 32px 5%;
}

.section-faq-01 .col-wrap-02 .col-01 {
    width: 100%;
}

.section-faq-01 .col-wrap-02 .col-01 h1:first-of-type {
    font-size: 1.6em;
    color: #a2218d;
}

.section-faq-01 .col-wrap-02 .col-01 p {
    color: #a2218d;
}

.section-faq-01 .col-wrap-02 .col-01 .the_content_container a {
    display: none;
}

.section-faq-01 .col-wrap-02 .col-02 {      
    width: 100%;
    float: right;
}

.page-template-faq .doc_end_funnel li:nth-of-type(3) {
    margin: 0 0 0 0;
}

.page-template-faq .doc_end_funnel li:nth-of-type(1) {
    display: none;
}

.questions_list {
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
}

.questions_list li {
    width: 100%;
    margin: 12px 0;
    cursor: pointer;
    float: left;
}

.questions_list li .question {
    display: table;
    width: 100%;
    margin: 0 0 21px 0;
}

.questions_list li .question h3 {
    display: table-cell;
    vertical-align: middle;
    width: 82%;
    font-weight: bold;
}

.questions_list li .question span {
    display: table-cell;
    vertical-align: middle;
    float: right;
}

.questions_list li .question span .icon_plus {
    width: 24px;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    transform: rotate(0deg);    
}

.questions_list li .question_answer {
    width: 100%;
    float: left;
}

.questions_list li .question_answer .inner_wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.questions_list li .question_answer .inner_wrap .inner {
    float: left;
    width: 100%;
    background: #a2218d;
    padding: 24px;
    box-sizing: border-box;
}

.questions_list li .question_answer .inner_wrap .inner p {
    color: #fff;
}

.questions_list li .question_answer .inner_wrap .inner span {
    font-weight: 100 !important;
}

.questions_list li .question_answer .inner_wrap a {
    color: #fff;
}

.questions_list li .question_answer .inner_wrap .inner ul {
    float: left;
    list-style-type: disc;
    margin: 1em 0;
    color: #fff;
    line-height: 1em;
}


/*** WORDPRESS TEMPLATE CONTENT ***/

/* The Loop */

article.post_entry {
    position: relative;
    width: 100%;  /* 1 column loop */
    float: left; 
    box-shadow: 0 0.2em 1em 0 rgba(0,0,0,0.15);
}

.post-categories {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.post-categories li {
    display: inline-block;
}

.pagination {
    float: right;
    clear: both;
}

.pagination > span,
.pagination > p,
.pagination > a {

}

.pagination > .current {

}


/* The Single Post */                

.social_sharing {
    list-style-type: none;
    padding: 0;
    width: 100%;
    float: left;
}

.social_sharing li {
    float: left;
    width: 36px;
    margin: 8px 8px 8px 0;
}

#post-nav-left {
    float: left;
}

#post-nav-right {
    float: right;
}

.post-edit-link {
    float: left;
    clear: both;
}


/* Selectors shared by Single Pages & Posts */

.the_content_container li {
    line-height: 2;
}

.featured_img_container img {
    width: 100%;
}

.the_content_container img {
    /* width: 100%; */
}


/*** MENUS ***/

/* Header */

.cart-menu:after {
    content: '\f07a';
    font-family: 'Font Awesome 5 Pro';
    position: relative;
    margin-left: 5px;
    color: #a2218d;
}

/* The Footer */

.footer {
    border-top: 1px solid #b779b0;
}

.footer .col-01 {
    width: 90%;
    margin: 32px 0 32px 5%;
}

.footer .col-01 p {
    font-size: 0.9em;
    margin: 21px 0 16px 0;
}

.footer .col-01 a img {
    display: block;
    width: 50vw;
    min-width: 160px;
    margin: 0;
}

.foot_notes {
    margin-top: 24px;
    font-size: 0.88em;
}

.foot_notes p {
    margin: 0 !important;
}

.footer .col-02 > a img {
    margin: 0;
    width: 120px;
    min-width: 102px;
    float: right;
}

.footer .col-02 {
    width: 90%;
    margin: 8px 0 32px 5%;
}

.footer .col-02 > .menu {
    height: 160px;
}

#menu-footer-fr,
#menu-footer-en,
#menu-footer-home-fr,
#menu-footer-home-en {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 2.1;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -o-column-count: 2;
    -o-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

#menu-footer-fr li,
#menu-footer-en li,
#menu-footer-home-fr li,
#menu-footer-home-en li {
    margin: 0 0 2px 0;
}

#menu-footer-fr a,
#menu-footer-en a,
#menu-footer-home-fr a,
#menu-footer-home-en a {
    color: #a2218d;
    text-decoration: none;
    font-weight: bold;
}

.copyright {
    width: 100%;
    float: left;
    font-size: 0.9em;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}

.copyright p {
    text-align: left;
}

.copyright .inner {
    display: table;
    width: 90%;
    margin: 0 auto;
}

#menu-copyright-fr,
#menu-copyright-en {
    list-style: none;
    padding: 0;
}

#menu-copyright-fr li,
#menu-copyright-en li {
    padding: 0;
    margin: 0 0 0 0;
    text-align: left;
}

#menu-copyright-fr li:first-of-type, 
#menu-copyright-en li:first-of-type {
    margin: 0 0 10px 0;
}

#menu-copyright-fr li a,
#menu-copyright-en li a {
    color: #fff;
    text-decoration: none;
}

.footer_line {
    display: none;
    float: left;
    width: 16px;
    margin: 0 16px;
    height: 2px;
    transform: translateY(22px);
    background: #fff;
}


/*** PLUGIN-SPECIFIC STYLING ***/

/* WP Store Locator */

.wpsl-search {
    background: transparent !important;
    padding: 0 !important;
}

#wpsl-search-wrap label,
#wpsl-radius > label,
#wpsl-results > label {
    font-weight: bold;
    color: #a2218d;
    text-align: left; 
}

.wpsl-search {
    margin-bottom: 21px;
}

#wpsl-search-wrap .wpsl-select-wrap {
    margin-bottom: 21px;
}                          

#wpsl-search-input {
    width: 100% !important;
    padding: 9.5px 12px !important;
}

#wpsl-search-wrap .wpsl-dropdown {
    width: 100% !important;
    box-sizing: border-box;
}

#wpsl-search-wrap .wpsl-select-wrap {
    width: 100% !important;
}

#wpsl-radius {
    width: 48.5% !important;
    margin-right: 3.5% !important;
}

#wpsl-results {
    width: 48% !important;
    margin-right: 0 !important;
}

#wpsl-search-wrap div label {
    line-height: 39px;
}

#wpsl-search-wrap div label {
    width: 160px;
}

#wpsl-results label {
    width: 140px;
}

#wpsl-search-input {
    border-radius: 0 !important;
}

.wpsl-dropdown {
    border-color: #a2218d !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.wpsl-dropdown .wpsl-selected-item, 
.wpsl-dropdown li {
    color: #a2218d !important;
}

.wpsl-selected-item:after {
    border-top: 8px solid #a2218d !important;
}

.wpsl-active .wpsl-selected-item:after {
    border-bottom: 8px solid #a2218d;
}

.wpsl-search-btn-wrap {
    width: 100%;
    float: left !important;
    margin: 0 !important;
}

#wpsl-search-btn {
    margin-right: 0 !important;
    padding: 8px 16px;
    text-align: center;
    color: #fff;
    border: none !important;
    font-weight: bold;
    background: #52cebb;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#wpsl-search-wrap #wpsl-search-btn {
    margin: 0 !important;
}

#wpsl-wrap {
    overflow: initial;
}

#wpsl-result-list {
    border: 1px solid #a2218d;
}

#wpsl-stores {
    margin: 16px;
}

#wpsl-stores a {
    color: #a2218d;
    font-weight: bold;
}             

.wpsl-store-location {
    line-height: 1.5;
}

.wpsl-direction-wrap {
    color: #a2218d;
    line-height: 1.5;
}

/*#wpsl-result-list #wpsl-stores, */
#wpsl-result-list #wpsl-direction-details {
    height: 316px !important;
}

#wpsl-result-list ul {
    width: 96%;
}

#wpsl-stores::-webkit-scrollbar-track {
    border: 1px solid #a2218d;
    border-right: 1.7px solid #a2218d;
    background-color: #fff;
    border-radius: 9px;
}

#wpsl-stores::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
}

#wpsl-stores::-webkit-scrollbar-thumb {
    background-color: #a2218d;
    border-radius: 9px;	
}

.page-template-locations .the_content_container p {
    color: #a2218d;
    margin: 0 0 2vw 0;
}



/* Contact Form 7 */

.wpcf7 {
    width: 100%;
    margin: auto !important;
}

.wpcf7 label {
    width: 100%;
    display: block;
}

.wpcf7 p {
    margin: 0 0 12px 0;
}

.wpcf7 .ajax-loader {
    display: none !important; /* disables the ajax spinner for CF7 */
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    margin: 12px 0 24px 0;
}

.wpcf7 .wpcf7-response-output {
    margin: 0;
    padding: 12px;
}

.wpcf7-mail-sent-ok {
    color: green;
}

.wpcf7 .wpcf7-validation-errors {
    color: red;           
}

.wpcf7-form.sent div {
    display: none !important;
}

.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok {
    display:  block !important;
}


/* Lightslider.js */

.lSSlideOuter {
    margin: auto;
    /* width: 80%; */
    /* padding: 8vw 0 8vw 0; */
}

.lslide {

}

.lslide img {
    margin: 0; /* TESTING */
}

.lSSlideOuter .lSPager.lSpg {
    display: block;
    position: relative;
    z-index: 1;
}

.lSAction {
    /* display: none !important; */
}

.lSAction > .lSPrev {
    display: block;
    width: 16px;
    height: 32px;
    /* margin-top: -40px; */
    background-image: url('./assets/svgs/arrow_left.svg');
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

.lSAction > .lSNext {
    display: block;
    width: 16px;
    height: 32px;
    /* margin-top: -40px; */
    background-image: url('./assets/svgs/arrow_right.svg');
    background-position: center !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {

}


/*** MEDIA QUERIES ***/

/* Min-Widths */

@media screen and (min-width: 480px) {
    .bg_layer_desktop {
        display: block;
    }
    .bg_layer_mobile {
        display: none;
    }
}

@media screen and (min-width: 600px) { 
    
     .footer .col-01 a img {
      width: 30vw;
    }
    
    article.post_entry {
        width: 49%; /* 2 column loop */
        margin: 0% 2% 2% 0%;
    }
    article.post_entry:nth-of-type(2n+2) {
        margin: 0% 0% 2% 0%;
    }
    .imagery_section_title {
        display: table;
        width: auto;
        top: 4vw;
        left: 10%;
    }
    .imagery_section_title h2 {
        padding: 1vw 4vw;
        text-align: center;
    }
    .section-home-01 .col-wrap-01 .col-01 .imagery_section_title p {
        color: #a2218d;
        background: #fff;
    }
    .section-home-01 .col-wrap-01 .col-01 .text_wrap {
        display: table;
        width: auto;
        margin: 0;
        left: initial;
        right: 10%;
        bottom: 6vw;
    }
    .section-home-01 .col-wrap-01 .col-01 .text_wrap h3 {
        padding: 1vw 2vw;
        font-size: 1.7em;
    }
    .section-home-02 .col-wrap-01 .col-01 .text_wrap h1 {
        font-size: 2.6em;
    }
    .doc_end_funnel li {
        width: 49%;
        margin: 0 2% 0 0;
        padding-bottom: 49%;
    }
    .page-template-index .doc_end_funnel li {
        width: 22%;
        margin: 0 4% 0 0;
        padding-bottom: 48%;
    }
    .imagery_expander_cta .text_wrap .inner {
        width: auto;
    }
}

@media screen and (min-width: 720px) {
    .section-home-02 .col-wrap-01 .col-02 > ul {
        display: flex;
    }
    .section-home-02 .col-wrap-01 .col-02 > ul > li:first-of-type {
        height: auto;
    }
    .section-home-02 .col-wrap-01 .col-02 > ul > li {
        width: 50%;
        flex-grow: 1;
        flex-basis: 50%;
    }
    .checkmark_list {
        list-style: none;
        padding: 0;
        width: 70%;
        margin: 5vw auto;
    }
    .checkmark_list p {
        font-size: 1em;
    }    
    .checkmark_list a {
        display: table;
    }          
    .mobile_checklist_cta {
        display: none;
    }
    .imagery_expander_cta .text_wrap .inner h3 {
        font-size: 1.6em;
        letter-spacing: inherit;
    }     
    .imagery_expander_cta .text_wrap .inner span {
        width: 65%;
    }
    .section-home-02 .col-wrap-01 .col-02 .text_wrap {
        width: auto;
    }
    .copyright .inner {
        width: auto;
    }
    .copyright p {
        display: table;
        float: left;
        text-align: center;
    }
    #menu-copyright-fr, 
    #menu-copyright-en {
        display: table;
        float: left;     
    }
    #menu-copyright-fr li, 
    #menu-copyright-en li {
        text-align: center;
        float: left;        
    }
    #menu-copyright-fr li:first-of-type, 
    #menu-copyright-en li:first-of-type {
        margin: 0 16px 0 0;
    }
    .footer_line {
        display: table;
    }
    #menu-footer-fr, 
    #menu-footer-en, 
    #menu-footer-home-fr, 
    #menu-footer-home-en {
        line-height: 3;
    }
    #menu-footer-fr li,
    #menu-footer-en li,
    #menu-footer-home-fr li,
    #menu-footer-home-en li {
        margin: 0;
    }
    .footer .col-02 > .menu {
        height: 210px;
    }
    .doc_end_funnel {
        padding: 3vw 5% 4vw 5%;
    }
    .section-faq-01 .col-wrap-02 .col-01 {
        width: 45%;
    }
    .section-faq-01 .col-wrap-02 .col-02 {
        width: 50%;
    }
    .section-faq-01 .col-wrap-02 .col-01 .the_content_container a {
        display: block;
    }
    .section-faq-01 .col-wrap-02 .col-02 > p a {      
        display: none;
    }
    .about_ctas {
        width: 52%;
        max-width: 600px;
        margin: 2vw auto 0 auto;
        background: #fff;
        overflow: auto;
        padding: 1vw 0;                 
    }
    .about_ctas a {
        width: 60%;
        margin: 2vw auto;
        color: #55308e;
        border: 1px solid #55308e;
        background: #fff;
        padding: 0.7vw;
    }
    .about_ctas a:hover {
        background: -moz-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85,48,142,1)), color-stop(100%, rgba(162,33,141,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(85,48,142,1) 0%, rgba(162,33,141,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55308e', endColorstr='#a2218d',GradientType=1 ); /* ie6-9 */
        color: #fff;
        border: 1px solid transparent;
    }
    .constipation_info {
        width: 100%;
    }
    .constipation_info > li:first-of-type {
        margin: 0 0 1vw 0;
    }
    .constipation_info .expandable_content .inner {
        padding: 8px 32px 32px 32px;
    }
    .constipation_info .expandable_content .inner ul li {
        margin: 0 0 8px 0;
    }
    .prevention_list li h4 {
        font-size: 1em;
    }
    .mobile_details_popup .inner {
        width: 66%;
        margin: 0 0 0 6%;
    }         
}

@media screen and (min-width: 768px) {
    .wpcf7 input[type='submit'] {
        width: 54%;
    }
}

@media screen and (min-width: 800px) {
    #wpsl-search-wrap .wpsl-input {
        width: 40% !important;
        margin: 0 2% 0 0 !important;
    }
    #wpsl-search-wrap .wpsl-select-wrap {
        width: 36% !important;
        margin: 0 2% 0 0 !important;
    }
    .wpsl-search-btn-wrap {
        width: 20% !important;
        margin: 38.4px 0 0 0 !important;    
    }          
}

@media screen and (min-width: 1000px) {
    .footer .col-01 a img {
      width: 18vw;
    } 
    article.post_entry {
        width: 32%; /* 3 column loop */
        margin: 0% 2% 2% 0%;
    }
    article.post_entry:nth-of-type(2n+2) {
        margin: 0% 2% 2% 0%;
    }
    article.post_entry:nth-of-type(3n+3) {
        margin: 0% 0% 2% 0%;
    }
    input[type='text'],
    input[type='email'],
    input[type='submit'],
    textarea,
    select {
        padding: 0.7vw;
    }
    .button {
        padding: 0.7vw;
    } 
    .section-home-01 .col-wrap-01 .col-01 .imagery_section_title h2 {
        padding: 0.7vw 2vw;
    }   
    .section-home-01 .col-wrap-01 .col-01 .imagery_section_title p {
        padding: 0.8em 2vw;
    }
    .section-home-02 .col-wrap-01 .col-01 .text_wrap {
        margin: 3vw 0 3vw 10%;
    }
    .section-home-02 .col-wrap-01 .col-02 .text_wrap {
        padding: 2vw;
    }
    .imagery_expander_cta .text_wrap .inner {
        padding: 2vw 4vw;    
    }
    .doc_end_funnel .section_header h1 {
        margin: 0 0 2vw 0;
    }
    .footer .col-01 {
        width: 40%;
        margin: 3vw 20% 32px 5%;
        min-height: 240px;
    }
    .footer .col-02 {
        width: 35%;
        margin: 6vw 0 2vw 0;
    }
    .footer .col-02 > a img {
        width: 7vw;
        float: right;
    }
    .doc_end_funnel .section_header h1 {
        font-size: 2.2em;
        margin: 24px 0 32px 0;
    }
    .page_title {
        margin: 2vw 0 0 0;
    }
    .section-contact-01 .col-wrap-02 .col-01 {
        width: 45%;
    }
    .section-contact-01 .col-wrap-02 .col-02 {
        width: 50%;
        float: right;
    }
    .section-faq-01 .col-wrap-02 .col-01 {
        width: 30%;
    }
    .section-home-04 .col-wrap-01 .col-02, 
    .section-home-04 .col-wrap-01 .col-03 {
        width: 50%;
        flex-grow: 1;
        flex-basis: 50%;  
        border-bottom: 1px solid #fff;
    }
    .section-home-04 .col-wrap-01 .col-03 {
        padding: 0 0 32px 0;
    }
    .product_header {
        width: 50%;
        min-height: 104px;
    }
    .section_header h1 {
        font-size: 2.2em;
        margin: 0 0 2vw 0;
    }
    .product_image {
        width: 80%;
    }
    .section-home-04 .col-wrap-01 .col-02 ul {
        width: 72%;
        margin: 32px 0 0 9%;
    }
    .section-home-04 .col-wrap-01 .col-02 ul {
        margin: 32px auto;
    }
    .section-home-04 .col-wrap-02 {
        display: block;
    }
    .section-home-04 .col-wrap-03 {
        display: none;
    }
    .ramq {
        padding: 2vw;
    }
    .section-home-04 .col-wrap-01 .col-03 h4 {
        background: #fff;
        color: #55308e;
        max-width: 65px;
        text-align: center;
    }
    .button_close_section {
        background: none;
        color: #fff;
        padding: 1vw 4vw;
    }
    .section-home-06 .col-wrap-01 .col-01 {
        width: 40%;
        margin-right: 6vw;
    }    
    .section-home-06 .col-wrap-01 .col-02 {
        width: 50%;
    } 
    .section-home-06 .col-wrap-01 .col-02 ul {
        margin: 2vw 0 0 6%;
    }  
    .section-home-06 .col-wrap-01 .col-02 ul li {
        width: 100%;
        margin: 0 0 1.5vw 0;
        padding-right: 5%;
    }
    .section-home-06 .col-wrap-01 .col-03 {
        width: 48%;
        margin: 2vw 2% 0 0;
    }
    .section-home-06 .col-wrap-01 .col-04 {
        /* width: 46%; */
    }
    .section-home-06 .col-wrap-01 .col-02 ul {
        margin: 2vw 0 0 6%;
        width: 100%;
    }
    .section-home-08 .col-wrap-01 .col-01 {
        position: relative;
        width: 30%;
        margin-right: 20%;
        padding-right: 4%;
        /* flex-grow: 1; */
        /* flex-basis: 50%; */
    }
    .section-home-08 .col-wrap-01 .col-02 {
        width: 50%;
        flex-grow: 1;
        flex-basis: 50%;
    }
    .section-home-08 .col-wrap-01 .col-01 p:last-of-type {
        margin-bottom: 0;
    }
    .constipation_info > li > ul li {
        padding: 1vw 0;
    }
    .constipation_info > li {
        margin: 0 0 1vw 0;
    }   
    .mobile_details_popup {
        display: none;
    }
    .mobile_details_popup_cta {
        display: none;
    }
    .about_ctas {
        width: 46%;               
    }
}

@media screen and (min-width: 1100px) {
    .section-page-01 .col-wrap-02,
    .section-contact-01 .col-wrap-02,
    .section-faq-01 .col-wrap-02,
    .section-locations-01 .col-wrap-02 {
        width: 80%;
        margin: 3vw 0 3vw 10%;
    }
    .section-home-04 .content_frame,
    .section-home-06 .content_frame,
    .section-home-08 .content_frame {
        width: 80%;
        padding: 3vw 0;
    }
    .page_title {
        padding: 8px 0 7px 10%;
    }
    .doc_end_funnel {
        padding: 1vw 10% 4vw 10%;
    }
    .doc_end_funnel span {
        font-size: 1.1em;
    }
    .footer .col-01 {
        margin: 3vw 10% 32px 10%;
    }
    .section-contact-01 .col-wrap-02 .col-01 h1:first-of-type,
    .section-faq-01 .col-wrap-02 .col-01 h1:first-of-type,
    .section-contact-01 .col-wrap-02 .col-02 h1 {
        margin-top: 0;
    }
}

@media screen and (min-width: 1240px) {
    article.post_entry {
        width: 23.5%; /* 4 column loop */
        margin: 0% 2% 2% 0%;
    }
    article.post_entry:nth-of-type(2n+2) {
        margin: 0% 2% 2% 0%;
    }
    article.post_entry:nth-of-type(3n+3) {
        margin: 0% 2% 2% 0%;
    }
    article.post_entry:nth-of-type(4n+4) {
        margin: 0% 0% 2% 0%;
    }                            
}

@media screen and (min-width: 1300px) {
    .section-contact-01 .col-wrap-02 .col-01 {
        width: 33%;
    }
}

@media screen and (min-width: 1400px) {
    .questions_list li {
        margin: 0.8vw 0;
    }
    .pointes-de-vente #wpsl-search-wrap .wpsl-input {
        width: 37% !important;
        margin: 0 4% 0 0 !important;
    }
    .pointes-de-vente #wpsl-search-wrap .wpsl-input > div {
        width: 35% !important;
        margin: 0 2% 0 0 !important;    
    }
    .pointes-de-vente #wpsl-search-wrap .wpsl-input > input {
        width: 60% !important;
        margin: 0 !important;    
    }
    .pointes-de-vente #wpsl-search-wrap .wpsl-select-wrap {
        width: 40% !important;
        margin: 0 2% 0 0 !important;
    }
    .pointes-de-vente #wpsl-radius {
        width: 49% !important;
        margin-right: 8% !important;
    }
    .pointes-de-vente #wpsl-radius > label {
        width: 38% !important;
        margin: 0 2% 0 0 !important;
    }
    .pointes-de-vente #wpsl-radius .wpsl-dropdown {
        width: 60% !important;
        margin: 0 !important;
    }               
    .pointes-de-vente #wpsl-results {
        width: 43% !important;
        margin-right: 0 !important;
    }
    .pointes-de-vente #wpsl-results > label {
        width: 47% !important;
        margin: 0 5% 0 0 !important;
    }
    .pointes-de-vente #wpsl-results .wpsl-dropdown {
        width: 48% !important;
        margin: 0 !important;    
    }        
    .pointes-de-vente .wpsl-search-btn-wrap {
        width: 16% !important;
        margin: 0 !important;
        float: right !important;
    }  
    .where-to-purchase #wpsl-search-wrap .wpsl-input {
        width: 37% !important;
        margin: 0 2% 0 0 !important;
    }
    .where-to-purchase #wpsl-search-wrap .wpsl-input > div {
        width: 25% !important;
        margin: 0 2% 0 0 !important;    
    }
    .where-to-purchase #wpsl-search-wrap .wpsl-input > input {
        width: 72% !important;
        margin: 0 !important;    
    }
    .where-to-purchase #wpsl-search-wrap .wpsl-select-wrap {
        width: 40% !important;
        margin: 0 2% 0 0 !important;
    }
    .where-to-purchase #wpsl-radius {
        width: 52% !important;
        margin-right: 4% !important;
    }
    .where-to-purchase #wpsl-radius > label {
        width: 50% !important;
        margin: 0 2% 0 0 !important;   
    }
    .where-to-purchase #wpsl-radius .wpsl-dropdown {
        width: 47% !important;
        margin: 0 !important;    
    }               
    .where-to-purchase #wpsl-results {
        width: 42% !important;
        margin-right: 0 !important;
    }
    .where-to-purchase #wpsl-results > label {
        width: 36% !important;
        margin: 0 2% 0 0 !important;   
    }
    .where-to-purchase #wpsl-results .wpsl-dropdown {
        width: 48% !important;
        margin: 0 !important;    
    }        
    .where-to-purchase .wpsl-search-btn-wrap {
        width: 19% !important;
        margin: 0 !important;
        float: right !important;
    }
}

@media screen and (min-width: 1560px) {

}

@media screen and (min-width: 1880px) {
    body {
        font-size: 1.1em;
    }
}

@media screen and (min-width: 2184px) {

}

@media screen and (min-width: 2520px) {

}

@media screen and (min-width: 2840px) {

}


/* Max-Widths */

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 720px) {

}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 414px) {

}

@media screen and (max-width: 360px) {

}