@import url(https://fonts.googleapis.com/css?family=Nunito:400,400i,700,700i);@import url(//hello.myfonts.net/count/3a0b88);/* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08); box-shadow: 0 3px 13px rgba(0,0,0,0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid rgba(72,72,72,0.2); } .flatpickr-calendar.hasTime .flatpickr-innerContainer { border-bottom: 0; } .flatpickr-calendar.hasTime .flatpickr-time { border: 1px solid rgba(72,72,72,0.2); } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: rgba(72,72,72,0.2); } .flatpickr-calendar.arrowTop:after { border-bottom-color: #1bbc9b; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: rgba(72,72,72,0.2); } .flatpickr-calendar.arrowBottom:after { border-top-color: #1bbc9b; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { border-radius: 5px 5px 0 0; background: #1bbc9b; color: #fff; fill: #fff; height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: #fff; fill: #fff; } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #bbb; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(72,72,72,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0,0,0,0.1); } .numInputWrapper span:active { background: rgba(0,0,0,0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(72,72,72,0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(72,72,72,0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(255,255,255,0.5); } .numInputWrapper:hover { background: rgba(0,0,0,0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: #fff; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: #fff; } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(255,255,255,0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: #1bbc9b; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: #1bbc9b; outline: none; padding: 0; } .flatpickr-weekdays { background: #1bbc9b; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: #1bbc9b; color: rgba(0,0,0,0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; border-left: 1px solid rgba(72,72,72,0.2); border-right: 1px solid rgba(72,72,72,0.2); } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.2); box-shadow: -1px 0 0 rgba(72,72,72,0.2); } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #484848; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e2e2e2; border-color: #e2e2e2; } .flatpickr-day.today { border-color: #bbb; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #bbb; background: #bbb; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #1bbc9b; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #1bbc9b; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #1bbc9b; box-shadow: -10px 0 0 #1bbc9b; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2; box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(72,72,72,0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(72,72,72,0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b; box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; border-left: 1px solid rgba(72,72,72,0.2); } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(72,72,72,0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background: #fff; border-bottom: 1px solid rgba(72,72,72,0.2); } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fff; border-radius: 0 0 5px 5px; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #484848; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #484848; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #484848; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #484848; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eaeaea; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}@charset "UTF-8"; .font-family-nunito, form input, form select, form label, form textarea, .tabbed-three-col .tab-pane#children h4, .tabbed-three-col .tab-pane#children .field--type-entity-reference > fieldset legend, #cc_c2a.c2a_light.c2a_accent_default, #user-register-page #children h4, #user-register-page #children .field--type-entity-reference > fieldset legend { font-family: 'Nunito', sans-serif; } @font-face { font-family: Nippon; src: url("../fonts/nippon-note/3A0B88_2_0.eot"); src: url("../fonts/nippon-note/3A0B88_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/nippon-note/3A0B88_2_0.woff2") format("woff2"), url("../fonts/nippon-note/3A0B88_2_0.woff") format("woff"), url("../fonts/nippon-note/3A0B88_2_0.ttf") format("truetype"); font-display: swap; unicode-range: U+21, U+22, U+24-7E, U+A3; } .font-family-nippon, h1, h2, h3, h4, h5, h6, .tabbed-three-col .nav-tabs .nav-item .nav-link, #mobile-navigation .accord-mobile ul > li a, #desktop-navigation a, #desktop-navigation button, .account-menu a, .account-menu button, .cross-sell h2, .copy-content h2, .tabbed-content .nav-tabs .nav-item .nav-link, .food-pdp .product-information-container .review-section article > .container .name, .food-pdp .product-information-container #food-allergens .allergens-wrapper h4, .food-pdp .product-information-container #food-allergens .allergens-wrapper a, #nutritionAccordion .ingredients-accordion .food-ingredients table caption, #nutritionAccordion .nutrition-accordion .food-nutrition table caption, #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper h4, #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper a, #nutritionAccordion .food-accordion .food-reviews article > .container .name, .recipe-ingredients-equipment h2, .recipe-step-by-step .recipe-method h3, #contact-us-page .webform-confirmation__message h2, #contact-us-page .webform-confirmation__message h3, #contact-us-page .page-title h2, #contact-us-page .page-sub-title h3, #contact-us-page .united-kingdom-panel h3, #faqMainPageContainer h3 { font-family: Nippon, Arial, 'sans-serif'; } @font-face { font-family: Supernett; src: url("../fonts/supernett-cn/3A0B88_0_0.eot"); src: url("../fonts/supernett-cn/3A0B88_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/supernett-cn/3A0B88_0_0.woff2") format("woff2"), url("../fonts/supernett-cn/3A0B88_0_0.woff") format("woff"), url("../fonts/supernett-cn/3A0B88_0_0.ttf") format("truetype"); font-weight: 300; font-display: swap; unicode-range: U+21, U+22, U+24-7E, U+A3; } .font-family-supernett, .tabbed-three-col .tab-pane#children h3, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item label, .tabbed-three-col .tab-pane#children .form-submit, .tabbed-three-col .tab-pane#children .btn-prefer-not-to-say, .tabbed-three-col .tab-pane#preferences h4, #mobile-navigation .accord-mobile ul > li a:after, .account-menu #block-organix-account-menu .menu__account li a, #organix-footer h2, .content-fifty-fifty h2, .content-fifty-fifty h3, .copy-content h3, .copy-content h4, .copy-content h5, .copy-content h6, .triple-block-standard .panel h3, .triple-block-standard .panel p, .food-pdp .product-information-container .review-section .no-reviews, .food-pdp .product-information-container .review-section article > .container .location, .food-pdp .product-information-container .tab-content-wrapper .packsizes ul li, .food-pdp .product-information-container #food-allergens .allergens-wrapper p, .faq-container, .faq-container a, #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper p, #nutritionAccordion .food-accordion .food-reviews article > .container .location, .recipe-hero .recipe-title-card .recipe-meta, .recipe-ingredients-equipment .info-side h4, .recipe-step-by-step .recipe-notes a, .path-wonder-den .filter-box h3:after, .path-our-foods .filter-box h3:after, #user-login-page #edit-actions #edit-submit, #user-register-page #children h3, #user-register-page #children .form-checkboxes .checkbox-container > label, #user-register-page #children #gender-choice > .form-item label, #user-register-page #children .add-child-init, #user-register-page #children .btn-prefer-not-to-say, #user-register-page #preferences h4, #user-register-page #preferences input + label, #user-register-page #edit-actions .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page #edit-actions input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page #edit-actions input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #edit-actions input[id*='actions-ief-entity-edit'], #user-register-page #edit-actions #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #edit-actions input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children #user-register-page #edit-actions .form-submit, #user-register-page #edit-actions #user-edit-page .button--primary, #user-edit-page #user-register-page #edit-actions .button--primary, #user-register-page .register-disclaimer, #user-forgot-password #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .inline-entity-form-child_entity-label, #user-edit-page .button--primary, .field--widget-options-buttons > div > label, .field--widget-options-buttons .form-checkboxes > label, .field--widget-options-buttons .js-form-type-checkbox > label, .checkbox-group > div > label, .checkbox-group .form-checkboxes > label, .checkbox-group .js-form-type-checkbox > label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div > label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes > label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox > label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div > label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes > label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox > label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div > label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes > label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox > label, .child-container .form-checkboxes .checkbox-container > label, #contact-us-page .webform-confirmation__message p a, #contact-us-page .webform-confirmation__back p a, #contact-us-page .european_panel, #contact-us-page .european_panel h3, #contact-us-page .european_panel p, #contact-us-page .united-kingdom-panel, #contact-us-page .united-kingdom-panel h2, #contact-us-page .united-kingdom-panel h3, #contact-us-page .united-kingdom-panel p, #contact-us-page .united-kingdom-panel a, #contact-us-page .united-kingdom-panel td, #contact-us-page .united-kingdom-panel h4, #contact-us-page .upload-pictures-button, #contact-us-page input[name="picture_remove_button"], #contact-us-page .webform-button--submit, #faqMainPageContainer details summary a, #user-cancel-form #edit-submit { font-family: Supernett, Arial, 'sans-serif'; } @keyframes swing { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { transition-duration: 50ms; animation-duration: 50ms; } body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { transition-delay: 50ms; animation-delay: 50ms; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; animation-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; animation-delay: 100ms; } body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { transition-duration: 150ms; animation-duration: 150ms; } body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { transition-delay: 150ms; animation-delay: 150ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; animation-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; animation-delay: 200ms; } body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { transition-duration: 250ms; animation-duration: 250ms; } body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { transition-delay: 250ms; animation-delay: 250ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; animation-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; animation-delay: 300ms; } body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { transition-duration: 350ms; animation-duration: 350ms; } body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { transition-delay: 350ms; animation-delay: 350ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; animation-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; animation-delay: 400ms; } body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { transition-duration: 450ms; animation-duration: 450ms; } body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { transition-delay: 450ms; animation-delay: 450ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; animation-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; animation-delay: 500ms; } body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { transition-duration: 550ms; animation-duration: 550ms; } body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { transition-delay: 550ms; animation-delay: 550ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; animation-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; animation-delay: 600ms; } body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { transition-duration: 650ms; animation-duration: 650ms; } body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { transition-delay: 650ms; animation-delay: 650ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; animation-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; animation-delay: 700ms; } body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { transition-duration: 750ms; animation-duration: 750ms; } body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { transition-delay: 750ms; animation-delay: 750ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; animation-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; animation-delay: 800ms; } body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { transition-duration: 850ms; animation-duration: 850ms; } body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { transition-delay: 850ms; animation-delay: 850ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; animation-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; animation-delay: 900ms; } body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { transition-duration: 950ms; animation-duration: 950ms; } body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { transition-delay: 950ms; animation-delay: 950ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; animation-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; animation-delay: 1000ms; } body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { transition-duration: 1050ms; animation-duration: 1050ms; } body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { transition-delay: 1050ms; animation-delay: 1050ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; animation-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; animation-delay: 1100ms; } body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { transition-duration: 1150ms; animation-duration: 1150ms; } body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { transition-delay: 1150ms; animation-delay: 1150ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; animation-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; animation-delay: 1200ms; } body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { transition-duration: 1250ms; animation-duration: 1250ms; } body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { transition-delay: 1250ms; animation-delay: 1250ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; animation-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; animation-delay: 1300ms; } body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { transition-duration: 1350ms; animation-duration: 1350ms; } body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { transition-delay: 1350ms; animation-delay: 1350ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; animation-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; animation-delay: 1400ms; } body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { transition-duration: 1450ms; animation-duration: 1450ms; } body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { transition-delay: 1450ms; animation-delay: 1450ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; animation-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; animation-delay: 1500ms; } body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { transition-duration: 1550ms; animation-duration: 1550ms; } body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { transition-delay: 1550ms; animation-delay: 1550ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; animation-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; animation-delay: 1600ms; } body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { transition-duration: 1650ms; animation-duration: 1650ms; } body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { transition-delay: 1650ms; animation-delay: 1650ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; animation-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; animation-delay: 1700ms; } body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { transition-duration: 1750ms; animation-duration: 1750ms; } body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { transition-delay: 1750ms; animation-delay: 1750ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; animation-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; animation-delay: 1800ms; } body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { transition-duration: 1850ms; animation-duration: 1850ms; } body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { transition-delay: 1850ms; animation-delay: 1850ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; animation-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; animation-delay: 1900ms; } body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { transition-duration: 1950ms; animation-duration: 1950ms; } body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { transition-delay: 1950ms; animation-delay: 1950ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; animation-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; animation-delay: 2000ms; } body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { transition-duration: 2050ms; animation-duration: 2050ms; } body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { transition-delay: 2050ms; animation-delay: 2050ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; animation-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; animation-delay: 2100ms; } body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { transition-duration: 2150ms; animation-duration: 2150ms; } body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { transition-delay: 2150ms; animation-delay: 2150ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; animation-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; animation-delay: 2200ms; } body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { transition-duration: 2250ms; animation-duration: 2250ms; } body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { transition-delay: 2250ms; animation-delay: 2250ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; animation-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; animation-delay: 2300ms; } body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { transition-duration: 2350ms; animation-duration: 2350ms; } body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { transition-delay: 2350ms; animation-delay: 2350ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; animation-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; animation-delay: 2400ms; } body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { transition-duration: 2450ms; animation-duration: 2450ms; } body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { transition-delay: 2450ms; animation-delay: 2450ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; animation-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; animation-delay: 2500ms; } body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { transition-duration: 2550ms; animation-duration: 2550ms; } body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { transition-delay: 2550ms; animation-delay: 2550ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; animation-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; animation-delay: 2600ms; } body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { transition-duration: 2650ms; animation-duration: 2650ms; } body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { transition-delay: 2650ms; animation-delay: 2650ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; animation-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; animation-delay: 2700ms; } body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { transition-duration: 2750ms; animation-duration: 2750ms; } body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { transition-delay: 2750ms; animation-delay: 2750ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; animation-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; animation-delay: 2800ms; } body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { transition-duration: 2850ms; animation-duration: 2850ms; } body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { transition-delay: 2850ms; animation-delay: 2850ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; animation-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; animation-delay: 2900ms; } body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { transition-duration: 2950ms; animation-duration: 2950ms; } body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { transition-delay: 2950ms; animation-delay: 2950ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; animation-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0; animation-delay: 0s; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; animation-delay: 3000ms; } /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --black: #000000; --aa-grey: #666a6c; --aa-dark-green: #627826; --dark-green: #8c9d41; --organix-light-green: #9ab63f; --warm-green: #bdd279; --light-green: #9fbc73; --aa-organix-dark-green: #094937; --dark-orange: #f4992c; --light-pink: #f18fa9; --dark-pink: #c971a3; --white: #ffffff; --light-yellow: #ffe64a; --organix-dark-green: #095540; --light-orange: #f0b83f; --tag-6-months: #d491b0; --tag-7-months: #8981ba; --tag-10-months: #8981ba; --tag-12-months: #0d8d38; --cream: #fbf5ea; --heart-red: #ee4444; --paper-pink: #feb4a6; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1500px; --font-family-sans-serif: Supernett; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: Supernett; font-size: 1.3rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #ffffff; } @media (max-width: 1200px) { body { font-size: calc(1.255rem + 0.06vw) ; } } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } @media (max-width: 1200px) { legend { font-size: calc(1.275rem + 0.3vw) ; } } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 3.25rem; } @media (max-width: 1200px) { h1, .h1 { font-size: calc(1.45rem + 2.4vw) ; } } h2, .h2 { font-size: 2.6rem; } @media (max-width: 1200px) { h2, .h2 { font-size: calc(1.385rem + 1.62vw) ; } } h3, .h3 { font-size: 2.275rem; } @media (max-width: 1200px) { h3, .h3 { font-size: calc(1.3525rem + 1.23vw) ; } } h4, .h4 { font-size: 1.95rem; } @media (max-width: 1200px) { h4, .h4 { font-size: calc(1.32rem + 0.84vw) ; } } h5, .h5 { font-size: 1.625rem; } @media (max-width: 1200px) { h5, .h5 { font-size: calc(1.2875rem + 0.45vw) ; } } h6, .h6 { font-size: 1.3rem; } @media (max-width: 1200px) { h6, .h6 { font-size: calc(1.255rem + 0.06vw) ; } } .lead { font-size: 1.625rem; font-weight: 300; } @media (max-width: 1200px) { .lead { font-size: calc(1.2875rem + 0.45vw) ; } } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } @media (max-width: 1200px) { .display-1 { font-size: calc(1.725rem + 5.7vw) ; } } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } @media (max-width: 1200px) { .display-2 { font-size: calc(1.675rem + 5.1vw) ; } } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } @media (max-width: 1200px) { .display-3 { font-size: calc(1.575rem + 3.9vw) ; } } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } @media (max-width: 1200px) { .display-4 { font-size: calc(1.475rem + 2.7vw) ; } } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.625rem; } @media (max-width: 1200px) { .blockquote { font-size: calc(1.2875rem + 0.45vw) ; } } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid, .food-pdp .food-images-hero-carousel img, .food-pdp .food-images-hero-carousel .slick-slide a img, .food-pdp .food-hero-container .field__animal-container img { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } @media (min-width: 1500px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1440px; } } .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl-21, .col-xl-22, .col-xl-23, .col-xl-24, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl-17, .col-xxl-18, .col-xxl-19, .col-xxl-20, .col-xxl-21, .col-xxl-22, .col-xxl-23, .col-xxl-24, .col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-6 { flex: 0 0 25%; max-width: 25%; } .col-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-12 { flex: 0 0 50%; max-width: 50%; } .col-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-18 { flex: 0 0 75%; max-width: 75%; } .col-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-24 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 25; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .order-13 { order: 13; } .order-14 { order: 14; } .order-15 { order: 15; } .order-16 { order: 16; } .order-17 { order: 17; } .order-18 { order: 18; } .order-19 { order: 19; } .order-20 { order: 20; } .order-21 { order: 21; } .order-22 { order: 22; } .order-23 { order: 23; } .order-24 { order: 24; } .offset-1 { margin-left: 4.16667%; } .offset-2 { margin-left: 8.33333%; } .offset-3 { margin-left: 12.5%; } .offset-4 { margin-left: 16.66667%; } .offset-5 { margin-left: 20.83333%; } .offset-6 { margin-left: 25%; } .offset-7 { margin-left: 29.16667%; } .offset-8 { margin-left: 33.33333%; } .offset-9 { margin-left: 37.5%; } .offset-10 { margin-left: 41.66667%; } .offset-11 { margin-left: 45.83333%; } .offset-12 { margin-left: 50%; } .offset-13 { margin-left: 54.16667%; } .offset-14 { margin-left: 58.33333%; } .offset-15 { margin-left: 62.5%; } .offset-16 { margin-left: 66.66667%; } .offset-17 { margin-left: 70.83333%; } .offset-18 { margin-left: 75%; } .offset-19 { margin-left: 79.16667%; } .offset-20 { margin-left: 83.33333%; } .offset-21 { margin-left: 87.5%; } .offset-22 { margin-left: 91.66667%; } .offset-23 { margin-left: 95.83333%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-sm-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-sm-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-sm-6 { flex: 0 0 25%; max-width: 25%; } .col-sm-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-sm-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-sm-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-sm-12 { flex: 0 0 50%; max-width: 50%; } .col-sm-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-sm-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-sm-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-sm-18 { flex: 0 0 75%; max-width: 75%; } .col-sm-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-sm-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-sm-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-sm-24 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 25; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .order-sm-13 { order: 13; } .order-sm-14 { order: 14; } .order-sm-15 { order: 15; } .order-sm-16 { order: 16; } .order-sm-17 { order: 17; } .order-sm-18 { order: 18; } .order-sm-19 { order: 19; } .order-sm-20 { order: 20; } .order-sm-21 { order: 21; } .order-sm-22 { order: 22; } .order-sm-23 { order: 23; } .order-sm-24 { order: 24; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 4.16667%; } .offset-sm-2 { margin-left: 8.33333%; } .offset-sm-3 { margin-left: 12.5%; } .offset-sm-4 { margin-left: 16.66667%; } .offset-sm-5 { margin-left: 20.83333%; } .offset-sm-6 { margin-left: 25%; } .offset-sm-7 { margin-left: 29.16667%; } .offset-sm-8 { margin-left: 33.33333%; } .offset-sm-9 { margin-left: 37.5%; } .offset-sm-10 { margin-left: 41.66667%; } .offset-sm-11 { margin-left: 45.83333%; } .offset-sm-12 { margin-left: 50%; } .offset-sm-13 { margin-left: 54.16667%; } .offset-sm-14 { margin-left: 58.33333%; } .offset-sm-15 { margin-left: 62.5%; } .offset-sm-16 { margin-left: 66.66667%; } .offset-sm-17 { margin-left: 70.83333%; } .offset-sm-18 { margin-left: 75%; } .offset-sm-19 { margin-left: 79.16667%; } .offset-sm-20 { margin-left: 83.33333%; } .offset-sm-21 { margin-left: 87.5%; } .offset-sm-22 { margin-left: 91.66667%; } .offset-sm-23 { margin-left: 95.83333%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-md-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-md-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-md-6 { flex: 0 0 25%; max-width: 25%; } .col-md-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-md-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-md-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-md-12 { flex: 0 0 50%; max-width: 50%; } .col-md-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-md-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-md-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-md-18 { flex: 0 0 75%; max-width: 75%; } .col-md-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-md-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-md-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-md-24 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 25; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .order-md-13 { order: 13; } .order-md-14 { order: 14; } .order-md-15 { order: 15; } .order-md-16 { order: 16; } .order-md-17 { order: 17; } .order-md-18 { order: 18; } .order-md-19 { order: 19; } .order-md-20 { order: 20; } .order-md-21 { order: 21; } .order-md-22 { order: 22; } .order-md-23 { order: 23; } .order-md-24 { order: 24; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 4.16667%; } .offset-md-2 { margin-left: 8.33333%; } .offset-md-3 { margin-left: 12.5%; } .offset-md-4 { margin-left: 16.66667%; } .offset-md-5 { margin-left: 20.83333%; } .offset-md-6 { margin-left: 25%; } .offset-md-7 { margin-left: 29.16667%; } .offset-md-8 { margin-left: 33.33333%; } .offset-md-9 { margin-left: 37.5%; } .offset-md-10 { margin-left: 41.66667%; } .offset-md-11 { margin-left: 45.83333%; } .offset-md-12 { margin-left: 50%; } .offset-md-13 { margin-left: 54.16667%; } .offset-md-14 { margin-left: 58.33333%; } .offset-md-15 { margin-left: 62.5%; } .offset-md-16 { margin-left: 66.66667%; } .offset-md-17 { margin-left: 70.83333%; } .offset-md-18 { margin-left: 75%; } .offset-md-19 { margin-left: 79.16667%; } .offset-md-20 { margin-left: 83.33333%; } .offset-md-21 { margin-left: 87.5%; } .offset-md-22 { margin-left: 91.66667%; } .offset-md-23 { margin-left: 95.83333%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-lg-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-lg-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-lg-6 { flex: 0 0 25%; max-width: 25%; } .col-lg-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-lg-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-lg-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-lg-12 { flex: 0 0 50%; max-width: 50%; } .col-lg-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-lg-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-lg-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-lg-18 { flex: 0 0 75%; max-width: 75%; } .col-lg-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-lg-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-lg-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-lg-24 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 25; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .order-lg-13 { order: 13; } .order-lg-14 { order: 14; } .order-lg-15 { order: 15; } .order-lg-16 { order: 16; } .order-lg-17 { order: 17; } .order-lg-18 { order: 18; } .order-lg-19 { order: 19; } .order-lg-20 { order: 20; } .order-lg-21 { order: 21; } .order-lg-22 { order: 22; } .order-lg-23 { order: 23; } .order-lg-24 { order: 24; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 4.16667%; } .offset-lg-2 { margin-left: 8.33333%; } .offset-lg-3 { margin-left: 12.5%; } .offset-lg-4 { margin-left: 16.66667%; } .offset-lg-5 { margin-left: 20.83333%; } .offset-lg-6 { margin-left: 25%; } .offset-lg-7 { margin-left: 29.16667%; } .offset-lg-8 { margin-left: 33.33333%; } .offset-lg-9 { margin-left: 37.5%; } .offset-lg-10 { margin-left: 41.66667%; } .offset-lg-11 { margin-left: 45.83333%; } .offset-lg-12 { margin-left: 50%; } .offset-lg-13 { margin-left: 54.16667%; } .offset-lg-14 { margin-left: 58.33333%; } .offset-lg-15 { margin-left: 62.5%; } .offset-lg-16 { margin-left: 66.66667%; } .offset-lg-17 { margin-left: 70.83333%; } .offset-lg-18 { margin-left: 75%; } .offset-lg-19 { margin-left: 79.16667%; } .offset-lg-20 { margin-left: 83.33333%; } .offset-lg-21 { margin-left: 87.5%; } .offset-lg-22 { margin-left: 91.66667%; } .offset-lg-23 { margin-left: 95.83333%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-xl-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-xl-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-xl-6 { flex: 0 0 25%; max-width: 25%; } .col-xl-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-xl-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-xl-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-xl-12 { flex: 0 0 50%; max-width: 50%; } .col-xl-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-xl-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-xl-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-xl-18 { flex: 0 0 75%; max-width: 75%; } .col-xl-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-xl-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-xl-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-xl-24 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 25; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .order-xl-13 { order: 13; } .order-xl-14 { order: 14; } .order-xl-15 { order: 15; } .order-xl-16 { order: 16; } .order-xl-17 { order: 17; } .order-xl-18 { order: 18; } .order-xl-19 { order: 19; } .order-xl-20 { order: 20; } .order-xl-21 { order: 21; } .order-xl-22 { order: 22; } .order-xl-23 { order: 23; } .order-xl-24 { order: 24; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 4.16667%; } .offset-xl-2 { margin-left: 8.33333%; } .offset-xl-3 { margin-left: 12.5%; } .offset-xl-4 { margin-left: 16.66667%; } .offset-xl-5 { margin-left: 20.83333%; } .offset-xl-6 { margin-left: 25%; } .offset-xl-7 { margin-left: 29.16667%; } .offset-xl-8 { margin-left: 33.33333%; } .offset-xl-9 { margin-left: 37.5%; } .offset-xl-10 { margin-left: 41.66667%; } .offset-xl-11 { margin-left: 45.83333%; } .offset-xl-12 { margin-left: 50%; } .offset-xl-13 { margin-left: 54.16667%; } .offset-xl-14 { margin-left: 58.33333%; } .offset-xl-15 { margin-left: 62.5%; } .offset-xl-16 { margin-left: 66.66667%; } .offset-xl-17 { margin-left: 70.83333%; } .offset-xl-18 { margin-left: 75%; } .offset-xl-19 { margin-left: 79.16667%; } .offset-xl-20 { margin-left: 83.33333%; } .offset-xl-21 { margin-left: 87.5%; } .offset-xl-22 { margin-left: 91.66667%; } .offset-xl-23 { margin-left: 95.83333%; } } @media (min-width: 1500px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-xxl-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-xxl-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-xxl-6 { flex: 0 0 25%; max-width: 25%; } .col-xxl-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-xxl-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-xxl-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-xxl-12 { flex: 0 0 50%; max-width: 50%; } .col-xxl-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-xxl-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-xxl-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-xxl-18 { flex: 0 0 75%; max-width: 75%; } .col-xxl-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-xxl-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-xxl-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-xxl-24 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 25; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .order-xxl-13 { order: 13; } .order-xxl-14 { order: 14; } .order-xxl-15 { order: 15; } .order-xxl-16 { order: 16; } .order-xxl-17 { order: 17; } .order-xxl-18 { order: 18; } .order-xxl-19 { order: 19; } .order-xxl-20 { order: 20; } .order-xxl-21 { order: 21; } .order-xxl-22 { order: 22; } .order-xxl-23 { order: 23; } .order-xxl-24 { order: 24; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 4.16667%; } .offset-xxl-2 { margin-left: 8.33333%; } .offset-xxl-3 { margin-left: 12.5%; } .offset-xxl-4 { margin-left: 16.66667%; } .offset-xxl-5 { margin-left: 20.83333%; } .offset-xxl-6 { margin-left: 25%; } .offset-xxl-7 { margin-left: 29.16667%; } .offset-xxl-8 { margin-left: 33.33333%; } .offset-xxl-9 { margin-left: 37.5%; } .offset-xxl-10 { margin-left: 41.66667%; } .offset-xxl-11 { margin-left: 45.83333%; } .offset-xxl-12 { margin-left: 50%; } .offset-xxl-13 { margin-left: 54.16667%; } .offset-xxl-14 { margin-left: 58.33333%; } .offset-xxl-15 { margin-left: 62.5%; } .offset-xxl-16 { margin-left: 66.66667%; } .offset-xxl-17 { margin-left: 70.83333%; } .offset-xxl-18 { margin-left: 75%; } .offset-xxl-19 { margin-left: 79.16667%; } .offset-xxl-20 { margin-left: 83.33333%; } .offset-xxl-21 { margin-left: 87.5%; } .offset-xxl-22 { margin-left: 91.66667%; } .offset-xxl-23 { margin-left: 95.83333%; } } .form-control, form input[type=text], form input[type=email], form input[type=password], form input[type=date], form input[type=tel], form textarea { display: block; width: 100%; height: calc(1.5em + 2rem + 2px); padding: 1rem 1rem; font-size: 1.3rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (max-width: 1200px) { .form-control, form input[type=text], form input[type=email], form input[type=password], form input[type=date], form input[type=tel], form textarea { font-size: calc(1.255rem + 0.06vw) ; } } @media (prefers-reduced-motion: reduce) { .form-control, form input[type=text], form input[type=email], form input[type=password], form input[type=date], form input[type=tel], form textarea { transition: none; } } .form-control::-ms-expand, form input[type=text]::-ms-expand, form input[type=email]::-ms-expand, form input[type=password]::-ms-expand, form input[type=date]::-ms-expand, form input[type=tel]::-ms-expand, form textarea::-ms-expand { background-color: transparent; border: 0; } .form-control:focus, form input:focus[type=text], form input:focus[type=email], form input:focus[type=password], form input:focus[type=date], form input:focus[type=tel], form textarea:focus { color: #495057; background-color: #ffffff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-moz-placeholder, form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=date]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form textarea::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder, form input[type=text]::placeholder, form input[type=email]::placeholder, form input[type=password]::placeholder, form input[type=date]::placeholder, form input[type=tel]::placeholder, form textarea::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, form input:disabled[type=text], form input:disabled[type=email], form input:disabled[type=password], form input:disabled[type=date], form input:disabled[type=tel], form textarea:disabled, .form-control[readonly], form input[readonly][type=text], form input[readonly][type=email], form input[readonly][type=password], form input[readonly][type=date], form input[readonly][type=tel], form textarea[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, form input[type="date"][type=text], form input[type="date"][type=email], form input[type="date"][type=password], form input[type="date"][type=date], form input[type="date"][type=tel], input[type="time"].form-control, form input[type="time"][type=text], form input[type="time"][type=email], form input[type="time"][type=password], form input[type="time"][type=date], form input[type="time"][type=tel], input[type="datetime-local"].form-control, form input[type="datetime-local"][type=text], form input[type="datetime-local"][type=email], form input[type="datetime-local"][type=password], form input[type="datetime-local"][type=date], form input[type="datetime-local"][type=tel], input[type="month"].form-control, form input[type="month"][type=text], form input[type="month"][type=email], form input[type="month"][type=password], form input[type="month"][type=date], form input[type="month"][type=tel] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #ffffff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(1rem + 1px); padding-bottom: calc(1rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.625rem; line-height: 1.5; } @media (max-width: 1200px) { .col-form-label-lg { font-size: calc(1.2875rem + 0.45vw) ; } } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 1.1375rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 1rem 0; margin-bottom: 0; font-size: 1.3rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } @media (max-width: 1200px) { .form-control-plaintext { font-size: calc(1.255rem + 0.06vw) ; } } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 1.1375rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.625rem; line-height: 1.5; border-radius: 0.3rem; } @media (max-width: 1200px) { .form-control-lg { font-size: calc(1.2875rem + 0.45vw) ; } } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control, form textarea { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1.1375rem; line-height: 1.5; color: #ffffff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .was-validated form input:valid[type=text], form .was-validated input:valid[type=text], .was-validated form input:valid[type=email], form .was-validated input:valid[type=email], .was-validated form input:valid[type=password], form .was-validated input:valid[type=password], .was-validated form input:valid[type=date], form .was-validated input:valid[type=date], .was-validated form input:valid[type=tel], form .was-validated input:valid[type=tel], .was-validated form textarea:valid, form .was-validated textarea:valid, .form-control.is-valid, form input.is-valid[type=text], form input.is-valid[type=email], form input.is-valid[type=password], form input.is-valid[type=date], form input.is-valid[type=tel], form textarea.is-valid { border-color: #28a745; padding-right: calc(1.5em + 2rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.5rem) center; background-size: calc(0.75em + 1rem) calc(0.75em + 1rem); } .was-validated .form-control:valid:focus, .was-validated form input:valid:focus[type=text], form .was-validated input:valid:focus[type=text], .was-validated form input:valid:focus[type=email], form .was-validated input:valid:focus[type=email], .was-validated form input:valid:focus[type=password], form .was-validated input:valid:focus[type=password], .was-validated form input:valid:focus[type=date], form .was-validated input:valid:focus[type=date], .was-validated form input:valid:focus[type=tel], form .was-validated input:valid:focus[type=tel], .was-validated form textarea:valid:focus, form .was-validated textarea:valid:focus, .form-control.is-valid:focus, form input.is-valid:focus[type=text], form input.is-valid:focus[type=email], form input.is-valid:focus[type=password], form input.is-valid:focus[type=date], form input.is-valid:focus[type=tel], form textarea.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 4rem !important; background-position: right 2rem center; } .was-validated textarea.form-control:valid, .was-validated form textarea:valid, form .was-validated textarea:valid, textarea.form-control.is-valid, form textarea.is-valid { padding-right: calc(1.5em + 2rem); background-position: top calc(0.375em + 0.5rem) right calc(0.375em + 0.5rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 3.5rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 2rem/calc(0.75em + 1rem) calc(0.75em + 1rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback, form input.error + .error, form textarea.error + .error { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1.1375rem; line-height: 1.5; color: #ffffff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated form :invalid ~ input.error + .error, form .was-validated :invalid ~ input.error + .error, .was-validated form input.error:invalid + .error, form .was-validated input.error:invalid + .error, .was-validated form :invalid ~ textarea.error + .error, form .was-validated :invalid ~ textarea.error + .error, .was-validated form textarea.error:invalid + .error, form .was-validated textarea.error:invalid + .error, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, form .is-invalid ~ input.error + .error, form input.is-invalid.error + .error, form .is-invalid ~ textarea.error + .error, form textarea.is-invalid.error + .error, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .was-validated form input:invalid[type=text], form .was-validated input:invalid[type=text], .was-validated form input:invalid[type=email], form .was-validated input:invalid[type=email], .was-validated form input:invalid[type=password], form .was-validated input:invalid[type=password], .was-validated form input:invalid[type=date], form .was-validated input:invalid[type=date], .was-validated form input:invalid[type=tel], form .was-validated input:invalid[type=tel], .was-validated form textarea:invalid, form .was-validated textarea:invalid, .form-control.is-invalid, form input.is-invalid[type=text], form input.is-invalid[type=email], form input.is-invalid[type=password], form input.is-invalid[type=date], form input.is-invalid[type=tel], form textarea.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 2rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.5rem) center; background-size: calc(0.75em + 1rem) calc(0.75em + 1rem); } .was-validated .form-control:invalid:focus, .was-validated form input:invalid:focus[type=text], form .was-validated input:invalid:focus[type=text], .was-validated form input:invalid:focus[type=email], form .was-validated input:invalid:focus[type=email], .was-validated form input:invalid:focus[type=password], form .was-validated input:invalid:focus[type=password], .was-validated form input:invalid:focus[type=date], form .was-validated input:invalid:focus[type=date], .was-validated form input:invalid:focus[type=tel], form .was-validated input:invalid:focus[type=tel], .was-validated form textarea:invalid:focus, form .was-validated textarea:invalid:focus, .form-control.is-invalid:focus, form input.is-invalid:focus[type=text], form input.is-invalid:focus[type=email], form input.is-invalid:focus[type=password], form input.is-invalid:focus[type=date], form input.is-invalid:focus[type=tel], form textarea.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 4rem !important; background-position: right 2rem center; } .was-validated textarea.form-control:invalid, .was-validated form textarea:invalid, form .was-validated textarea:invalid, textarea.form-control.is-invalid, form textarea.is-invalid { padding-right: calc(1.5em + 2rem); background-position: top calc(0.375em + 0.5rem) right calc(0.375em + 0.5rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 3.5rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 2rem/calc(0.75em + 1rem) calc(0.75em + 1rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated form .form-check-input:invalid ~ input.error + .error, form .was-validated .form-check-input:invalid ~ input.error + .error, .was-validated form input.form-check-input.error:invalid + .error, form .was-validated input.form-check-input.error:invalid + .error, .was-validated form .form-check-input:invalid ~ textarea.error + .error, form .was-validated .form-check-input:invalid ~ textarea.error + .error, .was-validated form textarea.form-check-input.error:invalid + .error, form .was-validated textarea.form-check-input.error:invalid + .error, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, form .form-check-input.is-invalid ~ input.error + .error, form input.form-check-input.is-invalid.error + .error, form .form-check-input.is-invalid ~ textarea.error + .error, form textarea.form-check-input.is-invalid.error + .error, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control, .form-inline form input[type=text], form .form-inline input[type=text], .form-inline form input[type=email], form .form-inline input[type=email], .form-inline form input[type=password], form .form-inline input[type=password], .form-inline form input[type=date], form .form-inline input[type=date], .form-inline form input[type=tel], form .form-inline input[type=tel], .form-inline form textarea, form .form-inline textarea { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit, #user-forgot-password #edit-submit, #user-pass-reset-page #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .button--primary, #user-cancel-form #edit-submit { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 1rem 1rem; font-size: 1.3rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (max-width: 1200px) { .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit, #user-forgot-password #edit-submit, #user-pass-reset-page #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .button--primary, #user-cancel-form #edit-submit { font-size: calc(1.255rem + 0.06vw) ; } } @media (prefers-reduced-motion: reduce) { .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit, #user-forgot-password #edit-submit, #user-pass-reset-page #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .button--primary, #user-cancel-form #edit-submit { transition: none; } } .btn:hover, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit:hover, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit:hover, #user-forgot-password #edit-submit:hover, #user-pass-reset-page #edit-submit:hover, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:hover, #user-edit-page .button--primary:hover, #user-cancel-form #edit-submit:hover { color: #212529; text-decoration: none; } .btn:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit:focus, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit:focus, #user-forgot-password #edit-submit:focus, #user-pass-reset-page #edit-submit:focus, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:focus, #user-edit-page .button--primary:focus, #user-cancel-form #edit-submit:focus, .btn.focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .focus#edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .focus#edit-submit, #user-forgot-password .focus#edit-submit, #user-pass-reset-page .focus#edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .focus.form-submit, #user-edit-page .focus.button--primary, #user-cancel-form .focus#edit-submit { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .disabled#edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .disabled#edit-submit, #user-forgot-password .disabled#edit-submit, #user-pass-reset-page .disabled#edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .disabled.form-submit, #user-edit-page .disabled.button--primary, #user-cancel-form .disabled#edit-submit, .btn:disabled, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit:disabled, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit:disabled, #user-forgot-password #edit-submit:disabled, #user-pass-reset-page #edit-submit:disabled, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:disabled, #user-edit-page .button--primary:disabled, #user-cancel-form #edit-submit:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #edit-submit:not(:disabled):not(.disabled), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit:not(:disabled):not(.disabled), #user-forgot-password #edit-submit:not(:disabled):not(.disabled), #user-pass-reset-page #edit-submit:not(:disabled):not(.disabled), #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:not(:disabled):not(.disabled), #user-edit-page .button--primary:not(:disabled):not(.disabled), #user-cancel-form #edit-submit:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, #user-login-page #edit-actions a.disabled#edit-submit, #user-register-page #edit-actions a.disabled#edit-submit, #user-forgot-password a.disabled#edit-submit, #user-pass-reset-page a.disabled#edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children a.disabled.form-submit, #user-edit-page a.disabled.button--primary, #user-cancel-form a.disabled#edit-submit, fieldset:disabled a.btn, fieldset:disabled #user-login-page #edit-actions a#edit-submit, #user-login-page #edit-actions fieldset:disabled a#edit-submit, fieldset:disabled #user-register-page #edit-actions a#edit-submit, #user-register-page #edit-actions fieldset:disabled a#edit-submit, fieldset:disabled #user-forgot-password a#edit-submit, #user-forgot-password fieldset:disabled a#edit-submit, fieldset:disabled #user-pass-reset-page a#edit-submit, #user-pass-reset-page fieldset:disabled a#edit-submit, fieldset:disabled #user-edit-page .tabbed-three-col .tab-pane#children a.form-submit, #user-edit-page .tabbed-three-col .tab-pane#children fieldset:disabled a.form-submit, fieldset:disabled #user-edit-page a.button--primary, #user-edit-page fieldset:disabled a.button--primary, fieldset:disabled #user-cancel-form a#edit-submit, #user-cancel-form fieldset:disabled a#edit-submit { pointer-events: none; } .btn-primary { color: #ffffff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #ffffff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #ffffff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #ffffff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #ffffff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #ffffff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #ffffff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #ffffff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #ffffff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #ffffff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #ffffff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #ffffff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #ffffff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #ffffff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #ffffff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #ffffff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #ffffff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-black { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-black:hover { color: #ffffff; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #ffffff; background-color: black; border-color: black; box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #ffffff; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-aa-grey { color: #ffffff; background-color: #666a6c; border-color: #666a6c; } .btn-aa-grey:hover { color: #ffffff; background-color: #535758; border-color: #4d5052; } .btn-aa-grey:focus, .btn-aa-grey.focus { color: #ffffff; background-color: #535758; border-color: #4d5052; box-shadow: 0 0 0 0.2rem rgba(125, 128, 130, 0.5); } .btn-aa-grey.disabled, .btn-aa-grey:disabled { color: #ffffff; background-color: #666a6c; border-color: #666a6c; } .btn-aa-grey:not(:disabled):not(.disabled):active, .btn-aa-grey:not(:disabled):not(.disabled).active, .show > .btn-aa-grey.dropdown-toggle { color: #ffffff; background-color: #4d5052; border-color: #474a4b; } .btn-aa-grey:not(:disabled):not(.disabled):active:focus, .btn-aa-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-aa-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(125, 128, 130, 0.5); } .btn-aa-dark-green { color: #ffffff; background-color: #627826; border-color: #627826; } .btn-aa-dark-green:hover { color: #ffffff; background-color: #4a5b1d; border-color: #42511a; } .btn-aa-dark-green:focus, .btn-aa-dark-green.focus { color: #ffffff; background-color: #4a5b1d; border-color: #42511a; box-shadow: 0 0 0 0.2rem rgba(122, 140, 71, 0.5); } .btn-aa-dark-green.disabled, .btn-aa-dark-green:disabled { color: #ffffff; background-color: #627826; border-color: #627826; } .btn-aa-dark-green:not(:disabled):not(.disabled):active, .btn-aa-dark-green:not(:disabled):not(.disabled).active, .show > .btn-aa-dark-green.dropdown-toggle { color: #ffffff; background-color: #42511a; border-color: #3a4817; } .btn-aa-dark-green:not(:disabled):not(.disabled):active:focus, .btn-aa-dark-green:not(:disabled):not(.disabled).active:focus, .show > .btn-aa-dark-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(122, 140, 71, 0.5); } .btn-dark-green { color: #ffffff; background-color: #8c9d41; border-color: #8c9d41; } .btn-dark-green:hover { color: #ffffff; background-color: #748236; border-color: #6c7932; } .btn-dark-green:focus, .btn-dark-green.focus { color: #ffffff; background-color: #748236; border-color: #6c7932; box-shadow: 0 0 0 0.2rem rgba(157, 172, 94, 0.5); } .btn-dark-green.disabled, .btn-dark-green:disabled { color: #ffffff; background-color: #8c9d41; border-color: #8c9d41; } .btn-dark-green:not(:disabled):not(.disabled):active, .btn-dark-green:not(:disabled):not(.disabled).active, .show > .btn-dark-green.dropdown-toggle { color: #ffffff; background-color: #6c7932; border-color: #64702e; } .btn-dark-green:not(:disabled):not(.disabled):active:focus, .btn-dark-green:not(:disabled):not(.disabled).active:focus, .show > .btn-dark-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(157, 172, 94, 0.5); } .btn-organix-light-green, #user-login-page #edit-actions #edit-submit, #user-register-page #edit-actions #edit-submit, #user-forgot-password #edit-submit, #user-pass-reset-page #edit-submit, #user-edit-page .button--primary, #user-cancel-form #edit-submit { color: #212529; background-color: #9ab63f; border-color: #9ab63f; } .btn-organix-light-green:hover, #user-login-page #edit-actions #edit-submit:hover, #user-register-page #edit-actions #edit-submit:hover, #user-forgot-password #edit-submit:hover, #user-pass-reset-page #edit-submit:hover, #user-edit-page .button--primary:hover, #user-cancel-form #edit-submit:hover { color: #ffffff; background-color: #829a35; border-color: #7a9032; } .btn-organix-light-green:focus, #user-login-page #edit-actions #edit-submit:focus, #user-register-page #edit-actions #edit-submit:focus, #user-forgot-password #edit-submit:focus, #user-pass-reset-page #edit-submit:focus, #user-edit-page .button--primary:focus, #user-cancel-form #edit-submit:focus, .btn-organix-light-green.focus, #user-login-page #edit-actions .focus#edit-submit, #user-register-page #edit-actions .focus#edit-submit, #user-forgot-password .focus#edit-submit, #user-pass-reset-page .focus#edit-submit, #user-edit-page .focus.button--primary, #user-cancel-form .focus#edit-submit { color: #ffffff; background-color: #829a35; border-color: #7a9032; box-shadow: 0 0 0 0.2rem rgba(136, 160, 60, 0.5); } .btn-organix-light-green.disabled, #user-login-page #edit-actions .disabled#edit-submit, #user-register-page #edit-actions .disabled#edit-submit, #user-forgot-password .disabled#edit-submit, #user-pass-reset-page .disabled#edit-submit, #user-edit-page .disabled.button--primary, #user-cancel-form .disabled#edit-submit, .btn-organix-light-green:disabled, #user-login-page #edit-actions #edit-submit:disabled, #user-register-page #edit-actions #edit-submit:disabled, #user-forgot-password #edit-submit:disabled, #user-pass-reset-page #edit-submit:disabled, #user-edit-page .button--primary:disabled, #user-cancel-form #edit-submit:disabled { color: #212529; background-color: #9ab63f; border-color: #9ab63f; } .btn-organix-light-green:not(:disabled):not(.disabled):active, #user-login-page #edit-actions #edit-submit:not(:disabled):not(.disabled):active, #user-register-page #edit-actions #edit-submit:not(:disabled):not(.disabled):active, #user-forgot-password #edit-submit:not(:disabled):not(.disabled):active, #user-pass-reset-page #edit-submit:not(:disabled):not(.disabled):active, #user-edit-page .button--primary:not(:disabled):not(.disabled):active, #user-cancel-form #edit-submit:not(:disabled):not(.disabled):active, .btn-organix-light-green:not(:disabled):not(.disabled).active, #user-login-page #edit-actions #edit-submit:not(:disabled):not(.disabled).active, #user-register-page #edit-actions #edit-submit:not(:disabled):not(.disabled).active, #user-forgot-password #edit-submit:not(:disabled):not(.disabled).active, #user-pass-reset-page #edit-submit:not(:disabled):not(.disabled).active, #user-edit-page .button--primary:not(:disabled):not(.disabled).active, #user-cancel-form #edit-submit:not(:disabled):not(.disabled).active, .show > .btn-organix-light-green.dropdown-toggle, #user-login-page #edit-actions .show > .dropdown-toggle#edit-submit, #user-register-page #edit-actions .show > .dropdown-toggle#edit-submit, #user-forgot-password .show > .dropdown-toggle#edit-submit, #user-pass-reset-page .show > .dropdown-toggle#edit-submit, #user-edit-page .show > .dropdown-toggle.button--primary, #user-cancel-form .show > .dropdown-toggle#edit-submit { color: #ffffff; background-color: #7a9032; border-color: #72872f; } .btn-organix-light-green:not(:disabled):not(.disabled):active:focus, #user-login-page #edit-actions #edit-submit:not(:disabled):not(.disabled):active:focus, #user-register-page #edit-actions #edit-submit:not(:disabled):not(.disabled):active:focus, #user-forgot-password #edit-submit:not(:disabled):not(.disabled):active:focus, #user-pass-reset-page #edit-submit:not(:disabled):not(.disabled):active:focus, #user-edit-page .button--primary:not(:disabled):not(.disabled):active:focus, #user-cancel-form #edit-submit:not(:disabled):not(.disabled):active:focus, .btn-organix-light-green:not(:disabled):not(.disabled).active:focus, #user-login-page #edit-actions #edit-submit:not(:disabled):not(.disabled).active:focus, #user-register-page #edit-actions #edit-submit:not(:disabled):not(.disabled).active:focus, #user-forgot-password #edit-submit:not(:disabled):not(.disabled).active:focus, #user-pass-reset-page #edit-submit:not(:disabled):not(.disabled).active:focus, #user-edit-page .button--primary:not(:disabled):not(.disabled).active:focus, #user-cancel-form #edit-submit:not(:disabled):not(.disabled).active:focus, .show > .btn-organix-light-green.dropdown-toggle:focus, #user-login-page #edit-actions .show > .dropdown-toggle#edit-submit:focus, #user-register-page #edit-actions .show > .dropdown-toggle#edit-submit:focus, #user-forgot-password .show > .dropdown-toggle#edit-submit:focus, #user-pass-reset-page .show > .dropdown-toggle#edit-submit:focus, #user-edit-page .show > .dropdown-toggle.button--primary:focus, #user-cancel-form .show > .dropdown-toggle#edit-submit:focus { box-shadow: 0 0 0 0.2rem rgba(136, 160, 60, 0.5); } .btn-warm-green { color: #212529; background-color: #bdd279; border-color: #bdd279; } .btn-warm-green:hover { color: #212529; background-color: #afc85c; border-color: #aac553; } .btn-warm-green:focus, .btn-warm-green.focus { color: #212529; background-color: #afc85c; border-color: #aac553; box-shadow: 0 0 0 0.2rem rgba(166, 184, 109, 0.5); } .btn-warm-green.disabled, .btn-warm-green:disabled { color: #212529; background-color: #bdd279; border-color: #bdd279; } .btn-warm-green:not(:disabled):not(.disabled):active, .btn-warm-green:not(:disabled):not(.disabled).active, .show > .btn-warm-green.dropdown-toggle { color: #212529; background-color: #aac553; border-color: #a5c249; } .btn-warm-green:not(:disabled):not(.disabled):active:focus, .btn-warm-green:not(:disabled):not(.disabled).active:focus, .show > .btn-warm-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(166, 184, 109, 0.5); } .btn-light-green { color: #212529; background-color: #9fbc73; border-color: #9fbc73; } .btn-light-green:hover { color: #212529; background-color: #8db059; border-color: #87aa52; } .btn-light-green:focus, .btn-light-green.focus { color: #212529; background-color: #8db059; border-color: #87aa52; box-shadow: 0 0 0 0.2rem rgba(140, 165, 104, 0.5); } .btn-light-green.disabled, .btn-light-green:disabled { color: #212529; background-color: #9fbc73; border-color: #9fbc73; } .btn-light-green:not(:disabled):not(.disabled):active, .btn-light-green:not(:disabled):not(.disabled).active, .show > .btn-light-green.dropdown-toggle { color: #ffffff; background-color: #87aa52; border-color: #80a24d; } .btn-light-green:not(:disabled):not(.disabled):active:focus, .btn-light-green:not(:disabled):not(.disabled).active:focus, .show > .btn-light-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(140, 165, 104, 0.5); } .btn-aa-organix-dark-green { color: #ffffff; background-color: #094937; border-color: #094937; } .btn-aa-organix-dark-green:hover { color: #ffffff; background-color: #05271d; border-color: #031c15; } .btn-aa-organix-dark-green:focus, .btn-aa-organix-dark-green.focus { color: #ffffff; background-color: #05271d; border-color: #031c15; box-shadow: 0 0 0 0.2rem rgba(46, 100, 85, 0.5); } .btn-aa-organix-dark-green.disabled, .btn-aa-organix-dark-green:disabled { color: #ffffff; background-color: #094937; border-color: #094937; } .btn-aa-organix-dark-green:not(:disabled):not(.disabled):active, .btn-aa-organix-dark-green:not(:disabled):not(.disabled).active, .show > .btn-aa-organix-dark-green.dropdown-toggle { color: #ffffff; background-color: #031c15; border-color: #02100c; } .btn-aa-organix-dark-green:not(:disabled):not(.disabled):active:focus, .btn-aa-organix-dark-green:not(:disabled):not(.disabled).active:focus, .show > .btn-aa-organix-dark-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(46, 100, 85, 0.5); } .btn-dark-orange { color: #212529; background-color: #f4992c; border-color: #f4992c; } .btn-dark-orange:hover { color: #212529; background-color: #ed870c; border-color: #e1800c; } .btn-dark-orange:focus, .btn-dark-orange.focus { color: #212529; background-color: #ed870c; border-color: #e1800c; box-shadow: 0 0 0 0.2rem rgba(212, 136, 44, 0.5); } .btn-dark-orange.disabled, .btn-dark-orange:disabled { color: #212529; background-color: #f4992c; border-color: #f4992c; } .btn-dark-orange:not(:disabled):not(.disabled):active, .btn-dark-orange:not(:disabled):not(.disabled).active, .show > .btn-dark-orange.dropdown-toggle { color: #ffffff; background-color: #e1800c; border-color: #d5790b; } .btn-dark-orange:not(:disabled):not(.disabled):active:focus, .btn-dark-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-dark-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 136, 44, 0.5); } .btn-light-pink { color: #212529; background-color: #f18fa9; border-color: #f18fa9; } .btn-light-pink:hover { color: #212529; background-color: #ed6d8f; border-color: #eb6286; } .btn-light-pink:focus, .btn-light-pink.focus { color: #212529; background-color: #ed6d8f; border-color: #eb6286; box-shadow: 0 0 0 0.2rem rgba(210, 127, 150, 0.5); } .btn-light-pink.disabled, .btn-light-pink:disabled { color: #212529; background-color: #f18fa9; border-color: #f18fa9; } .btn-light-pink:not(:disabled):not(.disabled):active, .btn-light-pink:not(:disabled):not(.disabled).active, .show > .btn-light-pink.dropdown-toggle { color: #ffffff; background-color: #eb6286; border-color: #ea567d; } .btn-light-pink:not(:disabled):not(.disabled):active:focus, .btn-light-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-light-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(210, 127, 150, 0.5); } .btn-dark-pink { color: #ffffff; background-color: #c971a3; border-color: #c971a3; } .btn-dark-pink:hover { color: #ffffff; background-color: #be5591; border-color: #bb4c8b; } .btn-dark-pink:focus, .btn-dark-pink.focus { color: #ffffff; background-color: #be5591; border-color: #bb4c8b; box-shadow: 0 0 0 0.2rem rgba(209, 134, 177, 0.5); } .btn-dark-pink.disabled, .btn-dark-pink:disabled { color: #ffffff; background-color: #c971a3; border-color: #c971a3; } .btn-dark-pink:not(:disabled):not(.disabled):active, .btn-dark-pink:not(:disabled):not(.disabled).active, .show > .btn-dark-pink.dropdown-toggle { color: #ffffff; background-color: #bb4c8b; border-color: #b54585; } .btn-dark-pink:not(:disabled):not(.disabled):active:focus, .btn-dark-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-dark-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 134, 177, 0.5); } .btn-white { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-white:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-white:focus, .btn-white.focus { color: #212529; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light-yellow { color: #212529; background-color: #ffe64a; border-color: #ffe64a; } .btn-light-yellow:hover { color: #212529; background-color: #ffe124; border-color: #ffdf17; } .btn-light-yellow:focus, .btn-light-yellow.focus { color: #212529; background-color: #ffe124; border-color: #ffdf17; box-shadow: 0 0 0 0.2rem rgba(222, 201, 69, 0.5); } .btn-light-yellow.disabled, .btn-light-yellow:disabled { color: #212529; background-color: #ffe64a; border-color: #ffe64a; } .btn-light-yellow:not(:disabled):not(.disabled):active, .btn-light-yellow:not(:disabled):not(.disabled).active, .show > .btn-light-yellow.dropdown-toggle { color: #212529; background-color: #ffdf17; border-color: #ffdd0a; } .btn-light-yellow:not(:disabled):not(.disabled):active:focus, .btn-light-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-light-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 201, 69, 0.5); } .btn-organix-dark-green { color: #ffffff; background-color: #095540; border-color: #095540; } .btn-organix-dark-green:hover { color: #ffffff; background-color: #053226; border-color: #04271d; } .btn-organix-dark-green:focus, .btn-organix-dark-green.focus { color: #ffffff; background-color: #053226; border-color: #04271d; box-shadow: 0 0 0 0.2rem rgba(46, 111, 93, 0.5); } .btn-organix-dark-green.disabled, .btn-organix-dark-green:disabled { color: #ffffff; background-color: #095540; border-color: #095540; } .btn-organix-dark-green:not(:disabled):not(.disabled):active, .btn-organix-dark-green:not(:disabled):not(.disabled).active, .show > .btn-organix-dark-green.dropdown-toggle { color: #ffffff; background-color: #04271d; border-color: #031b15; } .btn-organix-dark-green:not(:disabled):not(.disabled):active:focus, .btn-organix-dark-green:not(:disabled):not(.disabled).active:focus, .show > .btn-organix-dark-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(46, 111, 93, 0.5); } .btn-light-orange { color: #212529; background-color: #f0b83f; border-color: #f0b83f; } .btn-light-orange:hover { color: #212529; background-color: #edab1c; border-color: #eaa612; } .btn-light-orange:focus, .btn-light-orange.focus { color: #212529; background-color: #edab1c; border-color: #eaa612; box-shadow: 0 0 0 0.2rem rgba(209, 162, 60, 0.5); } .btn-light-orange.disabled, .btn-light-orange:disabled { color: #212529; background-color: #f0b83f; border-color: #f0b83f; } .btn-light-orange:not(:disabled):not(.disabled):active, .btn-light-orange:not(:disabled):not(.disabled).active, .show > .btn-light-orange.dropdown-toggle { color: #212529; background-color: #eaa612; border-color: #de9d11; } .btn-light-orange:not(:disabled):not(.disabled):active:focus, .btn-light-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-light-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 162, 60, 0.5); } .btn-tag-6-months { color: #212529; background-color: #d491b0; border-color: #d491b0; } .btn-tag-6-months:hover { color: #ffffff; background-color: #c9769c; border-color: #c66c96; } .btn-tag-6-months:focus, .btn-tag-6-months.focus { color: #ffffff; background-color: #c9769c; border-color: #c66c96; box-shadow: 0 0 0 0.2rem rgba(185, 129, 156, 0.5); } .btn-tag-6-months.disabled, .btn-tag-6-months:disabled { color: #212529; background-color: #d491b0; border-color: #d491b0; } .btn-tag-6-months:not(:disabled):not(.disabled):active, .btn-tag-6-months:not(:disabled):not(.disabled).active, .show > .btn-tag-6-months.dropdown-toggle { color: #ffffff; background-color: #c66c96; border-color: #c2638f; } .btn-tag-6-months:not(:disabled):not(.disabled):active:focus, .btn-tag-6-months:not(:disabled):not(.disabled).active:focus, .show > .btn-tag-6-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(185, 129, 156, 0.5); } .btn-tag-7-months { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-tag-7-months:hover { color: #ffffff; background-color: #7268ac; border-color: #6a60a8; } .btn-tag-7-months:focus, .btn-tag-7-months.focus { color: #ffffff; background-color: #7268ac; border-color: #6a60a8; box-shadow: 0 0 0 0.2rem rgba(155, 148, 196, 0.5); } .btn-tag-7-months.disabled, .btn-tag-7-months:disabled { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-tag-7-months:not(:disabled):not(.disabled):active, .btn-tag-7-months:not(:disabled):not(.disabled).active, .show > .btn-tag-7-months.dropdown-toggle { color: #ffffff; background-color: #6a60a8; border-color: #6359a2; } .btn-tag-7-months:not(:disabled):not(.disabled):active:focus, .btn-tag-7-months:not(:disabled):not(.disabled).active:focus, .show > .btn-tag-7-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(155, 148, 196, 0.5); } .btn-tag-10-months { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-tag-10-months:hover { color: #ffffff; background-color: #7268ac; border-color: #6a60a8; } .btn-tag-10-months:focus, .btn-tag-10-months.focus { color: #ffffff; background-color: #7268ac; border-color: #6a60a8; box-shadow: 0 0 0 0.2rem rgba(155, 148, 196, 0.5); } .btn-tag-10-months.disabled, .btn-tag-10-months:disabled { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-tag-10-months:not(:disabled):not(.disabled):active, .btn-tag-10-months:not(:disabled):not(.disabled).active, .show > .btn-tag-10-months.dropdown-toggle { color: #ffffff; background-color: #6a60a8; border-color: #6359a2; } .btn-tag-10-months:not(:disabled):not(.disabled):active:focus, .btn-tag-10-months:not(:disabled):not(.disabled).active:focus, .show > .btn-tag-10-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(155, 148, 196, 0.5); } .btn-tag-12-months { color: #ffffff; background-color: #0d8d38; border-color: #0d8d38; } .btn-tag-12-months:hover { color: #ffffff; background-color: #0a6a2a; border-color: #095e25; } .btn-tag-12-months:focus, .btn-tag-12-months.focus { color: #ffffff; background-color: #0a6a2a; border-color: #095e25; box-shadow: 0 0 0 0.2rem rgba(49, 158, 86, 0.5); } .btn-tag-12-months.disabled, .btn-tag-12-months:disabled { color: #ffffff; background-color: #0d8d38; border-color: #0d8d38; } .btn-tag-12-months:not(:disabled):not(.disabled):active, .btn-tag-12-months:not(:disabled):not(.disabled).active, .show > .btn-tag-12-months.dropdown-toggle { color: #ffffff; background-color: #095e25; border-color: #085321; } .btn-tag-12-months:not(:disabled):not(.disabled):active:focus, .btn-tag-12-months:not(:disabled):not(.disabled).active:focus, .show > .btn-tag-12-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(49, 158, 86, 0.5); } .btn-cream { color: #212529; background-color: #fbf5ea; border-color: #fbf5ea; } .btn-cream:hover { color: #212529; background-color: #f5e6ca; border-color: #f3e1bf; } .btn-cream:focus, .btn-cream.focus { color: #212529; background-color: #f5e6ca; border-color: #f3e1bf; box-shadow: 0 0 0 0.2rem rgba(218, 214, 205, 0.5); } .btn-cream.disabled, .btn-cream:disabled { color: #212529; background-color: #fbf5ea; border-color: #fbf5ea; } .btn-cream:not(:disabled):not(.disabled):active, .btn-cream:not(:disabled):not(.disabled).active, .show > .btn-cream.dropdown-toggle { color: #212529; background-color: #f3e1bf; border-color: #f1dcb4; } .btn-cream:not(:disabled):not(.disabled):active:focus, .btn-cream:not(:disabled):not(.disabled).active:focus, .show > .btn-cream.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(218, 214, 205, 0.5); } .btn-heart-red, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'] { color: #ffffff; background-color: #ee4444; border-color: #ee4444; } .btn-heart-red:hover, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-remove'] { color: #ffffff; background-color: #eb2121; border-color: #ea1515; } .btn-heart-red:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-remove'], .btn-heart-red.focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-remove'] { color: #ffffff; background-color: #eb2121; border-color: #ea1515; box-shadow: 0 0 0 0.2rem rgba(241, 96, 96, 0.5); } .btn-heart-red.disabled, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-remove'], .btn-heart-red:disabled, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-remove'] { color: #ffffff; background-color: #ee4444; border-color: #ee4444; } .btn-heart-red:not(:disabled):not(.disabled):active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active[id*='actions-ief-entity-remove'], .btn-heart-red:not(:disabled):not(.disabled).active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active[id*='actions-ief-entity-remove'], .show > .btn-heart-red.dropdown-toggle, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle[id*='actions-ief-entity-remove'] { color: #ffffff; background-color: #ea1515; border-color: #de1414; } .btn-heart-red:not(:disabled):not(.disabled):active:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active:focus[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active:focus[id*='actions-ief-entity-remove'], .btn-heart-red:not(:disabled):not(.disabled).active:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active:focus[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active:focus[id*='actions-ief-entity-remove'], .show > .btn-heart-red.dropdown-toggle:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle:focus[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle:focus[id*='actions-ief-entity-remove'] { box-shadow: 0 0 0 0.2rem rgba(241, 96, 96, 0.5); } .btn-paper-pink { color: #212529; background-color: #feb4a6; border-color: #feb4a6; } .btn-paper-pink:hover { color: #212529; background-color: #fe9480; border-color: #fd8a74; } .btn-paper-pink:focus, .btn-paper-pink.focus { color: #212529; background-color: #fe9480; border-color: #fd8a74; box-shadow: 0 0 0 0.2rem rgba(221, 159, 147, 0.5); } .btn-paper-pink.disabled, .btn-paper-pink:disabled { color: #212529; background-color: #feb4a6; border-color: #feb4a6; } .btn-paper-pink:not(:disabled):not(.disabled):active, .btn-paper-pink:not(:disabled):not(.disabled).active, .show > .btn-paper-pink.dropdown-toggle { color: #212529; background-color: #fd8a74; border-color: #fd7f67; } .btn-paper-pink:not(:disabled):not(.disabled):active:focus, .btn-paper-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-paper-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 159, 147, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #ffffff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #ffffff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #ffffff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #ffffff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-black { color: #000000; border-color: #000000; } .btn-outline-black:hover { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-outline-black:focus, .btn-outline-black.focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-black.disabled, .btn-outline-black:disabled { color: #000000; background-color: transparent; } .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-aa-grey { color: #666a6c; border-color: #666a6c; } .btn-outline-aa-grey:hover { color: #ffffff; background-color: #666a6c; border-color: #666a6c; } .btn-outline-aa-grey:focus, .btn-outline-aa-grey.focus { box-shadow: 0 0 0 0.2rem rgba(102, 106, 108, 0.5); } .btn-outline-aa-grey.disabled, .btn-outline-aa-grey:disabled { color: #666a6c; background-color: transparent; } .btn-outline-aa-grey:not(:disabled):not(.disabled):active, .btn-outline-aa-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-aa-grey.dropdown-toggle { color: #ffffff; background-color: #666a6c; border-color: #666a6c; } .btn-outline-aa-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-aa-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-aa-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 106, 108, 0.5); } .btn-outline-aa-dark-green, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit { color: #627826; border-color: #627826; } .btn-outline-aa-dark-green:hover, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:hover { color: #ffffff; background-color: #627826; border-color: #627826; } .btn-outline-aa-dark-green:focus, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:focus, .btn-outline-aa-dark-green.focus, #user-edit-page .tabbed-three-col .tab-pane#children .focus.form-submit { box-shadow: 0 0 0 0.2rem rgba(98, 120, 38, 0.5); } .btn-outline-aa-dark-green.disabled, #user-edit-page .tabbed-three-col .tab-pane#children .disabled.form-submit, .btn-outline-aa-dark-green:disabled, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:disabled { color: #627826; background-color: transparent; } .btn-outline-aa-dark-green:not(:disabled):not(.disabled):active, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:not(:disabled):not(.disabled):active, .btn-outline-aa-dark-green:not(:disabled):not(.disabled).active, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:not(:disabled):not(.disabled).active, .show > .btn-outline-aa-dark-green.dropdown-toggle, #user-edit-page .tabbed-three-col .tab-pane#children .show > .dropdown-toggle.form-submit { color: #ffffff; background-color: #627826; border-color: #627826; } .btn-outline-aa-dark-green:not(:disabled):not(.disabled):active:focus, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:not(:disabled):not(.disabled):active:focus, .btn-outline-aa-dark-green:not(:disabled):not(.disabled).active:focus, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-aa-dark-green.dropdown-toggle:focus, #user-edit-page .tabbed-three-col .tab-pane#children .show > .dropdown-toggle.form-submit:focus { box-shadow: 0 0 0 0.2rem rgba(98, 120, 38, 0.5); } .btn-outline-dark-green { color: #8c9d41; border-color: #8c9d41; } .btn-outline-dark-green:hover { color: #ffffff; background-color: #8c9d41; border-color: #8c9d41; } .btn-outline-dark-green:focus, .btn-outline-dark-green.focus { box-shadow: 0 0 0 0.2rem rgba(140, 157, 65, 0.5); } .btn-outline-dark-green.disabled, .btn-outline-dark-green:disabled { color: #8c9d41; background-color: transparent; } .btn-outline-dark-green:not(:disabled):not(.disabled):active, .btn-outline-dark-green:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-green.dropdown-toggle { color: #ffffff; background-color: #8c9d41; border-color: #8c9d41; } .btn-outline-dark-green:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(140, 157, 65, 0.5); } .btn-outline-organix-light-green { color: #9ab63f; border-color: #9ab63f; } .btn-outline-organix-light-green:hover { color: #212529; background-color: #9ab63f; border-color: #9ab63f; } .btn-outline-organix-light-green:focus, .btn-outline-organix-light-green.focus { box-shadow: 0 0 0 0.2rem rgba(154, 182, 63, 0.5); } .btn-outline-organix-light-green.disabled, .btn-outline-organix-light-green:disabled { color: #9ab63f; background-color: transparent; } .btn-outline-organix-light-green:not(:disabled):not(.disabled):active, .btn-outline-organix-light-green:not(:disabled):not(.disabled).active, .show > .btn-outline-organix-light-green.dropdown-toggle { color: #212529; background-color: #9ab63f; border-color: #9ab63f; } .btn-outline-organix-light-green:not(:disabled):not(.disabled):active:focus, .btn-outline-organix-light-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-organix-light-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(154, 182, 63, 0.5); } .btn-outline-warm-green { color: #bdd279; border-color: #bdd279; } .btn-outline-warm-green:hover { color: #212529; background-color: #bdd279; border-color: #bdd279; } .btn-outline-warm-green:focus, .btn-outline-warm-green.focus { box-shadow: 0 0 0 0.2rem rgba(189, 210, 121, 0.5); } .btn-outline-warm-green.disabled, .btn-outline-warm-green:disabled { color: #bdd279; background-color: transparent; } .btn-outline-warm-green:not(:disabled):not(.disabled):active, .btn-outline-warm-green:not(:disabled):not(.disabled).active, .show > .btn-outline-warm-green.dropdown-toggle { color: #212529; background-color: #bdd279; border-color: #bdd279; } .btn-outline-warm-green:not(:disabled):not(.disabled):active:focus, .btn-outline-warm-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warm-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(189, 210, 121, 0.5); } .btn-outline-light-green { color: #9fbc73; border-color: #9fbc73; } .btn-outline-light-green:hover { color: #212529; background-color: #9fbc73; border-color: #9fbc73; } .btn-outline-light-green:focus, .btn-outline-light-green.focus { box-shadow: 0 0 0 0.2rem rgba(159, 188, 115, 0.5); } .btn-outline-light-green.disabled, .btn-outline-light-green:disabled { color: #9fbc73; background-color: transparent; } .btn-outline-light-green:not(:disabled):not(.disabled):active, .btn-outline-light-green:not(:disabled):not(.disabled).active, .show > .btn-outline-light-green.dropdown-toggle { color: #212529; background-color: #9fbc73; border-color: #9fbc73; } .btn-outline-light-green:not(:disabled):not(.disabled):active:focus, .btn-outline-light-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(159, 188, 115, 0.5); } .btn-outline-aa-organix-dark-green { color: #094937; border-color: #094937; } .btn-outline-aa-organix-dark-green:hover { color: #ffffff; background-color: #094937; border-color: #094937; } .btn-outline-aa-organix-dark-green:focus, .btn-outline-aa-organix-dark-green.focus { box-shadow: 0 0 0 0.2rem rgba(9, 73, 55, 0.5); } .btn-outline-aa-organix-dark-green.disabled, .btn-outline-aa-organix-dark-green:disabled { color: #094937; background-color: transparent; } .btn-outline-aa-organix-dark-green:not(:disabled):not(.disabled):active, .btn-outline-aa-organix-dark-green:not(:disabled):not(.disabled).active, .show > .btn-outline-aa-organix-dark-green.dropdown-toggle { color: #ffffff; background-color: #094937; border-color: #094937; } .btn-outline-aa-organix-dark-green:not(:disabled):not(.disabled):active:focus, .btn-outline-aa-organix-dark-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-aa-organix-dark-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(9, 73, 55, 0.5); } .btn-outline-dark-orange { color: #f4992c; border-color: #f4992c; } .btn-outline-dark-orange:hover { color: #212529; background-color: #f4992c; border-color: #f4992c; } .btn-outline-dark-orange:focus, .btn-outline-dark-orange.focus { box-shadow: 0 0 0 0.2rem rgba(244, 153, 44, 0.5); } .btn-outline-dark-orange.disabled, .btn-outline-dark-orange:disabled { color: #f4992c; background-color: transparent; } .btn-outline-dark-orange:not(:disabled):not(.disabled):active, .btn-outline-dark-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-orange.dropdown-toggle { color: #212529; background-color: #f4992c; border-color: #f4992c; } .btn-outline-dark-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 153, 44, 0.5); } .btn-outline-light-pink { color: #f18fa9; border-color: #f18fa9; } .btn-outline-light-pink:hover { color: #212529; background-color: #f18fa9; border-color: #f18fa9; } .btn-outline-light-pink:focus, .btn-outline-light-pink.focus { box-shadow: 0 0 0 0.2rem rgba(241, 143, 169, 0.5); } .btn-outline-light-pink.disabled, .btn-outline-light-pink:disabled { color: #f18fa9; background-color: transparent; } .btn-outline-light-pink:not(:disabled):not(.disabled):active, .btn-outline-light-pink:not(:disabled):not(.disabled).active, .show > .btn-outline-light-pink.dropdown-toggle { color: #212529; background-color: #f18fa9; border-color: #f18fa9; } .btn-outline-light-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-light-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(241, 143, 169, 0.5); } .btn-outline-dark-pink { color: #c971a3; border-color: #c971a3; } .btn-outline-dark-pink:hover { color: #ffffff; background-color: #c971a3; border-color: #c971a3; } .btn-outline-dark-pink:focus, .btn-outline-dark-pink.focus { box-shadow: 0 0 0 0.2rem rgba(201, 113, 163, 0.5); } .btn-outline-dark-pink.disabled, .btn-outline-dark-pink:disabled { color: #c971a3; background-color: transparent; } .btn-outline-dark-pink:not(:disabled):not(.disabled):active, .btn-outline-dark-pink:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-pink.dropdown-toggle { color: #ffffff; background-color: #c971a3; border-color: #c971a3; } .btn-outline-dark-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(201, 113, 163, 0.5); } .btn-outline-white { color: #ffffff; border-color: #ffffff; } .btn-outline-white:hover { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-outline-white:focus, .btn-outline-white.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #ffffff; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-light-yellow { color: #ffe64a; border-color: #ffe64a; } .btn-outline-light-yellow:hover { color: #212529; background-color: #ffe64a; border-color: #ffe64a; } .btn-outline-light-yellow:focus, .btn-outline-light-yellow.focus { box-shadow: 0 0 0 0.2rem rgba(255, 230, 74, 0.5); } .btn-outline-light-yellow.disabled, .btn-outline-light-yellow:disabled { color: #ffe64a; background-color: transparent; } .btn-outline-light-yellow:not(:disabled):not(.disabled):active, .btn-outline-light-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-light-yellow.dropdown-toggle { color: #212529; background-color: #ffe64a; border-color: #ffe64a; } .btn-outline-light-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-light-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 230, 74, 0.5); } .btn-outline-organix-dark-green, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'] { color: #095540; border-color: #095540; } .btn-outline-organix-dark-green:hover, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:hover[id*='actions-ief-entity-edit'] { color: #ffffff; background-color: #095540; border-color: #095540; } .btn-outline-organix-dark-green:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:focus[id*='actions-ief-entity-edit'], .btn-outline-organix-dark-green.focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.focus[id*='actions-ief-entity-edit'] { box-shadow: 0 0 0 0.2rem rgba(9, 85, 64, 0.5); } .btn-outline-organix-dark-green.disabled, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input.disabled[id*='actions-ief-entity-edit'], .btn-outline-organix-dark-green:disabled, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:disabled[id*='actions-ief-entity-edit'] { color: #095540; background-color: transparent; } .btn-outline-organix-dark-green:not(:disabled):not(.disabled):active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active[id*='actions-ief-entity-edit'], .btn-outline-organix-dark-green:not(:disabled):not(.disabled).active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active[id*='actions-ief-entity-edit'], .show > .btn-outline-organix-dark-green.dropdown-toggle, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle[id*='actions-ief-entity-edit'] { color: #ffffff; background-color: #095540; border-color: #095540; } .btn-outline-organix-dark-green:not(:disabled):not(.disabled):active:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled):active:focus[id*='actions-ief-entity-edit'], .btn-outline-organix-dark-green:not(:disabled):not(.disabled).active:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:not(:disabled):not(.disabled).active:focus[id*='actions-ief-entity-edit'], .show > .btn-outline-organix-dark-green.dropdown-toggle:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .show > input.dropdown-toggle:focus[id*='actions-ief-entity-edit'] { box-shadow: 0 0 0 0.2rem rgba(9, 85, 64, 0.5); } .btn-outline-light-orange { color: #f0b83f; border-color: #f0b83f; } .btn-outline-light-orange:hover { color: #212529; background-color: #f0b83f; border-color: #f0b83f; } .btn-outline-light-orange:focus, .btn-outline-light-orange.focus { box-shadow: 0 0 0 0.2rem rgba(240, 184, 63, 0.5); } .btn-outline-light-orange.disabled, .btn-outline-light-orange:disabled { color: #f0b83f; background-color: transparent; } .btn-outline-light-orange:not(:disabled):not(.disabled):active, .btn-outline-light-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-light-orange.dropdown-toggle { color: #212529; background-color: #f0b83f; border-color: #f0b83f; } .btn-outline-light-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-light-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(240, 184, 63, 0.5); } .btn-outline-tag-6-months { color: #d491b0; border-color: #d491b0; } .btn-outline-tag-6-months:hover { color: #212529; background-color: #d491b0; border-color: #d491b0; } .btn-outline-tag-6-months:focus, .btn-outline-tag-6-months.focus { box-shadow: 0 0 0 0.2rem rgba(212, 145, 176, 0.5); } .btn-outline-tag-6-months.disabled, .btn-outline-tag-6-months:disabled { color: #d491b0; background-color: transparent; } .btn-outline-tag-6-months:not(:disabled):not(.disabled):active, .btn-outline-tag-6-months:not(:disabled):not(.disabled).active, .show > .btn-outline-tag-6-months.dropdown-toggle { color: #212529; background-color: #d491b0; border-color: #d491b0; } .btn-outline-tag-6-months:not(:disabled):not(.disabled):active:focus, .btn-outline-tag-6-months:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tag-6-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 145, 176, 0.5); } .btn-outline-tag-7-months { color: #8981ba; border-color: #8981ba; } .btn-outline-tag-7-months:hover { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-outline-tag-7-months:focus, .btn-outline-tag-7-months.focus { box-shadow: 0 0 0 0.2rem rgba(137, 129, 186, 0.5); } .btn-outline-tag-7-months.disabled, .btn-outline-tag-7-months:disabled { color: #8981ba; background-color: transparent; } .btn-outline-tag-7-months:not(:disabled):not(.disabled):active, .btn-outline-tag-7-months:not(:disabled):not(.disabled).active, .show > .btn-outline-tag-7-months.dropdown-toggle { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-outline-tag-7-months:not(:disabled):not(.disabled):active:focus, .btn-outline-tag-7-months:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tag-7-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(137, 129, 186, 0.5); } .btn-outline-tag-10-months { color: #8981ba; border-color: #8981ba; } .btn-outline-tag-10-months:hover { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-outline-tag-10-months:focus, .btn-outline-tag-10-months.focus { box-shadow: 0 0 0 0.2rem rgba(137, 129, 186, 0.5); } .btn-outline-tag-10-months.disabled, .btn-outline-tag-10-months:disabled { color: #8981ba; background-color: transparent; } .btn-outline-tag-10-months:not(:disabled):not(.disabled):active, .btn-outline-tag-10-months:not(:disabled):not(.disabled).active, .show > .btn-outline-tag-10-months.dropdown-toggle { color: #ffffff; background-color: #8981ba; border-color: #8981ba; } .btn-outline-tag-10-months:not(:disabled):not(.disabled):active:focus, .btn-outline-tag-10-months:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tag-10-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(137, 129, 186, 0.5); } .btn-outline-tag-12-months { color: #0d8d38; border-color: #0d8d38; } .btn-outline-tag-12-months:hover { color: #ffffff; background-color: #0d8d38; border-color: #0d8d38; } .btn-outline-tag-12-months:focus, .btn-outline-tag-12-months.focus { box-shadow: 0 0 0 0.2rem rgba(13, 141, 56, 0.5); } .btn-outline-tag-12-months.disabled, .btn-outline-tag-12-months:disabled { color: #0d8d38; background-color: transparent; } .btn-outline-tag-12-months:not(:disabled):not(.disabled):active, .btn-outline-tag-12-months:not(:disabled):not(.disabled).active, .show > .btn-outline-tag-12-months.dropdown-toggle { color: #ffffff; background-color: #0d8d38; border-color: #0d8d38; } .btn-outline-tag-12-months:not(:disabled):not(.disabled):active:focus, .btn-outline-tag-12-months:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tag-12-months.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(13, 141, 56, 0.5); } .btn-outline-cream { color: #fbf5ea; border-color: #fbf5ea; } .btn-outline-cream:hover { color: #212529; background-color: #fbf5ea; border-color: #fbf5ea; } .btn-outline-cream:focus, .btn-outline-cream.focus { box-shadow: 0 0 0 0.2rem rgba(251, 245, 234, 0.5); } .btn-outline-cream.disabled, .btn-outline-cream:disabled { color: #fbf5ea; background-color: transparent; } .btn-outline-cream:not(:disabled):not(.disabled):active, .btn-outline-cream:not(:disabled):not(.disabled).active, .show > .btn-outline-cream.dropdown-toggle { color: #212529; background-color: #fbf5ea; border-color: #fbf5ea; } .btn-outline-cream:not(:disabled):not(.disabled):active:focus, .btn-outline-cream:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-cream.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(251, 245, 234, 0.5); } .btn-outline-heart-red { color: #ee4444; border-color: #ee4444; } .btn-outline-heart-red:hover { color: #ffffff; background-color: #ee4444; border-color: #ee4444; } .btn-outline-heart-red:focus, .btn-outline-heart-red.focus { box-shadow: 0 0 0 0.2rem rgba(238, 68, 68, 0.5); } .btn-outline-heart-red.disabled, .btn-outline-heart-red:disabled { color: #ee4444; background-color: transparent; } .btn-outline-heart-red:not(:disabled):not(.disabled):active, .btn-outline-heart-red:not(:disabled):not(.disabled).active, .show > .btn-outline-heart-red.dropdown-toggle { color: #ffffff; background-color: #ee4444; border-color: #ee4444; } .btn-outline-heart-red:not(:disabled):not(.disabled):active:focus, .btn-outline-heart-red:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-heart-red.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(238, 68, 68, 0.5); } .btn-outline-paper-pink { color: #feb4a6; border-color: #feb4a6; } .btn-outline-paper-pink:hover { color: #212529; background-color: #feb4a6; border-color: #feb4a6; } .btn-outline-paper-pink:focus, .btn-outline-paper-pink.focus { box-shadow: 0 0 0 0.2rem rgba(254, 180, 166, 0.5); } .btn-outline-paper-pink.disabled, .btn-outline-paper-pink:disabled { color: #feb4a6; background-color: transparent; } .btn-outline-paper-pink:not(:disabled):not(.disabled):active, .btn-outline-paper-pink:not(:disabled):not(.disabled).active, .show > .btn-outline-paper-pink.dropdown-toggle { color: #212529; background-color: #feb4a6; border-color: #feb4a6; } .btn-outline-paper-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-paper-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-paper-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(254, 180, 166, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-lg > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-lg > #edit-submit, #user-forgot-password .btn-group-lg > #edit-submit, #user-pass-reset-page .btn-group-lg > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-lg > .form-submit, #user-edit-page .btn-group-lg > .button--primary, #user-cancel-form .btn-group-lg > #edit-submit { padding: 0.5rem 1rem; font-size: 1.625rem; line-height: 1.5; border-radius: 0.3rem; } @media (max-width: 1200px) { .btn-lg, .btn-group-lg > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-lg > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-lg > #edit-submit, #user-forgot-password .btn-group-lg > #edit-submit, #user-pass-reset-page .btn-group-lg > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-lg > .form-submit, #user-edit-page .btn-group-lg > .button--primary, #user-cancel-form .btn-group-lg > #edit-submit { font-size: calc(1.2875rem + 0.45vw) ; } } .btn-sm, .btn-group-sm > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-sm > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-sm > #edit-submit, #user-forgot-password .btn-group-sm > #edit-submit, #user-pass-reset-page .btn-group-sm > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-sm > .form-submit, #user-edit-page .btn-group-sm > .button--primary, #user-cancel-form .btn-group-sm > #edit-submit { padding: 0.25rem 0.5rem; font-size: 1.1375rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit, #user-forgot-password .btn-group > #edit-submit, #user-pass-reset-page .btn-group > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit, #user-edit-page .btn-group > .button--primary, #user-cancel-form .btn-group > #edit-submit, .btn-group-vertical > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit, #user-forgot-password .btn-group-vertical > #edit-submit, #user-pass-reset-page .btn-group-vertical > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit, #user-edit-page .btn-group-vertical > .button--primary, #user-cancel-form .btn-group-vertical > #edit-submit { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:hover[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:hover[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit:hover, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:hover[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:hover[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit:hover, #user-forgot-password .btn-group > #edit-submit:hover, #user-pass-reset-page .btn-group > #edit-submit:hover, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit:hover, #user-edit-page .btn-group > .button--primary:hover, #user-cancel-form .btn-group > #edit-submit:hover, .btn-group-vertical > .btn:hover, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:hover[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:hover[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit:hover, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:hover[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:hover[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit:hover, #user-forgot-password .btn-group-vertical > #edit-submit:hover, #user-pass-reset-page .btn-group-vertical > #edit-submit:hover, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit:hover, #user-edit-page .btn-group-vertical > .button--primary:hover, #user-cancel-form .btn-group-vertical > #edit-submit:hover { z-index: 1; } .btn-group > .btn:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:focus[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:focus[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit:focus, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:focus[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit:focus, #user-forgot-password .btn-group > #edit-submit:focus, #user-pass-reset-page .btn-group > #edit-submit:focus, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit:focus, #user-edit-page .btn-group > .button--primary:focus, #user-cancel-form .btn-group > #edit-submit:focus, .btn-group > .btn:active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:active[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:active[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit:active, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:active[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:active[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit:active, #user-forgot-password .btn-group > #edit-submit:active, #user-pass-reset-page .btn-group > #edit-submit:active, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit:active, #user-edit-page .btn-group > .button--primary:active, #user-cancel-form .btn-group > #edit-submit:active, .btn-group > .btn.active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input.active[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input.active[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > .active#edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input.active[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input.active[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > .active#edit-submit, #user-forgot-password .btn-group > .active#edit-submit, #user-pass-reset-page .btn-group > .active#edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .active.form-submit, #user-edit-page .btn-group > .active.button--primary, #user-cancel-form .btn-group > .active#edit-submit, .btn-group-vertical > .btn:focus, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:focus[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:focus[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit:focus, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:focus[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:focus[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit:focus, #user-forgot-password .btn-group-vertical > #edit-submit:focus, #user-pass-reset-page .btn-group-vertical > #edit-submit:focus, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit:focus, #user-edit-page .btn-group-vertical > .button--primary:focus, #user-cancel-form .btn-group-vertical > #edit-submit:focus, .btn-group-vertical > .btn:active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:active[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:active[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit:active, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:active[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:active[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit:active, #user-forgot-password .btn-group-vertical > #edit-submit:active, #user-pass-reset-page .btn-group-vertical > #edit-submit:active, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit:active, #user-edit-page .btn-group-vertical > .button--primary:active, #user-cancel-form .btn-group-vertical > #edit-submit:active, .btn-group-vertical > .btn.active, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input.active[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input.active[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > .active#edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input.active[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input.active[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > .active#edit-submit, #user-forgot-password .btn-group-vertical > .active#edit-submit, #user-pass-reset-page .btn-group-vertical > .active#edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .active.form-submit, #user-edit-page .btn-group-vertical > .active.button--primary, #user-cancel-form .btn-group-vertical > .active#edit-submit { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit:not(:first-child), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit:not(:first-child), #user-forgot-password .btn-group > #edit-submit:not(:first-child), #user-pass-reset-page .btn-group > #edit-submit:not(:first-child), #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit:not(:first-child), #user-edit-page .btn-group > .button--primary:not(:first-child), #user-cancel-form .btn-group > #edit-submit:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-forgot-password .btn-group > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-pass-reset-page .btn-group > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit:not(:last-child):not(.dropdown-toggle), #user-edit-page .btn-group > .button--primary:not(:last-child):not(.dropdown-toggle), #user-cancel-form .btn-group > #edit-submit:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:last-child) > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:last-child) > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > .btn-group:not(:last-child) > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:last-child) > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:last-child) > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > .btn-group:not(:last-child) > #edit-submit, #user-forgot-password .btn-group > .btn-group:not(:last-child) > #edit-submit, #user-pass-reset-page .btn-group > .btn-group:not(:last-child) > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .btn-group:not(:last-child) > .form-submit, #user-edit-page .btn-group > .btn-group:not(:last-child) > .button--primary, #user-cancel-form .btn-group > .btn-group:not(:last-child) > #edit-submit { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > #edit-submit:not(:first-child), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > #edit-submit:not(:first-child), #user-forgot-password .btn-group > #edit-submit:not(:first-child), #user-pass-reset-page .btn-group > #edit-submit:not(:first-child), #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .form-submit:not(:first-child), #user-edit-page .btn-group > .button--primary:not(:first-child), #user-cancel-form .btn-group > #edit-submit:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:first-child) > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:first-child) > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group > .btn-group:not(:first-child) > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:first-child) > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group > .btn-group:not(:first-child) > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group > .btn-group:not(:first-child) > #edit-submit, #user-forgot-password .btn-group > .btn-group:not(:first-child) > #edit-submit, #user-pass-reset-page .btn-group > .btn-group:not(:first-child) > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group > .btn-group:not(:first-child) > .form-submit, #user-edit-page .btn-group > .btn-group:not(:first-child) > .button--primary, #user-cancel-form .btn-group > .btn-group:not(:first-child) > #edit-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-edit'] + .dropdown-toggle-split, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-remove'] + .dropdown-toggle-split, #user-login-page #edit-actions .btn-group-sm > #edit-submit + .dropdown-toggle-split, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-edit'] + .dropdown-toggle-split, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-sm > input[id*='actions-ief-entity-remove'] + .dropdown-toggle-split, #user-register-page #edit-actions .btn-group-sm > #edit-submit + .dropdown-toggle-split, #user-forgot-password .btn-group-sm > #edit-submit + .dropdown-toggle-split, #user-pass-reset-page .btn-group-sm > #edit-submit + .dropdown-toggle-split, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-sm > .form-submit + .dropdown-toggle-split, #user-edit-page .btn-group-sm > .button--primary + .dropdown-toggle-split, #user-cancel-form .btn-group-sm > #edit-submit + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-edit'] + .dropdown-toggle-split, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-remove'] + .dropdown-toggle-split, #user-login-page #edit-actions .btn-group-lg > #edit-submit + .dropdown-toggle-split, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-edit'] + .dropdown-toggle-split, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-lg > input[id*='actions-ief-entity-remove'] + .dropdown-toggle-split, #user-register-page #edit-actions .btn-group-lg > #edit-submit + .dropdown-toggle-split, #user-forgot-password .btn-group-lg > #edit-submit + .dropdown-toggle-split, #user-pass-reset-page .btn-group-lg > #edit-submit + .dropdown-toggle-split, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-lg > .form-submit + .dropdown-toggle-split, #user-edit-page .btn-group-lg > .button--primary + .dropdown-toggle-split, #user-cancel-form .btn-group-lg > #edit-submit + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit, #user-forgot-password .btn-group-vertical > #edit-submit, #user-pass-reset-page .btn-group-vertical > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit, #user-edit-page .btn-group-vertical > .button--primary, #user-cancel-form .btn-group-vertical > #edit-submit, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit:not(:first-child), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit:not(:first-child), #user-forgot-password .btn-group-vertical > #edit-submit:not(:first-child), #user-pass-reset-page .btn-group-vertical > #edit-submit:not(:first-child), #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit:not(:first-child), #user-edit-page .btn-group-vertical > .button--primary:not(:first-child), #user-cancel-form .btn-group-vertical > #edit-submit:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:last-child):not(.dropdown-toggle)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-forgot-password .btn-group-vertical > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-pass-reset-page .btn-group-vertical > #edit-submit:not(:last-child):not(.dropdown-toggle), #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit:not(:last-child):not(.dropdown-toggle), #user-edit-page .btn-group-vertical > .button--primary:not(:last-child):not(.dropdown-toggle), #user-cancel-form .btn-group-vertical > #edit-submit:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:last-child) > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:last-child) > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > .btn-group:not(:last-child) > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:last-child) > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:last-child) > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > .btn-group:not(:last-child) > #edit-submit, #user-forgot-password .btn-group-vertical > .btn-group:not(:last-child) > #edit-submit, #user-pass-reset-page .btn-group-vertical > .btn-group:not(:last-child) > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .btn-group:not(:last-child) > .form-submit, #user-edit-page .btn-group-vertical > .btn-group:not(:last-child) > .button--primary, #user-cancel-form .btn-group-vertical > .btn-group:not(:last-child) > #edit-submit { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > #edit-submit:not(:first-child), #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > input:not(:first-child)[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > #edit-submit:not(:first-child), #user-forgot-password .btn-group-vertical > #edit-submit:not(:first-child), #user-pass-reset-page .btn-group-vertical > #edit-submit:not(:first-child), #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .form-submit:not(:first-child), #user-edit-page .btn-group-vertical > .button--primary:not(:first-child), #user-cancel-form .btn-group-vertical > #edit-submit:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:first-child) > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:first-child) > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-vertical > .btn-group:not(:first-child) > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:first-child) > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-vertical > .btn-group:not(:first-child) > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-vertical > .btn-group:not(:first-child) > #edit-submit, #user-forgot-password .btn-group-vertical > .btn-group:not(:first-child) > #edit-submit, #user-pass-reset-page .btn-group-vertical > .btn-group:not(:first-child) > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-vertical > .btn-group:not(:first-child) > .form-submit, #user-edit-page .btn-group-vertical > .btn-group:not(:first-child) > .button--primary, #user-cancel-form .btn-group-vertical > .btn-group:not(:first-child) > #edit-submit { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-toggle > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-toggle > #edit-submit, #user-forgot-password .btn-group-toggle > #edit-submit, #user-pass-reset-page .btn-group-toggle > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-toggle > .form-submit, #user-edit-page .btn-group-toggle > .button--primary, #user-cancel-form .btn-group-toggle > #edit-submit, .btn-group-toggle > .btn-group > .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions .btn-group-toggle > .btn-group > #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions .btn-group-toggle > .btn-group > #edit-submit, #user-forgot-password .btn-group-toggle > .btn-group > #edit-submit, #user-pass-reset-page .btn-group-toggle > .btn-group > #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-toggle > .btn-group > .form-submit, #user-edit-page .btn-group-toggle > .btn-group > .button--primary, #user-cancel-form .btn-group-toggle > .btn-group > #edit-submit { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-edit'] input[type="radio"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-remove'] input[type="radio"], #user-login-page #edit-actions .btn-group-toggle > #edit-submit input[type="radio"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-edit'] input[type="radio"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-remove'] input[type="radio"], #user-register-page #edit-actions .btn-group-toggle > #edit-submit input[type="radio"], #user-forgot-password .btn-group-toggle > #edit-submit input[type="radio"], #user-pass-reset-page .btn-group-toggle > #edit-submit input[type="radio"], #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-toggle > .form-submit input[type="radio"], #user-edit-page .btn-group-toggle > .button--primary input[type="radio"], #user-cancel-form .btn-group-toggle > #edit-submit input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-edit'] input[type="checkbox"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-remove'] input[type="checkbox"], #user-login-page #edit-actions .btn-group-toggle > #edit-submit input[type="checkbox"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-edit'] input[type="checkbox"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > input[id*='actions-ief-entity-remove'] input[type="checkbox"], #user-register-page #edit-actions .btn-group-toggle > #edit-submit input[type="checkbox"], #user-forgot-password .btn-group-toggle > #edit-submit input[type="checkbox"], #user-pass-reset-page .btn-group-toggle > #edit-submit input[type="checkbox"], #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-toggle > .form-submit input[type="checkbox"], #user-edit-page .btn-group-toggle > .button--primary input[type="checkbox"], #user-cancel-form .btn-group-toggle > #edit-submit input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-edit'] input[type="radio"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-remove'] input[type="radio"], #user-login-page #edit-actions .btn-group-toggle > .btn-group > #edit-submit input[type="radio"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-edit'] input[type="radio"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-remove'] input[type="radio"], #user-register-page #edit-actions .btn-group-toggle > .btn-group > #edit-submit input[type="radio"], #user-forgot-password .btn-group-toggle > .btn-group > #edit-submit input[type="radio"], #user-pass-reset-page .btn-group-toggle > .btn-group > #edit-submit input[type="radio"], #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-toggle > .btn-group > .form-submit input[type="radio"], #user-edit-page .btn-group-toggle > .btn-group > .button--primary input[type="radio"], #user-cancel-form .btn-group-toggle > .btn-group > #edit-submit input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-edit'] input[type="checkbox"], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-remove'] input[type="checkbox"], #user-login-page #edit-actions .btn-group-toggle > .btn-group > #edit-submit input[type="checkbox"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-edit'] input[type="checkbox"], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .btn-group-toggle > .btn-group > input[id*='actions-ief-entity-remove'] input[type="checkbox"], #user-register-page #edit-actions .btn-group-toggle > .btn-group > #edit-submit input[type="checkbox"], #user-forgot-password .btn-group-toggle > .btn-group > #edit-submit input[type="checkbox"], #user-pass-reset-page .btn-group-toggle > .btn-group > #edit-submit input[type="checkbox"], #user-edit-page .tabbed-three-col .tab-pane#children .btn-group-toggle > .btn-group > .form-submit input[type="checkbox"], #user-edit-page .btn-group-toggle > .btn-group > .button--primary input[type="checkbox"], #user-cancel-form .btn-group-toggle > .btn-group > #edit-submit input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #ffffff; border-color: #dee2e6 #dee2e6 #ffffff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #ffffff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-black { background-color: #000000 !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; } .bg-aa-grey { background-color: #666a6c !important; } a.bg-aa-grey:hover, a.bg-aa-grey:focus, button.bg-aa-grey:hover, button.bg-aa-grey:focus { background-color: #4d5052 !important; } .bg-aa-dark-green { background-color: #627826 !important; } a.bg-aa-dark-green:hover, a.bg-aa-dark-green:focus, button.bg-aa-dark-green:hover, button.bg-aa-dark-green:focus { background-color: #42511a !important; } .bg-dark-green { background-color: #8c9d41 !important; } a.bg-dark-green:hover, a.bg-dark-green:focus, button.bg-dark-green:hover, button.bg-dark-green:focus { background-color: #6c7932 !important; } .bg-organix-light-green { background-color: #9ab63f !important; } a.bg-organix-light-green:hover, a.bg-organix-light-green:focus, button.bg-organix-light-green:hover, button.bg-organix-light-green:focus { background-color: #7a9032 !important; } .bg-warm-green { background-color: #bdd279 !important; } a.bg-warm-green:hover, a.bg-warm-green:focus, button.bg-warm-green:hover, button.bg-warm-green:focus { background-color: #aac553 !important; } .bg-light-green { background-color: #9fbc73 !important; } a.bg-light-green:hover, a.bg-light-green:focus, button.bg-light-green:hover, button.bg-light-green:focus { background-color: #87aa52 !important; } .bg-aa-organix-dark-green { background-color: #094937 !important; } a.bg-aa-organix-dark-green:hover, a.bg-aa-organix-dark-green:focus, button.bg-aa-organix-dark-green:hover, button.bg-aa-organix-dark-green:focus { background-color: #031c15 !important; } .bg-dark-orange { background-color: #f4992c !important; } a.bg-dark-orange:hover, a.bg-dark-orange:focus, button.bg-dark-orange:hover, button.bg-dark-orange:focus { background-color: #e1800c !important; } .bg-light-pink { background-color: #f18fa9 !important; } a.bg-light-pink:hover, a.bg-light-pink:focus, button.bg-light-pink:hover, button.bg-light-pink:focus { background-color: #eb6286 !important; } .bg-dark-pink { background-color: #c971a3 !important; } a.bg-dark-pink:hover, a.bg-dark-pink:focus, button.bg-dark-pink:hover, button.bg-dark-pink:focus { background-color: #bb4c8b !important; } .bg-white { background-color: #ffffff !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; } .bg-light-yellow { background-color: #ffe64a !important; } a.bg-light-yellow:hover, a.bg-light-yellow:focus, button.bg-light-yellow:hover, button.bg-light-yellow:focus { background-color: #ffdf17 !important; } .bg-organix-dark-green { background-color: #095540 !important; } a.bg-organix-dark-green:hover, a.bg-organix-dark-green:focus, button.bg-organix-dark-green:hover, button.bg-organix-dark-green:focus { background-color: #04271d !important; } .bg-light-orange { background-color: #f0b83f !important; } a.bg-light-orange:hover, a.bg-light-orange:focus, button.bg-light-orange:hover, button.bg-light-orange:focus { background-color: #eaa612 !important; } .bg-tag-6-months { background-color: #d491b0 !important; } a.bg-tag-6-months:hover, a.bg-tag-6-months:focus, button.bg-tag-6-months:hover, button.bg-tag-6-months:focus { background-color: #c66c96 !important; } .bg-tag-7-months { background-color: #8981ba !important; } a.bg-tag-7-months:hover, a.bg-tag-7-months:focus, button.bg-tag-7-months:hover, button.bg-tag-7-months:focus { background-color: #6a60a8 !important; } .bg-tag-10-months { background-color: #8981ba !important; } a.bg-tag-10-months:hover, a.bg-tag-10-months:focus, button.bg-tag-10-months:hover, button.bg-tag-10-months:focus { background-color: #6a60a8 !important; } .bg-tag-12-months { background-color: #0d8d38 !important; } a.bg-tag-12-months:hover, a.bg-tag-12-months:focus, button.bg-tag-12-months:hover, button.bg-tag-12-months:focus { background-color: #095e25 !important; } .bg-cream { background-color: #fbf5ea !important; } a.bg-cream:hover, a.bg-cream:focus, button.bg-cream:hover, button.bg-cream:focus { background-color: #f3e1bf !important; } .bg-heart-red { background-color: #ee4444 !important; } a.bg-heart-red:hover, a.bg-heart-red:focus, button.bg-heart-red:hover, button.bg-heart-red:focus { background-color: #ea1515 !important; } .bg-paper-pink { background-color: #feb4a6 !important; } a.bg-paper-pink:hover, a.bg-paper-pink:focus, button.bg-paper-pink:hover, button.bg-paper-pink:focus { background-color: #fd8a74 !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-black { border-color: #000000 !important; } .border-aa-grey { border-color: #666a6c !important; } .border-aa-dark-green { border-color: #627826 !important; } .border-dark-green { border-color: #8c9d41 !important; } .border-organix-light-green { border-color: #9ab63f !important; } .border-warm-green { border-color: #bdd279 !important; } .border-light-green { border-color: #9fbc73 !important; } .border-aa-organix-dark-green { border-color: #094937 !important; } .border-dark-orange { border-color: #f4992c !important; } .border-light-pink { border-color: #f18fa9 !important; } .border-dark-pink { border-color: #c971a3 !important; } .border-white { border-color: #ffffff !important; } .border-light-yellow { border-color: #ffe64a !important; } .border-organix-dark-green { border-color: #095540 !important; } .border-light-orange { border-color: #f0b83f !important; } .border-tag-6-months { border-color: #d491b0 !important; } .border-tag-7-months { border-color: #8981ba !important; } .border-tag-10-months { border-color: #8981ba !important; } .border-tag-12-months { border-color: #0d8d38 !important; } .border-cream { border-color: #fbf5ea !important; } .border-heart-red { border-color: #ee4444 !important; } .border-paper-pink { border-color: #feb4a6 !important; } .border-white { border-color: #ffffff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1500px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center, .tabbed-three-col .nav-tabs { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1500px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1500px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1500px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1500px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #ffffff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-black { color: #000000 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .text-aa-grey { color: #666a6c !important; } a.text-aa-grey:hover, a.text-aa-grey:focus { color: #414345 !important; } .text-aa-dark-green { color: #627826 !important; } a.text-aa-dark-green:hover, a.text-aa-dark-green:focus { color: #333e14 !important; } .text-dark-green { color: #8c9d41 !important; } a.text-dark-green:hover, a.text-dark-green:focus { color: #5c672b !important; } .text-organix-light-green { color: #9ab63f !important; } a.text-organix-light-green:hover, a.text-organix-light-green:focus { color: #6a7d2b !important; } .text-warm-green { color: #bdd279 !important; } a.text-warm-green:hover, a.text-warm-green:focus { color: #a1bf40 !important; } .text-light-green { color: #9fbc73 !important; } a.text-light-green:hover, a.text-light-green:focus { color: #799949 !important; } .text-aa-organix-dark-green { color: #094937 !important; } a.text-aa-organix-dark-green:hover, a.text-aa-organix-dark-green:focus { color: #010504 !important; } .text-dark-orange { color: #f4992c !important; } a.text-dark-orange:hover, a.text-dark-orange:focus { color: #c9720a !important; } .text-light-pink { color: #f18fa9 !important; } a.text-light-pink:hover, a.text-light-pink:focus { color: #e94b75 !important; } .text-dark-pink { color: #c971a3 !important; } a.text-dark-pink:hover, a.text-dark-pink:focus { color: #ac417e !important; } .text-white { color: #ffffff !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .text-light-yellow { color: #ffe64a !important; } a.text-light-yellow:hover, a.text-light-yellow:focus { color: #fdda00 !important; } .text-organix-dark-green { color: #095540 !important; } a.text-organix-dark-green:hover, a.text-organix-dark-green:focus { color: #02100c !important; } .text-light-orange { color: #f0b83f !important; } a.text-light-orange:hover, a.text-light-orange:focus { color: #d29510 !important; } .text-tag-6-months { color: #d491b0 !important; } a.text-tag-6-months:hover, a.text-tag-6-months:focus { color: #bf5a89 !important; } .text-tag-7-months { color: #8981ba !important; } a.text-tag-7-months:hover, a.text-tag-7-months:focus { color: #5e549a !important; } .text-tag-10-months { color: #8981ba !important; } a.text-tag-10-months:hover, a.text-tag-10-months:focus { color: #5e549a !important; } .text-tag-12-months { color: #0d8d38 !important; } a.text-tag-12-months:hover, a.text-tag-12-months:focus { color: #07471c !important; } .text-cream { color: #fbf5ea !important; } a.text-cream:hover, a.text-cream:focus { color: #efd6aa !important; } .text-heart-red { color: #ee4444 !important; } a.text-heart-red:hover, a.text-heart-red:focus { color: #d21313 !important; } .text-paper-pink { color: #feb4a6 !important; } a.text-paper-pink:hover, a.text-paper-pink:focus { color: #fd745a !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "\2190"; } [dir="rtl"] .slick-prev:before { content: "\2192"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\2192"; } [dir="rtl"] .slick-next:before { content: "\2190"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /** Client request to make the slide in tray wider when doing layout stuff */ .ui-widget.ui-dialog.ui-dialog-off-canvas { width: 50vw !important; } body.toolbar-fixed { padding-top: 209px; } body.toolbar-fixed #search-overlay { top: 209px; } body.toolbar-fixed #block-organix-local-tasks { position: fixed; top: 270px; z-index: 40; left: 0; } body.toolbar-fixed #desktop-navigation { top: 79px; } body.toolbar-fixed #desktop-navigation .sub-menu--1 { top: 209px !important; } body.toolbar-fixed #desktop-navigation:after { top: 209px; } body.toolbar-fixed #desktop-navigation .sub-menu--2 { top: 322px !important; } body.toolbar-fixed .logout-link { top: 79px !important; } #layout-builder .sign-up-quick-start-block.ui-sortable-handle { display: block !important; height: 150px !important; } form input, form select, form label, form textarea { margin: 0; } form input::-webkit-input-placeholder, form select::-webkit-input-placeholder, form label::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: rgba(102, 106, 108, 0.5) !important; } form input:-moz-placeholder, form select:-moz-placeholder, form label:-moz-placeholder, form textarea:-moz-placeholder { color: rgba(102, 106, 108, 0.5) !important; } form input::-moz-placeholder, form select::-moz-placeholder, form label::-moz-placeholder, form textarea::-moz-placeholder { color: rgba(102, 106, 108, 0.5) !important; } form input:-ms-input-placeholder, form select:-ms-input-placeholder, form label:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: rgba(102, 106, 108, 0.5) !important; } form label { margin: 0; font-size: 18px; color: #666a6c; } form input + .description { display: none; } form input[type=text], form input[type=email], form input[type=password], form input[type=date], form input[type=tel], form textarea { border: 2px solid #666a6c; } form input[type=text]:active, form input[type=text]:focus, form input[type=text]:hover, form input[type=email]:active, form input[type=email]:focus, form input[type=email]:hover, form input[type=password]:active, form input[type=password]:focus, form input[type=password]:hover, form input[type=date]:active, form input[type=date]:focus, form input[type=date]:hover, form input[type=tel]:active, form input[type=tel]:focus, form input[type=tel]:hover, form textarea:active, form textarea:focus, form textarea:hover { border: 2px solid; box-shadow: 0 0 0 0.2rem rgba(9, 85, 64, 0.25); } form .form-item { margin-bottom: 26px; } .tabbed-three-col { margin-bottom: 50px; } .tabbed-three-col .nav-tabs { border: none; } .tabbed-three-col .nav-tabs .nav-item { border: none; background: none; text-align: center; } .tabbed-three-col .nav-tabs .nav-item .nav-link { border: none; background: none; font-size: 44px; color: #627826; } .tabbed-three-col .nav-tabs .nav-item .nav-link.active, .tabbed-three-col .nav-tabs .nav-item .nav-link:hover, .tabbed-three-col .nav-tabs .nav-item .nav-link:focus { color: #095540; text-decoration: underline; } .tabbed-three-col + .captcha { display: none; margin-top: 40px; } .tabbed-three-col + .captcha + #edit-actions { display: none; } .tabbed-three-col .meta-info { color: #666a6c; } .tabbed-three-col summary { display: none; } .tabbed-three-col .password-strength { display: none; } .tabbed-three-col .strength-checker { color: #666a6c; margin-top: 18px; } .tabbed-three-col .strength-checker ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none; } .tabbed-three-col .strength-checker ul li { width: 50%; padding-left: 60px; margin-bottom: 17px; position: relative; } .tabbed-three-col .strength-checker ul li:before { top: 0; left: 20px; position: absolute; display: block; content: "\2022"; } .tabbed-three-col .strength-checker ul li.text-danger { background: url("../images/icons/icon-error.png") no-repeat center left; } .tabbed-three-col .strength-checker ul li.text-danger:before { display: none; } .tabbed-three-col .strength-checker ul li.text-success { background: url("../images/icons/icon-success.png") no-repeat center left; } .tabbed-three-col .strength-checker ul li.text-success:before { display: none; } .tabbed-three-col .fieldset-wrapper .ief-cardinality-count { display: none; } .tabbed-three-col .form-item-field-address-0-address-country-code { display: none; } .tabbed-three-col #user-register-page #edit-field-address-0 summary + div { display: none; } .tabbed-three-col .tab-pane .btns, .tabbed-three-col .tab-pane .meta-info { margin-top: 20px; } .tabbed-three-col #edit-pass--description { display: none; } .tabbed-three-col .tab-pane#children h3 { color: #095540; font-size: 22px; font-weight: 700; line-height: 26px; } .tabbed-three-col .tab-pane#children fieldset[id^='edit-field-children-form-inline-entity-form-gender'] { width: 100%; } .tabbed-three-col .tab-pane#children fieldset[id^='edit-field-children-form-inline-entity-form-gender'] > legend > .fieldset-legend { display: none; } .tabbed-three-col .tab-pane#children .ief-entity-table { margin-top: 20px; margin-bottom: 40px; } .tabbed-three-col .tab-pane#children .ief-entity-table thead { display: none; } .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .inline-entity-form-child_entity-label { padding: 1rem; } .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'] { background-image: none; width: auto; } .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'] { background-image: none; } .tabbed-three-col .tab-pane#children h4 { margin-top: 14px; color: #666a6c; font-size: 18px; } .tabbed-three-col .tab-pane#children .field--type-entity-reference { margin-bottom: 60px; } .tabbed-three-col .tab-pane#children .field--type-entity-reference > fieldset legend { color: #095540; } .tabbed-three-col .tab-pane#children .field--type-entity-reference > fieldset legend + .fieldset-wrapper { transition: all .2s ease-in-out; overflow: hidden; } .tabbed-three-col .tab-pane#children .field--type-entity-reference > fieldset legend + .fieldset-wrapper.active { height: auto; } .tabbed-three-col .tab-pane#children .field--type-entity-reference > fieldset legend:hover { cursor: pointer; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-actions"] input:first-child { width: 100%; background: transparent; border: 2px solid #627826; color: #627826; height: 70px; padding: 0; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-actions"] input:last-child { display: none; background-image: none; background-color: transparent; padding: 0; width: 100%; margin-top: 20px; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-status-wrapper"] { display: none; } .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons { width: 100%; } .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset { width: 100%; } .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper { width: 100%; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper { width: 100%; min-height: 300px; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper div:first-child { color: #ee4444; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"], .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"], .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"], .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] { height: 300px; position: relative; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div { position: absolute; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div:first-child { left: 0; top: 0; right: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div:nth-child(2n) { top: 0; right: 0; left: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].male div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].boy div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].male div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].boy div:nth-child(3n) { top: 153px; right: 0; left: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div { position: absolute; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div:first-child { top: 0; right: 0; left: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div:nth-child(2n) { left: 0; top: 0; right: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].female div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].girl div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].female div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].girl div:nth-child(3n) { top: 153px; right: 0; left: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div { position: absolute; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div:first-child, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div:first-child, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div:first-child { top: 0; right: 0; left: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div:nth-child(2n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div:nth-child(2n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div:nth-child(2n) { top: 153px; right: 0; left: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div:nth-child(3n), .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"].bump div:nth-child(3n), .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"].bump div:nth-child(3n) { left: 0; top: 0; right: auto; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item { width: 44%; float: left; margin-right: 20px; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item.not-active, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item.not-active, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item.not-active, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item.not-active { opacity: .5; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item.not-active label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item.not-active label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item.not-active label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item.not-active label { background-position: left 20px center !important; height: 132px !important; padding: 0 !important; background-size: 55px !important; display: flex; align-items: center; justify-content: center; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item label { width: 100%; margin: 0 20px 20px 0; text-align: center; background: #ffffff url("../images/layout/add-child-logo.svg") no-repeat center top 30px; border: 2px solid #095540; border-radius: 6px; color: #095540; padding-top: 234px; padding-bottom: 10px; font-size: 28px; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item label:hover, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item label:hover, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item label:hover, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item label:hover { cursor: pointer; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input { display: none; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input[value=F] + label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input[value=F] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input[value=F] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input[value=F] + label { background: #ffffff url("../images/layout/child-logo-female.svg") no-repeat center top 30px; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input[value=U] + label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input[value=U] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input[value=U] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input[value=U] + label { background: #ffffff url("../images/layout/child-logo-bump.svg") no-repeat center top 30px; background-size: 150px; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input:checked[value=U] + label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input:checked[value=U] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input:checked[value=U] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input:checked[value=U] + label { border-color: #9ab63f; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input:checked[value=M] + label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input:checked[value=M] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input:checked[value=M] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input:checked[value=M] + label { border-color: #9ab63f; } .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input:checked[value=F] + label, .tabbed-three-col .tab-pane#children div[id^="edit-field-children-form-inline-entity-form-gender-wrapper"] .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input:checked[value=F] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-gender"] > .form-item input:checked[value=F] + label, .tabbed-three-col .tab-pane#children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper > div[id^="edit-field-children-form-inline-entity-form-entities-"] > .form-item input:checked[value=F] + label { border-color: #9ab63f; } .tabbed-three-col .tab-pane#children .container-inline.js-form-wrapper.form-wrapper { display: flex; flex-direction: row; justify-content: space-between; } .tabbed-three-col .tab-pane#children .form-submit, .tabbed-three-col .tab-pane#children .btn-prefer-not-to-say { display: inline-block; width: 274px; background: #ffffff url("../images/layout/add-child-logo.svg") no-repeat center top 30px; border: 2px solid #095540; border-radius: 6px; color: #095540; padding-top: 234px; padding-bottom: 10px; } @media (min-width: 992px) { .tabbed-three-col .tab-pane#children .form-submit, .tabbed-three-col .tab-pane#children .btn-prefer-not-to-say { width: 250px; } } @media (min-width: 1200px) { .tabbed-three-col .tab-pane#children .form-submit, .tabbed-three-col .tab-pane#children .btn-prefer-not-to-say { width: 200px; } } @media (min-width: 1500px) { .tabbed-three-col .tab-pane#children .form-submit, .tabbed-three-col .tab-pane#children .btn-prefer-not-to-say { width: 274px; } } @media (max-width: 991.98px) { .tabbed-three-col .tab-pane#children #edit-field-children-actions input { margin: 0 20px; } } .tabbed-three-col .tab-pane#children .btn-prefer-not-to-say { text-align: center; background: #ffffff url("../images/layout/padlock.svg") no-repeat center top 30px; } .tabbed-three-col .tab-pane#children .ief-cardinality-count { display: none; } .tabbed-three-col .tab-pane#preferences h2 { margin-bottom: 23px; } .tabbed-three-col .tab-pane#preferences h4 { color: #095540; font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 30px; } .tabbed-three-col .tab-pane#preferences #edit-field-privacypolicyversion-wrapper { display: none; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox { clear: both; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox input { display: none; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox input:checked + label { background-position-y: -120px; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox input + label { float: left; padding-left: 60px; text-indent: -900px; height: 60px; width: 40px; overflow: hidden; font-weight: bold; background-image: url("../images/layout/checkbox-state.png"); background-repeat: no-repeat; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox input + label:hover { cursor: pointer; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox input + label + .description { width: 80%; float: left; padding-top: 12px; display: inline-block; color: #666a6c; margin-bottom: 25px; } .tabbed-three-col .tab-pane#preferences .js-form-type-checkbox input + label + .description:hover { cursor: pointer; } body.page-node-type-advanced-page.no-junk-promise-page { overflow-x: hidden; overflow-y: initial; } @media (min-width: 992px) { body.page-node-type-advanced-page .curves-block-container { display: none; } } body.page-node-type-advanced-page .content-fifty-fifty { padding: 0; } @media (min-width: 992px) and (max-width: 1499.98px) { body.page-node-type-advanced-page .content-fifty-fifty h2 { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1499.98px) { body.page-node-type-advanced-page .content-fifty-fifty h3 { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1499.98px) { body.page-node-type-advanced-page .content-fifty-fifty .image-container { max-width: 35%; } } body.page-node-type-advanced-page .content-fifty-fifty .content-area-container { display: flex; align-content: center; align-items: center; justify-content: center; } @media (min-width: 992px) and (max-width: 1499.98px) { body.page-node-type-advanced-page .content-fifty-fifty .content-area-container { max-width: 65%; flex: 0 0 65%; } } @media (min-width: 992px) and (max-width: 1499.98px) { body.page-node-type-advanced-page .content-fifty-fifty .content-area { font-size: 18px; padding: 0; } } body.page-node-type-advanced-page .pp-tableCell, body.page-node-type-advanced-page .section { display: flex; align-content: center; align-items: center; justify-content: center; } @media (min-width: 992px) { body.page-node-type-advanced-page #advanced-page + #organix-footer { position: fixed; top: 0; right: 0; left: 0; z-index: 0; bottom: 0; } body.page-node-type-advanced-page #advanced-page + #organix-footer .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; } body.page-node-type-advanced-page #advanced-page + #organix-footer .container .row { width: 100%; } } .block-background-white { background-color: #ffffff; } .block-background-white-textured, .block-background-white-texture { background: url("../images/layout/pink-paper-background.jpg"); } .block-background-cream { background-color: #fbf5ea; } .block-background-cream-textured, .block-background-cream-texture { background: url("../images/layout/cream-paper-background.jpg"); } .block-background-pink { background-color: #feb4a6; } .block-background-pink-textured, .block-background-pink-texture { background: url("../images/layout/pink-paper-background.jpg"); } .block-background-green { background: #9fbc73; } .block-background-green-textured { background: url("../images/layout/green-paper-background.jpg"); } .block-background-history-green-textured { background: url("../images/layout/history-green-paper-background.png"); } .block-background-light-green { background-color: #ebfdb1; } .block-background-light-green-textured { background: url("../images/layout/light-green-paper-background.jpg"); } .block-background-blue { background-color: #c3d87d; } .block-background-blue-textured { background: url("../images/layout/blue-paper-background.jpg"); } body.maintenance-page { background: url("../images/layout/maintenance-top-organimal.png"), url("../images/layout/green-paper-background.jpg"); background-repeat: no-repeat, repeat; background-position: top center, center; background-size: 334px, auto; } @media (min-width: 992px) { body.maintenance-page { background: url("../images/layout/maintenance-organimal.png"), url("../images/layout/green-paper-background.jpg"); background-repeat: no-repeat, repeat; background-position: bottom center, center; background-size: contain, auto; } } body.maintenance-page main { padding-top: 290px; position: relative; margin-bottom: 200px !important; } @media (min-width: 992px) { body.maintenance-page main { padding-top: 50px; margin-bottom: 0; } } body.maintenance-page main .bottom-animals { background: url("../images/layout/maintenance-bottom-two-organimal.png") no-repeat; width: 100%; position: absolute; top: 90%; height: 450px; background-size: cover; } @media (min-width: 992px) { body.maintenance-page main .bottom-animals { display: none; } } body.maintenance-page .oops-were-sorry { background: url("../images/layout/mobile-maintenance-block.png") no-repeat; background-size: cover; padding: 40px 80px; font-family: Supernett; font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: center; color: #095540; position: relative; } @media (min-width: 992px) { body.maintenance-page .oops-were-sorry { margin: 0 auto; padding: 40px 80px; background: url("../images/layout/maintenance-block-bg.png") no-repeat; background-size: cover; width: 690px; height: 474px; } } body.maintenance-page .oops-were-sorry h1 { font-size: 70px; font-weight: bold; } body.maintenance-page .oops-were-sorry p { margin-bottom: 20px; } .btn-wide-narrow, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit, #user-forgot-password #edit-submit, #user-pass-reset-page #edit-submit, #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .button--primary, #user-cancel-form #edit-submit { padding: .5rem 2rem; } form .password-checker { position: relative; } form .password-checker.visible .btn-checker { background: url("../images/layout/password-eye.png") no-repeat center/contain; opacity: 1; } form .password-checker .btn-checker { position: absolute; background: url("../images/layout/password-eye-hidden.png") no-repeat center/contain; width: 44px; height: 26px; top: 20px; right: 10px; border: 0; opacity: 0.6; } form .password-checker #edit-pass { padding-right: 60px; } form input.error, form textarea.error { border: 2px solid #ee4444; } form input.error + .form-item--error-message, form textarea.error + .form-item--error-message { color: #ee4444; } form input.error + .form-item--error-message a, form textarea.error + .form-item--error-message a { display: none; } form select.error + .select2 .select2-selection { border-color: #ee4444 !important; } form .form-item--error .form-item--error-message { color: #ee4444; } .text-success { color: #9ab63f !important; } .text-danger { color: #ee4444 !important; } .main-navigation { position: fixed; width: 100%; top: 0; background: url("../images/layout/navbar-menu.jpg") repeat; z-index: 100; height: 130px; max-width: 100vw; } @media (max-width: 991.98px) { .main-navigation { height: initial; } } .toggle-mobile-menu { width: 40px; height: 32px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; border: none; background: transparent; margin: 0 auto; margin-top: 18px; } .toggle-mobile-menu span { display: block; position: absolute; height: 6px; width: 100%; background: #095540; border-radius: 8px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; } .toggle-mobile-menu span:nth-child(1) { top: 0px; } .toggle-mobile-menu span:nth-child(2), .toggle-mobile-menu span:nth-child(3) { top: 11px; } .toggle-mobile-menu span:nth-child(4) { top: 22px; } .toggle-mobile-menu.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; } .toggle-mobile-menu.open span:nth-child(2) { transform: rotate(45deg); } .toggle-mobile-menu.open span:nth-child(3) { transform: rotate(-45deg); } .toggle-mobile-menu.open span:nth-child(4) { top: 16px; width: 0%; left: 50%; } #mobile-navigation .logo-container { display: flex; align-items: center; justify-content: center; } #mobile-navigation #mobile-navigation-primary { height: 62px; } #mobile-navigation #mobile-navigation-primary .logo-container img { max-height: 45px; margin-top: 7px; } #mobile-navigation #mobile-menu-container { display: none; height: calc(92vh); background: #fbf5ea; padding-bottom: 50px; overflow-y: scroll !important; } #mobile-navigation .login-mobile { background-color: #095540; padding: 20px 13px 5px; margin-top: 30px; margin-bottom: 20px; } #mobile-navigation .login-mobile ul { padding: 0; } #mobile-navigation .login-mobile ul li { list-style-type: none; } #mobile-navigation .login-mobile ul li a { color: #9ab63f; font-size: 44px; } #mobile-navigation .mobile-footer-menu ul { list-style: none; margin: 0; padding: 0; } #mobile-navigation .mobile-footer-menu ul li { padding: 13px; } #mobile-navigation .mobile-footer-menu ul li a { text-decoration: underline; color: #095540; } #mobile-navigation .accord-mobile h2 { display: none; } #mobile-navigation .accord-mobile .parent-menu > li:first-child { padding-top: 10px; } #mobile-navigation .accord-mobile .parent-menu > li:first-child > span { top: 50px; } #mobile-navigation .accord-mobile .parent-menu > li:first-child.active span { top: 25px; } #mobile-navigation .accord-mobile ul { list-style: none; margin: 0; padding: 0; } #mobile-navigation .accord-mobile ul > li { position: relative; } #mobile-navigation .accord-mobile ul > li span { display: none; } #mobile-navigation .accord-mobile ul > li a { padding-left: 13px; } #mobile-navigation .accord-mobile ul > li.has-submenu span { display: block; width: 40px; height: 40px; position: absolute; right: 20px; top: 30px; z-index: 20; content: " "; background: url("../images/layout/nav-chevron.svg") no-repeat top center/contain; background-size: 20px; cursor: pointer; } #mobile-navigation .accord-mobile ul > li > .menu--1 a { color: #095540; } #mobile-navigation .accord-mobile ul > li > .menu--1 > .active { background: #9fbc73 !important; } #mobile-navigation .accord-mobile ul > li > .menu--1 > .active > a:first-child { color: #ffffff !important; } #mobile-navigation .accord-mobile ul > li > .menu--2 { display: none; } #mobile-navigation .accord-mobile ul > li > .menu--2 a { color: #095540 !important; } #mobile-navigation .accord-mobile ul > li > .menu--2 > .active { background: #bdd279 !important; } #mobile-navigation .accord-mobile ul > li > .menu--3 { display: none; } #mobile-navigation .accord-mobile ul > li > .menu--3 a { color: #095540 !important; } #mobile-navigation .accord-mobile ul > li.active { background: #095540; } #mobile-navigation .accord-mobile ul > li.active ul.menu--1 { background: #9fbc73; } #mobile-navigation .accord-mobile ul > li.active ul.menu--2 { background: #bdd279; } #mobile-navigation .accord-mobile ul > li.active ul.menu--3 { background: #c9e086; } #mobile-navigation .accord-mobile ul > li.active ul a { color: #095540; } #mobile-navigation .accord-mobile ul > li.active > .menu--2, #mobile-navigation .accord-mobile ul > li.active > .menu--3 { display: block; } #mobile-navigation .accord-mobile ul > li.active.has-submenu span { display: block; width: 40px; height: 40px; z-index: 20; position: absolute; cursor: pointer; right: 20px; top: 0; content: " "; transform: rotate(180deg); background: url("../images/layout/nav-chevron-white.svg") no-repeat top center/contain; background-size: 20px; } #mobile-navigation .accord-mobile ul > li.active a { color: #9ab63f; } #mobile-navigation .accord-mobile ul > li.active a:after { display: none; } #mobile-navigation .accord-mobile ul > li.active a + ul { height: auto; } #mobile-navigation .accord-mobile ul > li a { color: #627826; position: relative; font-size: 44px; display: block; margin-top: 12px; margin-bottom: 12px; width: 75%; } #mobile-navigation .accord-mobile ul > li a:after { color: #095540; display: block; content: attr(title); font-size: 24px; margin-top: -8px; max-width: 200px; } #mobile-navigation .accord-mobile ul > li a:hover:after { text-decoration: none; } #mobile-navigation .accord-mobile ul > li a + ul { margin: 0; padding: 0; height: 0; transition: height .2s ease-in-out; overflow: hidden; } #mobile-navigation .accord-mobile ul > li a + ul li { padding: 0; } #mobile-navigation .menu__mobile_navigation { margin: 16px 0 0 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: space-around; } #mobile-navigation .menu__mobile_navigation .shop-now-nav { color: #fff; border: 2px solid #fff; padding: 6px 15px; border-radius: 6px; } #mobile-navigation .menu__mobile_navigation .shop-now-nav:hover { color: #095540; background-color: #fff; text-decoration: none; } #mobile-navigation > .container-fluid, #mobile-navigation > .container-sm, #mobile-navigation > .container-md, #mobile-navigation > .container-lg, #mobile-navigation > .container-xl, #mobile-navigation > .container-xxl { position: relative; } #mobile-navigation > .container-fluid:after, #mobile-navigation > .container-sm:after, #mobile-navigation > .container-md:after, #mobile-navigation > .container-lg:after, #mobile-navigation > .container-xl:after, #mobile-navigation > .container-xxl:after { display: block; position: absolute; content: " "; background-size: auto, cover; background-blend-mode: multiply; width: 100%; height: 35px; z-index: 1; left: 0; background: url("../images/layout/nav-background-tear-mobile.png") no-repeat top center/contain; top: 61px; } @media only screen and (min-width: 900px) { #mobile-navigation > .container-fluid:after, #mobile-navigation > .container-sm:after, #mobile-navigation > .container-md:after, #mobile-navigation > .container-lg:after, #mobile-navigation > .container-xl:after, #mobile-navigation > .container-xxl:after { background: url("../images/layout/nav-background-tear-mobile.png") no-repeat top center/cover; } } #mobile-navigation .nav-tabs { border-bottom: 2px solid #095540; } #mobile-navigation .nav-tabs .nav-link { color: #094937; padding-top: 1.5rem; padding-bottom: 1.5rem; background-color: #fbf5ea; } #mobile-navigation .nav-tabs .nav-link.active { background-color: #095540; color: #ffffff; border-color: #095540; } #mobile-navigation .tab-content { background-color: #fbf5ea; } #mobile-navigation .mobile-menu { background-color: #fbf5ea; height: 100%; } #mobile-navigation .mobile-menu .menu__account { margin: 0; padding: 0; } #desktop-navigation a, #desktop-navigation button { font-size: 28px; font-weight: 400; } @media (min-width: 992px) and (max-width: 1199.98px) { #desktop-navigation a, #desktop-navigation button { font-size: 24px; } } @media (min-width: 1500px) { #desktop-navigation a, #desktop-navigation button { display: block; font-size: 33px; } } #desktop-navigation #navigation-animal { width: 130px; position: absolute; left: -50px; bottom: 6px; display: none; } @media only screen and (min-width: 1276px) { #desktop-navigation #navigation-animal { display: block; } } #desktop-navigation #navigation-animal img { width: 100%; } @media (max-width: 1199.98px) { #desktop-navigation > .container { max-width: none !important; width: 100%; } } #desktop-navigation > .container .row { margin-top: -6px; } #desktop-navigation:after { display: block; pointer-events: none; position: fixed; top: 122px; content: " "; background-size: auto, cover; background-blend-mode: multiply; width: 100%; height: 35px; z-index: 1; background: url("../images/layout/nav-background-tear.png") no-repeat top center/cover; } #desktop-navigation .brand-logo { height: 130px; display: flex; align-items: center; justify-content: center; } #desktop-navigation .main-menu { list-style: none; padding: 0; margin: 0; } #desktop-navigation .main-menu > li { position: relative; padding: 0 .8rem; display: inline-flex; display: -webkit-inline-flex; white-space: nowrap; width: auto; } @media (min-width: 992px) { #desktop-navigation .main-menu > li { padding: 0 1rem 0 0; } #desktop-navigation .main-menu > li:last-child { padding-right: 0; } } #desktop-navigation .main-menu > li > a { display: flex; align-items: center; justify-content: center; color: #ffffff; height: 130px; } #desktop-navigation .main-menu > li > a + button { outline: none; display: none; } #desktop-navigation .main-menu > li > a + button:hover { cursor: pointer; } #desktop-navigation .main-menu > li > a.has-dropdown + button { display: inline-block; } #desktop-navigation .main-menu > li > a.menu-active + button { transform: rotate(180deg); background: url("../images/layout/nav-chevron-white.svg") no-repeat center/contain; } #desktop-navigation .main-menu > li > a.menu-active + button + .sub-menu { display: block; opacity: 1; } #desktop-navigation .main-menu > li .caret { padding: 0; background-size: 20px; border: none; color: #ffffff; margin-left: .5rem; width: 15px; background: url("../images/layout/nav-chevron.svg") no-repeat center/contain; } #desktop-navigation .main-menu > li .caret:hover { background: url("../images/layout/nav-chevron-white.svg") no-repeat center/contain; } #desktop-navigation .main-menu > li > .sub-menu { display: none; position: fixed; transition: all .2s ease-in-out; opacity: 0; } #desktop-navigation .main-menu > li > .sub-menu--1, #desktop-navigation .main-menu > li + .sub-menu--1 { margin: 0; background-color: #095540; left: 0; width: 100%; top: 125px; padding: 20px 13% 0; } #desktop-navigation .main-menu > li > .sub-menu--1 > li, #desktop-navigation .main-menu > li + .sub-menu--1 > li { display: inline-flex; display: -webkit-inline-flex; padding: 0 1rem; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .caret, #desktop-navigation .main-menu > li + .sub-menu--1 > li .caret { display: none; border: none; color: #ffffff; margin-left: .5rem; background: url("../images/layout/nav-chevron-white.svg") no-repeat center/contain; } #desktop-navigation .main-menu > li > .sub-menu--1 > li a.has-dropdown + button, #desktop-navigation .main-menu > li + .sub-menu--1 > li a.has-dropdown + button { outline: none; display: inline-block; } #desktop-navigation .main-menu > li > .sub-menu--1 > li a.has-dropdown + button:hover, #desktop-navigation .main-menu > li + .sub-menu--1 > li a.has-dropdown + button:hover { cursor: pointer; } #desktop-navigation .main-menu > li > .sub-menu--1 > li a.menu-active, #desktop-navigation .main-menu > li + .sub-menu--1 > li a.menu-active { color: #ffffff; } #desktop-navigation .main-menu > li > .sub-menu--1 > li a.menu-active + button, #desktop-navigation .main-menu > li + .sub-menu--1 > li a.menu-active + button { transform: rotate(180deg); } #desktop-navigation .main-menu > li > .sub-menu--1 > li a.menu-active + button + .sub-menu--2, #desktop-navigation .main-menu > li > .sub-menu--1 > li a.menu-active + button + .sub-menu--3, #desktop-navigation .main-menu > li + .sub-menu--1 > li a.menu-active + button + .sub-menu--2, #desktop-navigation .main-menu > li + .sub-menu--1 > li a.menu-active + button + .sub-menu--3 { display: block; } #desktop-navigation .main-menu > li > .sub-menu--1 > li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li a { display: flex; height: 93px; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.5); } #desktop-navigation .main-menu > li > .sub-menu--1 > li:hover > a, #desktop-navigation .main-menu > li + .sub-menu--1 > li:hover > a { color: #ffffff; text-decoration: none; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 { list-style: none; display: none; position: fixed; background: #9fbc73; left: 0; right: 0; top: 235px; padding: 0 14%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5); } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li { max-width: 300px; display: inline-flex; display: -webkit-inline-flex; padding: 0 1rem; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li.has-dropwdown .caret, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li.has-dropwdown .caret { display: block; border: none; color: #ffffff; margin-left: .5rem; background: url("../images/layout/nav-chevron-white.svg") no-repeat center/contain; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li a { color: #095540; font-size: 23px; height: 60px; } @media (min-width: 1200px) { #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li a { height: 80px; } } @media (min-width: 1500px) { #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li a { font-size: 26px; } } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li a:hover, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li a:hover { color: #0e8363; text-decoration: none; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li .product-image, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li .product-image { color: #095540; text-align: center; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li .product-image img { transition: all .2s ease-in-out; margin-bottom: 26px; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li .product-image span { display: block; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li:hover .product-image img, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li:active .product-image img, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li:focus .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li:hover .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li:active .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li:focus .product-image img { transform: scale(1.1); } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li:hover .product-image span, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li:active .product-image span, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--2 li:focus .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li:hover .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li:active .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--2 li:focus .product-image span { text-decoration: underline; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 { list-style: none; display: none; position: fixed; background: #bdd279; left: 0; right: 0; top: 295px; padding: 0 14%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5); } @media (min-width: 1200px) { #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 { top: 315px; } } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li { max-width: 300px; display: inline-block; margin-right: 30px; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li a { color: #095540; font-size: 23px; height: 60px; } @media (min-width: 1200px) { #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li a { height: 80px; } } @media (min-width: 1500px) { #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li a, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li a { font-size: 26px; } } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li a:hover, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li a:hover { color: #0e8363; text-decoration: none; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li .product-image, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li .product-image { color: #095540; text-align: center; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li .product-image img { transition: all .2s ease-in-out; margin-bottom: 26px; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li .product-image span { display: block; } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li:hover .product-image img, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li:active .product-image img, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li:focus .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li:hover .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li:active .product-image img, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li:focus .product-image img { transform: scale(1.1); } #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li:hover .product-image span, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li:active .product-image span, #desktop-navigation .main-menu > li > .sub-menu--1 > li .sub-menu--3 li:focus .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li:hover .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li:active .product-image span, #desktop-navigation .main-menu > li + .sub-menu--1 > li .sub-menu--3 li:focus .product-image span { text-decoration: underline; } .account-menu { display: flex; height: 130px; justify-content: center; align-items: center; } @media (min-width: 992px) and (max-width: 1199.98px) { .account-menu { padding-right: 0.5rem; } } @media (min-width: 992px) and (max-width: 1199.98px) { .account-menu__wrapper { flex-grow: 0; padding: 0; } } .account-menu .search-icon-button { cursor: pointer; border: 2px solid transparent; margin-top: -12px; width: 100px; } @media (min-width: 1500px) { .account-menu .search-icon-button { margin-right: 10px; width: auto; } } .account-menu .search-icon-button img { width: 20px; margin-right: 10px; } .account-menu #block-organix-account-menu .menu__account { padding: 0; margin: 0; list-style: none; white-space: nowrap; width: auto; } @media (min-width: 768px) and (max-width: 1499.98px) { .account-menu #block-organix-account-menu .menu__account { display: flex; align-items: center; justify-content: center; flex-direction: row; } } .account-menu #block-organix-account-menu .menu__account li { display: block; text-align: center; } .account-menu #block-organix-account-menu .menu__account li:first-child { margin-right: 10px; } .account-menu #block-organix-account-menu .menu__account li:last-child { margin-left: 5px; } .account-menu #block-organix-account-menu .menu__account li:empty { display: none; } @media (min-width: 1200px) { .account-menu #block-organix-account-menu .menu__account li { display: inline-block; } } .account-menu #block-organix-account-menu .menu__account li.logout-link-container { margin: 0; } .account-menu #block-organix-account-menu .menu__account li a { display: block; margin-bottom: 10px; font-size: 23px; } @media (min-width: 1500px) { .account-menu #block-organix-account-menu .menu__account li a { margin-right: 10px; font-size: 28px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .account-menu #block-organix-account-menu .menu__account li a { font-size: 20px; } } .account-menu #block-organix-account-menu .menu__account li a.login-link, .account-menu #block-organix-account-menu .menu__account li a.my-account-link { color: #ffffff; border-radius: 6px; padding: .25rem 1rem; border: 2px solid #ffffff; } @media (min-width: 992px) and (max-width: 1199.98px) { .account-menu #block-organix-account-menu .menu__account li a.login-link, .account-menu #block-organix-account-menu .menu__account li a.my-account-link { padding: 0.25rem 0.5rem; } } .account-menu #block-organix-account-menu .menu__account li a.login-link:hover, .account-menu #block-organix-account-menu .menu__account li a.login-link:focus, .account-menu #block-organix-account-menu .menu__account li a.login-link:active, .account-menu #block-organix-account-menu .menu__account li a.my-account-link:hover, .account-menu #block-organix-account-menu .menu__account li a.my-account-link:focus, .account-menu #block-organix-account-menu .menu__account li a.my-account-link:active { background: #ffffff; color: #094937; text-decoration: none; } .account-menu #block-organix-account-menu .menu__account li a.logout-link { display: block; align-items: center; position: absolute; color: #ffffff; top: 0; height: 130px; text-decoration: underline; text-align: center; right: -60px; top: 40px; } @media only screen and (max-width: 1500px) { .account-menu #block-organix-account-menu .menu__account li a.logout-link { right: -75px; } } @media only screen and (max-width: 1305px) { .account-menu #block-organix-account-menu .menu__account li a.logout-link { top: 90px; right: -5px; } } @media only screen and (max-width: 1199px) { .account-menu #block-organix-account-menu .menu__account li a.logout-link { top: 90px; right: 22px; } } .account-menu #block-organix-account-menu .menu__account li a.shop-now-link { display: block; border-radius: 6px; padding: .25rem 1rem; border: 2px solid #095540; background: #095540; color: #ffffff; } @media (min-width: 992px) and (max-width: 1199.98px) { .account-menu #block-organix-account-menu .menu__account li a.shop-now-link { padding: 0.25rem 0.5rem; } } .account-menu #block-organix-account-menu .menu__account li a.shop-now-link:hover, .account-menu #block-organix-account-menu .menu__account li a.shop-now-link:focus, .account-menu #block-organix-account-menu .menu__account li a.shop-now-link:active { border-color: #ffffff; background: #ffffff; color: #094937; text-decoration: none; } #organix-footer { position: relative; background: url("../images/layout/footer-bg.jpg") #9ab63f; z-index: 1; margin-top: 120px; } @media (max-width: 991.98px) { #organix-footer .footer-food-item { margin-left: -70px; margin-top: 40px; } } @media (max-width: 991.98px) { #organix-footer .footer-animal-image-container { position: relative; overflow: hidden; height: 150px; } } @media (max-width: 991.98px) { #organix-footer .footer-animal-image { display: none; } } #organix-footer:before { position: absolute; background: url("../images/layout/footer-curve.png") repeat-x center bottom; height: 120px; display: block; top: -120px; content: " "; width: 100%; background-size: cover; pointer-events: none; } #organix-footer h2 { font-weight: bold; color: #094937; text-align: center; } @media (min-width: 768px) { #organix-footer h2 { display: block; text-align: left; } } @media (min-width: 768px) { #organix-footer { padding-bottom: 60px; padding-top: 40px; } } #organix-footer ul { list-style: none; padding: 0; margin: 0 0 2rem; } #organix-footer ul.menu__social { margin-top: 2rem; display: flex; justify-content: space-evenly; } @media (min-width: 768px) { #organix-footer ul.menu__social { justify-content: flex-start; } } #organix-footer ul.menu__social li { margin: 0 10px 10px 0; display: inline-block; } #organix-footer ul.menu__social li a img { width: 40px; margin: 8px; } #organix-footer ul li { text-align: center; } @media (min-width: 768px) { #organix-footer ul li { text-align: left; } } #organix-footer ul li a { color: #094937; } #organix-footer .footer-animal-image-container { position: relative; } #organix-footer .footer-animal-image-container .footer-animal-image { position: absolute; top: -90px; left: 119px; } @media (min-width: 768px) { #organix-footer .footer-animal-image-container .footer-animal-image { left: 159px; } } #crocTail { transform-origin: left; transform: rotate(-18deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; animation-name: croc; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; left: 439px !important; top: -78px !important; } @keyframes croc { 0% { transform: translate(0, 0) rotate(-18deg); } 50% { transform: translate(0, 0) rotate(-21deg); } 100% { transform: translate(0, 0) rotate(-18deg); } } .search-icon-button { border: none; background: transparent; color: #ffffff; font-size: 1.2em; } body.scroll-lock { overflow-y: scroll; position: fixed; } .mobile-search-button { margin-top: 10px; border: none; z-index: 1; } .mobile-search-button img { margin-top: -5px; } #search-overlay { display: none; position: fixed; top: 100px; width: 100%; bottom: 0; background: #ffffff; z-index: 99; color: #095540; height: calc(100vh - 130px); overflow-y: scroll; } @media (min-width: 768px) { #search-overlay { top: 130px; } } #search-overlay a { color: #095540; } #search-overlay .search-query-title { margin-top: 75px; margin-bottom: 42px; text-align: center; } #search-overlay .nav-tabs { border-bottom: 0; } #search-overlay .nav-tabs .nav-link { border: 1px solid #627826; margin: 0 10px; border-radius: 6px; } #search-overlay .nav-tabs .nav-link:hover, #search-overlay .nav-tabs .nav-link:focus, #search-overlay .nav-tabs .nav-link:active { background: #627826; color: #ffffff; } #search-overlay .nav-tabs .nav-link.active { background: #9ab63f; } #search-overlay.active { display: block; } #search-overlay .close-search { background: transparent; border: none; font-size: 2rem; margin-top: 35px; color: #095540; } #search-overlay #search-input { border: 1px solid #095540; border-radius: 6px; padding: 20px 40px 20px 60px; font-size: 1.5rem; background: url("../images/layout/search.svg") no-repeat left 20px center; } #search-overlay .search-result-item { margin: 20px 0 60px 0; } #search-overlay .search-result-item .node-image { float: left; width: 110px; text-align: center; height: 100%; } #search-overlay .search-result-item .search-result-item--link { font-weight: bold; text-decoration: underline; } .icon { display: inline-block; background-size: contain; background-repeat: no-repeat; height: 15px; width: 15px; } .icon--pencil, .icon--edit { background-image: url(../images/layout/icon-edit.svg); } .flatpickr-months .flatpickr-month, .flatpickr-weekdays, span.flatpickr-weekday, .flatpickr-day.selected, .flatpickr-day.selected.prevMonthDay { background-color: #095540; } .flatpickr-day.selected, .flatpickr-day.selected.prevMonthDay { border-color: #095540; } .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay:hover { background-color: #9ab63f; border-color: #9ab63f; } span.flatpickr-weekday { color: #ffffff; } .flatpickr-current-month .flatpickr-monthDropdown-months { background-color: #095540; } #cc_c2a.c2a_light.c2a_accent_default { font-size: 24px; } #cc_c2a.c2a_light.c2a_accent_default ul.c2a_results { max-height: calc(70px * 5); } #cc_c2a.c2a_light.c2a_accent_default ul.c2a_results li { min-height: 70px !important; } #cc_c2a.c2a_light.c2a_accent_default ul.c2a_results li div { min-height: 70px !important; display: flex; align-items: center; } #cc_c2a.c2a_light.c2a_accent_default ul.c2a_results li div span { font-size: 24px; } #cc_c2a.c2a_light.c2a_accent_default ul.c2a_results li:hover { background-color: #627826 !important; } /* Frame */ .wrap { position: relative; margin: 3em 0; } .frame { overflow: hidden; } .frame ul { list-style: none; height: 100%; padding-left: 0; } .frame ul li { float: left; } .frame ul li.our-food-tile { padding: 9px !important; width: 260px; } .frame ul li.our-food-tile .item { padding: 20px 10px 56px; } .frame ul li.our-food-tile .item .image-container img { max-width: 200px; height: auto; } .frame ul li.our-food-tile .item .product-stage { line-height: 1; font-size: 22px; font-weight: bold; } .frame ul li.our-food-tile .item .product-title { font-size: 24px !important; line-height: 30px !important; } .frame ul li.our-food-tile .item .pack-size { height: 35px; font-size: 16px; margin-top: 10px; margin-bottom: 20px; } /* Scrollbar */ .scrollbar { margin: 0 0 1em 0; height: 15px; border-radius: 8px; background-color: rgba(102, 106, 108, 0.4); opacity: 0.2; } .scrollbar .handle { height: 100%; border-radius: 8px; background-color: rgba(102, 106, 108, 0.4); opacity: 0.5; cursor: pointer; } .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; } @media (max-width: 991.98px) { .controls { display: none !important; } } .controls.center button { position: absolute; top: 209px; } .controls.center button.btn.prev, .controls.center #user-login-page #edit-actions button.prev#edit-submit, #user-login-page #edit-actions .controls.center button.prev#edit-submit, .controls.center #user-register-page #edit-actions button.prev#edit-submit, #user-register-page #edit-actions .controls.center button.prev#edit-submit, .controls.center #user-forgot-password button.prev#edit-submit, #user-forgot-password .controls.center button.prev#edit-submit, .controls.center #user-pass-reset-page button.prev#edit-submit, #user-pass-reset-page .controls.center button.prev#edit-submit, .controls.center #user-edit-page .tabbed-three-col .tab-pane#children button.prev.form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .controls.center button.prev.form-submit, .controls.center #user-edit-page button.prev.button--primary, #user-edit-page .controls.center button.prev.button--primary, .controls.center #user-cancel-form button.prev#edit-submit, #user-cancel-form .controls.center button.prev#edit-submit { left: -50px; } .controls.center button.btn.prev img, .controls.center #user-login-page #edit-actions button.prev#edit-submit img, #user-login-page #edit-actions .controls.center button.prev#edit-submit img, .controls.center #user-register-page #edit-actions button.prev#edit-submit img, #user-register-page #edit-actions .controls.center button.prev#edit-submit img, .controls.center #user-forgot-password button.prev#edit-submit img, #user-forgot-password .controls.center button.prev#edit-submit img, .controls.center #user-pass-reset-page button.prev#edit-submit img, #user-pass-reset-page .controls.center button.prev#edit-submit img, .controls.center #user-edit-page .tabbed-three-col .tab-pane#children button.prev.form-submit img, #user-edit-page .tabbed-three-col .tab-pane#children .controls.center button.prev.form-submit img, .controls.center #user-edit-page button.prev.button--primary img, #user-edit-page .controls.center button.prev.button--primary img, .controls.center #user-cancel-form button.prev#edit-submit img, #user-cancel-form .controls.center button.prev#edit-submit img { transform: scaleX(-1); } .controls.center button.btn.next, .controls.center #user-login-page #edit-actions button.next#edit-submit, #user-login-page #edit-actions .controls.center button.next#edit-submit, .controls.center #user-register-page #edit-actions button.next#edit-submit, #user-register-page #edit-actions .controls.center button.next#edit-submit, .controls.center #user-forgot-password button.next#edit-submit, #user-forgot-password .controls.center button.next#edit-submit, .controls.center #user-pass-reset-page button.next#edit-submit, #user-pass-reset-page .controls.center button.next#edit-submit, .controls.center #user-edit-page .tabbed-three-col .tab-pane#children button.next.form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .controls.center button.next.form-submit, .controls.center #user-edit-page button.next.button--primary, #user-edit-page .controls.center button.next.button--primary, .controls.center #user-cancel-form button.next#edit-submit, #user-cancel-form .controls.center button.next#edit-submit { right: -50px; } nav.pager { display: flex; justify-content: center; padding: 0; margin: 0 auto; } nav.pager ul.pager__items { margin: 0 auto; list-style: none; padding: 0; display: flex; flex-direction: row; justify-content: center; width: auto; background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), silver calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px)); } nav.pager ul.pager__items .pager__item a { width: 44px; height: 44px; border-radius: 6px; border: solid 2px #095540; background-color: #fbf5ea; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0 5px; position: relative; color: #095540; } nav.pager ul.pager__items .pager__item:first-child a { margin-left: 0; } nav.pager ul.pager__items .pager__item:last-child a { margin-right: 0; } nav.pager ul.pager__items .pager__item.is-active a, nav.pager ul.pager__items .pager__item:hover a, nav.pager ul.pager__items .pager__item:active a, nav.pager ul.pager__items .pager__item:focus a { background: #9ab63f; border-color: #9ab63f; cursor: pointer; text-decoration: none; } nav.pager ul.pager__items .pager__item--first a, nav.pager ul.pager__items .pager__item--previous a, nav.pager ul.pager__items .pager__item--next a, nav.pager ul.pager__items .pager__item--last a { background: #9ab63f; border-color: #9ab63f; padding: 9px 35px; } nav.pager ul.pager__items .pager__item--first { display: none; } nav.pager ul.pager__items .pager__item--previous a { margin-left: 0; } nav.pager ul.pager__items .pager__item--previous a span { position: absolute; bottom: 8px; left: 4px; font-size: 17px; } nav.pager ul.pager__items .pager__item--last { display: none; } nav.pager ul.pager__items .pager__item--next a { margin-right: 0; } nav.pager ul.pager__items .pager__item--next a span { position: absolute; bottom: 8px; left: 15px; font-size: 17px; } #sliding-popup { width: 100%; } @media (min-width: 992px) { #sliding-popup { height: 108px; } } @media only screen and (min-width: 1294px) { #sliding-popup { bottom: -10px !important; } } .eu-cookie-compliance-banner { padding-top: 18px; padding-bottom: 18px; background-color: #095540; color: #ffffff; } .eu-cookie-compliance-banner .eu-cookie-compliance-content { display: flex; flex-direction: column; max-width: 90%; } @media (min-width: 992px) { .eu-cookie-compliance-banner .eu-cookie-compliance-content { flex-direction: row; justify-content: space-between; } } .eu-cookie-compliance-banner .eu-cookie-compliance-message { max-width: 90%; } @media (min-width: 992px) { .eu-cookie-compliance-banner .eu-cookie-compliance-message { max-width: 70%; } } .eu-cookie-compliance-banner #popup-text { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; } @media (min-width: 992px) { .eu-cookie-compliance-banner #popup-text { flex-direction: row; } } .eu-cookie-compliance-banner #popup-text p { position: relative; margin-bottom: 50px; } @media (min-width: 992px) { .eu-cookie-compliance-banner #popup-text p { margin-bottom: initial; margin-right: 80px; max-width: 70%; } } @media (min-width: 992px) { .eu-cookie-compliance-banner #popup-text p:after { position: absolute; right: -250px; top: -85px; content: ' '; background: url("../images/layout/cookie-banner-image.png") no-repeat center; width: 115px; height: 172px; } } @media (min-width: 992px) { .eu-cookie-compliance-banner .eu-cookie-compliance-buttons { margin-right: 7%; } } @media (min-width: 1500px) { .eu-cookie-compliance-banner .eu-cookie-compliance-buttons { margin-right: 10%; } } .eu-cookie-compliance-banner .agree-button { background: #9ab63f; border: none; border-radius: 6px; color: #094937; padding: .5rem 1.2rem; margin-top: calc(33px - 18px); position: absolute; bottom: 10px; } @media (min-width: 992px) { .eu-cookie-compliance-banner .agree-button { position: relative; } } .eu-cookie-compliance-banner .decline-button { bottom: 15px; right: 30px; color: #ffffff; background: transparent; border: none; font-family: Arial; position: absolute; } @media (min-width: 992px) { .eu-cookie-compliance-banner .decline-button { top: 3px; right: 30px; } } .eu-cookie-compliance-banner .find-more-button { text-decoration: underline; background: transparent; border: none; color: #ffffff; width: 120px; text-align: left; position: absolute; bottom: 20px; left: 30%; } @media (min-width: 992px) { .eu-cookie-compliance-banner .find-more-button { position: relative; width: 160px; margin-top: 28px; left: 25%; } } .cookies-page { padding-top: 50px; padding-bottom: 250px; color: #666a6c; /* Rounded sliders */ } .cookies-page h2 { margin-top: 45px; color: #627826; } .cookies-page .cookie-row { margin-top: 75px; } .cookies-page .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .cookies-page .switch input { opacity: 0; width: 0; height: 0; } .cookies-page .visual-label { display: block; } .cookies-page .visual-label > span { padding-top: 20px; } .cookies-page .visual-label .off { display: block; } .cookies-page .visual-label .on { display: none; } .cookies-page .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; } .cookies-page .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } .cookies-page input:checked + .slider { background-color: #bdd279; } .cookies-page input:checked + .slider + .visual-label .on { display: block; } .cookies-page input:checked + .slider + .visual-label .off { display: none; } .cookies-page input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .cookies-page input:checked + .slider:before { transform: translateX(26px); } .cookies-page .slider.round { border-radius: 34px; } .cookies-page .slider.round:before { border-radius: 50%; } .cookies-page table { width: 100%; } .cookies-page table thead { border-bottom: 1px solid rgba(9, 73, 55, 0.61); } .cookies-page table thead th { font-family: Arial, Geneva, sans-serif; padding-bottom: 22px; color: #095540; text-align: center; } .cookies-page table tbody td { padding: 20px 20px; } .cookies-page table tbody td:last-child { text-align: right; } body .bv_histogram_row_star { background: url("../images/icons/heart-fill.png") no-repeat !important; display: block !important; width: 19px; height: 17px; margin-top: 3px; margin-left: 3px; } body .bv_histogram_row_star svg { display: none; } body #block-organix-content .bv-cv2-cleanslate .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star { padding-right: 20px !important; position: relative !important; } body #block-organix-content .bv-cv2-cleanslate .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star::after { content: "" !important; background: url("../images/icons/heart-fill.png") no-repeat !important; position: absolute !important; top: 1px; right: -2px; display: block !important; width: 19px; height: 17px; } body #block-organix-content .bv-cv2-cleanslate .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star .bv-glyph { display: none !important; } body div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content { padding: 1em !important; } body [data-bv-show="rating_summary"] .bv_main_container { flex-direction: column !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg { display: none !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon { position: relative !important; width: 21px !important; height: 19px !important; margin-right: 1px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--empty { background: url("../images/icons/heart-outline.png") !important; height: 100% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill { background: url("../images/icons/heart-fill.png") !important; position: absolute !important; top: 1px !important; left: 1px !important; width: 19px !important; height: 17px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-10 { width: 3px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-20 { width: 4px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-30 { width: 6px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-40 { width: 8px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-50 { width: 10px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-60 { width: 11px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-70 { width: 13px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-80 { width: 15px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .heart-icon--fill-90 { width: 17px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts { width: 125px !important; height: 20px !important; position: relative !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon { width: 100% !important; height: 100% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--empty { background: url("../images/icons/rating-heart-0.png") !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full { background: url("../images/icons/rating-heart-5.png") !important; position: absolute !important; top: 0 !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-0 { width: 0% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-1 { width: 1% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-2 { width: 2% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-3 { width: 3% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-4 { width: 4% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-5 { width: 5% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-6 { width: 6% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-7 { width: 7% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-8 { width: 8% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-9 { width: 9% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-10 { width: 10% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-11 { width: 11% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-12 { width: 12% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-13 { width: 13% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-14 { width: 14% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-15 { width: 15% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-16 { width: 16% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-17 { width: 17% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-18 { width: 18% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-19 { width: 19% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-20 { width: 20% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-21 { width: 21% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-22 { width: 22% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-23 { width: 23% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-24 { width: 24% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-25 { width: 25% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-26 { width: 26% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-27 { width: 27% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-28 { width: 28% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-29 { width: 29% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-30 { width: 30% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-31 { width: 31% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-32 { width: 32% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-33 { width: 33% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-34 { width: 34% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-35 { width: 35% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-36 { width: 36% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-37 { width: 37% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-38 { width: 38% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-39 { width: 39% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-40 { width: 40% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-41 { width: 41% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-42 { width: 42% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-43 { width: 43% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-44 { width: 44% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-45 { width: 45% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-46 { width: 46% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-47 { width: 47% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-48 { width: 48% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-49 { width: 49% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-50 { width: 50% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-51 { width: 51% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-52 { width: 52% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-53 { width: 53% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-54 { width: 54% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-55 { width: 55% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-56 { width: 56% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-57 { width: 57% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-58 { width: 58% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-59 { width: 59% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-60 { width: 60% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-61 { width: 61% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-62 { width: 62% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-63 { width: 63% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-64 { width: 64% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-65 { width: 65% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-66 { width: 66% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-67 { width: 67% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-68 { width: 68% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-69 { width: 69% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-70 { width: 70% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-71 { width: 71% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-72 { width: 72% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-73 { width: 73% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-74 { width: 74% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-75 { width: 75% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-76 { width: 76% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-77 { width: 77% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-78 { width: 78% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-79 { width: 79% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-80 { width: 80% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-81 { width: 81% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-82 { width: 82% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-83 { width: 83% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-84 { width: 84% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-85 { width: 85% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-86 { width: 86% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-87 { width: 87% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-88 { width: 88% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-89 { width: 89% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-90 { width: 90% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-91 { width: 91% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-92 { width: 92% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-93 { width: 93% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-94 { width: 94% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-95 { width: 95% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-96 { width: 96% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-97 { width: 97% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-98 { width: 98% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-99 { width: 99% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container .hearts__icon--full-100 { width: 100% !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container, body [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container { padding-top: 1px !important; } body [data-bv-show="rating_summary"] .bv_main_container #ratings-summary { padding-right: 0 !important; margin-bottom: 15px !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist { color: #9ab63f !important; display: inline !important; padding-bottom: 10px !important; background: url("../images/layout/curved-bottom-underline.svg") no-repeat bottom !important; overflow: visible !important; font-family: Supernett !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover { text-decoration: none; font-family: Supernett !important; } body [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist::after { content: ''; display: inline-block; background-image: url(../images/layout/icon-edit.svg); background-size: contain; background-repeat: no-repeat; height: 15px; width: 15px; margin-left: 5px; } @media (max-width: 991.98px) { body .food-pdp [data-bv-show="rating_summary"] .bv_main_container #ratings-summary + div.bv_main_container_row_flex { padding-right: 0 !important; position: relative !important; top: 30px !important; } body .food-pdp [data-bv-show="rating_summary"] .bv_main_container #ratings-summary + div.bv_main_container_row_flex > .bv_main_container_row_flex { padding-right: 0 !important; margin: auto !important; } } body #BVRRSearchContainer .bv-rating-stars-container { display: inline-flex !important; } body #BVRRSearchContainer .bv-rating-stars-container .bv-rating-stars, body #BVRRSearchContainer .bv-rating-stars-container .bv-rating-stars-on { display: none !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon { position: relative !important; width: 21px !important; height: 19px !important; margin-right: 1px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--empty { background: url("../images/icons/heart-outline.png") !important; height: 100% !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill { background: url("../images/icons/heart-fill.png") !important; position: absolute !important; top: 1px !important; left: 1px !important; width: 19px !important; height: 17px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-10 { width: 3px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-20 { width: 4px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-30 { width: 6px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-40 { width: 8px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-50 { width: 10px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-60 { width: 11px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-70 { width: 13px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-80 { width: 15px !important; } body #BVRRSearchContainer .bv-rating-stars-container .heart-icon--fill-90 { width: 17px !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts { width: 125px !important; height: 20px !important; position: relative !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon { width: 100% !important; height: 100% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--empty { background: url("../images/icons/rating-heart-0.png") !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full { background: url("../images/icons/rating-heart-5.png") !important; position: absolute !important; top: 0 !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-0 { width: 0% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-1 { width: 1% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-2 { width: 2% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-3 { width: 3% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-4 { width: 4% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-5 { width: 5% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-6 { width: 6% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-7 { width: 7% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-8 { width: 8% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-9 { width: 9% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-10 { width: 10% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-11 { width: 11% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-12 { width: 12% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-13 { width: 13% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-14 { width: 14% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-15 { width: 15% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-16 { width: 16% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-17 { width: 17% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-18 { width: 18% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-19 { width: 19% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-20 { width: 20% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-21 { width: 21% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-22 { width: 22% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-23 { width: 23% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-24 { width: 24% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-25 { width: 25% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-26 { width: 26% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-27 { width: 27% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-28 { width: 28% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-29 { width: 29% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-30 { width: 30% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-31 { width: 31% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-32 { width: 32% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-33 { width: 33% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-34 { width: 34% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-35 { width: 35% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-36 { width: 36% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-37 { width: 37% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-38 { width: 38% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-39 { width: 39% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-40 { width: 40% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-41 { width: 41% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-42 { width: 42% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-43 { width: 43% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-44 { width: 44% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-45 { width: 45% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-46 { width: 46% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-47 { width: 47% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-48 { width: 48% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-49 { width: 49% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-50 { width: 50% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-51 { width: 51% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-52 { width: 52% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-53 { width: 53% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-54 { width: 54% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-55 { width: 55% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-56 { width: 56% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-57 { width: 57% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-58 { width: 58% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-59 { width: 59% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-60 { width: 60% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-61 { width: 61% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-62 { width: 62% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-63 { width: 63% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-64 { width: 64% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-65 { width: 65% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-66 { width: 66% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-67 { width: 67% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-68 { width: 68% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-69 { width: 69% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-70 { width: 70% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-71 { width: 71% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-72 { width: 72% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-73 { width: 73% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-74 { width: 74% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-75 { width: 75% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-76 { width: 76% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-77 { width: 77% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-78 { width: 78% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-79 { width: 79% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-80 { width: 80% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-81 { width: 81% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-82 { width: 82% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-83 { width: 83% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-84 { width: 84% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-85 { width: 85% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-86 { width: 86% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-87 { width: 87% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-88 { width: 88% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-89 { width: 89% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-90 { width: 90% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-91 { width: 91% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-92 { width: 92% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-93 { width: 93% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-94 { width: 94% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-95 { width: 95% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-96 { width: 96% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-97 { width: 97% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-98 { width: 98% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-99 { width: 99% !important; } body #BVRRSearchContainer .bv-rating-stars-container .hearts__icon--full-100 { width: 100% !important; } body #BVRRContainer .heart-icon { position: relative !important; width: 21px !important; height: 19px !important; margin-right: 1px !important; } body #BVRRContainer .heart-icon--empty { background: url("../images/icons/heart-outline.png") !important; height: 100% !important; } body #BVRRContainer .heart-icon--fill { background: url("../images/icons/heart-fill.png") !important; position: absolute !important; top: 1px !important; left: 1px !important; width: 19px !important; height: 17px !important; } body #BVRRContainer .heart-icon--fill-10 { width: 3px !important; } body #BVRRContainer .heart-icon--fill-20 { width: 4px !important; } body #BVRRContainer .heart-icon--fill-30 { width: 6px !important; } body #BVRRContainer .heart-icon--fill-40 { width: 8px !important; } body #BVRRContainer .heart-icon--fill-50 { width: 10px !important; } body #BVRRContainer .heart-icon--fill-60 { width: 11px !important; } body #BVRRContainer .heart-icon--fill-70 { width: 13px !important; } body #BVRRContainer .heart-icon--fill-80 { width: 15px !important; } body #BVRRContainer .heart-icon--fill-90 { width: 17px !important; } body #BVRRContainer .hearts { width: 125px !important; height: 20px !important; position: relative !important; } body #BVRRContainer .hearts__icon { width: 100% !important; height: 100% !important; } body #BVRRContainer .hearts__icon--empty { background: url("../images/icons/rating-heart-0.png") !important; } body #BVRRContainer .hearts__icon--full { background: url("../images/icons/rating-heart-5.png") !important; position: absolute !important; top: 0 !important; } body #BVRRContainer .hearts__icon--full-0 { width: 0% !important; } body #BVRRContainer .hearts__icon--full-1 { width: 1% !important; } body #BVRRContainer .hearts__icon--full-2 { width: 2% !important; } body #BVRRContainer .hearts__icon--full-3 { width: 3% !important; } body #BVRRContainer .hearts__icon--full-4 { width: 4% !important; } body #BVRRContainer .hearts__icon--full-5 { width: 5% !important; } body #BVRRContainer .hearts__icon--full-6 { width: 6% !important; } body #BVRRContainer .hearts__icon--full-7 { width: 7% !important; } body #BVRRContainer .hearts__icon--full-8 { width: 8% !important; } body #BVRRContainer .hearts__icon--full-9 { width: 9% !important; } body #BVRRContainer .hearts__icon--full-10 { width: 10% !important; } body #BVRRContainer .hearts__icon--full-11 { width: 11% !important; } body #BVRRContainer .hearts__icon--full-12 { width: 12% !important; } body #BVRRContainer .hearts__icon--full-13 { width: 13% !important; } body #BVRRContainer .hearts__icon--full-14 { width: 14% !important; } body #BVRRContainer .hearts__icon--full-15 { width: 15% !important; } body #BVRRContainer .hearts__icon--full-16 { width: 16% !important; } body #BVRRContainer .hearts__icon--full-17 { width: 17% !important; } body #BVRRContainer .hearts__icon--full-18 { width: 18% !important; } body #BVRRContainer .hearts__icon--full-19 { width: 19% !important; } body #BVRRContainer .hearts__icon--full-20 { width: 20% !important; } body #BVRRContainer .hearts__icon--full-21 { width: 21% !important; } body #BVRRContainer .hearts__icon--full-22 { width: 22% !important; } body #BVRRContainer .hearts__icon--full-23 { width: 23% !important; } body #BVRRContainer .hearts__icon--full-24 { width: 24% !important; } body #BVRRContainer .hearts__icon--full-25 { width: 25% !important; } body #BVRRContainer .hearts__icon--full-26 { width: 26% !important; } body #BVRRContainer .hearts__icon--full-27 { width: 27% !important; } body #BVRRContainer .hearts__icon--full-28 { width: 28% !important; } body #BVRRContainer .hearts__icon--full-29 { width: 29% !important; } body #BVRRContainer .hearts__icon--full-30 { width: 30% !important; } body #BVRRContainer .hearts__icon--full-31 { width: 31% !important; } body #BVRRContainer .hearts__icon--full-32 { width: 32% !important; } body #BVRRContainer .hearts__icon--full-33 { width: 33% !important; } body #BVRRContainer .hearts__icon--full-34 { width: 34% !important; } body #BVRRContainer .hearts__icon--full-35 { width: 35% !important; } body #BVRRContainer .hearts__icon--full-36 { width: 36% !important; } body #BVRRContainer .hearts__icon--full-37 { width: 37% !important; } body #BVRRContainer .hearts__icon--full-38 { width: 38% !important; } body #BVRRContainer .hearts__icon--full-39 { width: 39% !important; } body #BVRRContainer .hearts__icon--full-40 { width: 40% !important; } body #BVRRContainer .hearts__icon--full-41 { width: 41% !important; } body #BVRRContainer .hearts__icon--full-42 { width: 42% !important; } body #BVRRContainer .hearts__icon--full-43 { width: 43% !important; } body #BVRRContainer .hearts__icon--full-44 { width: 44% !important; } body #BVRRContainer .hearts__icon--full-45 { width: 45% !important; } body #BVRRContainer .hearts__icon--full-46 { width: 46% !important; } body #BVRRContainer .hearts__icon--full-47 { width: 47% !important; } body #BVRRContainer .hearts__icon--full-48 { width: 48% !important; } body #BVRRContainer .hearts__icon--full-49 { width: 49% !important; } body #BVRRContainer .hearts__icon--full-50 { width: 50% !important; } body #BVRRContainer .hearts__icon--full-51 { width: 51% !important; } body #BVRRContainer .hearts__icon--full-52 { width: 52% !important; } body #BVRRContainer .hearts__icon--full-53 { width: 53% !important; } body #BVRRContainer .hearts__icon--full-54 { width: 54% !important; } body #BVRRContainer .hearts__icon--full-55 { width: 55% !important; } body #BVRRContainer .hearts__icon--full-56 { width: 56% !important; } body #BVRRContainer .hearts__icon--full-57 { width: 57% !important; } body #BVRRContainer .hearts__icon--full-58 { width: 58% !important; } body #BVRRContainer .hearts__icon--full-59 { width: 59% !important; } body #BVRRContainer .hearts__icon--full-60 { width: 60% !important; } body #BVRRContainer .hearts__icon--full-61 { width: 61% !important; } body #BVRRContainer .hearts__icon--full-62 { width: 62% !important; } body #BVRRContainer .hearts__icon--full-63 { width: 63% !important; } body #BVRRContainer .hearts__icon--full-64 { width: 64% !important; } body #BVRRContainer .hearts__icon--full-65 { width: 65% !important; } body #BVRRContainer .hearts__icon--full-66 { width: 66% !important; } body #BVRRContainer .hearts__icon--full-67 { width: 67% !important; } body #BVRRContainer .hearts__icon--full-68 { width: 68% !important; } body #BVRRContainer .hearts__icon--full-69 { width: 69% !important; } body #BVRRContainer .hearts__icon--full-70 { width: 70% !important; } body #BVRRContainer .hearts__icon--full-71 { width: 71% !important; } body #BVRRContainer .hearts__icon--full-72 { width: 72% !important; } body #BVRRContainer .hearts__icon--full-73 { width: 73% !important; } body #BVRRContainer .hearts__icon--full-74 { width: 74% !important; } body #BVRRContainer .hearts__icon--full-75 { width: 75% !important; } body #BVRRContainer .hearts__icon--full-76 { width: 76% !important; } body #BVRRContainer .hearts__icon--full-77 { width: 77% !important; } body #BVRRContainer .hearts__icon--full-78 { width: 78% !important; } body #BVRRContainer .hearts__icon--full-79 { width: 79% !important; } body #BVRRContainer .hearts__icon--full-80 { width: 80% !important; } body #BVRRContainer .hearts__icon--full-81 { width: 81% !important; } body #BVRRContainer .hearts__icon--full-82 { width: 82% !important; } body #BVRRContainer .hearts__icon--full-83 { width: 83% !important; } body #BVRRContainer .hearts__icon--full-84 { width: 84% !important; } body #BVRRContainer .hearts__icon--full-85 { width: 85% !important; } body #BVRRContainer .hearts__icon--full-86 { width: 86% !important; } body #BVRRContainer .hearts__icon--full-87 { width: 87% !important; } body #BVRRContainer .hearts__icon--full-88 { width: 88% !important; } body #BVRRContainer .hearts__icon--full-89 { width: 89% !important; } body #BVRRContainer .hearts__icon--full-90 { width: 90% !important; } body #BVRRContainer .hearts__icon--full-91 { width: 91% !important; } body #BVRRContainer .hearts__icon--full-92 { width: 92% !important; } body #BVRRContainer .hearts__icon--full-93 { width: 93% !important; } body #BVRRContainer .hearts__icon--full-94 { width: 94% !important; } body #BVRRContainer .hearts__icon--full-95 { width: 95% !important; } body #BVRRContainer .hearts__icon--full-96 { width: 96% !important; } body #BVRRContainer .hearts__icon--full-97 { width: 97% !important; } body #BVRRContainer .hearts__icon--full-98 { width: 98% !important; } body #BVRRContainer .hearts__icon--full-99 { width: 99% !important; } body #BVRRContainer .hearts__icon--full-100 { width: 100% !important; } body #BVRRContainer .bv-rating-stars-container.bv-rating-none .bv-rating-stars-off { background: url("../images/icons/rating-heart-0.png") no-repeat !important; font-size: 0px !important; width: 125px !important; height: 20px !important; } body #BVRRContainer .bv-secondary-rating-summary .bv-rating-stars-container { display: inline-flex !important; } body #BVRRContainer .bv-secondary-rating-summary .bv-rating-stars-container .bv-rating-stars, body #BVRRContainer .bv-secondary-rating-summary .bv-rating-stars-container .bv-rating-stars-on { display: none !important; } body #BVRRContainer .bv-content-header-meta .bv-rating-stars-container .bv-rating-stars-off { display: none !important; } body #BVRRContainer .bv-content-header-meta .bv-rating-stars-container .bv-width-from-rating-stats-20 { background: url("../images/icons/rating-heart-1.png") no-repeat !important; font-size: 0px !important; width: 125px !important; height: 20px !important; } body #BVRRContainer .bv-content-header-meta .bv-rating-stars-container .bv-width-from-rating-stats-40 { background: url("../images/icons/rating-heart-2.png") no-repeat !important; font-size: 0px !important; width: 125px !important; height: 20px !important; } body #BVRRContainer .bv-content-header-meta .bv-rating-stars-container .bv-width-from-rating-stats-60 { background: url("../images/icons/rating-heart-3.png") no-repeat !important; font-size: 0px !important; width: 125px !important; height: 20px !important; } body #BVRRContainer .bv-content-header-meta .bv-rating-stars-container .bv-width-from-rating-stats-80 { background: url("../images/icons/rating-heart-4.png") no-repeat !important; font-size: 0px !important; width: 125px !important; height: 20px !important; } body #BVRRContainer .bv-content-header-meta .bv-rating-stars-container .bv-width-from-rating-stats-100 { background: url("../images/icons/rating-heart-5.png") no-repeat !important; font-size: 0px !important; width: 125px !important; height: 20px !important; } .slider-light .breadcrumb-block ol li, .slider-light .breadcrumb-block ol li a { color: #095540; } .slider-dark .breadcrumb-block ol li, .slider-dark .breadcrumb-block ol li a { color: #fff; } .breadcrumb-wrapper { position: absolute; top: 0; z-index: 1; } .breadcrumb-wrapper.down { top: 100px; } @media (min-width: 768px) { .breadcrumb-wrapper { position: static; } } .breadcrumb_margin-top { margin-top: 60px; } .breadcrumb-block { z-index: 50; font-size: 14px; } @media (min-width: 768px) { .breadcrumb-block { display: block; position: absolute; width: 100%; max-width: 500px; top: 100px; font-size: 21px; margin-top: 0; } .breadcrumb-block .page-node-type-recipe { z-index: 9; } } @media (min-width: 992px) { .breadcrumb-block { top: 190px; } } .breadcrumb-block ol { padding: 0; } .breadcrumb-block ol li { list-style: none; float: left; color: #095540; } .breadcrumb-block ol li a { margin-right: 10px; color: #095540; } .breadcrumb-block ol li::after { content: ">"; margin-right: 10px; } .breadcrumb-block ol li:last-child { float: none; } .breadcrumb-block ol li:last-child::after { content: ""; margin-right: 0; } #contact-us-page .breadcrumb-block { display: none; } @media (min-width: 768px) { .video-hero { padding-bottom: 0; } } .video-hero .video-controls { position: absolute; bottom: 20px; left: 20px; z-index: 1; border-radius: 6px; } @media (min-width: 768px) { .video-hero .video-controls { bottom: 235px; left: 120px; } } @media (min-width: 1200px) { .video-hero .video-controls { bottom: 300px; left: 120px; } } .video-hero .video-controls button { background: transparent; border: none; } .video-hero .video-controls span { display: none; } .video-hero .video-controls .currently-playing .pause { display: block; } .video-hero .video-controls .currently-paused .play { display: block; } .video-hero .video-controls .volume-muted .un-mute { display: block; } .video-hero .video-controls .volume-on .mute { display: block; } .video-hero .mobile-content { background: #ffffff; text-align: center; padding-bottom: 40px; } .video-hero .mobile-content .copy { margin-top: 60px; } @media (min-width: 992px) { .video-hero .mobile-content { padding-bottom: 5rem; } } .video-hero .mobile-content img { width: 100%; margin-bottom: 0; } @media (min-width: 992px) { .video-hero .mobile-content img { margin-bottom: 40px; } } .hero-product { padding-top: 71px; padding-bottom: 111px; background: url("../images/layout/paper-background.jpg"), #faf4d0; background-repeat: repeat; background-position: center; background-size: 200px, auto; background-blend-mode: multiply; overflow: hidden; } .hero-product .content-column, .hero-product .image-column { display: flex; align-content: center; justify-content: center; flex-direction: column; text-align: center; margin-bottom: 2rem; } @media (min-width: 768px) { .hero-product .content-column, .hero-product .image-column { margin-bottom: auto; } } .hero-product .content-column h1, .hero-product .image-column h1 { color: #095540; text-transform: uppercase; } @media (min-width: 768px) { .hero-product .content-column h1, .hero-product .image-column h1 { max-width: 403px; margin: 0 auto 50px; } } .hero-product .content-column h2, .hero-product .image-column h2 { color: #f18fa9; } .hero-product .image-column .product-image-container { position: relative; max-width: 291px; } @media (max-width: 991.98px) { .hero-product .image-column .product-image-container { margin: 0 auto; } } .hero-product .image-column .product-image-container .product-highlight { position: absolute; top: -50px; right: -120px; max-width: 100px; } .hero-product .image-column .product-image-container .support-image--left, .hero-product .image-column .product-image-container .support-image--right { position: absolute; z-index: 1; } .hero-product .image-column .product-image-container .support-image--left { left: -100px; width: 150px; bottom: -130px; } .hero-product .image-column .product-image-container .support-image--right { bottom: -100px; right: -90px; width: 150px; } .sign-up-quick-start-block { background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 150px; position: relative; padding-bottom: 100px; } @media (max-width: 991.98px) { .sign-up-quick-start-block { background-image: none !important; background-color: #095540; } } @media (min-width: 992px) { .sign-up-quick-start-block { height: 100vh; padding-bottom: 620px; } } .sign-up-quick-start-block .quick-sign-up-flex { display: flex; flex-direction: column-reverse; } @media (min-width: 992px) { .sign-up-quick-start-block .quick-sign-up-flex { flex-direction: column; } } .sign-up-quick-start-block .sign-up-carousel { position: relative; } .sign-up-quick-start-block .sign-up-carousel .slick-track { height: auto !important; } @media (min-width: 992px) { .sign-up-quick-start-block .sign-up-carousel { display: flex; flex-direction: row; justify-content: space-around; } } .sign-up-quick-start-block .sign-up-carousel .slide { text-align: center; height: auto !important; } .sign-up-quick-start-block .sign-up-carousel .slide img { margin: 0 auto; max-width: 60px; } .sign-up-quick-start-block .sign-up-carousel .slide p { margin-top: 20px; } @media (min-width: 992px) { .sign-up-quick-start-block .sign-up-carousel .slide p { margin-top: 20px; display: none; } } .sign-up-quick-start-block .sign-up-carousel .slick-dots button { border: 1px solid #ffffff; border-radius: 10px; } .sign-up-quick-start-block .sign-up-carousel .slick-dots button:before, .sign-up-quick-start-block .sign-up-carousel .slick-dots button:after { display: none; } .sign-up-quick-start-block .sign-up-carousel .slick-dots .slick-active button { background-color: #ffffff; } .sign-up-quick-start-block.logged-in { display: none !important; } .sign-up-quick-start-block form { border-radius: 6px; padding: 34px; text-align: center; color: #ffffff; background: #095540; } @media (max-width: 991.98px) { .sign-up-quick-start-block form { margin: 0 auto; } } @media (min-width: 992px) { .sign-up-quick-start-block form { width: 45vw; margin-left: 8%; transform: scale(0.8); } } @media (min-width: 1500px) { .sign-up-quick-start-block form { width: 30vw; margin-left: 13%; margin-top: 20px; transform: scale(1); } } .sign-up-quick-start-block form h2 { font-size: 4rem; max-width: 419px; margin: 0 auto 27px; position: relative; text-transform: uppercase; } .sign-up-quick-start-block form h2:before, .sign-up-quick-start-block form h2:after { content: " "; position: absolute; width: 24px; height: 17px; bottom: 0; background: url("../images/layout/icon-flourish-3.svg") no-repeat center/contain; } .sign-up-quick-start-block form h2:before { left: -24px; transform: rotate(-135deg); } .sign-up-quick-start-block form h2:after { right: -24px; transform: rotate(135deg); } .sign-up-quick-start-block form .description { margin: 0 15% 35px; } .sign-up-quick-start-block form.center, .sign-up-quick-start-block form.Center { margin: 0 auto; } .sign-up-quick-start-block form.right, .sign-up-quick-start-block form.Right { margin: 0 0 0 auto; } .sign-up-quick-start-block form .btn, .sign-up-quick-start-block form .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-edit'], .sign-up-quick-start-block form .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-remove'], .sign-up-quick-start-block form #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-edit'], .sign-up-quick-start-block form #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-remove'], .sign-up-quick-start-block form #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-forgot-password #edit-submit, #user-forgot-password .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-pass-reset-page #edit-submit, #user-pass-reset-page .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .sign-up-quick-start-block form .form-submit, .sign-up-quick-start-block form #user-edit-page .button--primary, #user-edit-page .sign-up-quick-start-block form .button--primary, .sign-up-quick-start-block form #user-cancel-form #edit-submit, #user-cancel-form .sign-up-quick-start-block form #edit-submit { color: #094937; width: 100%; margin-bottom: 40px; } @media (min-width: 992px) { .sign-up-quick-start-block form .btn, .sign-up-quick-start-block form .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-edit'], .sign-up-quick-start-block form .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-remove'], .sign-up-quick-start-block form #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-edit'], .sign-up-quick-start-block form #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .sign-up-quick-start-block form input[id*='actions-ief-entity-remove'], .sign-up-quick-start-block form #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-forgot-password #edit-submit, #user-forgot-password .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-pass-reset-page #edit-submit, #user-pass-reset-page .sign-up-quick-start-block form #edit-submit, .sign-up-quick-start-block form #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .sign-up-quick-start-block form .form-submit, .sign-up-quick-start-block form #user-edit-page .button--primary, #user-edit-page .sign-up-quick-start-block form .button--primary, .sign-up-quick-start-block form #user-cancel-form #edit-submit, #user-cancel-form .sign-up-quick-start-block form #edit-submit { margin-bottom: 0; } } .product-highlight { padding-top: 80px; padding-bottom: 50px; overflow: hidden; } .product-highlight .center-prod-highlight { padding-top: 15px; padding-bottom: 15px; } @media (max-width: 767.98px) { .product-highlight .center-prod-highlight { margin: auto; display: block !important; text-align: center; } } .product-highlight .product-image-container { position: relative; } @media (max-width: 991.98px) { .product-highlight .product-image-container { margin-bottom: 5rem; } } .product-highlight .product-image-container .new-product-icon, .product-highlight .product-image-container .highlight-product-icon { position: absolute; top: -60px; right: -60px; display: block; content: " "; width: 60px; height: 125px; z-index: 1; transition: all 300ms cubic-bezier(0.635, -0.6, 0.48, 1.63) !important; } @media (min-width: 992px) { .product-highlight .product-image-container .new-product-icon, .product-highlight .product-image-container .highlight-product-icon { width: 80px; right: -90px; } } .product-highlight .support-image--left, .product-highlight .support-image--right { position: absolute; z-index: 1; } .product-highlight .support-image--left { left: -50px; width: 100px; bottom: -80px; } @media (min-width: 768px) { .product-highlight .support-image--left { width: 160px; bottom: -130px; } } @media (min-width: 992px) { .product-highlight .support-image--left { left: -120px; } } @media (min-width: 1500px) { .product-highlight .support-image--left { left: -90px; } } .product-highlight .support-image--right { bottom: -80px; right: -130px; width: 160px; } @media (min-width: 768px) { .product-highlight .support-image--right { width: 230px; bottom: -160px; } } @media (min-width: 992px) { .product-highlight .support-image--right { right: -150px; } } .product-highlight .new-product { position: absolute; left: -150px; top: -90px; } @media (max-width: 991.98px) { .product-highlight .new-product { left: -50px; top: -150px; } } .product-highlight .new-product > p { font-size: 78px; color: #ffffff; margin: 0; padding: 0; } .product-highlight .new-product .icon-container { margin-left: 10px; transform: rotate(-40deg) translate(50px, 0); } @media (max-width: 991.98px) { .product-highlight .new-product .icon-container { transform: rotate(-40deg) translate(-10px, -20px); } } .product-highlight .new-product .arrow-icon { max-width: 50px; animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; } .product-highlight .content-container { position: relative; } .product-highlight .content-container .content-panel { color: #095540; background: url("../images/layout/asset-paper-tile.png") no-repeat center bottom/cover; position: relative; padding: 1rem 1rem 4rem; } .product-highlight .content-container .content-panel h2 { text-align: center; font-size: 50px; word-wrap: break-word; } @media (min-width: 768px) { .product-highlight .content-container .content-panel h2 { text-align: left; } } .product-highlight .content-container .content-panel p { font-size: 23px; margin-top: 15px; } @media (min-width: 768px) { .product-highlight .content-container .content-panel { padding: 2rem 3.25rem 5rem; } } @media (max-width: 991.98px) { .product-highlight .content-container .content-panel .product-description { text-align: center; } } .product-highlight .content-container .content-panel p.product-description { word-wrap: break-word; margin-bottom: 10px; } @media (max-width: 991.98px) { .product-highlight .content-container .content-panel p.product-description { overflow: hidden; } .product-highlight .content-container .content-panel p.product-description.active { height: auto; } } @media (min-width: 768px) { .product-highlight .content-container .content-panel p.product-description .read-more__link { display: none; } } .product-highlight .content-container .content-panel .full-range { display: inline-block; margin-bottom: 10px; } .product-highlight .content-container .content-panel a:not(.btn) { color: #9ab63f; width: 100%; } .product-highlight .content-container .content-panel .btn, .product-highlight .content-container .content-panel .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .product-highlight .content-container .content-panel input[id*='actions-ief-entity-edit'], .product-highlight .content-container .content-panel .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .product-highlight .content-container .content-panel input[id*='actions-ief-entity-remove'], .product-highlight .content-container .content-panel #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .product-highlight .content-container .content-panel #edit-submit, .product-highlight .content-container .content-panel #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .product-highlight .content-container .content-panel input[id*='actions-ief-entity-edit'], .product-highlight .content-container .content-panel #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .product-highlight .content-container .content-panel input[id*='actions-ief-entity-remove'], .product-highlight .content-container .content-panel #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .product-highlight .content-container .content-panel #edit-submit, .product-highlight .content-container .content-panel #user-forgot-password #edit-submit, #user-forgot-password .product-highlight .content-container .content-panel #edit-submit, .product-highlight .content-container .content-panel #user-pass-reset-page #edit-submit, #user-pass-reset-page .product-highlight .content-container .content-panel #edit-submit, .product-highlight .content-container .content-panel #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .product-highlight .content-container .content-panel .form-submit, .product-highlight .content-container .content-panel #user-edit-page .button--primary, #user-edit-page .product-highlight .content-container .content-panel .button--primary, .product-highlight .content-container .content-panel #user-cancel-form #edit-submit, #user-cancel-form .product-highlight .content-container .content-panel #edit-submit { padding: .5rem 2rem; } .product-highlight .content-container .animal-image { display: none; position: absolute; width: 350px; top: 0; right: 0; transition: transform .5s ease-in-out-back; } @media (min-width: 768px) { .product-highlight .content-container .animal-image { display: block; } } .product-highlight [data-aos="product-highlight-anim"] { transform: translate(0, 50px) rotate(45deg); transition-timing-function: ease-in-out-back; transition: 1s; } .product-highlight [data-aos="product-highlight-anim"].aos-animate { transform: translate(180px, 50px) rotate(45deg); } @media (max-width: 991.98px) { .product-highlight .user-ratings-container > .row > .col { text-align: center; } } .product-highlight .user-ratings-container .heart-container { display: flex; flex-direction: column; } .product-highlight .user-ratings-container .heart-container + p { text-align: center; } @media (min-width: 768px) { .product-highlight .user-ratings-container .heart-container + p { text-align: left; } } .product-highlight .user-ratings-container .user-ratings { margin: 0 auto; } .product-highlight a.write-review-link { color: #095540; display: inline; padding-bottom: 10px; background: url("../images/layout/curved-bottom-underline.svg") no-repeat bottom; overflow: visible; } .product-highlight a.write-review-link:hover { text-decoration: none; } .product-highlight .cta-container { display: block; margin: auto; text-align: center; } @media (min-width: 1200px) { .product-highlight .cta-container { display: flex; flex-direction: row; justify-content: space-between; margin: 0; } } .product-highlight .cta-container a { font-size: 18px; margin: 5px; height: 50px; width: 150px; padding-top: 10px !important; } @media (min-width: 1200px) { .product-highlight .cta-container a { width: 150px; padding: 0.75rem 1.5rem !important; } } @media (min-width: 1500px) { .product-highlight .cta-container a { font-size: 1.3rem; height: 50px; padding: 0.65rem 1.5rem !important; } } .product-highlight .cta-container button { font-size: 18px; margin: 5px; height: 50px; width: 150px; } @media (min-width: 1500px) { .product-highlight .cta-container button { font-size: 1.3rem; width: 137px; } } .path-frontpage .discover-grid { padding-top: 80px; } .discover-grid { background: url("../images/layout/pink-paper-background.jpg"); position: relative; } @media (min-width: 768px) { .discover-grid:nth-last-of-type(2) { padding-bottom: 150px; } } .discover-grid:nth-last-of-type(2) + .curves-block-container { display: none; } @media (max-width: 991.98px) { .discover-grid { padding-bottom: 100px; } } @media (min-width: 768px) { .discover-grid { padding-top: 10px; padding-bottom: 120px; } } .discover-grid .container { position: relative; } .discover-grid .top-image { position: absolute; right: 0; top: -190px; display: none; z-index: 1; pointer-events: none; max-width: 250px; } @media (min-width: 992px) { .discover-grid .top-image { display: block; } } .discover-grid .bottom-image { position: absolute; left: -90px; z-index: 2; display: none; } @media (min-width: 1200px) { .discover-grid .bottom-image { display: block; } } .discover-grid .main-panel-container { overflow: hidden; } .discover-grid .main-panel-container .discover-grid-main-panel { color: #095540; text-align: center; } .discover-grid .main-panel-container .discover-grid-main-panel p { font-size: 23px; } .discover-grid .main-panel-container .discover-grid-main-panel h2 { text-transform: uppercase; font-size: 78px; } @media (max-width: 991.98px) { .discover-grid .main-panel-container .discover-grid-main-panel h2 { max-width: 300px; padding: 0; margin: 0 auto; font-size: 68px; background-size: cover; } } @media (min-width: 992px) { .discover-grid .main-panel-container .discover-grid-main-panel { padding: 1rem 3rem 5rem; background: url("../images/layout/asset-paper-tile.png") no-repeat center bottom/100%; background-size: cover; } } .discover-grid .main-panel-container .discover-grid-main-panel .btn, .discover-grid .main-panel-container .discover-grid-main-panel .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .discover-grid .main-panel-container .discover-grid-main-panel input[id*='actions-ief-entity-edit'], .discover-grid .main-panel-container .discover-grid-main-panel .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .discover-grid .main-panel-container .discover-grid-main-panel input[id*='actions-ief-entity-remove'], .discover-grid .main-panel-container .discover-grid-main-panel #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .discover-grid .main-panel-container .discover-grid-main-panel #edit-submit, .discover-grid .main-panel-container .discover-grid-main-panel #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .discover-grid .main-panel-container .discover-grid-main-panel input[id*='actions-ief-entity-edit'], .discover-grid .main-panel-container .discover-grid-main-panel #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .discover-grid .main-panel-container .discover-grid-main-panel input[id*='actions-ief-entity-remove'], .discover-grid .main-panel-container .discover-grid-main-panel #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .discover-grid .main-panel-container .discover-grid-main-panel #edit-submit, .discover-grid .main-panel-container .discover-grid-main-panel #user-forgot-password #edit-submit, #user-forgot-password .discover-grid .main-panel-container .discover-grid-main-panel #edit-submit, .discover-grid .main-panel-container .discover-grid-main-panel #user-pass-reset-page #edit-submit, #user-pass-reset-page .discover-grid .main-panel-container .discover-grid-main-panel #edit-submit, .discover-grid .main-panel-container .discover-grid-main-panel #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .discover-grid .main-panel-container .discover-grid-main-panel .form-submit, .discover-grid .main-panel-container .discover-grid-main-panel #user-edit-page .button--primary, #user-edit-page .discover-grid .main-panel-container .discover-grid-main-panel .button--primary, .discover-grid .main-panel-container .discover-grid-main-panel #user-cancel-form #edit-submit, #user-cancel-form .discover-grid .main-panel-container .discover-grid-main-panel #edit-submit { padding: .5rem 2rem; } .discover-grid .main-panel-container .animal-image { width: 100%; transition: transform .5s ease-in-out; margin-top: 20px; } .discover-grid [data-aos="animal-image-anim"] { transform: translate(-500px, 0); transition: all 2s !important; transition-timing-function: cubic-bezier(0.735, -0.275, 0.185, 1.28) !important; opacity: 0; width: 100%; } .discover-grid [data-aos="animal-image-anim"].aos-animate { transform: translate(0, 0); opacity: 1; } .discover-grid .panel-overlay { position: relative; overflow: hidden; height: 100%; } .discover-grid .panel-overlay .panel-overlay-description h4 { font-size: 1.5rem; } .discover-grid .panel-overlay .panel-overlay-description p { font-size: 1.1rem; } .discover-grid .panel-overlay .panel-overlay-description p a { font-size: 1.1rem; } @media (min-width: 1500px) { .discover-grid .panel-overlay .panel-overlay-description h4 { font-size: 1.5rem; } .discover-grid .panel-overlay .panel-overlay-description p { font-size: .9rem; } .discover-grid .panel-overlay .panel-overlay-description p a { font-size: .9rem; } } .discover-grid .panel-overlay img { -o-object-fit: fill; object-fit: fill; } .discover-grid .panel-overlay.with-border { border: solid white 12px; margin-bottom: 10px; } .discover-grid .panel-overlay .panel-overlay-image { width: 100%; } @media (min-width: 768px) { .discover-grid .panel-overlay:hover .panel-overlay-description { transform: translate(0, -175px); } } @media (min-width: 1500px) { .discover-grid .panel-overlay:hover .panel-overlay-description { transform: translate(0, -150px); } } .discover-grid .panel-overlay .panel-overlay-description { background: #095540; width: 100%; color: #ffffff; padding: 1rem; transition: all .2s ease-in-out; bottom: 0; } .discover-grid .panel-overlay .panel-overlay-description p { margin-bottom: 5px; } @media (min-width: 992px) { .discover-grid .panel-overlay .panel-overlay-description { position: absolute; z-index: 2; height: 175px; bottom: -175px; } } @media (min-width: 1500px) { .discover-grid .panel-overlay .panel-overlay-description { position: absolute; z-index: 2; height: 150px; bottom: -150px; } } .discover-grid .panel-overlay .panel-overlay-description a { color: #ffffff; } .discover-grid .panel-one { background-size: 100%; } .discover-grid .panel-one-image { width: 100%; } .discover-grid .panel-one a { display: flex; align-items: center; align-content: center; justify-content: center; } .discover-grid .discover-grid-link-panel .row { margin-bottom: 20px; } .discover-grid .discover-grid-link-panel .row img { height: 300px; } @media (min-width: 1500px) { .discover-grid .discover-grid-link-panel .row img { height: 385px; } } .discover-grid .discover-grid-carousel { margin-bottom: 50px; } .discover-grid .discover-grid-carousel .slick-track { transition: height .2s ease-in-out; } @media (max-width: 1199.98px) { .discover-grid .discover-grid-carousel .slick-track { overflow: hidden; } } @media (max-width: 1199.98px) { .discover-grid .discover-grid-carousel .slick-slide { height: auto !important; } } .discover-grid .discover-grid-carousel .panel-overlay.hidden-border { border: 20px solid transparent; } .discover-grid .discover-grid-carousel .panel-overlay .panel-overlay-image { width: 100%; } .discover-grid .discover-grid-carousel .panel-overlay a { display: block; } .discover-grid .discover-grid-carousel .slick-dots { margin-bottom: 20px; bottom: -55px; } .discover-grid .discover-grid-carousel .slick-dots button { border: solid 2px #095540; border-radius: 100%; } .discover-grid .discover-grid-carousel .slick-dots button:before, .discover-grid .discover-grid-carousel .slick-dots button:after { display: none; } .discover-grid .discover-grid-carousel .slick-dots .slick-active button { background: #095540; } .discover-grid .mobile-cta { padding: .5rem 3rem; } .path-frontpage { overflow-x: hidden; } .explore-the-range { color: #095540; position: relative; text-align: center; padding-top: 150px; padding-bottom: 150px; } @media (min-width: 992px) { .explore-the-range { padding-top: 230px; padding-bottom: 200px; height: 80vh; min-height: 1050px; } } .explore-the-range > .container { position: relative; } .explore-the-range > .container > .row > .col { padding: 0; } .explore-the-range > .container .support-image { position: absolute; display: none; z-index: 2; } @media (min-width: 992px) { .explore-the-range > .container .support-image { display: block; top: -180px; } } .explore-the-range > .container .support-image--left { left: -100px; top: -230px; } .explore-the-range > .container .support-image--right { top: -360px; right: -108px; max-width: 450px; } @media (min-width: 992px) { .explore-the-range > .container .support-image--btm { top: 590px; } } @media (min-width: 1500px) { .explore-the-range > .container .support-image--btm { top: 480px; } } .explore-the-range .block-title { font-size: 50px; position: relative; text-transform: uppercase; display: inline-block; margin: 0 auto 30px; } @media (min-width: 768px) { .explore-the-range .block-title { font-size: 78px; } } .explore-the-range .block-title span:nth-child(even) { color: #9ab63f; } .explore-the-range .block-title:before, .explore-the-range .block-title:after { content: " "; position: absolute; width: 24px; height: 17px; bottom: 17px; background: url("../images/layout/icon-flourish-organix-dark-green.svg") no-repeat center/contain; } .explore-the-range .block-title:before { transform: rotate(190deg); left: -34px; } .explore-the-range .block-title:after { right: -34px; } .container.plus { width: 100%; } .slick-carousel-explore { width: 100%; } @media (min-width: 1500px) { .slick-carousel-explore .slick-track { padding: 3rem 0; } } .slick-carousel-explore .slick-prev, .slick-carousel-explore .slick-next { width: 57px; height: 57px; } .slick-carousel-explore .slick-prev { background: url("../images/layout/carousel-button-left.svg") no-repeat center/contain; left: -80px; } @media (min-width: 1200px) { .slick-carousel-explore .slick-prev { left: -60px; } } .slick-carousel-explore .slick-prev:before { display: none; } .slick-carousel-explore .slick-next { background: url("../images/layout/carousel-button-right.svg") no-repeat center/contain; right: -80px; } @media (min-width: 1200px) { .slick-carousel-explore .slick-next { right: -60px; } } .slick-carousel-explore .slick-next:before { display: none; } .slick-carousel-explore .slick-slide { background: url("../images/layout/explore-card-bg.jpg") no-repeat center/cover; margin: 20px; position: relative; min-height: 560px; transition: all .2s ease-in; } @media (min-width: 992px) { .slick-carousel-explore .slick-slide { min-height: 390px; } } .slick-carousel-explore .slick-slide img { margin: auto; } @media (min-width: 992px) { .slick-carousel-explore .slick-slide { position: absolute; width: 185px !important; } } @media (min-width: 1200px) { .slick-carousel-explore .slick-slide { width: 240px !important; } } @media (min-width: 1500px) { .slick-carousel-explore .slick-slide { margin: 0; width: 270px !important; } } .slick-carousel-explore .slick-slide .btn-organix-light-green, .slick-carousel-explore .slick-slide #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore .slick-slide .button--primary, .slick-carousel-explore .slick-slide #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore .slick-slide #edit-submit { color: #095540; } .slick-carousel-explore .slick-slide:before, .slick-carousel-explore .slick-slide:after { content: " "; position: absolute; width: 100%; left: 0; right: 0; } .slick-carousel-explore .slick-slide:before { top: -10px; background: url(../images/layout/explore-card-bg-top.jpg) no-repeat center/cover; height: 10px; } .slick-carousel-explore .slick-slide:after { bottom: -20px; background: url(../images/layout/explore-card-bg-bottom.jpg) no-repeat top center/100%; height: 20px; } @media (min-width: 1500px) { .slick-carousel-explore .slick-slide { width: 311px; } } .slick-carousel-explore .slick-slide .item { height: 100%; text-align: center; position: relative; } .slick-carousel-explore .slick-slide .item:before, .slick-carousel-explore .slick-slide .item:after { content: " "; position: absolute; top: 0; bottom: 0; } .slick-carousel-explore .slick-slide .item:before { left: -9px; background: url(../images/layout/explore-card-bg-left.jpg) no-repeat center/cover; width: 10px; } .slick-carousel-explore .slick-slide .item:after { right: -9px; background: url(../images/layout/explore-card-bg-right.jpg) no-repeat center/cover; width: 10px; } .slick-carousel-explore .slick-slide .item p { margin: 0; padding: 0; } .slick-carousel-explore .slick-slide .item .image-container { padding: 20px 30px; } @media (min-width: 1500px) { .slick-carousel-explore .slick-slide .item .image-container { padding-top: 25px; margin: 0 10px 10px; } } .slick-carousel-explore .slick-slide .item .description { padding: 0 25px 20px; font-size: 22px; } @media (min-width: 1500px) { .slick-carousel-explore .slick-slide .item .description { margin: 0 25px; } } .slick-carousel-explore .slick-slide .btn, .slick-carousel-explore .slick-slide .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore .slick-slide input[id*='actions-ief-entity-edit'], .slick-carousel-explore .slick-slide .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore .slick-slide input[id*='actions-ief-entity-remove'], .slick-carousel-explore .slick-slide #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore .slick-slide input[id*='actions-ief-entity-edit'], .slick-carousel-explore .slick-slide #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore .slick-slide input[id*='actions-ief-entity-remove'], .slick-carousel-explore .slick-slide #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore .slick-slide #edit-submit, .slick-carousel-explore .slick-slide #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .slick-carousel-explore .slick-slide .form-submit, .slick-carousel-explore .slick-slide #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore .slick-slide .button--primary, .slick-carousel-explore .slick-slide #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore .slick-slide #edit-submit { padding: .25rem .5rem; margin-bottom: 60px; white-space: nowrap; width: auto; } @media (min-width: 992px) { .slick-carousel-explore.display-count-5 { margin-top: 20px; } } @media (min-width: 992px) { .slick-carousel-explore.display-count-5 .slick-track { overflow: visible; position: relative; } } @media (min-width: 992px) { .slick-carousel-explore.display-count-5 .slick-list { overflow: visible; } } @media (min-width: 992px) { .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n), .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) { z-index: 30; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) .description, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) .description { font-size: 15px; padding: 10px; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) .btn, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) .form-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) .button--primary, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) .btn, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) .form-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) .button--primary, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5n) #edit-submit { padding: .15rem .25rem; font-size: 1rem; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1) { left: -90px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2) { left: 110px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3) { left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4) { right: 110px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5) { right: -90px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n), .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) { transform: scale(1.1); z-index: 40; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) .description, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) .description { font-size: 15px; padding: 10px; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) .btn, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) .form-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) .button--primary, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) .btn, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) .form-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) .button--primary, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4n) #edit-submit { padding: .25rem .5rem; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) { transform: scale(1.2); z-index: 50; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) .description { font-size: 15px; padding: 10px; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) .btn, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) input[id*='actions-ief-entity-edit'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) input[id*='actions-ief-entity-remove'], .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-forgot-password #edit-submit, #user-forgot-password .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-pass-reset-page #edit-submit, #user-pass-reset-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #edit-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) .form-submit, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-edit-page .button--primary, #user-edit-page .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) .button--primary, .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #user-cancel-form #edit-submit, #user-cancel-form .slick-carousel-explore.display-count-5 .slick-slide:nth-child(3n) #edit-submit { padding: .25rem .5rem; } } @media (min-width: 1200px) { .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1) { left: -135px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2) { left: 110px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4) { right: 110px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5) { right: -135px !important; } } @media (min-width: 1500px) { .slick-carousel-explore.display-count-5 .slick-slide { height: 430px; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(1) { left: 0 !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(2) { left: 250px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(4) { right: 250px !important; } .slick-carousel-explore.display-count-5 .slick-slide:nth-child(5) { right: 0 !important; } } .slick-carousel-explore .bottom-image-container { position: absolute; bottom: -643px; text-align: center; } @media (min-width: 992px) { .slick-carousel-explore .bottom-image-container { text-align: left; } } .explore-hover { z-index: 51; transform: scale(1.3); } .curves-block-container { position: relative; height: 0; width: 100%; pointer-events: none; margin-bottom: 45px; } .curves-block-container + .wonder-grid-block { padding-top: 100px; } @media (min-width: 992px) { .curves-block-container + .wonder-grid-block { padding-top: 200px; } } .curves-block-container .curves-block { position: absolute; height: 140px; z-index: 0; width: 100%; background-repeat: repeat-x; pointer-events: none; } @media (min-width: 992px) { .curves-block-container .curves-block { height: 210px; } } .curves-block-container .curves-block.top { top: -40px; background-position: bottom -68px right 10px; -o-object-fit: initial; object-fit: initial; } @media (min-width: 768px) { .curves-block-container .curves-block.top { top: -140px; } } @media (min-width: 992px) { .curves-block-container .curves-block.top { background-position: bottom -2px center; top: -120px; } } .curves-block-container .curves-block.top img { bottom: 0; } .curves-block-container .curves-block.bottom { bottom: -90px; background-position: top center; z-index: 2; -o-object-fit: cover; object-fit: cover; } @media (min-width: 992px) { .curves-block-container .curves-block.bottom { -o-object-fit: initial; object-fit: initial; bottom: -209px; } } .curves-block-container .curves-block.bottom img { top: 0; } .curves-block-container .curves-block img { width: 100%; position: absolute; display: none; } .our-commitment .cross-sell .curves-block-container img.curves-block.top { top: -262px; } .node-layout-builder-form .curves-block-container { pointer-events: all; } #edit-layout-builder-layout-wrapper .curves-block-container { height: 210px !important; } #edit-layout-builder-layout-wrapper .curves-block-container .curves-block { position: static !important; } .content-fifty-fifty { color: #095540; padding-top: 50px; padding-bottom: 120px; min-height: 60vh; } .content-fifty-fifty:last-child { padding-bottom: 170px; } .content-fifty-fifty .pp-tableCell { vertical-align: initial; } .content-fifty-fifty a { color: #095540; } .content-fifty-fifty h2 { font-weight: bold; font-size: 90px; } @media (min-width: 992px) { .content-fifty-fifty h2 { font-size: 110px; line-height: 1.2; } } .content-fifty-fifty p { margin-top: 0; margin-bottom: 1rem; font-size: 23px; } .content-fifty-fifty h3 { font-size: 70px; } .content-fifty-fifty h2, .content-fifty-fifty h3, .content-fifty-fifty p, .content-fifty-fifty a { text-align: center; } @media (min-width: 992px) { .content-fifty-fifty h2, .content-fifty-fifty h3, .content-fifty-fifty p, .content-fifty-fifty a { text-align: left; } } .content-fifty-fifty .content-area { padding: 2rem; } .content-fifty-fifty .image-container { display: flex; align-items: center; justify-content: center; padding: 2rem; } .content-fifty-fifty .content-image.white-border { border: 5px solid #ffffff; } .cross-sell { padding-top: 0; padding-bottom: 40px; min-height: 40vh; position: relative; color: #095540; font-size: 28px; } .cross-sell:last-child { padding-top: 170px; padding-bottom: 80px; } .cross-sell a { color: #095540; text-decoration: underline; } .cross-sell .title-row { margin-bottom: 20px; } .cross-sell .top-image-container, .cross-sell .bottom-image-container { position: absolute; height: 190px; display: flex; } .cross-sell .top-image-container img, .cross-sell .bottom-image-container img { width: 100%; } .cross-sell .top-image-container { top: -190px; align-items: flex-end; } .cross-sell .bottom-image-container { bottom: -190px; align-items: flex-start; } .cross-sell .title-container { display: flex; align-items: center; } @media (max-width: 1199.98px) { .cross-sell .title-container { justify-content: center; } } .cross-sell h2 { text-align: center; font-size: 44px; } @media (min-width: 992px) { .cross-sell h2 { text-align: left; } } .cross-sell .panel-icon-container { text-align: center; } @media (min-width: 992px) { .cross-sell .panel-icon-container { text-align: right; } } .cross-sell .panel-icon { display: inline-block; } @media (max-width: 1199.98px) { .cross-sell .panel-icon { margin-bottom: 20px; } } .cross-sell .animal-image { pointer-events: none; width: 100%; } @media (min-width: 992px) { .cross-sell .animal-image { max-width: 25%; margin: -70px auto; transform: rotate(-30deg); margin-bottom: 0; } } .our-commitment + .curves-block-container { display: none; } .copy-content { padding-top: 30px; padding-bottom: 90px; } .copy-content h2 { font-size: 78px !important; font-weight: normal; color: #094937; } .copy-content h3, .copy-content h4, .copy-content h5, .copy-content h6 { color: #094937; } .copy-content p, .copy-content ul, .copy-content ol, .copy-content li, .copy-content dd, .copy-content dt, .copy-content dl { color: #094937; font-size: 28px; font-weight: normal; margin-top: 20px; line-height: 1.29; } .copy-content p { width: 100%; max-width: 1000px; margin: auto; margin-top: 20px; } .copy-content ol, .copy-content ul { text-align: left; } .copy-content a { color: #094937; font-weight: bold; text-decoration: underline; font-size: 28px; } @media (min-width: 992px) { .copy-content { padding-top: 80px; padding-bottom: 120px; } } .masonry-grid-dynamic-content { padding-bottom: 150px; padding-top: 50px; } .masonry-grid-dynamic-content .titles { text-align: center; color: #095540; } .masonry-grid-dynamic-content h2 { font-size: 72px; } @media (min-width: 992px) { .masonry-grid-dynamic-content h2 { font-size: 78px; } } .masonry-grid-dynamic-content h3 { font-size: 36px; } @media (min-width: 992px) { .masonry-grid-dynamic-content h3 { font-size: 48px; width: 100%; max-width: 1000px; margin: auto auto 20px; } } .masonry-grid-dynamic-content .grid-item, .masonry-grid-dynamic-content .grid-sizer { width: 100%; margin-bottom: 20px; } @media (min-width: 992px) { .masonry-grid-dynamic-content .grid-item, .masonry-grid-dynamic-content .grid-sizer { width: calc(100% / 3 - 10px); } } .masonry-grid-dynamic-content .grid-item { background: #ffffff; display: block; border: 10px solid white; position: relative; overflow: hidden; } @media (min-width: 992px) { .masonry-grid-dynamic-content .grid-item { max-height: 234px; } } .masonry-grid-dynamic-content .grid-item .grid-item--overlay { width: 100%; height: 100%; background: #095540; bottom: 0; transition: all .2s ease-in-out; color: #ffffff; padding: 20px; } .masonry-grid-dynamic-content .grid-item .grid-item--overlay p { font-size: .9rem; } .masonry-grid-dynamic-content .grid-item .grid-item--overlay p a { font-size: .9rem; } @media (min-width: 992px) { .masonry-grid-dynamic-content .grid-item .grid-item--overlay { position: absolute; transform: translateY(100%); } } .masonry-grid-dynamic-content .grid-item:hover .grid-item--overlay { transform: translateY(0); } .masonry-grid-dynamic-content .grid-item--width2 { width: 100%; } @media (min-width: 992px) { .masonry-grid-dynamic-content .grid-item--width2 { width: 65%; max-height: 489px; } } .masonry-grid-dynamic-content .grid-item--width2 .grid-item--overlay { height: 75%; } .recipe-hero { min-height: 30vh; position: relative; } .recipe-hero .panel { background: url("../images/layout/lanscape-paper.png") no-repeat center/contain; color: #095540; padding: 50px 60px; min-height: 474px; } @media (min-width: 992px) { .recipe-hero .panel { background: url("../images/layout/lanscape-paper.png") no-repeat center/cover; position: absolute; left: 150px; top: 150px; z-index: 2; width: 793px; height: 474px; } } .triple-block-standard { padding-top: 5rem; padding-bottom: 5rem; } .triple-block-standard .titles { text-align: center; color: #095540; } .triple-block-standard .panel-title, .triple-block-standard h2 { font-size: 72px; } @media (min-width: 992px) { .triple-block-standard .panel-title, .triple-block-standard h2 { font-size: 78px; } } .triple-block-standard .panel-sub-title, .triple-block-standard h3 { font-size: 48px; } @media (min-width: 992px) { .triple-block-standard .panel-sub-title, .triple-block-standard h3 { width: 100%; max-width: 1000px; margin: auto; margin-bottom: 20px; } } .triple-block-standard .col { margin-bottom: 20px; } .triple-block-standard .panel { padding: 20px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.4); border-radius: 6px; background-color: #faf4d0; color: #095540; } .triple-block-standard .panel img { margin-bottom: 23px; } .triple-block-standard .panel p, .triple-block-standard .panel h3, .triple-block-standard .panel a { color: var(--organix-dark-green); } .triple-block-standard .panel h3 { margin-bottom: 4px; font-weight: bold; font-size: 28px; } .triple-block-standard .panel p { margin-bottom: 16px; font-weight: normal; font-size: 28px; } .triple-block-standard .panel a { text-decoration: underline; font-weight: bold; font-size: 22px; } .tabbed-content { padding-top: 30px; padding-bottom: 160px; } .tabbed-content .titles { color: #095540; margin-bottom: 20px; } .tabbed-content .titles h2 { font-size: 72px; } @media (min-width: 992px) { .tabbed-content .titles h2 { font-size: 78px; margin-bottom: 30px; } } .tabbed-content .titles h3 { font-size: 48px; } @media (min-width: 992px) { .tabbed-content .titles h3 { max-width: 1000px; margin: auto; } } .tabbed-content .nav-tabs { border: none; margin-bottom: 60px; } @media (max-width: 991.98px) { .tabbed-content .nav-tabs { margin-bottom: 0; } } .tabbed-content .nav-tabs .nav-item { width: 50%; } @media (min-width: 768px) { .tabbed-content .nav-tabs .nav-item { width: initial; margin-left: 20px; margin-right: 20px; } } .tabbed-content .nav-tabs .nav-item .nav-link { color: #627826; font-size: 54px; border: 2px solid transparent; border-radius: 0; transition: all .2s ease-in-out; text-align: center; } @media (min-width: 992px) { .tabbed-content .nav-tabs .nav-item .nav-link { font-size: 40px; text-align: initial; } } .tabbed-content .nav-tabs .nav-item .nav-link.active, .tabbed-content .nav-tabs .nav-item .nav-link:hover { background: transparent; color: #095540; border: 2px solid #095540; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; } .tabbed-content .tab-content .tab-pane { color: #095540; } .tabbed-content .tab-content .tab-pane a { color: #095540; } .tabbed-content .tab-content .tab-pane h2 { color: #095540; font-size: 72px; margin-bottom: 40px; } @media (min-width: 992px) { .tabbed-content .tab-content .tab-pane h2 { font-size: 78px; } } .tabbed-content .tab-content .tab-pane .content-area { padding: 41px 30px; } .tabbed-content .tab-content .tab-pane .content-area p { font-size: 23px; } @media (min-width: 992px) { .tabbed-content .tab-content .tab-pane .content-area { padding: 41px 81px; } } .tabbed-content .tab-content .tab-pane .image-container { text-align: center; } .tabbed-content .tab-content .tab-pane .image-container img { width: 100%; } .carousel-block .slick-carousel, .carousel-block .slick-list, .carousel-block .slick-track { height: 100%; overflow: hidden; } .carousel-block .slick-dotted.slick-slider { margin-bottom: 0px; } .carousel-block .slick-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; } .carousel-block .colour-shade { padding-top: 80px; padding-bottom: 120px; min-height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; background: rgba(0, 0, 0, 0.5); color: #ffffff; padding-left: 15%; padding-right: 15%; } .carousel-block .colour-shade h2, .carousel-block .colour-shade a, .carousel-block .colour-shade .slide-body { color: #ffffff; } .carousel-block .colour-shade h2 { font-size: 78px; text-align: center; } .carousel-block .colour-shade p { margin-top: 20px; margin-bottom: 1rem; font-size: 28px; width: 100%; max-width: 1000px; text-align: center; padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 768px) { .carousel-block .colour-shade { padding-left: 0; padding-right: 0; } .carousel-block .colour-shade h2 { margin-top: 70px; font-size: 50px; width: 90%; } .carousel-block .colour-shade p { font-size: 16px; } .carousel-block .colour-shade .slide-body p { margin-top: 70px; } } .carousel-block .colour-shade a { text-decoration: underline; } .carousel-block .slick-dots { bottom: 120px; } .carousel-block .slick-dots li:only-child { display: none; } .carousel-block .slick-dots li button:before { color: transparent; border: #ffffff 1px solid; opacity: 1; border-radius: 100%; height: 16px; width: 16px; } .carousel-block .slick-dots li.slick-active button:before { color: #ffffff; background: #ffffff; } #block-organix-content > [data-history-node-id="1989"] > div > div:nth-child(5) > div.wonder-grid-block, #block-organix-content > [data-history-node-id="1989"] > div > div:nth-child(7) > div.wonder-grid-block { padding-top: 190px; } #block-organix-content > [data-history-node-id="1989"] > div > div:nth-child(7) > div.wonder-grid-block { padding-bottom: 230px; } #block-organix-content > [data-history-node-id="1989"] > div > div:nth-child(7) > div.wonder-grid-block .support-image--bottom { bottom: 130px; } #block-organix-content > [data-history-node-id="1999"] > div > div:nth-child(5) > div.masonry-grid-dynamic-content, #block-organix-content > [data-history-node-id="1999"] > div > div:nth-child(7) > div.wonder-grid-block { padding-top: 20px; } #block-organix-content > [data-history-node-id="1999"] > div > div:nth-child(7) > div.wonder-grid-block { padding-bottom: 200px; } .wonder-grid-block { padding-top: 20px; padding-bottom: 100px; position: relative; overflow: hidden; } .wonder-grid-block:last-child { padding-bottom: 175px; } .wonder-grid-block > .container { overflow: hidden; } .wonder-grid-block .support-image { position: absolute; z-index: 2; display: none; } @media (min-width: 992px) { .wonder-grid-block .support-image { display: block; } } .wonder-grid-block .support-image--top { right: 0; top: 0; } .wonder-grid-block .support-image--mid { bottom: 220px; left: -120px; width: 340px; height: auto; } .wonder-grid-block .support-image--bottom { right: 0; z-index: 1; bottom: 0; width: 390px; height: auto; } .wonder-grid-block .titles { text-align: center; color: #095540; margin-bottom: 50px; } .wonder-grid-block .titles h2 { font-size: 48px; } @media (min-width: 992px) { .wonder-grid-block .titles h2 { font-size: 72px; } } .wonder-grid-block .titles h3 { font-size: 36px; } @media (min-width: 992px) { .wonder-grid-block .titles h3 { font-size: 48px; } } .wonder-grid-block .body-content { margin-bottom: 40px; color: #095540; } .wonder-grid-block .grid-item { display: block; position: relative; border: 10px solid #ffffff; overflow: hidden; margin-bottom: 20px; } .wonder-grid-block .grid-item img { min-height: auto; width: 100%; } @media (min-width: 992px) { .wonder-grid-block .grid-item img { min-height: 139px; } } @media (min-width: 1200px) { .wonder-grid-block .grid-item img { min-height: 171px; } } @media (min-width: 1500px) { .wonder-grid-block .grid-item img { min-height: 225px; } } @media (min-width: 992px) { .wonder-grid-block .grid-item img.masonry_small { height: 139px; } } @media (min-width: 1200px) { .wonder-grid-block .grid-item img.masonry_small { height: 171px; } } @media (min-width: 1500px) { .wonder-grid-block .grid-item img.masonry_small { height: 225px; } } .wonder-grid-block .grid-item .grid-item--overlay { position: absolute; width: 100%; height: 100%; background: #095540; transform: translateY(0); transition: transform .2s ease-in-out; color: #ffffff; padding: 20px; } .wonder-grid-block .grid-item .grid-item--overlay p { font-size: .9rem; } .wonder-grid-block .grid-item .grid-item--overlay p a { font-size: .9rem; } .wonder-grid-block .grid-item .grid-item--overlay a { color: #ffffff; } .wonder-grid-block .grid-item:hover .grid-item--overlay { transform: translateY(-70%); } .wonder-recipes-block { padding-bottom: 50px; padding-top: 10px; position: relative; } .wonder-recipes-block:last-child { padding-bottom: 175px; } .wonder-recipes-block .support-image--top { position: absolute; top: -100px; right: 0; z-index: 1; } .wonder-recipes-block .titles { text-align: center; color: #095540; margin-bottom: 50px; } .wonder-recipes-block .titles h2 { font-size: 48px; } @media (min-width: 992px) { .wonder-recipes-block .titles h2 { font-size: 72px; } } .wonder-recipes-block .titles h3 { font-size: 36px; } @media (min-width: 992px) { .wonder-recipes-block .titles h3 { font-size: 48px; } } .wonder-recipes-block .body-content { margin-bottom: 40px; color: #095540; } .wonder-recipes-block .recipe-tile { overflow: hidden; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.4); border-radius: 6px; display: block; color: #095540; margin-bottom: 46px; max-height: 530px; } .wonder-recipes-block .recipe-tile img { -o-object-fit: cover; object-fit: cover; width: 100%; } @media (min-width: 992px) { .wonder-recipes-block .recipe-tile { max-height: 400px; } } .wonder-recipes-block .recipe-tile .recipe-details { height: 191px; background-color: #fbf5ea; display: block; padding: 14px 24px; } @media (min-width: 992px) { .wonder-recipes-block .recipe-tile .recipe-details { height: 161px; } } .wonder-recipes-block .recipe-tile .recipe-details .recipe-title { margin-bottom: 22px; } .wonder-recipes-block .recipe-tile .recipe-meta { padding: 0; margin-bottom: 20px; } .wonder-recipes-block .recipe-tile .meta-info { display: inline-block; font-size: 20px; margin-bottom: 10px; } @media (min-width: 992px) { .wonder-recipes-block .recipe-tile .meta-info { margin-bottom: 30px; } } .wonder-recipes-block .recipe-tile .meta-info-image { margin-right: 10px; display: inline-block; } .wonder-recipes-block .recipe-tile .meta-info-image img { width: 25px; height: auto; } .wonder-recipes-block .recipe-tile:hover { text-decoration: none; } .instagram-block { padding-bottom: 150px; padding-top: 150px; } .instagram-block .titles { text-align: center; color: #095540; margin-bottom: 50px; } .instagram-block .titles h2 { font-size: 48px; } @media (min-width: 992px) { .instagram-block .titles h2 { font-size: 72px; } } .instagram-block .titles h3 { font-size: 36px; } @media (min-width: 992px) { .instagram-block .titles h3 { font-size: 48px; } } .instagram-block .body-content { margin-bottom: 40px; color: #095540; } .instagram-block .instagram-post { margin-bottom: 20px; } @media (min-width: 1500px) { .item-count-5 .controls.center button { display: none; } } .product-carousel { padding-top: 70px; padding-bottom: 70px; position: relative; } .product-carousel .see-more-button { width: 110px; } .product-carousel .controls.center button { top: 196px; } @media (min-width: 992px) { .product-carousel { padding-top: 140px; padding-bottom: 100px; } } .product-carousel .left-image, .product-carousel .right-image { position: absolute; display: none; z-index: 1; } @media (min-width: 1200px) { .product-carousel .left-image, .product-carousel .right-image { display: block; } } .product-carousel .left-image { position: absolute; left: 0; } .product-carousel .right-image { position: absolute; right: 0; } .product-carousel .item-count-3 .rectangle-card { padding: 130px 50px; } @media (min-width: 1500px) { .product-carousel .item-count-3 .rectangle-card { padding: 60px 50px; } } .product-carousel .item-count-2 .rectangle-card { background: url("../images/layout/rectangle-card-sm-2.png") no-repeat; padding: 60px 80px; background-size: cover; } @media (min-width: 1500px) { .product-carousel .item-count-2 .rectangle-card { background-size: contain; } } .product-carousel .item-count-2 .rectangle-card .product-info { min-height: 150px; } .product-carousel .item-count-2 .product-title { font-size: 42px; line-height: 48px !important; } @media (min-width: 1500px) { .product-carousel .item-count-2 .product-title { font-size: 36px; line-height: 42px; } } .product-carousel .item-count-3 .product-title { font-size: 42px; line-height: 48px !important; } @media (min-width: 1200px) { .product-carousel .item-count-3 .product-title { font-size: 28px !important; } } .product-carousel .item-count-3 .product-info { min-height: 180px; } .product-carousel button { padding: 7px 15px; } .product-carousel button.btn-organix-custom-colour { color: #095540; margin-right: 15px; max-width: 92px; width: 100%; height: 45px; } .product-carousel button.btn-organix-custom-colour:hover { filter: brightness(80%); } .product-carousel .rectangle-card { background: url("../images/layout/rectangle-card-sm.png") no-repeat; background-size: cover; color: #095540; } @media (min-width: 1500px) { .product-carousel .rectangle-card { background-size: contain; } } @media (max-width: 1199.98px) { .product-carousel .rectangle-card .image-container { padding-left: 40px; padding-right: 40px; } } .product-carousel .rectangle-card .product-stage { font-weight: bold; } .product-carousel .rectangle-card .product-title { line-height: 36px; } .product-carousel .portrait-card { background: url("../images/layout/asset-small-paper-tile.png") no-repeat; background-size: cover; padding: 100px 50px; color: #095540; margin-bottom: 40px; } @media (min-width: 1500px) { .product-carousel .portrait-card { padding: 50px; } } .product-carousel .portrait-card .product-stage { font-weight: bold; } .product-carousel .portrait-card .product-title { font-size: 38px; } .product-carousel .portrait-card .product-info { min-height: 240px; } .product-carousel .fuel-their-wonder .fuel-their-wonder-fruit-left, .product-carousel .fuel-their-wonder .fuel-their-wonder-fruit-right { z-index: 2; } .product-carousel .fuel-their-wonder .fuel-their-wonder-fruit-left { top: -130px; } .product-carousel .fuel-their-wonder h2 { text-align: center; font-size: 68px; line-height: 80px; color: #095540; width: 80%; text-transform: uppercase; margin: 0 auto 40px; } @media (max-width: 767.98px) { .product-carousel .fuel-their-wonder h2 { width: 86%; } } @media (min-width: 992px) { .product-carousel .fuel-their-wonder h2 { width: 440px; font-size: 78px; } } .cookbook { position: relative; background-color: #fbf5ea; padding: 150px 0; overflow: hidden; } @media (min-width: 992px) { .cookbook { padding: 250px 0 100px; } .cookbook:before { top: -100px; } .cookbook:after { content: ''; width: 256px; height: 331px; position: absolute; top: 100px; left: 0; background-image: url("../images/layout/wheat-many.png"); background-size: cover; } } .cookbook-image { position: relative; } .cookbook-image:before { content: ''; width: 70px; height: 90px; position: absolute; top: -40px; left: 10vw; background-image: url("../images/layout/new-right.png"); } .cookbook-image:after { content: ''; width: 60px; height: 80px; position: absolute; bottom: 0; left: 15vw; background-image: url("../images/products/raspberry.png"); background-size: cover; } .cookbook-image img { width: 70%; height: auto; display: block; margin: auto; } .cookbook-image__caterpillar { width: 55% !important; height: auto; position: absolute; top: -70px; bottom: auto; right: -70px; } @media (min-width: 576px) { .cookbook-image__caterpillar { top: -170px; right: 0; } } @media (min-width: 992px) { .cookbook-image:before { background-image: url("../images/layout/new-icon-product.png"); background-size: cover; width: 100px; height: 120px; left: initial; right: 40px; } .cookbook-image:after { width: 80px; height: 110px; left: 7vw; } .cookbook-image__caterpillar { bottom: -50px; top: auto; } } @media (min-width: 1400px) { .cookbook-image__caterpillar { bottom: -115px; } } .cookbook-text { text-align: center; margin-top: 20px; } @media (min-width: 576px) { .cookbook-text { margin-top: 120px; } } .cookbook-text h3, .cookbook-text p { color: #095540; width: 70%; margin: auto; } .cookbook-text h3 { font-size: 44px; text-transform: uppercase; margin-top: 50px; } .cookbook-text p { font-size: 24px; margin: 30px auto 50px; } .cookbook-text a { padding: 8px 25px 2px 25px; height: 50px; width: 140px; } @media (min-width: 992px) { .cookbook-text { text-align: left; margin-top: 0; } .cookbook-text__bottom { position: relative; } .cookbook-text h3, .cookbook-text p { margin-left: 0; } .cookbook-text h3 { font-size: 60px; } .cookbook-text p { margin-bottom: 20px; } } .cookbook-detail-page:before { content: ''; width: 100%; height: 158px; position: absolute; top: -50px; left: 0; background-image: url("../images/curves/green-texture/bottom-right.png"); background-size: cover; } @media (min-width: 1500px) { .item-count-5 .controls.center button { display: none; } } .similar-recipes { padding-top: 70px; padding-bottom: 70px; position: relative; } .similar-recipes .see-more-button { width: 110px; } .similar-recipes .controls.center button { top: 196px; } @media (min-width: 992px) { .similar-recipes { padding-top: 140px; padding-bottom: 100px; } } .similar-recipes .left-image, .similar-recipes .right-image { position: absolute; display: none; z-index: 1; } @media (min-width: 1200px) { .similar-recipes .left-image, .similar-recipes .right-image { display: block; } } .similar-recipes .left-image { position: absolute; left: 0; } .similar-recipes .right-image { position: absolute; right: 0; } .similar-recipes .item-count-3 .rectangle-card { padding: 130px 50px; } @media (min-width: 1500px) { .similar-recipes .item-count-3 .rectangle-card { padding: 60px 50px; } } .similar-recipes .item-count-2 .rectangle-card { background: url("../images/layout/rectangle-card-sm-2.png") no-repeat; padding: 60px 80px; background-size: cover; } @media (min-width: 1500px) { .similar-recipes .item-count-2 .rectangle-card { background-size: contain; } } .similar-recipes .item-count-2 .rectangle-card .recipe-info { min-height: 150px; } .similar-recipes .item-count-2 .recipe-title { font-size: 42px; line-height: 48px !important; } @media (min-width: 1500px) { .similar-recipes .item-count-2 .recipe-title { font-size: 36px; line-height: 42px; } } .similar-recipes .item-count-3 .recipe-title { font-size: 42px; line-height: 48px !important; } @media (min-width: 1200px) { .similar-recipes .item-count-3 .recipe-title { font-size: 28px !important; } } .similar-recipes .item-count-3 .recipe-info { min-height: 180px; } .similar-recipes button { padding: 7px 15px; } .similar-recipes button.btn-organix-custom-colour { color: #095540; margin-right: 15px; max-width: 92px; width: 100%; height: 45px; } .similar-recipes button.btn-organix-custom-colour:hover { filter: brightness(80%); } .similar-recipes .rectangle-card { background: url("../images/layout/rectangle-card-sm.png") no-repeat; background-size: cover; color: #095540; } @media (min-width: 1500px) { .similar-recipes .rectangle-card { background-size: contain; } } @media (max-width: 1199.98px) { .similar-recipes .rectangle-card .image-container { padding-left: 40px; padding-right: 40px; } } .similar-recipes .rectangle-card .recipe-stage { font-weight: bold; } .similar-recipes .rectangle-card .recipe-title { line-height: 36px; } .similar-recipes .portrait-card { background: url("../images/layout/asset-small-paper-tile.png") no-repeat center bottom/100% 100%; padding: 50px; color: #095540; margin-bottom: 40px; } @media (min-width: 1500px) { .similar-recipes .portrait-card { padding: 50px; } } .similar-recipes .portrait-card .recipe-info .recipe-stage { font-weight: bold; height: 40px; } .similar-recipes .portrait-card .recipe-info .recipe-title { font-size: 28px; margin-bottom: 0; display: block; line-height: 1.3; min-height: 108px; } .similar-recipes .portrait-card .recipe-info .recipe-title:hover { text-decoration: underline; } .similar-recipes .portrait-card .recipe-info .product-info { height: 56px; margin-bottom: 10px; } .similar-recipes .portrait-card .image-container img { width: 90%; display: block; height: 163px; -o-object-fit: cover; object-fit: cover; } .similar-recipes .fuel-their-wonder { padding: 150px 0; margin-top: -60px; z-index: 0; } @media (min-width: 992px) { .similar-recipes .fuel-their-wonder::before, .similar-recipes .fuel-their-wonder::after { content: ''; display: block; position: absolute; } } @media (min-width: 992px) { .similar-recipes .fuel-their-wonder::before { background: url("../images/layout/wheat.png") no-repeat left top; width: 377px; height: 344px; left: 0; top: -10px; } } @media (min-width: 992px) { .similar-recipes .fuel-their-wonder::after { background: url("../images/recipes/fruits.png") no-repeat left top; width: 328px; height: 262px; right: 0; top: 70px; } } .similar-recipes .fuel-their-wonder .fuel-their-wonder-fruit-left, .similar-recipes .fuel-their-wonder .fuel-their-wonder-fruit-right { z-index: 2; } .similar-recipes .fuel-their-wonder .fuel-their-wonder-fruit-left { top: -130px; } .similar-recipes .fuel-their-wonder h2 { text-align: center; font-size: 68px; line-height: 80px; color: #095540; width: 80%; text-transform: uppercase; margin: 0 auto 40px; } @media (max-width: 767.98px) { .similar-recipes .fuel-their-wonder h2 { width: 86%; } } @media (min-width: 992px) { .similar-recipes .fuel-their-wonder h2 { width: 440px; font-size: 78px; } } .similar-recipes .fuel-their-wonder .product-info { font-size: 16px; line-height: 1.4; } .similar-recipes .fuel-their-wonder .product-title, .similar-recipes .fuel-their-wonder .recipe-title { color: #095540; text-decoration: none; margin-bottom: 15px; } .similar-recipes .fuel-their-wonder .product-title:hover, .similar-recipes .fuel-their-wonder .recipe-title:hover { text-decoration: underline; } .similar-recipes .fuel-their-wonder .our-food-tile { flex-shrink: 0; } .similar-recipes .fuel-their-wonder .our-food-tile .adimo-cta a { padding: 0; line-height: 45px; } .similar-recipes .fuel-their-wonder .our-food-tile .item { padding-bottom: 40px; } .similar-recipes .fuel-their-wonder .our-food-tile .item .product-info { margin-bottom: 20px; } .similar-recipes .fuel-their-wonder .our-food-tile .item .product-title { padding-top: 3px; display: block; height: auto; } .similar-recipes .fuel-their-wonder .our-food-tile .item .image-container { overflow: hidden; justify-content: start; } .similar-recipes .fuel-their-wonder .our-food-tile .item .image-container a { padding-top: 0; } .similar-recipes .fuel-their-wonder .our-food-tile .item .image-container img { max-height: 120px; width: 100%; -o-object-fit: cover; object-fit: cover; } .similar-recipes .fuel-their-wonder .btn-organix-custom-colour { background: #9ab63f; display: inline-block; color: #095540; width: 98px; height: 40px; border-radius: 6px; padding: 0; line-height: 40px; text-align: center; font-size: 22px; transition: all 0.15s ease-in-out; } .similar-recipes .fuel-their-wonder .btn-organix-custom-colour:hover { text-decoration: none; color: #fff; background-color: #095540; } .similar-recipes ul { display: flex; } .similar-recipes ul li { height: auto; } .gated-container { top: 0; right: 0; left: 0; bottom: 0; z-index: 3; padding: 50px 0 0; overflow-y: visible; overflow-x: hidden; max-width: 100vw; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 950px; } .gated-container .close-btn { position: absolute; top: 150px; right: 30px; color: white; font-size: 50px; cursor: pointer; opacity: 0.9; z-index: 3; display: flex; align-items: center; } .gated-container .close-btn span { font-size: 30px; line-height: 50px; margin-left: 5px; } .gated-container .close-btn:hover { font-size: 52px; opacity: 1; } @media (max-width: 1000px), (max-height: 700px) { .gated-container .close-btn { top: 150px; right: 60px; color: #ee4444; } .gated-container .close-btn span { display: none; } } @media (max-width: 805px) { .gated-container .close-btn { top: 100px; } } @media (max-width: 500px) { .gated-container .close-btn { top: 75px; right: 10px; font-size: 35px; } } .gated-container .gated-content { width: 100%; position: relative; padding: 50px 0 0; background-image: url("../images/layout/lanscape-paper.png"); background-size: contain; background-position: center; background-repeat: no-repeat; } .gated-container .gated-content .content { position: relative; color: #095540; display: flex; flex-direction: column; align-items: center; padding: 0 0 25px; z-index: 0; } .gated-container .gated-content .organix-logo { width: 228px; height: 180px; } .gated-container .gated-content .title { text-transform: uppercase; margin: 20px 0; font-size: 4em; text-align: center; font-weight: normal; padding: 0 10px 0; } @media (max-width: 750px) { .gated-container .gated-content .title { padding-top: 0; overflow: hidden; } } .gated-container .gated-content .text-body { text-align: center; font-size: 1.5rem; line-height: 1.29; padding: 0 20px; } .gated-container .gated-content .text-body--mobile { display: none; } @media screen and (max-width: 500px) { .gated-container .gated-content .text-body--mobile { display: block; } .gated-container .gated-content .text-body--desktop { display: none; } } .gated-container .gated-content .text-body p { margin: 0; color: #095540; } .gated-container .gated-content .text-body ul { padding: 0; margin: 0; color: #095540; display: flex; flex-direction: column; align-items: center; } .gated-container .gated-content .text-body li { font-size: 15px; } .gated-container .gated-content .text-body li span { font-size: 1.5rem; } @media screen and (max-width: 705px) { .gated-container .gated-content .content { font-size: 14px; } .gated-container .gated-content .text-body, .gated-container .gated-content .text-body ul li span { font-size: 1.25rem; } } .gated-container .gated-content .cta-container { display: flex; justify-content: center; margin: 40px 0 20px; } .gated-container .gated-content .cta { margin: 0 20px; } .gated-container .gated-content .mobile-login { font-size: 1.5rem; font-family: Supernett, Arial, 'sans-serif'; display: none; } .gated-container .gated-content .mobile-login a { text-decoration: underline; color: #095540; } @media screen and (max-width: 500px) { .gated-container .gated-content .cta--register { width: 250px; } .gated-container .gated-content .cta--login { display: none; } .gated-container .gated-content .mobile-login { display: block; } } .gated-container .gated-content .group { height: 100%; width: 50%; position: absolute; top: 0; bottom: 0; display: flex; align-items: center; z-index: -1; } .gated-container .gated-content .group-lhs { justify-content: flex-end; left: 0; margin-left: -225px; } .gated-container .gated-content .group-rhs { justify-content: flex-start; right: 0; margin-right: -250px; } .gated-container .gated-content .group-image { height: 90%; width: auto; } @media screen and (max-width: 1250px) { .gated-container .gated-content .group-image { height: 75%; } } @media (min-width: 1000px) { .gated-container .gated-content { width: 960px; } } @media (min-width: 1200px) { .gated-container .gated-content { width: 1140px; } } @media (max-height: 850px) { .gated-container .gated-content { margin-top: -135px; padding: 0; } .gated-container .gated-content .content h1 { font-size: 3.5rem; } } @media (max-width: 990px) { .gated-container .gated-content { margin-top: -250px; } } @media (max-width: 800px), (max-height: 600px) { .gated-container .gated-content { width: 110%; left: -5%; right: -5%; background-size: cover; margin: -420px auto 0; background-position: bottom 10px right 5%; padding-top: 20px; } } @media (max-width: 700px) { .gated-container .gated-content { padding-top: 150px; background-position-y: -110px; } } .gated-container .animal-container { position: absolute; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: flex-start; z-index: -1; height: 50%; padding-top: 100px; } @media (min-height: 900px) { .gated-container .animal-container { padding-top: 200px; } } .gated-container .organimal-bottom { display: block; height: 274px; width: 252px; } .gated-container .organimal-bottom--mobile { width: 377px; height: 263px; display: none; } @media (max-width: 1000px) { .gated-container .animal-container { padding-top: 0; } } @media (max-width: 750px), (max-height: 700px) { .gated-container .animal-container { top: 0; padding: 0 0 25px; height: 835px; align-items: flex-end; } .gated-container .organimal-bottom--mobile { display: none; } .gated-container .organimal-bottom { display: block; margin-top: -50px; } } @media (max-width: 800px) { .gated-container .animal-container { padding-bottom: 100px; } } @media screen and (max-width: 700px) { .gated-container .content { padding: 50px 50px !important; height: 660px; } .gated-container .animal-container { top: 0; padding: 0 0 100px; height: 835px; align-items: flex-end; } .gated-container .organimal-bottom--mobile { display: none; } .gated-container .organimal-bottom { display: block; } } @media screen and (max-width: 500px) { .gated-container .content { padding: 0 25px 100px !important; height: 550px; } .gated-container .animal-container { top: 0; padding: 0 0 75px; height: 835px; align-items: flex-end; justify-content: flex-start; } .gated-container .organimal-bottom { display: none; } .gated-container .organimal-bottom--mobile { display: block; } } @media screen and (max-width: 1200px), (max-height: 900px) { .gated-container .organix-logo { display: none; } } .gated-spacer { min-height: 250px; min-width: 1px; content: " "; } .sustainability-slider { background-image: url("../images/sustainability/brown-paper-background.jpg"); color: white; position: relative; padding-top: 90px; padding-bottom: 150px; } .sustainability-slider__heading { text-align: center; position: relative; z-index: 1; } @media (max-width: 767.98px) { .sustainability-slider__heading { margin-top: 20px; } } .sustainability-slider__title { text-transform: uppercase; } @media (max-width: 767.98px) { .sustainability-slider__title { font-size: 60px; line-height: 1.1; margin-bottom: 47px; } } @media (min-width: 768px) { .sustainability-slider__title { font-size: 78px; line-height: 1.03; margin-bottom: 20px; } } .sustainability-slider__subtitle { font-size: 28px; margin: auto; } @media (max-width: 767.98px) { .sustainability-slider__subtitle { max-width: calc(100% - 60px); } } @media (min-width: 768px) { .sustainability-slider__subtitle { max-width: 60%; } } @media (min-width: 1200px) { .sustainability-slider__subtitle { max-width: 685px; } } .sustainability-slider__sun, .sustainability-slider__star, .sustainability-slider__butterfly { position: absolute; z-index: 0; } .sustainability-slider__sun { top: 0; right: 0; } @media (max-width: 767.98px) { .sustainability-slider__sun { background-image: url("../images/sustainability/star-sun.png"); width: 158px; height: 109px; } } @media (min-width: 768px) and (max-width: 1499.98px) { .sustainability-slider__sun { background-image: url("../images/sustainability/sun_tablet.png"); right: -60px; width: 310px; height: 239px; } } @media (min-width: 1200px) { .sustainability-slider__sun { background-image: url("../images/sustainability/sun_desktop.png"); width: 397px; height: 306px; } } @media (max-width: 767.98px) { .sustainability-slider__butterfly { width: 159px; height: auto; bottom: -10px; left: 55px; } } @media (min-width: 768px) and (max-width: 991.98px) { .sustainability-slider__butterfly { bottom: 50px; } } @media (min-width: 992px) { .sustainability-slider__butterfly { top: 300px; width: 187px; } } @media (min-width: 1200px) { .sustainability-slider__butterfly { top: 275px; left: 10%; } } @media (min-width: 1500px) { .sustainability-slider__butterfly { left: 18%; } } .sustainability-slider__star { display: none; } @media (max-width: 767.98px) { .sustainability-slider__star { width: 47px; height: 47px; background-image: url("../images/sustainability/star_mobile.png"); } } @media (min-width: 768px) { .sustainability-slider__star { width: 67px; height: 67px; background-image: url("../images/sustainability/star_desktop.png"); } } @media (min-width: 1200px) { .sustainability-slider__star { display: block; } } .sustainability-slider__star--1 { display: block; } @media (max-width: 767.98px) { .sustainability-slider__star--1 { top: 155px; left: 0; } } @media (min-width: 768px) { .sustainability-slider__star--1 { top: 735px; left: 5.3%; } } @media (min-width: 1200px) { .sustainability-slider__star--1 { top: 155px; left: 5.625%; } } .sustainability-slider__star--2 { top: 705px; left: 22.7%; } .sustainability-slider__star--3 { top: 930px; left: 11.5%; } @media (min-width: 768px) { .sustainability-slider__star--4 { display: block; top: 470px; right: 70px; } } @media (min-width: 1200px) { .sustainability-slider__star--4 { top: 220px; right: 17%; } } .sustainability-slider__star--5 { top: 505px; right: 22%; } .sustainability-slider__star--6 { top: 755px; right: 10.4%; } .sustainability-slider__slide { max-width: 800px; margin: auto; position: relative; z-index: 1; } .sustainability-slider .slide-item { width: 100%; margin: auto; position: relative; z-index: 1; } .sustainability-slider .slide-item__earth { width: 100%; height: 100%; position: relative; z-index: 1; } .sustainability-slider .slide-item__content { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; padding-top: 40px; } @media (max-width: 767.98px) { .sustainability-slider .slide-item__content { padding-top: 25px; } } .sustainability-slider .slide-item__title { font-size: 50px; line-height: 1; margin-bottom: 15px; text-transform: uppercase; max-width: 400px; text-align: center; } @media (max-width: 767.98px) { .sustainability-slider .slide-item__title { font-size: 24px; max-width: 240px; } } .sustainability-slider .slide-item__body { font-size: 34px; line-height: 1.24; text-align: center; } .sustainability-slider .slide-item__body--1 { max-width: 420px; } .sustainability-slider .slide-item__body--2 { max-width: 455px; } .sustainability-slider .slide-item__body--3 { max-width: 450px; } @media (max-width: 767.98px) { .sustainability-slider .slide-item__body { max-width: calc(100% - 160px); font-size: 18px; } } .sustainability-slider .slide-item__icon { position: absolute; z-index: 1; height: auto; } .sustainability-slider .slide-item__icon--1 { width: 164px; bottom: 90px; right: 90px; } @media (max-width: 767.98px) { .sustainability-slider .slide-item__icon--1 { width: 100px; bottom: 25px; right: 25px; } } .sustainability-slider .slide-item__icon--2 { width: 211px; top: 110px; right: 90px; } @media (max-width: 767.98px) { .sustainability-slider .slide-item__icon--2 { width: 125px; top: 50px; right: 25px; } } .sustainability-slider .slide-item__icon--3 { width: 221px; top: 20px; left: 80px; z-index: 0; } @media (max-width: 767.98px) { .sustainability-slider .slide-item__icon--3 { width: 125px; top: 20px; left: 0; } } .sustainability-slider .slick-dots button { border: solid 2px white; border-radius: 100%; width: 16px; height: 16px; } .sustainability-slider .slick-dots button:before, .sustainability-slider .slick-dots button:after { display: none; } .sustainability-slider .slick-dots .slick-active button { background: white; } .sustainability-slider .slick-track .slide { padding-left: 10px; padding-right: 10px; } .sustainability-slider .slick-arrow { height: 38px; width: 23px; z-index: 1; } .sustainability-slider .slick-arrow:before { content: ""; height: 38px; width: 23px; display: block; background-repeat: no-repeat; } @media (max-width: 991.98px) { .sustainability-slider .slick-arrow:before { display: none; } } .sustainability-slider .slick-prev { left: 10px; } .sustainability-slider .slick-prev:before { background: url("../images/sustainability/arrow-left.png"); } .sustainability-slider .slick-next { right: 10px; } .sustainability-slider .slick-next:before { background: url("../images/sustainability/arrow-right.png"); } .food-pdp { padding-top: 0; } @media (max-width: 991.98px) { .food-pdp { overflow-x: hidden; padding-top: 90px; } } @media (min-width: 992px) { .food-pdp { padding-top: 40px; } } .food-pdp .food-images-hero-carousel { overflow: hidden; } .food-pdp .food-images-hero-carousel.is-new { position: relative; } .food-pdp .food-images-hero-carousel img { width: 100%; max-width: 250px; margin: auto; display: block; } @media (min-width: 768px) { .food-pdp .food-images-hero-carousel img { max-width: 380px; margin: auto; } } @media (min-width: 1500px) { .food-pdp .food-images-hero-carousel img { max-width: auto; } } .food-pdp .food-images-hero-carousel .slick-slide a { display: block; } .food-pdp .food-images-hero-carousel .slick-slide a img { width: 100%; max-width: 380px; margin: auto; } @media (min-width: 992px) { .food-pdp .food-images-hero-carousel .slick-slide a img { margin: 0; } } @media (min-width: 1500px) { .food-pdp .food-images-hero-carousel .slick-slide a img { max-width: 460px; } } .food-pdp .adimo-iframe-outer { height: 0; overflow: hidden; } .food-pdp .adimo-iframe-outer .adimo-iframe-inner { margin: 0 auto; height: 0; } .food-pdp .adimo-iframe-outer .adimo-iframe { width: 100%; border: none; } .food-pdp .food-hero-container { color: #095540; } .food-pdp .food-hero-container a:not(.btn) { color: #095540; } .food-pdp .food-hero-container h1 { margin-bottom: 50px; margin-top: 50px; text-align: center; } @media (min-width: 992px) { .food-pdp .food-hero-container h1 { text-align: left; margin-top: 0; } } .food-pdp .food-hero-container .user-rating-container { justify-content: flex-start; flex-direction: column; text-align: center; margin: auto; display: block; margin-top: -30px; } @media (min-width: 992px) { .food-pdp .food-hero-container .user-rating-container { display: flex; flex-direction: row; text-align: left; margin: -40px 0 0; padding: 0 0 15px 10px; } } .food-pdp .food-hero-container .user-rating-container ul { max-width: 160px; } @media (min-width: 992px) { .food-pdp .food-hero-container .user-rating-container ul { margin-right: 40px; } } .food-pdp .food-hero-container .user-rating-container > p { margin-bottom: 0; line-height: 1; } @media (max-width: 991.98px) { .food-pdp .food-hero-container .user-rating-container > p { position: relative; top: -30px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .user-rating-container > p { margin-left: 15px; } } .food-pdp .food-hero-container .user-rating-container .user-ratings { display: flex; align-items: center; justify-content: center; } .food-pdp .food-hero-container .field__product_image_left img { width: 152px; position: absolute; z-index: 1; bottom: -60px; left: -40px; z-index: 2; height: auto; } @media (min-width: 768px) { .food-pdp .food-hero-container .field__product_image_left img { width: 152px; bottom: -120px; left: 120px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .field__product_image_left img { bottom: -90px; left: -38px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .field__product_image_left img { bottom: -90px; left: -28px; } } .food-pdp .food-hero-container .field__product_image_right img { position: absolute; z-index: 1; width: 160px; height: auto; right: -40px; bottom: -67px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .field__product_image_right img { width: 240px; right: -130px; bottom: -110px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .field__product_image_right img { right: -40px; bottom: -197px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .field__product_image_right img { bottom: -223px; right: -190px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .field__product_image_right img { bottom: -180px; right: -130px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .field__product_image_right img { bottom: -150px; right: -132px; } } .food-pdp .food-hero-container .field__animal-container { margin: 0 0 0 auto; max-width: 350px; height: 465px; display: none; } @media (min-width: 992px) { .food-pdp .food-hero-container .field__animal-container { display: block; } } .food-pdp .food-hero-container .field__animal-container img { width: 100%; position: absolute; z-index: 2; max-width: 350px; top: 180px; right: 60px; } @media (min-width: 1200px) { .food-pdp .food-hero-container .field__animal-container img { right: 115px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .field__animal-container img { right: 230px; } } .food-pdp .food-hero-container .field__animal-container.rice-cakes img { max-width: 370px; top: 169px; } .food-pdp .food-hero-container .adimo-cta { margin: auto; text-align: center; display: block; } .food-pdp .food-hero-container .adimo-cta button { width: 50%; margin: 10px 0 10px 0; max-width: 200px; } @media (min-width: 992px) { .food-pdp .food-hero-container .adimo-cta button { width: initial; margin: 0; } } @media (min-width: 992px) { .food-pdp .food-hero-container .adimo-cta { display: inline-flex; } } .food-pdp .food-hero-container .adimo-cta .adimoWidget { margin: 5px; } .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .highlight-product-icon { right: 30px; } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .highlight-product-icon { width: 80px; right: 120px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .highlight-product-icon { right: -30px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .highlight-product-icon { right: 0; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .highlight-product-icon { right: 60px; } } .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_left img { width: 152px; height: auto; position: absolute; z-index: 1; bottom: -60px; left: -40px; z-index: 2; } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_left img { width: 152px; bottom: -40px; left: 90px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_left img { bottom: -90px; left: -38px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_left img { bottom: -90px; left: -28px; } } .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_right img { position: absolute; z-index: 1; width: 160px; height: auto; right: -40px; bottom: -67px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_right img { width: 240px; right: -130px; bottom: -110px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_right img { right: 40px; bottom: -100px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_right img { bottom: -167px; right: -100px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_right img { bottom: -160px; right: -80px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-rice--cereals .field__product_image_right img { bottom: -140px; right: -60px; } } .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_left img { width: 152px; height: auto; position: absolute; z-index: 1; bottom: -60px; left: -40px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_left img { bottom: -40px; left: 50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_left img { bottom: -20px; left: 90px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_left img { bottom: -80px; left: -38px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_left img { bottom: -60px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_left img { bottom: -80px; left: -70px; width: 200px; } } .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_right img { position: absolute; z-index: 1; width: 100px; height: auto; right: 10px; bottom: -30px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_right img { width: 100px; right: 90px; bottom: -40px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_right img { right: 120px; bottom: -30px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_right img { bottom: -50px; right: -20px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_right img { bottom: -40px; right: -10px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.fruit-snacks .field__product_image_right img { bottom: -40px; right: 8px; } } .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_left img { width: 110px; height: auto; position: absolute; bottom: -60px; left: -30px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_left img { width: 152px; bottom: -66px; left: 6px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_left img { width: 152px; bottom: -62px; left: 38px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_left img { bottom: -70px; left: -120px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_left img { left: -106px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_left img { bottom: -70px; left: -50px; } } .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_right img { position: absolute; width: 160px; height: auto; right: -60px; bottom: -57px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_right img { width: 180px; right: -10px; bottom: -70px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_right img { width: 240px; right: -20px; bottom: -90px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_right img { bottom: -120px; right: -190px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_right img { bottom: -120px; right: -170px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.soft-oaty-bars .field__product_image_right img { bottom: -90px; right: -130px; } } .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_left img { width: 152px; height: auto; position: absolute; z-index: 1; bottom: -60px; left: -40px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_left img { bottom: -60px; left: 50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_left img { bottom: -60px; left: 120px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_left img { bottom: -90px; left: -38px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_left img { bottom: -90px; left: -28px; } } .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_right img { position: absolute; z-index: 1; width: 110px; height: auto; right: 10px; bottom: -50px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_right img { width: 140px; right: 70px; bottom: -70px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_right img { right: 100px; bottom: -50px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_right img { bottom: -70px; right: -50px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_right img { bottom: -50px; right: -30px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.oaty-bites .field__product_image_right img { bottom: -70px; right: -22px; width: 160px; } } .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_left img { width: 152px; height: auto; position: absolute; z-index: 1; bottom: -60px; left: -40px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_left img { width: 140px; bottom: -40px; left: 50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_left img { bottom: -40px; left: 91px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_left img { bottom: -60px; left: -80px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_left img { bottom: -60px; left: -60px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_left img { bottom: -30px; left: 2px; } } .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_right img { position: absolute; z-index: 1; width: 160px; height: auto; right: -40px; bottom: -67px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_right img { width: 160px; right: 38px; bottom: -40px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_right img { right: 90px; bottom: -60px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_right img { bottom: -80px; right: -60px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_right img { bottom: -80px; right: -50px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.toddler-savouries .field__product_image_right img { bottom: -70px; right: 10px; } } .food-pdp .food-hero-container .product-image-container.jars .new-product-icon { right: 60px; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.jars .new-product-icon { right: 80px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.jars .new-product-icon { right: -70px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.jars .new-product-icon { right: -50px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.jars .new-product-icon { right: 5px; } } .food-pdp .food-hero-container .product-image-container.jars .field__product_image_left img { height: auto; width: 152px; position: absolute; z-index: 1; bottom: -50px; left: 40px; z-index: 2; } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_left img { width: 152px; left: 120px; bottom: -20px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_left img { bottom: -60px; left: -38px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_left img { bottom: -60px; left: 30px; } } .food-pdp .food-hero-container .product-image-container.jars .field__product_image_right img { position: absolute; z-index: 1; width: 160px; height: auto; right: -10px; bottom: -60px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_right img { width: 180px; right: 50px; bottom: -50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_right img { right: 70px; bottom: -50px; width: 240px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_right img { bottom: -90px; right: -90px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_right img { bottom: -80px; right: -70px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.jars .field__product_image_right img { right: -10px; } } .food-pdp .food-hero-container .product-image-container.rice-cakes .highlight-product-icon { right: 20px; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .highlight-product-icon { right: 110px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .highlight-product-icon { right: 130px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .highlight-product-icon { right: -25px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .highlight-product-icon { right: -10px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .highlight-product-icon { right: 40px; } } .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_left img { height: auto; width: 120px; position: absolute; z-index: 1; bottom: -20px; left: 0px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_left img { width: 125px; left: 76px; bottom: -30px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_left img { width: 130px; left: 125px; bottom: -30px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_left img { bottom: -60px; left: -40px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_left img { left: -20px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_left img { bottom: -30px; left: 30px; } } .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_right img { position: absolute; z-index: 1; width: 120px; height: auto; right: 10px; bottom: -30px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_right img { width: 130px; right: 90px; bottom: -50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_right img { right: 160px; bottom: -30px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_right img { bottom: -50px; right: 0px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_right img { bottom: -50px; right: 10px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.rice-cakes .field__product_image_right img { bottom: -40px; right: 60px; } } .food-pdp .food-hero-container .product-image-container.pouches .new-product-icon { right: 50px; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.pouches .new-product-icon { right: 100px; top: -45px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.pouches .new-product-icon { right: 170px; top: -40px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.pouches .new-product-icon { right: 30px; top: -45px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.pouches .new-product-icon { right: 50px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.pouches .new-product-icon { right: 90px; } } .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_left img { width: 110px; position: absolute; z-index: 1; bottom: -40px; left: 30px; z-index: 2; height: auto; } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_left img { width: 152px; left: 140px; bottom: -40px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_left img { bottom: -60px; left: 20px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_left img { bottom: -60px; left: 30px; } } .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_right img { position: absolute; z-index: 1; width: 130px; height: auto; right: 0px; bottom: -40px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_right img { width: 170px; right: 60px; bottom: -50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_right img { right: 120px; bottom: -50px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_right img { bottom: -90px; right: -30px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_right img { bottom: -110px; right: -50px; width: 200px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.pouches .field__product_image_right img { bottom: -70px; right: 0px; } } .food-pdp .food-hero-container .product-image-container.baby-puffs .highlight-product-icon { right: 50px; } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .highlight-product-icon { right: -40px; top: -45px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .highlight-product-icon { right: -20px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .highlight-product-icon { right: 20px; } } .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_left img { width: 100px; height: auto; position: absolute; z-index: 1; bottom: -60px; left: 20px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_left img { left: 100px; bottom: -50px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_left img { width: 130px; left: 120px; bottom: -83px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_left img { bottom: -100px; left: -45px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_left img { bottom: -85px; left: -25px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_left img { bottom: -93px; left: 30px; } } .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_right img { position: absolute; z-index: 1; width: 160px; height: auto; right: -20px; bottom: -60px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_right img { width: 150px; right: 58px; bottom: -65px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_right img { bottom: -80px; right: 80px; width: 180px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_right img { bottom: -110px; right: -78px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_right img { right: -60px; bottom: -100px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-puffs .field__product_image_right img { bottom: -125px; right: 0px; } } .food-pdp .food-hero-container .product-image-container.baby-biscuits .highlight-product-icon { right: 10px; } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .highlight-product-icon { right: 190px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .highlight-product-icon { right: 30px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .highlight-product-icon { right: 60px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .highlight-product-icon { right: 105px; } } .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { width: 152px; height: auto; position: absolute; z-index: 1; bottom: -50px; left: 0px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { width: 130px; bottom: -50px; left: 96px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { width: 130px; bottom: -70px; left: 170px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { width: 152px; bottom: -90px; left: -18px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { left: -10px; bottom: -110px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { left: 4px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_left img { bottom: -90px; left: 60px; } } .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_right img { position: absolute; z-index: 1; width: 160px; height: auto; right: 10px; bottom: -67px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_right img { width: 200px; right: 60px; bottom: -80px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_right img { width: 240px; right: 100px; bottom: -90px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_right img { bottom: -130px; right: -50px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_right img { right: -23px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.baby-biscuits .field__product_image_right img { bottom: -110px; right: 20px; } } .food-pdp .food-hero-container .product-image-container.puffcorn .highlight-product-icon { right: 30px; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.puffcorn .highlight-product-icon { right: 110px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.puffcorn .highlight-product-icon { right: 150px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.puffcorn .highlight-product-icon { right: -20px; top: -60px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.puffcorn .highlight-product-icon { right: 10px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.puffcorn .highlight-product-icon { right: 60px; } } .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_left img { width: 130px; height: auto; position: absolute; z-index: 1; left: 0px; bottom: -67px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_left img { width: 150px; left: 70px; bottom: -70px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_left img { left: 138px; bottom: -70px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_left img { bottom: -60px; left: -38px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_left img { bottom: -60px; left: -8px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_left img { bottom: -60px; left: 48px; } } .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_right img { position: absolute; z-index: 1; width: 150px; height: auto; right: 0; bottom: -88px; z-index: 2; } @media (min-width: 576px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_right img { right: 75px; bottom: -80px; } } @media (min-width: 768px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_right img { right: 140px; bottom: -80px; } } @media (min-width: 992px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_right img { bottom: -65px; right: -38px; } } @media (min-width: 1200px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_right img { bottom: -60px; right: -10px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.puffcorn .field__product_image_right img { bottom: -60px; right: 42px; } } @media (min-width: 1500px) { .food-pdp .food-hero-container .product-image-container.other .new-product-icon { right: 20px; } } .food-pdp .pdp-top-section { margin-top: 90px; } @media (min-width: 992px) { .food-pdp .pdp-top-section { margin-top: 120px; } } .food-pdp .product-image-container { position: relative; } .food-pdp .product-image-container .new-product-icon, .food-pdp .product-image-container .highlight-product-icon { position: absolute; top: -60px; display: block; content: " "; height: 125px; z-index: 1; background-size: contain; width: 70px; right: 10px; } @media (min-width: 768px) { .food-pdp .product-image-container .new-product-icon, .food-pdp .product-image-container .highlight-product-icon { width: 80px; right: 96px; } } @media (min-width: 992px) { .food-pdp .product-image-container .new-product-icon, .food-pdp .product-image-container .highlight-product-icon { right: -60px; } } @media (min-width: 1200px) { .food-pdp .product-image-container .new-product-icon, .food-pdp .product-image-container .highlight-product-icon { right: -40px; } } @media (min-width: 1500px) { .food-pdp .product-image-container .new-product-icon, .food-pdp .product-image-container .highlight-product-icon { right: -22px; } } .food-pdp .adimo-cta .btn, .food-pdp .adimo-cta .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-edit'], .food-pdp .adimo-cta .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-remove'], .food-pdp .adimo-cta #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-edit'], .food-pdp .adimo-cta #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-remove'], .food-pdp .adimo-cta #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-forgot-password #edit-submit, #user-forgot-password .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-pass-reset-page #edit-submit, #user-pass-reset-page .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .food-pdp .adimo-cta .form-submit, .food-pdp .adimo-cta #user-edit-page .button--primary, #user-edit-page .food-pdp .adimo-cta .button--primary, .food-pdp .adimo-cta #user-cancel-form #edit-submit, #user-cancel-form .food-pdp .adimo-cta #edit-submit { font-size: 20px; padding: .25rem 2rem; margin-right: 40px; } @media (min-width: 1200px) { .food-pdp .adimo-cta .btn, .food-pdp .adimo-cta .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-edit'], .food-pdp .adimo-cta .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-remove'], .food-pdp .adimo-cta #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-edit'], .food-pdp .adimo-cta #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input[id*='actions-ief-entity-remove'], .food-pdp .adimo-cta #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-forgot-password #edit-submit, #user-forgot-password .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-pass-reset-page #edit-submit, #user-pass-reset-page .food-pdp .adimo-cta #edit-submit, .food-pdp .adimo-cta #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .food-pdp .adimo-cta .form-submit, .food-pdp .adimo-cta #user-edit-page .button--primary, #user-edit-page .food-pdp .adimo-cta .button--primary, .food-pdp .adimo-cta #user-cancel-form #edit-submit, #user-cancel-form .food-pdp .adimo-cta #edit-submit { font-size: 28px; } } .food-pdp .adimo-cta .btn:last-of-type, .food-pdp .adimo-cta .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:last-of-type[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input:last-of-type[id*='actions-ief-entity-edit'], .food-pdp .adimo-cta .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input:last-of-type[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input:last-of-type[id*='actions-ief-entity-remove'], .food-pdp .adimo-cta #user-login-page #edit-actions #edit-submit:last-of-type, #user-login-page #edit-actions .food-pdp .adimo-cta #edit-submit:last-of-type, .food-pdp .adimo-cta #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:last-of-type[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input:last-of-type[id*='actions-ief-entity-edit'], .food-pdp .adimo-cta #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:last-of-type[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .food-pdp .adimo-cta input:last-of-type[id*='actions-ief-entity-remove'], .food-pdp .adimo-cta #user-register-page #edit-actions #edit-submit:last-of-type, #user-register-page #edit-actions .food-pdp .adimo-cta #edit-submit:last-of-type, .food-pdp .adimo-cta #user-forgot-password #edit-submit:last-of-type, #user-forgot-password .food-pdp .adimo-cta #edit-submit:last-of-type, .food-pdp .adimo-cta #user-pass-reset-page #edit-submit:last-of-type, #user-pass-reset-page .food-pdp .adimo-cta #edit-submit:last-of-type, .food-pdp .adimo-cta #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:last-of-type, #user-edit-page .tabbed-three-col .tab-pane#children .food-pdp .adimo-cta .form-submit:last-of-type, .food-pdp .adimo-cta #user-edit-page .button--primary:last-of-type, #user-edit-page .food-pdp .adimo-cta .button--primary:last-of-type, .food-pdp .adimo-cta #user-cancel-form #edit-submit:last-of-type, #user-cancel-form .food-pdp .adimo-cta #edit-submit:last-of-type { margin-right: 0; } .food-pdp .food-content-curve--top { position: absolute; top: 0px; width: 100%; margin: auto; z-index: 1; display: none; } @media (min-width: 992px) { .food-pdp .food-content-curve--top { display: block; } } .food-pdp .food-content-curve--top img { width: 100%; top: 0; } .food-pdp .food-content-curve--bottom { position: absolute; bottom: 0px; width: 100%; margin: auto; z-index: 1; display: none; } @media (min-width: 992px) { .food-pdp .food-content-curve--bottom { display: block; } } .food-pdp .food-content-curve--bottom img { width: 100%; bottom: 0; } .food-pdp .food-content-apple-floating { position: absolute; z-index: 2; bottom: -10px; display: none; left: 0; right: 0; margin-left: auto; margin-right: auto; } .food-pdp .food-content-apple-floating img { width: 100%; max-width: 190px; } @media (min-width: 1500px) { .food-pdp .food-content-apple-floating img { max-width: 250px; } } .food-pdp .food-content-type-description { text-align: left; background-repeat: repeat; background-position: center; background-size: 200px, auto; background-blend-mode: multiply; color: #095540; padding-top: 100px; padding-bottom: 100px; font-size: 28px; position: relative; overflow: hidden; margin-left: -10px; margin-right: -10px; } @media (min-width: 992px) { .food-pdp .food-content-type-description { padding-top: 156px; margin: -250px 0 0 0; } } @media (min-width: 1500px) { .food-pdp .food-content-type-description { margin-top: -260px; } } @media (min-width: 992px) { .food-pdp .food-content-type-description.mobile { display: none; } } .food-pdp .food-content-type-description.mobile .title { font-size: 50px; } .food-pdp .food-content-type-description.mobile .read-more-content, .food-pdp .food-content-type-description.mobile .read-more-link { font-size: 22px; } .food-pdp .food-content-type-description.desktop { display: none; } @media (min-width: 992px) { .food-pdp .food-content-type-description.desktop { display: block; } } .food-pdp .food-content-type-description .read-more-link { display: none; text-decoration: underline; } .food-pdp .food-content-type-description h2 { font-size: 60px; } .food-pdp .food-content-type-description h2 > div { line-height: 1.1; text-overflow: ellipsis; overflow: visible; } @media (min-width: 992px) { .food-pdp .food-content-type-description h2 { margin-top: 2%; margin-bottom: 10px; } } @media (min-width: 1500px) { .food-pdp .food-content-type-description h2 { margin-top: 8%; margin-bottom: 10px; } } .food-pdp .food-content-type-description p { font-size: 23px; } .food-pdp .food-content-type-description img { height: 100%; } .food-pdp .food-content-type-description .support-image--right { position: absolute; height: 100%; top: 0; right: 0; display: none; } @media (min-width: 992px) { .food-pdp .food-content-type-description .support-image--right { display: block; } } .food-pdp .food-content-type-description .support-image--right img { position: absolute; top: 0; right: -20px; height: 760px; width: auto; } .food-pdp .food-content-type-description .support-image--right img[id-category="215"] { top: 112px; right: -110px; height: 680px; } @media screen and (max-width: 1499px) { .food-pdp .food-content-type-description .support-image--right img { height: auto; right: -160px; } .food-pdp .food-content-type-description .support-image--right img[id-category="215"] { top: 80px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .food-pdp .food-content-type-description .support-image--right img { right: -335px; height: 915px; } .food-pdp .food-content-type-description .support-image--right img[id-category="215"] { top: 220px; height: 650px; right: -136px; } } .food-pdp .food-content-type-description .support-image--left { position: absolute; height: 100%; top: 0; left: 0; display: none; } @media (min-width: 992px) { .food-pdp .food-content-type-description .support-image--left { display: block; } } .food-pdp .food-content-type-description .support-image--left img { position: absolute; top: 32px; left: -110px; height: 680px; width: auto; } .food-pdp .product-information-container #comment-form { display: none; } @media (min-width: 992px) { .food-pdp .product-information-container { margin-bottom: 250px; } } .food-pdp .product-information-container .food-tabs { margin-left: auto; margin-right: auto; position: relative; margin-top: 60px; } .food-pdp .product-information-container .food-tabs .nav-tabs { border-bottom: none; } .food-pdp .product-information-container .food-tabs .nav-tabs a { background: none; border: none; font-size: 36px; color: #627826; font-family: Nippon, Arial, "sans-serif"; } .food-pdp .product-information-container .food-tabs .nav-tabs a.active { color: #095540; text-decoration: underline; } .food-pdp .product-information-container .slick-carousel-food-images { max-width: 410px; margin-bottom: 50px; margin: 0 auto 50px; } .food-pdp .product-information-container .slick-carousel-food-images .slick-track { transition: height .2s ease-in-out; } @media (max-width: 1199.98px) { .food-pdp .product-information-container .slick-carousel-food-images .slick-track { overflow: hidden; } } @media (max-width: 1199.98px) { .food-pdp .product-information-container .slick-carousel-food-images .slick-slide { height: auto !important; } } .food-pdp .product-information-container .slick-carousel-food-images .panel-overlay.hidden-border { border: 20px solid transparent; } .food-pdp .product-information-container .slick-carousel-food-images .panel-overlay .panel-overlay-image { width: 100%; } .food-pdp .product-information-container .slick-carousel-food-images .panel-overlay a { display: block; } .food-pdp .product-information-container .slick-carousel-food-images .slick-dots { margin-bottom: 20px; bottom: -55px; } .food-pdp .product-information-container .slick-carousel-food-images .slick-dots button { border: solid 2px #095540; border-radius: 100%; } .food-pdp .product-information-container .slick-carousel-food-images .slick-dots button:before, .food-pdp .product-information-container .slick-carousel-food-images .slick-dots button:after { display: none; } .food-pdp .product-information-container .slick-carousel-food-images .slick-dots .slick-active button { background: #095540; } .food-pdp .product-information-container .slick-carousel-food-images .slick-track .slide { padding-left: 10px; padding-right: 10px; } .food-pdp .product-information-container .slick-carousel-food-images .slick-arrow { height: 30px; width: 20px; } .food-pdp .product-information-container .slick-carousel-food-images .slick-arrow:before { content: ""; height: 30px; width: 20px; display: block; } .food-pdp .product-information-container .slick-carousel-food-images .slick-prev { left: -30px; } .food-pdp .product-information-container .slick-carousel-food-images .slick-prev:before { background: url("../images/icons/icon-left-arrow.png"); background-repeat: no-repeat; } .food-pdp .product-information-container .slick-carousel-food-images .slick-next { right: -30px; } .food-pdp .product-information-container .slick-carousel-food-images .slick-next:before { background: url("../images/icons/icon-right-arrow.png"); background-repeat: no-repeat; } .food-pdp .product-information-container .slick-carousel-food-images img { width: 100%; height: auto; } @media (max-width: 1499.98px) { .food-pdp .product-information-container .slick-carousel-food-images .slick-prev { left: -15px; } } @media (max-width: 1499.98px) { .food-pdp .product-information-container .slick-carousel-food-images .slick-next { right: -15px; } } .food-pdp .product-information-container .review-section { display: none; text-align: center; } @media (min-width: 992px) { .food-pdp .product-information-container .review-section { margin-top: 50px; } } .food-pdp .product-information-container .review-section h2 { display: none; } .food-pdp .product-information-container .review-section .pager { display: none; } .food-pdp .product-information-container .review-section .no-reviews { font-size: 23px; line-height: 1.2; color: #095540; padding-bottom: 20px; } .food-pdp .product-information-container .review-section article { margin: 20px; width: 100%; min-height: 260px; max-width: 268px; display: inline-block; border-radius: 4px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4); background: url("../images/layout/reviews-bg.png") no-repeat; background-size: cover; vertical-align: top; transition: all .2s; padding: 16px; } @media (min-width: 1500px) { .food-pdp .product-information-container .review-section article { max-width: 340px; } } .food-pdp .product-information-container .review-section article .links { display: none; } .food-pdp .product-information-container .review-section article > .container .name, .food-pdp .product-information-container .review-section article > .container .location, .food-pdp .product-information-container .review-section article > .container .body { text-align: left; color: #095540; } .food-pdp .product-information-container .review-section article > .container .name { font-size: 28px; } .food-pdp .product-information-container .review-section article > .container .body { margin-top: 23px; border-bottom: solid #095540 2px; min-height: 112px; } .food-pdp .product-information-container .review-section article > .container .location { font-size: 20px; } .food-pdp .product-information-container .review-section article > .container .location:before { content: ""; background: url("../images/icons/reviews-location-icon.png") no-repeat; width: 13px; height: 20px; display: block; float: left; margin-right: 5px; margin-top: 5px; background-size: contain; } .food-pdp .product-information-container .review-section article .heart-rating { margin-bottom: 30px; margin-top: 15px; width: 140px; } .food-pdp .product-information-container .tab-content-wrapper { margin-top: 60px; } .food-pdp .product-information-container .tab-content-wrapper .packsizes ul { margin: 0 0 20px 0; padding: 0; } .food-pdp .product-information-container .tab-content-wrapper .packsizes ul li { list-style: none; font-size: 22px; line-height: 1.2; color: #8c9d41; text-align: center; } .food-pdp .product-information-container .tab-content-wrapper .ingredients-small-print, .food-pdp .product-information-container .tab-content-wrapper .ingredients-notes { color: #095540; margin-top: 18px; } .food-pdp .product-information-container .tab-content-wrapper .ingredients-notes { max-width: 300px; margin: 20px auto 0; } .food-pdp .product-information-container .tab-content-wrapper .safety-advice { width: 260px; position: absolute; left: 47px; } @media (min-width: 1500px) { .food-pdp .product-information-container .tab-content-wrapper .safety-advice { width: 380px; } } .food-pdp .product-information-container .tab-content-wrapper .safety-advice .safety-advice-image { float: left; margin-right: 20px; margin-top: 5px; } .food-pdp .product-information-container .tab-content-wrapper .safety-advice .safety-advice-content { display: flex; flex-wrap: wrap; max-width: 240px; } @media (min-width: 1200px) { .food-pdp .product-information-container .tab-content-wrapper .safety-advice .safety-advice-content { max-width: none; } } .food-pdp .product-information-container .tab-content-wrapper .safety-advice .safety-advice-content h6 { font-weight: bold; margin-bottom: 0; font-family: Supernett; color: #095540; } .food-pdp .product-information-container .tab-content-wrapper .safety-advice .safety-advice-content p { font-size: 16px; line-height: 1.2; margin-bottom: 0; color: #095540; } .food-pdp .product-information-container .tab-content-wrapper .where-to-buy { padding: 34px 20px 50px 20px; text-align: center; background: url("../images/layout/wtb-bg.png") no-repeat; background-size: contain; max-width: 330px; margin-left: auto; margin-right: auto; } .food-pdp .product-information-container .tab-content-wrapper .where-to-buy button { font-size: 20px; } .food-pdp .product-information-container .tab-content-wrapper .where-to-buy .adimo-cta { display: inline-flex; margin-top: 10px; margin-bottom: 20px; } .food-pdp .product-information-container .tab-content-wrapper .where-to-buy .adimo-cta button { padding-left: 15px; padding-right: 15px; margin: 5px; } .food-pdp .product-information-container .tab-content-wrapper .where-to-buy h3 { font-size: 32px; color: #095540; } .food-pdp .product-information-container .tab-content-wrapper .where-to-buy_product_image_left img { width: 152px; position: absolute; z-index: 2; top: 136px; right: 30px; } @media (min-width: 1200px) { .food-pdp .product-information-container .tab-content-wrapper .where-to-buy_product_image_left img { right: 80px; } } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients { background: url("../images/layout/ingredients-paper-tile.png") no-repeat; padding: 10px 20px 20px 20px; min-height: 560px; height: auto; background-size: cover; padding-bottom: 100px; } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table { width: 100%; } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table caption { font-size: 28px; line-height: 1.2; text-align: center; caption-side: unset; font-family: Nippon, Arial, "sans-serif"; color: #095540; padding-top: 0; margin-top: 10px; } @media (min-width: 992px) { .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table caption { text-align: left; } } @media (min-width: 1500px) { .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table caption { font-size: 30px; } } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table tr:nth-child(even) { background-color: rgba(146, 170, 56, 0.33); } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table tr td { font-size: 22px; padding-left: 20px; color: #095540; } @media (max-width: 1499.98px) { .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table tr td { font-size: 20px; } } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients table tr th { font-size: 16px; color: #095540; } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients .field-food-ingredients-notations { font-size: 16px; } .food-pdp .product-information-container .tab-content-wrapper #food-ingredients .nutrition-information { font-size: 22px; line-height: 26px; text-align: center; } .food-pdp .product-information-container #food-nutrition { background: url("../images/layout/ingredients-paper-tile.png") no-repeat; padding: 10px 20px 20px 20px; min-height: 560px; height: auto; background-size: cover; padding-bottom: 100px; } .food-pdp .product-information-container #food-nutrition table { width: 100%; } .food-pdp .product-information-container #food-nutrition table caption { font-size: 40px; line-height: 40px; text-align: center; caption-side: unset; font-family: Nippon, Arial, "sans-serif"; color: #095540; padding-top: 0; } .food-pdp .product-information-container #food-nutrition table tr:nth-child(even) { background-color: rgba(146, 170, 56, 0.33); } .food-pdp .product-information-container #food-nutrition table tr td { font-size: 20px; color: #095540; padding-left: 15px; padding-left: 40px; } @media (max-width: 1499.98px) { .food-pdp .product-information-container #food-nutrition table tr td { font-size: 18px; padding-left: 30px; } } .food-pdp .product-information-container #food-nutrition table tr th { font-size: 18px; color: #095540; padding-left: 10px; } @media (max-width: 1499.98px) { .food-pdp .product-information-container #food-nutrition table tr th { font-size: 16px; padding-left: 30px; } } @media (min-width: 1500px) { .food-pdp .product-information-container #food-nutrition table tr th { padding-left: 40px; } } .food-pdp .product-information-container #food-allergens { background: url("../images/layout/allergens-paper-tile.png") no-repeat; background-size: cover; min-height: 430px; padding: 40px 50px 40px 50px; } .food-pdp .product-information-container #food-allergens .allergens-wrapper { margin-left: 20px; } .food-pdp .product-information-container #food-allergens .allergens-wrapper h4 { color: #095540; font-size: 30px; text-align: center; margin-bottom: 20px; } .food-pdp .product-information-container #food-allergens .allergens-wrapper p { color: #095540; font-size: 18px; text-align: center; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .contains-list { margin: 0 auto; display: block; text-align: center; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .contains-list li img { text-align: center; margin: auto; width: 40px; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .nuts-banner { width: 100%; max-width: 350px; background-color: rgba(154, 182, 63, 0.3); padding: 15px 25px; margin: 20px auto; text-align: center; margin-top: 0; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .nuts-banner div { color: #095540; font-size: 16px; margin: 0; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .nuts-banner div div:nth-of-type(1) { font-weight: bold; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .nuts-banner div div:nth-of-type(1):after { content: ':'; } .food-pdp .product-information-container #food-allergens .allergens-wrapper .nuts-banner div div:nth-of-type(2) { font-weight: normal; } .food-pdp .product-information-container #food-allergens .allergens-wrapper a { color: #095540; font-size: 22px; } @media (min-width: 1500px) { .food-pdp .product-information-container #food-allergens .allergens-wrapper a { font-size: 28px; } } .food-pdp .desktop-container .nutrition-section, .food-pdp .desktop-container .food-tabs-wrapper { display: none; } @media (min-width: 992px) { .food-pdp .desktop-container .nutrition-section, .food-pdp .desktop-container .food-tabs-wrapper { display: flex; } } .food-pdp .desktop-container #reviewSection { display: none; } .food-pdp .nutrition-animal { position: absolute; top: 185px; height: auto; width: 450px; left: 305px; display: none; z-index: -1; } @media (min-width: 992px) { .food-pdp .nutrition-animal { display: block; left: 220px; } } @media (min-width: 1200px) { .food-pdp .nutrition-animal { left: 280px; } } @media (min-width: 1500px) { .food-pdp .nutrition-animal { left: 380px; } } .food-pdp .nutrition-animal img { position: absolute; width: 100%; max-width: 300px; transform: rotate(85deg); } .food-pdp .our-commitment { margin-top: 160px; } .food-pdp .fuel-their-wonder h2 { width: 80%; padding: 0 15px; margin-top: 170px; } @media (min-width: 992px) { .food-pdp .fuel-their-wonder h2 { margin-top: 0; } } .faq-container { height: auto; background: url("../images/curves/pink-texture/pdp-faq-bg.png"); background-repeat: repeat-y; position: relative; margin-top: 240px; font-size: 28px; color: #095540; } @media (min-width: 992px) { .faq-container { background-size: cover; background-repeat: no-repeat; min-height: 500px; margin-top: 400px; } } .faq-container .views-element-container { position: relative; text-align: center; margin-top: 15%; } @media (min-width: 768px) { .faq-container .views-element-container { margin-top: 30%; } } @media (min-width: 992px) { .faq-container .views-element-container { margin-top: 0; text-align: initial; position: absolute; top: 56px; left: 130px; } } .faq-container h2 { display: none; } .faq-container a { color: #095540; text-decoration: underline; font-weight: bold; } @media (min-width: 992px) { .faq-container a { font-size: 16px; } } @media (min-width: 1200px) { .faq-container a { font-size: 20px; } } @media (min-width: 1500px) { .faq-container a { font-size: 26px; } } @media (min-width: 992px) { .faq-container { margin-top: 300px; margin-bottom: 200px; } } .faq-container .faq-container--top, .faq-container .faq-container--bottom { position: absolute; height: 190px; display: flex; width: 100%; } .faq-container .faq-container--top img, .faq-container .faq-container--bottom img { width: 100%; height: auto; } .faq-container .faq-container--top { top: -190px; align-items: flex-end; } .faq-container .faq-container--top.desktop-show { display: none; } @media (min-width: 992px) { .faq-container .faq-container--top.desktop-show { display: flex; } } .faq-container .faq-container--top.mobile-show { display: flex; height: auto; width: 100%; margin-top: 10px; } @media (min-width: 992px) { .faq-container .faq-container--top.mobile-show { display: none; } } .faq-container .faq-container--bottom { bottom: -190px; align-items: flex-start; display: none; } @media (min-width: 992px) { .faq-container .faq-container--bottom { display: block; } } .faq-container [data-aos^='owl-anim'][data-aos^='owl-anim'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: none; animation-name: jackInTheBox; animation-fill-mode: fowards; -webkit-animation-fill-mode: fowards; animation-play-state: paused; -webkit-animation-play-state: paused; opacity: 0; } .faq-container [data-aos^='owl-anim'][data-aos^='owl-anim'].aos-animate { animation-play-state: running; opacity: 1; } .faq-container .faq-owl { position: relative; bottom: -190px; z-index: 1; margin: auto; display: block; text-align: center; margin-top: -200px; } .faq-container .faq-owl img { width: 330px; transform: rotate(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; animation-name: shakeMe; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes shakeMe { 2%, 18% { transform: translate(0, 0) rotate(0deg); } 4%, 16% { transform: translate(0, 0) rotate(3deg); } 6%, 10%, 14% { transform: translate(0, 0) rotate(-3deg); } 8%, 12% { transform: translate(0, 0) rotate(3deg); } 18.1% { transform: translate(0, 0) rotate(0deg); } } @media (min-width: 992px) { .faq-container .faq-owl { margin: 80px 0 0 -30px; text-align: left; bottom: -60px; } } @media (min-width: 1200px) { .faq-container .faq-owl { bottom: -130px; } } .faq-container .faq-owl:after { content: ""; background: url("../images/animals/question-cloud.png") no-repeat; width: 132px; height: 100px; display: block; position: absolute; top: 25px; right: 25px; background-size: contain; display: none; } @media (min-width: 992px) { .faq-container .faq-owl:after { display: block; top: 20px; right: auto; left: 275px; } } .faq-container .views-field-title { margin-bottom: 30px; transition: all .2s ease-in-out; } @media (min-width: 992px) { .faq-container .views-field-title { margin-bottom: -10px; } } @media (min-width: 1200px) { .faq-container .views-field-title { margin-bottom: 0; } } @media (min-width: 1500px) { .faq-container .views-field-title { margin-bottom: 5px; } } .faq-container .views-field-title:hover { transform: scale(1.05); } .faq-container .views-field-field-answer { display: none; width: 290px; font-weight: normal; width: 100%; text-align: center; } .faq-container .views-field-field-answer p { line-height: 1.1; margin-bottom: 60px; } @media (min-width: 992px) { .faq-container .views-field-field-answer p { font-size: 16px; margin-bottom: 0; } } @media (min-width: 1200px) { .faq-container .views-field-field-answer p { font-size: 20px; } } @media (min-width: 1500px) { .faq-container .views-field-field-answer p { font-size: 26px; } } @media (min-width: 992px) { .faq-container .views-field-field-answer { position: relative; top: 0px; left: 460px; display: none; width: 400px; text-align: left; font-weight: normal; } .faq-container .views-field-field-answer::-webkit-scrollbar { -webkit-appearance: none; } .faq-container .views-field-field-answer::-webkit-scrollbar:vertical { width: 11px; } .faq-container .views-field-field-answer::-webkit-scrollbar:horizontal { height: 11px; } .faq-container .views-field-field-answer::-webkit-scrollbar-thumb { border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #095540; } } @media (min-width: 1200px) { .faq-container .views-field-field-answer { left: 560px; } } @media (min-width: 1500px) { .faq-container .views-field-field-answer { left: 710px; width: 500px; } } .faq-container .show-faq-answer { display: block; transition: all .3s; } .faq-container .faq-question, .faq-container .faq-answer { font-size: 85px; color: #095540; } .faq-container .faq-question { text-align: center; font-weight: bold; display: none; } @media (min-width: 992px) { .faq-container .faq-question { display: block; text-align: initial; margin-top: 0; } } .faq-container .faq-answer { display: none; } @media (min-width: 768px) { .faq-container .faq-answer { position: absolute; left: -343px; top: 232px; } } @media (min-width: 992px) { .faq-container .faq-answer { display: block; position: relative; left: initial; top: initial; } } .faq-container .faq-answer__content { margin-left: 100px; margin-top: -60px; } @media (min-width: 992px) { .faq-container .faq-answer__content { font-size: 16px; } } @media (min-width: 1200px) { .faq-container .faq-answer__content { font-size: 20px; margin-top: -70px; } } @media (min-width: 1500px) { .faq-container .faq-answer__content { font-size: 26px; } } .faq-container .activeQ { transition: all .2s ease-in-out; } .faq-container .activeQ a { color: #627826; } .faq-container.paragraph--block { padding-bottom: 150px; } .faq-container.paragraph--block .question-container, .faq-container.paragraph--block .answer-container { display: flex; flex-direction: column; } @media (min-width: 992px) { .faq-container.paragraph--block .question-container, .faq-container.paragraph--block .answer-container { flex-direction: row; } } @media (max-width: 1199.98px) { .faq-container.paragraph--block .question-container .faq-owl:after { top: -30px; right: -15px; } } .faq-container.paragraph--block .question-container > .questions { flex: 1; padding: 40px 20px 0; display: none; } @media (min-width: 992px) { .faq-container.paragraph--block .question-container > .questions { display: block; } } .faq-container.paragraph--block .question-container a { transition: transform .2s ease-in-out; display: block; margin-bottom: 20px; } .faq-container.paragraph--block .question-container a:hover { transform: scale(1.1); } .faq-container.paragraph--block .question-container .card .card-header .btn-link { color: #095540; font-family: Supernett, Arial, sans-serif; font-size: 28px; font-weight: bold; text-align: center; width: 100%; } .faq-container.paragraph--block .question-container .card .card-header .btn-link:hover { cursor: pointer; } .faq-container.paragraph--block .question-container .card .card-body { text-align: center; font-size: 28px; } .faq-container.paragraph--block .answer-container .answers { flex: 1; padding: 40px 20px 0; } .faq-container.paragraph--block .answer-container .answer-item { display: none; } #nutritionAccordion { margin-top: 100px; } #nutritionAccordion .card { position: relative; border-top: 2px solid #095540; } #nutritionAccordion .card:last-of-type { border-bottom: 2px solid #095540; } #nutritionAccordion .card .card-body { padding-bottom: 30px; } #nutritionAccordion .btn, #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-edit'], #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-remove'], #nutritionAccordion #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions #nutritionAccordion #edit-submit, #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-edit'], #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-remove'], #nutritionAccordion #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions #nutritionAccordion #edit-submit, #nutritionAccordion #user-forgot-password #edit-submit, #user-forgot-password #nutritionAccordion #edit-submit, #nutritionAccordion #user-pass-reset-page #edit-submit, #user-pass-reset-page #nutritionAccordion #edit-submit, #nutritionAccordion #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children #nutritionAccordion .form-submit, #nutritionAccordion #user-edit-page .button--primary, #user-edit-page #nutritionAccordion .button--primary, #nutritionAccordion #user-cancel-form #edit-submit, #user-cancel-form #nutritionAccordion #edit-submit { color: #627826; font-size: 36px; } #nutritionAccordion .btn:after, #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit']:after, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-edit']:after, #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove']:after, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-remove']:after, #nutritionAccordion #user-login-page #edit-actions #edit-submit:after, #user-login-page #edit-actions #nutritionAccordion #edit-submit:after, #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit']:after, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-edit']:after, #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove']:after, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-remove']:after, #nutritionAccordion #user-register-page #edit-actions #edit-submit:after, #user-register-page #edit-actions #nutritionAccordion #edit-submit:after, #nutritionAccordion #user-forgot-password #edit-submit:after, #user-forgot-password #nutritionAccordion #edit-submit:after, #nutritionAccordion #user-pass-reset-page #edit-submit:after, #user-pass-reset-page #nutritionAccordion #edit-submit:after, #nutritionAccordion #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:after, #user-edit-page .tabbed-three-col .tab-pane#children #nutritionAccordion .form-submit:after, #nutritionAccordion #user-edit-page .button--primary:after, #user-edit-page #nutritionAccordion .button--primary:after, #nutritionAccordion #user-cancel-form #edit-submit:after, #user-cancel-form #nutritionAccordion #edit-submit:after { content: ""; display: block; height: 21px; width: 24px; position: absolute; right: 0; background: url("../images/icons/accordion-down.png") no-repeat; bottom: 30px; } #nutritionAccordion .btn[aria-expanded="true"], #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[aria-expanded="true"][id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[aria-expanded="true"][id*='actions-ief-entity-edit'], #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[aria-expanded="true"][id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[aria-expanded="true"][id*='actions-ief-entity-remove'], #nutritionAccordion #user-login-page #edit-actions #edit-submit[aria-expanded="true"], #user-login-page #edit-actions #nutritionAccordion #edit-submit[aria-expanded="true"], #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[aria-expanded="true"][id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[aria-expanded="true"][id*='actions-ief-entity-edit'], #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[aria-expanded="true"][id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[aria-expanded="true"][id*='actions-ief-entity-remove'], #nutritionAccordion #user-register-page #edit-actions #edit-submit[aria-expanded="true"], #user-register-page #edit-actions #nutritionAccordion #edit-submit[aria-expanded="true"], #nutritionAccordion #user-forgot-password #edit-submit[aria-expanded="true"], #user-forgot-password #nutritionAccordion #edit-submit[aria-expanded="true"], #nutritionAccordion #user-pass-reset-page #edit-submit[aria-expanded="true"], #user-pass-reset-page #nutritionAccordion #edit-submit[aria-expanded="true"], #nutritionAccordion #user-edit-page .tabbed-three-col .tab-pane#children .form-submit[aria-expanded="true"], #user-edit-page .tabbed-three-col .tab-pane#children #nutritionAccordion .form-submit[aria-expanded="true"], #nutritionAccordion #user-edit-page .button--primary[aria-expanded="true"], #user-edit-page #nutritionAccordion .button--primary[aria-expanded="true"], #nutritionAccordion #user-cancel-form #edit-submit[aria-expanded="true"], #user-cancel-form #nutritionAccordion #edit-submit[aria-expanded="true"] { color: #095540; } #nutritionAccordion .btn[aria-expanded="true"]:after, #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'][aria-expanded="true"]:after, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-edit'][aria-expanded="true"]:after, #nutritionAccordion .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'][aria-expanded="true"]:after, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-remove'][aria-expanded="true"]:after, #nutritionAccordion #user-login-page #edit-actions #edit-submit[aria-expanded="true"]:after, #user-login-page #edit-actions #nutritionAccordion #edit-submit[aria-expanded="true"]:after, #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'][aria-expanded="true"]:after, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-edit'][aria-expanded="true"]:after, #nutritionAccordion #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'][aria-expanded="true"]:after, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #nutritionAccordion input[id*='actions-ief-entity-remove'][aria-expanded="true"]:after, #nutritionAccordion #user-register-page #edit-actions #edit-submit[aria-expanded="true"]:after, #user-register-page #edit-actions #nutritionAccordion #edit-submit[aria-expanded="true"]:after, #nutritionAccordion #user-forgot-password #edit-submit[aria-expanded="true"]:after, #user-forgot-password #nutritionAccordion #edit-submit[aria-expanded="true"]:after, #nutritionAccordion #user-pass-reset-page #edit-submit[aria-expanded="true"]:after, #user-pass-reset-page #nutritionAccordion #edit-submit[aria-expanded="true"]:after, #nutritionAccordion #user-edit-page .tabbed-three-col .tab-pane#children .form-submit[aria-expanded="true"]:after, #user-edit-page .tabbed-three-col .tab-pane#children #nutritionAccordion .form-submit[aria-expanded="true"]:after, #nutritionAccordion #user-edit-page .button--primary[aria-expanded="true"]:after, #user-edit-page #nutritionAccordion .button--primary[aria-expanded="true"]:after, #nutritionAccordion #user-cancel-form #edit-submit[aria-expanded="true"]:after, #user-cancel-form #nutritionAccordion #edit-submit[aria-expanded="true"]:after { background: url("../images/icons/accordion-up.png") no-repeat; top: 30px; } #nutritionAccordion .ingredients-accordion { width: 100%; margin: auto; max-width: 450px; } #nutritionAccordion .ingredients-accordion .food-ingredients { background: url("../images/layout/ingredients-paper-tile.png") no-repeat; padding: 10px 20px 90px 20px; background-size: cover; height: auto; min-height: 542px; } #nutritionAccordion .ingredients-accordion .food-ingredients table { width: 100%; max-width: 450px; } #nutritionAccordion .ingredients-accordion .food-ingredients table caption { font-size: 33px; line-height: 40px; text-align: center; caption-side: unset; color: #095540; padding-top: 0; margin-top: 10px; } @media (min-width: 1500px) { #nutritionAccordion .ingredients-accordion .food-ingredients table caption { font-size: 40px; } } #nutritionAccordion .ingredients-accordion .food-ingredients table tr:nth-child(even) { background-color: rgba(146, 170, 56, 0.33); } #nutritionAccordion .ingredients-accordion .food-ingredients table tr td { font-size: 22px; padding-left: 20px; color: #095540; } @media (min-width: 1500px) { #nutritionAccordion .ingredients-accordion .food-ingredients table tr td { font-size: 24px; } } #nutritionAccordion .ingredients-accordion .food-ingredients table tr th { font-size: 20px; color: #095540; padding-left: 17px; padding-bottom: 20px; } #nutritionAccordion .ingredients-accordion .food-ingredients .field-food-ingredients-notations { font-size: 16px; } #nutritionAccordion .ingredients-accordion .food-ingredients .nutrition-information { font-size: 22px; line-height: 26px; text-align: center; } #nutritionAccordion .nutrition-accordion { width: 100%; margin: auto; max-width: 450px; } #nutritionAccordion .nutrition-accordion .food-nutrition { background: url("../images/layout/ingredients-paper-tile.png") no-repeat; padding: 10px 20px 90px 20px; background-size: cover; height: auto; min-height: 542px; } #nutritionAccordion .nutrition-accordion .food-nutrition table { width: 100%; max-width: 450px; } #nutritionAccordion .nutrition-accordion .food-nutrition table caption { font-size: 40px; line-height: 40px; text-align: center; caption-side: unset; color: #095540; padding-top: 0; } #nutritionAccordion .nutrition-accordion .food-nutrition table tr:nth-child(even) { background-color: rgba(146, 170, 56, 0.33); } #nutritionAccordion .nutrition-accordion .food-nutrition table tr td { font-size: 20px; padding-left: 25px; color: #095540; } @media (min-width: 1500px) { #nutritionAccordion .nutrition-accordion .food-nutrition table tr td { font-size: 24px; } } #nutritionAccordion .nutrition-accordion .food-nutrition table tr th { font-size: 13px; color: #095540; padding-left: 24px; } #nutritionAccordion .allergens-accordion { width: 100%; margin: auto; max-width: 450px; } #nutritionAccordion .allergens-accordion .food-allergens { background: url("../images/layout/allergens-paper-tile.png") no-repeat; background-size: cover; min-height: 430px; padding: 40px 50px 40px 50px; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper { margin-left: 20px; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper h4 { color: #095540; font-size: 44px; text-align: center; margin-bottom: 20px; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper p { color: #095540; font-size: 22px; text-align: center; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .contains-list { margin: 0 auto; display: block; text-align: center; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .contains-list li img { text-align: center; margin: auto; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .nuts-banner { width: 100%; max-width: 350px; background-color: rgba(154, 182, 63, 0.3); padding: 15px 25px; margin: 20px auto; text-align: center; margin-top: 0; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .nuts-banner div { color: #095540; font-size: 16px; margin: 0; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .nuts-banner div div:nth-of-type(1) { font-weight: bold; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .nuts-banner div div:nth-of-type(1):after { content: ':'; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper .nuts-banner div div:nth-of-type(2) { font-weight: normal; } #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper a { color: #095540; font-size: 22px; } @media (min-width: 1500px) { #nutritionAccordion .allergens-accordion .food-allergens .allergens-wrapper a { font-size: 28px; } } #nutritionAccordion .food-accordion .food-reviews { text-align: center; } #nutritionAccordion .food-accordion .food-reviews .write-review-cta { color: #ffffff; background-color: #095540; border-color: #095540; width: 160px; height: 45px; font-size: 18px; margin-top: 20px; } #nutritionAccordion .food-accordion .food-reviews .write-review-cta:after { display: none; } #nutritionAccordion .food-accordion .food-reviews h2 { display: none; } #nutritionAccordion .food-accordion .food-reviews .pager { display: none; } #nutritionAccordion .food-accordion .food-reviews article { margin: 20px; width: 80%; min-height: 260px; max-width: 100%; display: inline-block; border-radius: 4px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4); background: url("../images/layout/reviews-bg.png") no-repeat; background-size: cover; vertical-align: top; transition: all .2s; padding: 20px; } #nutritionAccordion .food-accordion .food-reviews article .links { display: none; } #nutritionAccordion .food-accordion .food-reviews article > .container .name, #nutritionAccordion .food-accordion .food-reviews article > .container .location, #nutritionAccordion .food-accordion .food-reviews article > .container .body { text-align: left; color: #095540; } #nutritionAccordion .food-accordion .food-reviews article > .container .name { font-size: 28px; } #nutritionAccordion .food-accordion .food-reviews article > .container .body { margin-top: 23px; border-bottom: solid #095540 2px; min-height: 112px; } #nutritionAccordion .food-accordion .food-reviews article > .container .location { font-size: 20px; } #nutritionAccordion .food-accordion .food-reviews article > .container .location:before { content: ""; background: url("../images/icons/reviews-location-icon.png") no-repeat; width: 13px; height: 20px; display: block; float: left; margin-right: 5px; margin-top: 5px; background-size: contain; } #nutritionAccordion .food-accordion .food-reviews article .heart-rating { margin-bottom: 30px; margin-top: 15px; width: 140px; } .fuel-their-wonder { position: relative; margin-top: 80px; } @media (min-width: 1200px) { .fuel-their-wonder { margin: 0; } } .fuel-their-wonder h2 { text-align: center; font-size: 68px; margin-bottom: 40px; line-height: 80px; color: #095540; width: 100%; text-transform: uppercase; margin: auto; } @media (max-width: 767.98px) { .fuel-their-wonder h2 { width: 86%; } } @media (min-width: 992px) { .fuel-their-wonder h2 { width: 440px; font-size: 78px; } } .fuel-their-wonder .views-exposed-form { display: none; } .fuel-their-wonder .our-food-tile { background: url(../images/layout/asset-small-paper-tile.png) no-repeat center bottom/100% 100%; padding: 20px 24px; } .fuel-their-wonder .our-food-tile button { font-size: 18px; } .fuel-their-wonder .our-food-tile a { font-size: 18px; padding-top: 7px; } .fuel-their-wonder .our-food-tile.not-product-hero .item .product-info-wrapper { text-align: center; } @media (min-width: 1200px) { .fuel-their-wonder .our-food-tile.not-product-hero .item .product-info-wrapper { text-align: initial; } } .fuel-their-wonder .our-food-tile.not-product-hero .item .image-container { position: relative; } .fuel-their-wonder .our-food-tile.not-product-hero .item .image-container .favourite-button-container { display: none; position: absolute; bottom: -18px; right: 10px; } .fuel-their-wonder .our-food-tile.not-product-hero .item .image-container .favourite-button-container button:focus { outline: 0; } .fuel-their-wonder .our-food-tile.product-hero .item { height: 100%; display: flex; flex-direction: row; } .fuel-their-wonder .our-food-tile.product-hero .item .product-info-wrapper { text-align: center; } @media (min-width: 1200px) { .fuel-their-wonder .our-food-tile.product-hero .item .product-info-wrapper { text-align: initial; } } @media (max-width: 767.98px) { .fuel-their-wonder .our-food-tile.product-hero .item { display: block; } } .fuel-their-wonder .our-food-tile.product-hero .item .image-container, .fuel-their-wonder .our-food-tile.product-hero .item .item-content { height: 100%; flex: 1 1 auto; display: flex; align-items: center; } .fuel-their-wonder .our-food-tile.product-hero .item .item-content { flex-direction: column; justify-content: center; align-items: start; } .fuel-their-wonder .our-food-tile.product-hero .item .image-container { position: relative; justify-content: center; } .fuel-their-wonder .our-food-tile.product-hero .item .image-container .favourite-button-container { display: none; position: absolute; bottom: 90px; right: 0px; } @media (max-width: 767.98px) { .fuel-their-wonder .our-food-tile.product-hero .item .image-container .favourite-button-container { bottom: -10px; right: -10px; } } .fuel-their-wonder .our-food-tile.product-hero .item .image-container .favourite-button-container button:focus { outline: 0; } .fuel-their-wonder .our-food-tile .item { padding: 10px 10px 56px; color: #095540; } .fuel-their-wonder .our-food-tile .item .image-container { display: flex; height: 175px; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-content: center; align-items: center; margin-bottom: 20px; } .fuel-their-wonder .our-food-tile .item .image-container img { max-height: 100%; width: auto; } .fuel-their-wonder .our-food-tile .item .product-stage { line-height: 1; font-size: 22px; font-weight: bold; } .fuel-their-wonder .our-food-tile .item .product-title { font-size: 28px; line-height: 36px; height: 60px; } .fuel-their-wonder .our-food-tile .item .pack-size { height: 35px; font-size: 16px; margin-top: 2px; margin-bottom: 20px; } .fuel-their-wonder .our-food-tile .item .call-outs { height: 38px; margin-top: 30px; margin-bottom: 10px; } .fuel-their-wonder .our-food-tile .item .adimo-cta { display: flex; justify-content: center; } @media (min-width: 1200px) { .fuel-their-wonder .our-food-tile .item .adimo-cta { justify-content: initial; } } .fuel-their-wonder .our-food-tile .item .adimo-cta button { padding: 7px 15px; } .fuel-their-wonder .our-food-tile .item .adimo-cta button.btn-organix-custom-colour { color: #095540; margin-right: 15px; max-width: 92px; width: 100%; height: 45px; } .fuel-their-wonder .our-food-tile .item .adimo-cta button.btn-organix-custom-colour:hover { filter: brightness(80%); } .fuel-their-wonder .our-food-tile .adimo-cta button { font-size: 18px; } .fuel-their-wonder .our-food-tile .adimo-cta a { font-size: 18px; height: 45px; width: 110px; padding: 7px 0; } .fuel-their-wonder .fuel-their-wonder-fruit-left { position: absolute; left: 0; top: -140px; display: none; } .fuel-their-wonder .fuel-their-wonder-fruit-left img { width: 100%; max-width: 350px; } @media (min-width: 992px) { .fuel-their-wonder .fuel-their-wonder-fruit-left { display: block; } } .fuel-their-wonder .fuel-their-wonder-fruit-right { position: absolute; right: 0; top: -60px; display: none; } .fuel-their-wonder .fuel-their-wonder-fruit-right img { width: 100%; max-width: 380px; } @media (min-width: 992px) { .fuel-their-wonder .fuel-their-wonder-fruit-right { display: block; } } .product-image-container .new-product-icon { background: url("../images/layout/new-icon-product.png") no-repeat; background-size: contain; } #recipe-node .fuel-their-wonder { padding-top: 200px; padding-bottom: 200px; } #recipe-node .fuel-their-wonder .our-food-tile { width: 400px; } #recipe-node .fuel-their-wonder .our-food-tile .image-container > div, #recipe-node .fuel-their-wonder .our-food-tile .image-container > article { height: 100%; } #recipe-node .fuel-their-wonder .our-food-tile img { max-width: 100%; height: auto; display: block; } #recipe-node .fuel-their-wonder .our-food-tile .call-outs { display: none; } #recipe-node .similar-recipes .controls.center button { top: 100px; } .recipe-hero { position: relative; background-size: cover; padding-bottom: 20px; height: 60vh; min-height: 700px; margin-top: 0; } @media (max-width: 767.98px) { .recipe-hero { margin-top: 0; } } @media (max-width: 991.98px) { .recipe-hero { background-image: url("../images/layout/paper-background.jpg") !important; padding-bottom: 224px; min-height: 30vh; height: auto; } } @media (min-width: 768px) { .recipe-hero { margin-top: -90px; } } @media (min-width: 992px) { .recipe-hero { padding-bottom: 224px; min-height: 30vh; height: auto; margin-top: 0; } } .recipe-hero .stage-month { width: 70px; } @media (min-width: 992px) { .recipe-hero .stage-month { width: 10%; max-width: 150px; } } .recipe-hero > .stage-month { position: absolute; top: 0; right: 20px; height: auto; } @media (min-width: 992px) { .recipe-hero > .stage-month { right: 180px; } } .recipe-hero .recipe-title-card { padding: 20px; color: #095540; display: flex; flex-direction: column; } @media (min-width: 992px) { .recipe-hero .recipe-title-card { margin-top: 197px; padding: 50px; background: url("../images/layout/lanscape-paper.png") no-repeat center/100% 100%; width: 100%; max-width: 1000px; height: 390px; } } .recipe-hero .recipe-title-card .recipe-title { font-size: 36px; margin-bottom: 10px; line-height: 1; max-width: 900px; } @media (min-width: 992px) { .recipe-hero .recipe-title-card .recipe-title { font-size: 65px; margin-bottom: 0; } } @media (min-width: 1200px) { .recipe-hero .recipe-title-card .recipe-title { font-size: 78px; } } .recipe-hero .recipe-title-card .recipe-meta { margin-top: 30px; margin-bottom: 20px; font-size: 18px; } @media (min-width: 992px) { .recipe-hero .recipe-title-card .recipe-meta { font-size: 28px; } } .recipe-hero .recipe-title-card .recipe-meta .meta-info { margin-bottom: 10px; width: 210px; margin: 10px auto; } @media (min-width: 992px) { .recipe-hero .recipe-title-card .recipe-meta .meta-info { margin-bottom: 0; width: 100%; } } .recipe-hero .recipe-title-card .recipe-meta .meta-info .meta-info-image { display: inline-block; width: 38px; } .recipe-hero .recipe-title-card .recipe-meta .recipe-meta-icon { margin-right: 10px; } .recipe-hero .recipe-title-card .recipe-meta .recipe-info-container { display: flex; flex-direction: column; } @media (min-width: 992px) { .recipe-hero .recipe-title-card .recipe-meta .recipe-info-container { flex-direction: row; } } .recipe-hero .recipe-title-card .recipe-meta .recipe-info-container > p { margin-right: 10px; } .recipe-hero .recipe-title-card .recipe-meta .recipe-info-container .contains-list { max-width: 310px; } .contains-list { width: auto; margin: 0; padding: 0; list-style: none; } .contains-list li { display: inline-flex; justify-content: center; flex-direction: column; min-width: 48px; } .contains-list li > img { width: 48px; } .contains-list li > p { font-size: 16px !important; text-align: center; } .recipe-ingredients-equipment { position: relative; padding-top: 40px; padding-bottom: 40px; color: #095540; } .recipe-ingredients-equipment .left-image, .recipe-ingredients-equipment .right-image { position: absolute; display: none; z-index: 1; } @media (min-width: 1200px) { .recipe-ingredients-equipment .left-image, .recipe-ingredients-equipment .right-image { display: block; } } .recipe-ingredients-equipment .right-image { right: 0; top: -500px; } .recipe-ingredients-equipment .left-image { bottom: 0; left: 0; max-width: 650px; } @media (min-width: 1200px) { .recipe-ingredients-equipment { padding-top: 105px; padding-bottom: 203px; } } .recipe-ingredients-equipment .info-side { padding: 0 40px; } .recipe-ingredients-equipment .info-side h4 { font-size: 28px; font-weight: bold; } .recipe-ingredients-equipment .info-side p { font-size: 23px; } .recipe-ingredients-equipment .info-side ul { font-size: 23px; } .recipe-ingredients-equipment h2 { font-size: 78px; z-index: 2; position: relative; } @media (max-width: 991.98px) { .recipe-ingredients-equipment h2 { font-size: 65px; line-height: 1; margin-bottom: 30px; } } .recipe-ingredients-equipment h3, .recipe-ingredients-equipment h4 { font-size: 28px; font-weight: bold; } .recipe-ingredients-equipment .secondary-image-container { border: white solid 10px; position: relative; margin-bottom: 40px; width: 100%; max-width: 550px; } .recipe-ingredients-equipment .secondary-image-container .favourite-button-container { display: none; position: absolute; bottom: 10px; right: 10px; } .recipe-ingredients-equipment .secondary-image-container .favourite-button-container button:focus { outline: 0; } .recipe-step-by-step { padding-top: 40px; padding-bottom: 40px; color: #095540; } @media (min-width: 1200px) { .recipe-step-by-step { padding-top: 224px; padding-bottom: 200px; } } .recipe-step-by-step .step-info { display: none; } .recipe-step-by-step .step-info.first-step { display: block; } .recipe-step-by-step .step-info.hide-step { display: none !important; } .recipe-step-by-step .step-info.show-step { display: block; } .recipe-step-by-step .previous-button, .recipe-step-by-step .next-button { background: url("../images/icons/icon-chevron-right.png") no-repeat center/contain; height: 56px; width: 56px; border: none; z-index: 1; } .recipe-step-by-step .previous-button:hover, .recipe-step-by-step .next-button:hover { cursor: pointer; } .recipe-step-by-step .previous-button { transform: rotate(180deg); } .recipe-step-by-step .mobile-step-buttons { display: flex; justify-content: center; margin: 20px 0; } @media (max-width: 991.98px) { .recipe-step-by-step .mobile-step-buttons { order: 1; } } .recipe-step-by-step .mobile-step-buttons .mobile-button { width: 40px; margin: 0 25px; } @media (min-width: 992px) { .recipe-step-by-step .mobile-step-buttons .mobile-button { margin: 0; } } @media (min-width: 992px) { .recipe-step-by-step .mobile-step-buttons button { margin: 0 20px; } } .recipe-step-by-step .recipe-method { height: 100%; position: relative; border: 10px solid transparent; margin-bottom: 40px; } .recipe-step-by-step .recipe-method h3 { font-size: 33px; } .recipe-step-by-step .recipe-method h2 { font-size: 78px; text-transform: uppercase; } .recipe-step-by-step .recipe-method .method-desc { font-size: 28px; max-width: 600px; } .recipe-step-by-step .image-container { position: relative; border: 10px solid white; z-index: 1; margin-top: 0; } @media (min-width: 992px) { .recipe-step-by-step .image-container { margin-top: 140px; } } @media (min-width: 1200px) { .recipe-step-by-step .image-container { margin-top: 0; } } .recipe-step-by-step .image-container img { max-height: 430px; } .recipe-step-by-step .image-container .dt-prevnext-btns .previous-button { transform: rotate(180deg); position: absolute; bottom: -36px; right: 40px; } .recipe-step-by-step .image-container .dt-prevnext-btns .next-button { position: absolute; bottom: -36px; right: -40px; } .recipe-step-by-step .step-progress { margin-top: 10px; text-align: center; } .recipe-step-by-step .recipe-notes { max-width: 600px; } .recipe-step-by-step .recipe-notes a { font-size: 28px; color: #095540; text-decoration: underline; font-weight: bold; } .recipe-step-by-step .recipe-notes .card-body { font-size: 28px; } .related-recipes { padding-top: 100px; padding-bottom: 100px; } @media (min-width: 1200px) { .related-recipes { padding-top: 185px; padding-bottom: 203px; } } .related-recipes h2 { color: #095540; text-align: center; font-size: 44px; } .related-recipes .form-radios { display: flex; justify-content: center; } .related-recipes .form-radios > div { margin-left: 10px; margin-right: 10px; } .related-recipes .form-radios > div:first-child { margin-left: 0; } .related-recipes .form-radios > div:last-child { margin-right: 0; } .related-recipes .form-radios input { display: none; } .related-recipes .form-radios input:checked + label { font-weight: bold; } .related-recipes .form-radios label { color: #095540; position: relative; } .related-recipes .form-radios label:after { content: '/'; display: block; position: absolute; right: -13px; top: 0; } .related-recipes .form-radios label:last-child:after { display: none; } .related-recipes .form-radios label:hover, .related-recipes .form-radios label:focus { text-decoration: underline; cursor: pointer; } .about-us .copy-content { padding-top: 30px; position: relative; padding-bottom: 250px; } .about-us .copy-content > .container { position: relative; z-index: 1; } @media (min-width: 1200px) { .about-us .copy-content { padding-bottom: 365px; } } .about-us .copy-content h2 { font-size: 60px !important; } @media (min-width: 1200px) { .about-us .copy-content h2 { font-size: 78px !important; } } .about-us .copy-content__body { margin: auto; padding: 0 20px; } @media (min-width: 1200px) { .about-us .copy-content__body { width: 530px; padding: 0; } } @media (min-width: 1500px) { .about-us .copy-content__body { width: 616px; } } .about-us .copy-content__body p { font-size: 24px; line-height: 1.42; } @media (min-width: 1200px) { .about-us .copy-content__body p { font-size: 28px; line-height: 1.29; } } .about-us .clouds { position: absolute; left: 0; display: none; } @media (max-width: 1199.98px) { .about-us .clouds--mobile { display: block; top: 50px; } } @media (min-width: 1200px) { .about-us .clouds--desktop { display: block; top: 130px; } } .about-us .butterflies { position: absolute; right: 0; display: none; } @media (max-width: 1199.98px) { .about-us .butterflies--mobile { display: block; top: 50px; } } @media (min-width: 1200px) { .about-us .butterflies--desktop { display: block; top: 120px; } } @media (min-width: 1500px) { .about-us .butterflies--desktop { top: 80px; } } .about-us .tree { display: none; } @media (min-width: 1500px) { .about-us .tree { display: block; position: absolute; z-index: 2; top: -150px; left: -50px; } } .about-us .barrels-block { position: relative; } .about-us .barrels-block .curves-block { bottom: -120px; margin-top: 0; } .about-us .barrels-block__inner { position: relative; z-index: 3; top: -175px; margin-bottom: -170px; overflow-x: hidden; } @media (max-width: 1199.98px) { .about-us .barrels-block__inner { padding: 0; max-width: 100%; } } @media (min-width: 1200px) { .about-us .barrels-block__inner { top: -275px; } } .about-us .barrels-block__title { font-size: 60px; line-height: 1.1; font-weight: normal; color: #095540; margin-bottom: -25px; } @media (min-width: 1200px) { .about-us .barrels-block__title { font-size: 78px; line-height: 1.03; margin-bottom: 0; } } .about-us .barrels-block__list { margin-bottom: 50px; margin-bottom: 50px; } .about-us .barrels-block__list .slick-track { transition: height .2s ease-in-out; } @media (max-width: 1199.98px) { .about-us .barrels-block__list .slick-track { overflow: hidden; } } @media (max-width: 1199.98px) { .about-us .barrels-block__list .slick-slide { height: auto !important; } } .about-us .barrels-block__list .panel-overlay.hidden-border { border: 20px solid transparent; } .about-us .barrels-block__list .panel-overlay .panel-overlay-image { width: 100%; } .about-us .barrels-block__list .panel-overlay a { display: block; } .about-us .barrels-block__list .slick-dots { margin-bottom: 20px; bottom: -55px; } .about-us .barrels-block__list .slick-dots button { border: solid 2px #095540; border-radius: 100%; } .about-us .barrels-block__list .slick-dots button:before, .about-us .barrels-block__list .slick-dots button:after { display: none; } .about-us .barrels-block__list .slick-dots .slick-active button { background: #095540; } .about-us .barrels-block__list .slick-dots { margin-bottom: 0px; bottom: 30px; } .about-us .barrels-block__list .slick-dots li { width: 15px; height: 15px; } .about-us .barrels-block__list .slick-dots li button { width: 15px; height: 15px; } .about-us .barrels-block__list .slick-slide { padding: 0; } .about-us .barrels-block .barrel { display: flex; flex-direction: column; align-items: center; height: 100%; } .about-us .barrels-block .barrel__img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 991.98px) { .about-us .barrels-block .barrel__img { width: 375px; height: 375px; } } .about-us .barrels-block .barrel__description { padding: 30px 25px 70px; border-radius: 6px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4); background-color: #f3f3f3; flex-grow: 1; color: #095540; font-size: 28px; font-weight: bold; font-style: normal; line-height: 1.29; text-align: center; width: calc(100% - 40px); } @media (min-width: 1200px) { .about-us .barrels-block .barrel__description { padding: 40px 20px; max-width: 350px; width: 100%; margin-left: 0; } } @media (min-width: 1500px) { .about-us .barrels-block .barrel__description { padding: 40px 35px; max-width: 420px; } } .about-us .video-block { position: relative; z-index: 1; padding-top: 175px; padding-bottom: 350px; margin-top: 0; } @media (min-width: 1200px) { .about-us .video-block { margin-top: -200px; padding-top: 0; } } @media (min-width: 1500px) { .about-us .video-block { margin-top: -200px; padding-top: 0; } } .about-us .video-block .embed-responsive { overflow: unset; width: calc(100% - 20px); } .about-us .video-block .embed-responsive:before { padding-top: 100%; } @media (min-width: 576px) { .about-us .video-block .embed-responsive:before { padding-top: 56.25%; } } @media (min-width: 1200px) { .about-us .video-block .embed-responsive { max-width: 675px; width: 100%; } } @media (min-width: 1500px) { .about-us .video-block .embed-responsive { max-width: 1080px; } } .about-us .video-block iframe { z-index: 1; display: none; } @media (min-width: 576px) { .about-us .video-block iframe { display: block; } } .about-us .video-block__thumbnail-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; } .about-us .video-block__thumbnail-wrapper::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.6; z-index: 1; } .about-us .video-block__thumbnail-wrapper.hide::before { background-color: transparent; } .about-us .video-block__thumbnail-wrapper.hide .video-block__thumbnail { display: none; } .about-us .video-block__thumbnail-wrapper.hide .video-block__play { display: none; } .about-us .video-block__thumbnail { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 576px) { .about-us .video-block__thumbnail { display: none; } } .about-us .video-block__play { position: absolute; width: 47px; height: 47px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4; } @media (min-width: 1200px) { .about-us .video-block__play { width: 72px; height: 72px; } } @media (min-width: 1500px) { .about-us .video-block__play { width: 115px; height: 115px; } } .about-us .video-block .watch { position: absolute; background-image: url("../images/icons/watch-mob.png"); background-repeat: no-repeat; background-size: contain; width: 116px; height: 50px; left: 80px; bottom: -65px; } @media (min-width: 1200px) { .about-us .video-block .watch { background-image: url("../images/icons/watch.png"); width: 98px; height: 80px; bottom: unset; right: -120px; left: unset; top: 0; } } @media (min-width: 1500px) { .about-us .video-block .watch { width: 150px; height: 143px; right: -170px; } } .about-us .video-block .ducks { position: absolute; width: 252px; height: 158px; bottom: 100px; right: 0; background-image: url("../images/icons/ducks-mob.png"); background-repeat: no-repeat; background-size: contain; } @media (min-width: 1200px) { .about-us .video-block .ducks { background-image: url("../images/icons/ducks.png"); bottom: 175px; width: 227px; height: 217px; } } @media (min-width: 1500px) { .about-us .video-block .ducks { bottom: 150px; width: 359px; height: 352px; } } .about-us .video-block .veggie { position: absolute; -o-object-fit: cover; object-fit: cover; top: -150px; left: 50%; transform: translate(-50%); z-index: -1; width: 250px; height: 250px; } @media (min-width: 1200px) { .about-us .video-block .veggie { top: 15px; left: -170px; transform: rotate(-15deg); height: 288px; width: 288px; } } @media (min-width: 1500px) { .about-us .video-block .veggie { left: -245px; height: 438px; width: 438px; } } .about-us .river { width: 100%; position: relative; z-index: 1; margin-top: -100px; } @media (min-width: 1200px) { .about-us .river { margin-bottom: -150px; margin-top: -150px; } } .about-us .river__block { height: 175px; } .about-us .river__curve-top { width: 100%; height: 57px; background-repeat: no-repeat; background-size: cover; background-image: url("../images/layout/river-mob.png"); margin-bottom: -15px; } @media (min-width: 1200px) { .about-us .river__curve-top { height: 158px; background-image: url("../images/layout/river.png"); margin-bottom: 0; } } .no-junk-promise { position: relative; z-index: 2; overflow: hidden; } .no-junk-promise .block-background-blue-textured { position: relative; min-height: 550px; display: flex; flex-direction: column; align-items: center; padding-top: 60px; } @media (max-width: 991.98px) { .no-junk-promise .block-background-blue-textured { padding-top: 90px; min-height: auto; } } .no-junk-promise .block-background-history-green-textured { position: relative; min-height: 850px; padding-bottom: 50px; } @media (max-width: 991.98px) { .no-junk-promise .block-background-history-green-textured { padding-bottom: 200px; } } .no-junk-promise .title { color: #095540; text-transform: uppercase; font-size: 78px; font-weight: normal; font-style: normal; line-height: 1.03; margin-bottom: 35px; } @media (max-width: 991.98px) { .no-junk-promise .title { font-size: 60px; text-align: center; } .no-junk-promise .title span { display: inline-block; } } .no-junk-promise .jack-quack { display: none; } @media (min-width: 992px) { .no-junk-promise .jack-quack { position: absolute; display: block; width: 265px; height: 265px; right: 0; top: 90px; } } @media (min-width: 1500px) { .no-junk-promise .jack-quack { top: 32px; right: 102px; width: auto; height: auto; } } .no-junk-promise .cloud { position: absolute; left: 0; top: 130px; } @media (max-width: 991.98px) { .no-junk-promise .cloud { display: none; } } .no-junk-promise .cloud-mobile { display: none; } @media (max-width: 991.98px) { .no-junk-promise .cloud-mobile { position: absolute; left: -115px; top: 220px; display: block; } } .no-junk-promise .tree { position: absolute; z-index: 3; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991.98px) { .no-junk-promise .tree { width: 200px; height: 200px; right: -100px; top: -40px; } } @media (min-width: 992px) { .no-junk-promise .tree { display: none; } } @media (min-width: 1500px) { .no-junk-promise .tree { top: -102px; right: 0; display: block; width: auto; height: auto; } } .no-junk-promise .no-junk-promise-icon { width: 207px; height: 200px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991.98px) { .no-junk-promise .no-junk-promise-icon { width: 175px; height: 170px; } } .no-junk-promise .veggie-sticks { position: absolute; width: 250px; height: 250px; left: -70px; bottom: -50px; } @media (max-width: 575.98px) { .no-junk-promise .veggie-sticks { transform: rotate(20deg); } } @media (min-width: 992px) { .no-junk-promise .veggie-sticks { bottom: -175px; width: 354px; height: 354px; left: 0; } } .no-junk-promise .flower { position: absolute; -o-object-fit: cover; object-fit: cover; width: 200px; height: 130px; right: 0; bottom: 0; top: unset; left: unset; bottom: 135px; right: -100px; } @media (min-width: 576px) { .no-junk-promise .flower { right: 0; } } @media (min-width: 992px) { .no-junk-promise .flower { display: none; top: 264px; left: 0; width: auto; height: auto; } } @media (min-width: 1500px) { .no-junk-promise .flower { display: block; } } .no-junk-promise .billboard { position: relative; text-align: center; flex: 1; } .no-junk-promise .billboard:nth-child(2) { position: relative; top: 40px; } @media (max-width: 991.98px) { .no-junk-promise .billboard:nth-child(2) { top: 0; } } .no-junk-promise .billboard__inner { width: 100%; height: 674px; background: url("../images/layout/billboard-narrow.png") no-repeat center top; background-size: contain; margin: auto; } @media (min-width: 576px) { .no-junk-promise .billboard__inner { max-width: 388px; } } @media (min-width: 1500px) { .no-junk-promise .billboard__inner { max-width: 404px; } } .no-junk-promise .billboard__container { display: flex; width: 100%; height: 674px; justify-content: center; position: relative; z-index: 3; top: -215px; margin-bottom: 50px; } .no-junk-promise .billboard__container .slick-track { transition: height .2s ease-in-out; } @media (max-width: 1199.98px) { .no-junk-promise .billboard__container .slick-track { overflow: hidden; } } @media (max-width: 1199.98px) { .no-junk-promise .billboard__container .slick-slide { height: auto !important; } } .no-junk-promise .billboard__container .panel-overlay.hidden-border { border: 20px solid transparent; } .no-junk-promise .billboard__container .panel-overlay .panel-overlay-image { width: 100%; } .no-junk-promise .billboard__container .panel-overlay a { display: block; } .no-junk-promise .billboard__container .slick-dots { margin-bottom: 20px; bottom: -55px; } .no-junk-promise .billboard__container .slick-dots button { border: solid 2px #095540; border-radius: 100%; } .no-junk-promise .billboard__container .slick-dots button:before, .no-junk-promise .billboard__container .slick-dots button:after { display: none; } .no-junk-promise .billboard__container .slick-dots .slick-active button { background: #095540; } @media (max-width: 991.98px) { .no-junk-promise .billboard__container { top: 0; margin-top: 120px; } } @media (max-width: 1499.98px) { .no-junk-promise .billboard__container { max-width: 100%; padding: 0; } } .no-junk-promise .billboard__container .slick-dots { margin-bottom: 20px; bottom: 225px; } .no-junk-promise .billboard__container .slick-dots li { width: 15px; height: 15px; } .no-junk-promise .billboard__container .slick-dots li button { width: 15px; height: 15px; } .no-junk-promise .billboard__list { max-width: 1280px; width: 100%; } .no-junk-promise .billboard__title { font-size: 36px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.11; margin-bottom: 25px; padding: 53px 68px 0 60px; color: #095540; } @media (min-width: 992px) and (max-width: 1199.98px) { .no-junk-promise .billboard__title { padding: 40px 60px 0; margin-bottom: 15px; } } .no-junk-promise .billboard__description { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; color: #095540; padding: 0 58px; } @media (min-width: 1200px) { .no-junk-promise .billboard__description { padding: 0 78px 0 69px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .no-junk-promise .billboard__description { padding: 0 55px; } } @media (max-width: 991.98px) { .no-junk-promise .veggie { top: 200px; position: relative; } } .no-junk-promise .curves-block-container { top: -100px; z-index: 2; } .no-junk-promise .curves-block-container__inner { background-repeat: no-repeat; bottom: -209px; padding-top: 90px; height: 210px; } @media (max-width: 991.98px) { .no-junk-promise .curves-block-container__inner { bottom: -90px; background-position: top center; } } .our-foods-view-wrapper { padding-top: 40px; padding-bottom: 75px; } @media (max-width: 991.98px) { .our-foods-view-wrapper { overflow-x: hidden; } } @media (min-width: 768px) { .our-foods-view-wrapper { padding-bottom: 150px; } } .our-foods-view-wrapper .see-more-button { padding: 7px 15px; max-width: 100px; width: 100%; height: 45px; } .our-foods-view-wrapper > .row { margin: 40px 0 0 0; } .our-foods-view-wrapper .row { color: #095540; width: 100%; } .our-foods-view-wrapper .row h1 { font-size: 44px; font-weight: bold; } @media (min-width: 1200px) { .our-foods-view-wrapper .row h1 { font-size: 3.25rem; font-weight: 500; } } .our-foods-view-wrapper .row header p { font-size: 28px; margin: 20px 0; } .our-foods-view-wrapper .row h3 { font-size: 44px; margin-bottom: 20px; } .our-foods-view-wrapper .row h3.tile-title { margin-top: 50px; } .our-foods-view-wrapper .row h3.tile-title:first-child { margin-top: 0; } .our-foods-view-wrapper .row .filter-buttons { display: block; margin-bottom: 30px; } @media (min-width: 768px) { .our-foods-view-wrapper .row .filter-buttons { margin-left: 0; } } .our-foods-view-wrapper .row .filter-buttons button { display: flex; align-items: center; text-transform: uppercase; font-size: 20px; color: #fff; background-color: #094937; border-radius: 10px; padding: 1px 12px; width: auto; cursor: pointer; margin-right: 10px; } @media (min-width: 768px) { .our-foods-view-wrapper .row .filter-buttons button { margin-right: 20px; padding: 1px 20px; width: 120px; } } .our-foods-view-wrapper .row .filter-buttons button:before { content: ""; display: block; height: 16px; width: 16px; background: url("../images/icons/filter-icon.png") no-repeat; background-size: contain; margin-right: 8px; } @media (min-width: 768px) { .our-foods-view-wrapper .row .filter-buttons button:before { height: 20px; width: 20px; margin-right: 10px; } } @media (min-width: 1200px) { .our-foods-view-wrapper .row .filter-buttons { display: none; } } .our-foods-view-wrapper .row .active-filter { transform: translate(0) !important; } .our-foods-view-wrapper .row #closeFilter { position: absolute; top: -8px; right: 0; width: 37px; font-size: 40px; cursor: pointer; pointer-events: all; z-index: 10; display: block; } @media (min-width: 1200px) { .our-foods-view-wrapper .row #closeFilter { display: none; } } .our-foods-view-wrapper .row .filter-box { position: absolute; width: 70%; max-width: 380px; background-color: #fbf5ea; z-index: 2; transform: translateX(-999px); transition: all 1s; transition-timing-function: ease-out; margin-top: 20px; border: 2px solid #095540; padding: 20px; } .our-foods-view-wrapper .row .filter-box button.caret { display: none; } @media (min-width: 768px) { .our-foods-view-wrapper .row .filter-box { width: 35%; } } @media (min-width: 1200px) { .our-foods-view-wrapper .row .filter-box { position: relative; transform: translateX(0); } } .our-foods-view-wrapper .row .filter-box h2, .our-foods-view-wrapper .row .filter-box summary { margin-bottom: 25px; font-family: Supernett; font-size: 22px; font-weight: bold; } .our-foods-view-wrapper .row .filter-box label { color: #095540; font-family: Supernett; position: absolute; margin-top: 8px; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .our-foods-view-wrapper .row .filter-box label { width: 200px; position: absolute; margin-top: 6px; } } } @media screen and (max-device-width: 1024px) and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .our-foods-view-wrapper .row .filter-box label { padding-left: 35px; width: 200px; position: absolute; margin-top: 11px; } } } .our-foods-view-wrapper .row .filter-box ul { padding: 0; } .our-foods-view-wrapper .row .filter-box ul li { list-style: none; margin-bottom: 30px; } .our-foods-view-wrapper .row .filter-box ul li a { color: #095540; } .our-foods-view-wrapper .row .filter-box ul li a:before { content: ''; background: url(../images/icons/icon-empty-checkbox.png); float: left; margin: 0 20px 0 0; width: 40px; height: 40px; display: block; position: relative; top: -5px; } .our-foods-view-wrapper .row .filter-box ul li.is-active > a:before { background: url(../images/icons/icon-checked-checkbox.png); } .our-foods-view-wrapper .row .filter-box ul li ul.product-categories-menu { padding-left: 50px; margin-top: 30px; } .our-foods-view-wrapper .row .filter-box ul li ul.product-categories-menu li.is-active > a:before { background: url(../images/icons/icon-checked-checkbox.png); } .our-foods-view-wrapper .row .filter-box input[type="radio"], .our-foods-view-wrapper .row .filter-box input[type="checkbox"] { -webkit-appearance: none; outline: 0; } .our-foods-view-wrapper .row .filter-box input[type="radio"]:before, .our-foods-view-wrapper .row .filter-box input[type="checkbox"]:before { content: ''; background: url(../images/icons/icon-empty-checkbox.png); float: left; margin: -2px 20px 0 -2px; width: 40px; height: 40px; display: block; position: initial; top: 12px; } .our-foods-view-wrapper .row .filter-box input[type="radio"]:checked:before, .our-foods-view-wrapper .row .filter-box input[type="checkbox"]:checked:before { background: url(../images/icons/icon-checked-checkbox.png); } .our-foods-view-wrapper .row .filter-box .per-page-links { display: none; } .our-foods-view-wrapper .row .filter-box .form-item-sort-bef-combine { display: none; } .our-foods-view-wrapper .row .content-box { padding-left: 50px; padding-right: 0; } .our-foods-view-wrapper .row .content-box.row { margin: 0; } .our-foods-view-wrapper .row .content-box .exposed-sort { display: inherit; } @media (min-width: 768px) { .our-foods-view-wrapper .row .content-box .exposed-sort { display: inline-flex; } } .our-foods-view-wrapper .row .content-box .exposed-sort h2 { display: none; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form { font-size: 22px; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form fieldset { display: none; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .form-item { display: none; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .form-item.form-item-sort-bef-combine { display: block; } @media (max-width: 767.98px) { .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .form-select { font-size: 18px; height: 34px; width: 100%; } } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container { font-family: "Nunito", sans-serif; color: #666a6c; font-size: 18px; height: 40px; margin-top: 25px; position: relative; } @media (min-width: 992px) { .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container { top: 2px; right: -50px; } } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container { right: -180px; } } @media (min-width: 1500px) { .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container { right: -290px; } } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container--open .selection .select2-selection { border: 2px solid #9ab63f !important; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container .select2-results__options { font-family: "Nunito", sans-serif !important; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container .selection .select2-selection { border: 2px solid #666a6c; height: 40px; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container .selection .select2-selection__placeholder { color: rgba(102, 106, 108, 0.5); position: absolute; top: 5px; left: 15px; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container .selection .select2-selection .select2-selection__arrow { background: none; border: none; background-image: none; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container .selection .select2-selection .select2-selection__arrow:after { content: ""; display: block; background: url("../images/layout/dropdown-arrow.png"); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; right: 5px; top: 16px; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .select2-container .selection .select2-selection .select2-selection__arrow b { display: none; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links { float: left; width: 200px; display: none; } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links { display: none !important; } } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links span { font-weight: bold; margin-right: 10px; float: left; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links ul { padding: 0; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links ul li { list-style: none; float: left; color: #095540; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links ul li a { margin-right: 10px; color: #095540; font-size: 22px; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links ul li::after { content: "/"; margin-right: 10px; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links ul li:last-child { float: none; } .our-foods-view-wrapper .row .content-box .exposed-sort .views-exposed-form .per-page-links ul li:last-child::after { content: ""; margin-right: 0; } .our-foods-view-wrapper .row .content-box .our-food-tile { background: url(../images/layout/asset-small-paper-tile.png) no-repeat center bottom/100% 100%; padding: 20px 24px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item { position: relative; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .award-icon { position: absolute; right: 0; top: 0; } @media (min-width: 992px) { .our-foods-view-wrapper .row .content-box .our-food-tile .item .award-icon { right: 10px; top: 10px; } } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .our-food-tile .item .award-icon { right: 0; top: 0; } } @media (max-width: 767.98px) { .our-foods-view-wrapper .row .content-box .our-food-tile.slide { margin-left: 0; } } .our-foods-view-wrapper .row .content-box .our-food-tile button { font-size: 18px; } .our-foods-view-wrapper .row .content-box .our-food-tile a { font-size: 18px; padding-top: 7px; } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .product-info-wrapper { text-align: center; } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .product-info-wrapper { text-align: initial; } } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .image-container { position: relative; } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .image-container .favourite-button-container { display: none; position: absolute; bottom: -18px; right: 10px; } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .image-container .favourite-button-container button:focus { outline: 0; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item { height: 100%; display: flex; flex-direction: row; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .product-info-wrapper { text-align: center; } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .product-info-wrapper { text-align: initial; } } @media (max-width: 767.98px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item { display: block; } } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container, .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .item-content { height: 100%; flex: 1 1 auto; display: flex; align-items: center; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .item-content { flex-direction: column; justify-content: center; align-items: start; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container { position: relative; justify-content: center; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container .favourite-button-container { display: none; position: absolute; bottom: 90px; right: 0px; } @media (max-width: 767.98px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container .favourite-button-container { bottom: -10px; right: -10px; } } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container .favourite-button-container button:focus { outline: 0; } .our-foods-view-wrapper .row .content-box .our-food-tile .item { padding: 10px 10px 56px; color: #095540; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .image-container { display: flex; height: 175px; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-content: center; align-items: center; margin-bottom: 20px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .image-container img { max-height: 100%; width: auto; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .product-stage { line-height: 1; font-size: 22px; font-weight: bold; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .product-title { font-size: 28px; line-height: 36px; height: 60px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .pack-size { height: 35px; font-size: 16px; margin-top: 2px; margin-bottom: 20px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .call-outs { height: 38px; margin-top: 30px; margin-bottom: 10px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .adimo-cta { display: flex; justify-content: center; } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .our-food-tile .item .adimo-cta { justify-content: initial; } } .our-foods-view-wrapper .row .content-box .our-food-tile .item .adimo-cta button { padding: 7px 15px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .adimo-cta button.btn-organix-custom-colour { color: #095540; margin-right: 15px; max-width: 92px; width: 100%; height: 45px; } .our-foods-view-wrapper .row .content-box .our-food-tile .item .adimo-cta button.btn-organix-custom-colour:hover { filter: brightness(80%); } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .image-container img { max-width: 200px; height: auto; } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .call-outs { margin-top: 30px; margin-bottom: 30px; } .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .product-title, .our-foods-view-wrapper .row .content-box .our-food-tile.not-product-hero .item .product-title a { font-size: 24px; line-height: 30px; color: #095540; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero { flex-direction: column; padding: 80px 30px; } @media (max-width: 767.98px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero { padding: 50px 30px; } } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item { padding: 30px 10px 10px 10px; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container { justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 220px; margin-right: 20px; } @media (max-width: 767.98px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container { height: auto; } } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .image-container img { max-width: 240px; height: auto; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .call-outs { margin-top: 40px; margin-bottom: 40px; } .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .pack-size { margin-top: 105px; margin-bottom: 20px; } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .product-stage { font-size: 32px; } } @media (min-width: 1200px) { .our-foods-view-wrapper .row .content-box .our-food-tile.product-hero .item .product-title { font-size: 30px; } } .our-foods-view-wrapper.view-pages-false .per-page-links span, .our-foods-view-wrapper.view-pages-false .per-page-links ul { display: none; } .our-foods-view-wrapper.view-pages-false .per-page-links::after { content: "\A0\A0"; } .our-foods-view-wrapper .our-recipes-tile { box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.4); border-radius: 6px; padding-left: 0; padding-right: 0; margin: 15px; } .our-foods-view-wrapper .our-recipes-tile .item .favourite-button-container { display: none; position: absolute; bottom: 0; right: 5px; } .our-foods-view-wrapper .our-recipes-tile .item .favourite-button-container button:focus { outline: 0; } .our-foods-view-wrapper .our-recipes-tile .item .recipe-stage-flag { width: 60px; height: 80px; top: 0; right: 14px; position: absolute; } .our-foods-view-wrapper .our-recipes-tile .item .recipe-stage-flag img { width: 60px; height: auto; } .our-foods-view-wrapper .our-recipes-tile .item .image-container { width: 100%; max-height: 200px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; } .our-foods-view-wrapper .our-recipes-tile .item .image-container img { height: auto; width: 100%; } .our-foods-view-wrapper .our-recipes-tile .item .product-title { padding-left: 20px; padding-top: 10px; margin-bottom: 15px; font-size: 33px; } .our-foods-view-wrapper .our-recipes-tile .item .product-title a { color: #095540; } .our-foods-view-wrapper .our-recipes-tile .item .call-outs { margin-left: 1px; margin-bottom: 20px; } @media (min-width: 1500px) { .our-foods-view-wrapper .our-recipes-tile .item .call-outs { margin-left: 20px; } } .our-foods-view-wrapper .our-recipes-tile .item .call-outs ul { padding-left: 0; } .our-foods-view-wrapper .our-recipes-tile .item .call-outs ul li { display: inline-block; } .our-foods-view-wrapper .our-recipes-tile .item .call-outs ul li span { margin: 10px; font-size: 22px; } .our-foods-view-wrapper .our-recipes-tile .item .call-outs ul li span img { margin-right: 5px; width: 25px; height: auto; } .our-foods-view-wrapper .your-recently-viewed h2 { margin-top: 30px; margin-bottom: -40px; } @media (max-width: 575.98px) { .our-foods-view-wrapper #sly-centered { margin-left: -30px; } } .our-foods-view-wrapper nav.pager { margin-top: 20px; } .our-foods-view-wrapper .row details > summary::-webkit-details-marker { display: none; } .our-foods-view-wrapper .row details > summary { display: block; position: relative; } .our-foods-view-wrapper .row details > summary:focus { outline: 0; } .our-foods-view-wrapper .row details > summary:after { position: absolute; right: 0; bottom: 0; content: ">"; display: block; width: 20px; height: 20px; transform: rotate(90deg); } .our-foods-view-wrapper .row details[open] > summary:after { transform: rotate(-90deg); bottom: 10px; right: 11px; } .path-wonder-den .filter-box h3:after { content: "Recipes:"; display: block; font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 40px; } .path-our-foods .filter-box h3:after { content: "Product:"; display: block; font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 40px; } .select2-results__options { font-family: "Nunito", sans-serif !important; color: #666a6c; font-size: 18px; } .filter-product-list ul { display: none; } .path-recipes .our-foods-view-wrapper { padding-bottom: 0; } @media (min-width: 768px) { .path-recipes .our-foods-view-wrapper { padding-bottom: 0; } } .title-section * { text-overflow: ellipsis; } #user-login-page { padding-top: 50px; padding-bottom: 150px; } @media (min-width: 992px) { #user-login-page { background: url("../images/layout/hedgehog.png"), url("../images/layout/green_veggies_Sweetcorn.png"); background-repeat: no-repeat, no-repeat; background-position: right -220px top 100px, bottom 100px left -100px; } } #user-login-page .item-list__comma-list, #user-login-page div.alert { display: none; } #user-login-page #block-organix-local-tasks { display: none; } #user-login-page #edit-actions { float: right; } @media (max-width: 575.98px) { #user-login-page #edit-actions { float: none; display: block; text-align: center; position: absolute; left: 0; right: 0; bottom: 130px; } } #user-login-page #edit-actions #edit-submit { padding: .5rem 2rem; color: #094937; } #user-login-page #edit-pass--description { display: none; } #user-login-page #edit-name--description { display: none; } #user-login-page .user-login-form:before { content: 'Nice to see you again!'; display: block; width: 100%; text-align: center; font-size: 44px; height: 60px; font-weight: normal; color: #095540; margin-top: 40px; margin-bottom: 60px; line-height: 1; } @media (max-width: 575.98px) { #user-login-page .user-login-form:before { font-size: 40px; margin-bottom: 40px; } } #user-login-page .user-login-form .form-item-pass { margin-bottom: 50px; } #user-login-page .forgot-pass-link { font-weight: bold; color: #095540; text-decoration: underline; padding: 1rem; } @media (max-width: 575.98px) { #user-login-page .forgot-pass-link { bottom: 30px; margin-left: auto; margin-right: auto; left: 0; right: 0; display: list-item; text-align: center; width: 100%; display: list-item; margin: 10px auto; text-align: center; margin-top: 160px; position: relative; } } #user-login-page .register-link { transition: border-color .2s ease-in-out; margin-bottom: 50px; border-radius: 6px; display: inline-block; margin-top: 50px; border: 2px solid #095540; color: #095540; font-size: 34px; line-height: 1; padding: 2rem 5rem; width: 100%; } @media (min-width: 768px) { #user-login-page .register-link { width: 436px; font-size: 44px; } } #user-login-page .register-link:hover { border-color: #9ab63f; } #user-login-page .register-link span { display: block; color: #9ab63f; font-size: 22px; text-decoration: underline; margin-top: 25px; } #user-login-page .register-link:hover { text-decoration: none; } #user-login-page .register-link:hover span { text-decoration: underline; } #user-login-page a.shop-button { display: block; max-width: 300px; margin: 0 auto 50px auto; padding: .5rem 2rem; color: #094937; background-color: #9ab63f; border-color: #9ab63f; border-radius: 4px; text-decoration: none; transition: 300ms; } @media (min-width: 768px) { #user-login-page a.shop-button { margin: 50px auto; } } #user-login-page a.shop-button:hover { transition: 300ms; color: #ffffff; background-color: #829a35; border-color: #7a9032; } .disable-btn { opacity: .3; pointer-events: none; } #craft-clicks-register-search { margin-bottom: 20px !important; } #cc_c2a.c2a_light .infoBar.infoWarning { background-image: url("../images/icons/icon-error.svg") !important; color: #ee4444; } @keyframes rotating { 0% { transform: rotate(0deg); } 100% { transform: rotate(7200deg); } } .reg-loading { min-height: 150px; width: 100%; max-width: 1600px; text-align: center; margin: 40px auto 0; } .reg-loading h2 { margin-top: 40px; } .reg-loading.processing img { animation: rotating 30s ease-in infinite; } #user-register-page { padding-bottom: 150px; } #user-register-page #user-register-form { padding-left: 1.5rem; padding-right: 1.5rem; } #user-register-page .strength-checker { color: #666a6c; margin-top: 18px; } #user-register-page .strength-checker ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none; } #user-register-page .strength-checker ul li { width: 50%; padding-left: 60px; margin-bottom: 17px; position: relative; } #user-register-page .strength-checker ul li:before { top: 0; left: 20px; position: absolute; display: block; content: "\2022"; } #user-register-page .strength-checker ul li.text-danger { background: url("../images/icons/icon-error.png") no-repeat center left; } #user-register-page .strength-checker ul li.text-danger:before { display: none; } #user-register-page .strength-checker ul li.text-success { background: url("../images/icons/icon-success.png") no-repeat center left; } #user-register-page .strength-checker ul li.text-success:before { display: none; } #user-register-page .btn-organix-light-green, #user-login-page #edit-actions #user-register-page #edit-submit, #user-register-page #edit-actions #edit-submit, #user-register-page #user-forgot-password #edit-submit, #user-forgot-password #user-register-page #edit-submit, #user-register-page #user-pass-reset-page #edit-submit, #user-pass-reset-page #user-register-page #edit-submit, #user-register-page #user-edit-page .button--primary, #user-edit-page #user-register-page .button--primary, #user-register-page #user-cancel-form #edit-submit, #user-cancel-form #user-register-page #edit-submit { color: #095540; } #user-register-page .btn, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page input[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #user-register-page #edit-submit, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit, #user-register-page #user-forgot-password #edit-submit, #user-forgot-password #user-register-page #edit-submit, #user-register-page #user-pass-reset-page #edit-submit, #user-pass-reset-page #user-register-page #edit-submit, #user-register-page #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children #user-register-page .form-submit, #user-register-page #user-edit-page .button--primary, #user-edit-page #user-register-page .button--primary, #user-register-page #user-cancel-form #edit-submit, #user-cancel-form #user-register-page #edit-submit { width: 140px; } #user-register-page .btn:first-child, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page input:first-child[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page input:first-child[id*='actions-ief-entity-remove'], #user-login-page #edit-actions #user-register-page #edit-submit:first-child, #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:first-child[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input:first-child[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit:first-child, #user-register-page #user-forgot-password #edit-submit:first-child, #user-forgot-password #user-register-page #edit-submit:first-child, #user-register-page #user-pass-reset-page #edit-submit:first-child, #user-pass-reset-page #user-register-page #edit-submit:first-child, #user-register-page #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:first-child, #user-edit-page .tabbed-three-col .tab-pane#children #user-register-page .form-submit:first-child, #user-register-page #user-edit-page .button--primary:first-child, #user-edit-page #user-register-page .button--primary:first-child, #user-register-page #user-cancel-form #edit-submit:first-child, #user-cancel-form #user-register-page #edit-submit:first-child { margin-right: 30px; } #user-register-page #children .child-info-bar { margin-bottom: 20px; } #user-register-page #children .remove-button-container { margin-bottom: 20px; } #user-register-page #children .remove-button-container button { padding: .5rem; float: right; } #user-register-page #children h3 { color: #095540; font-size: 22px; font-weight: 700; line-height: 26px; } #user-register-page #children #gender-choice { width: 100%; } #user-register-page #children #gender-choice > legend > .fieldset-legend { display: none; } #user-register-page #children .form-checkboxes { display: flex; flex-wrap: wrap; margin-bottom: 60px; } #user-register-page #children .form-checkboxes .checkbox-container input { display: none; } #user-register-page #children .form-checkboxes .checkbox-container input.vegetarian + label { background-image: url("../images/icons/icon-dietry-vegetarian.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.vegan + label { background-image: url("../images/icons/icon-dietry-vegan.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.no-gluten + label { background-image: url("../images/icons/icon-dietry-no-gluten.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.no-dairy + label { background-image: url("../images/icons/icon-dietry-no-dairy.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.celery + label { background-image: url("../images/icons/icon-allergen-celery.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.dairy + label { background-image: url("../images/icons/icon-allergen-dairy.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.eggs + label { background-image: url("../images/icons/icon-allergen-eggs.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.gluten + label { background-image: url("../images/icons/icon-allergen-gluten.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.mustard + label { background-image: url("../images/icons/icon-allergen-mustard.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.nuts + label { background-image: url("../images/icons/icon-allergen-nuts.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.sesame + label { background-image: url("../images/icons/icon-allergen-sesame.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input.soya + label { background-image: url("../images/icons/icon-allergen-soya.svg"); } #user-register-page #children .form-checkboxes .checkbox-container input:checked + label { background-color: #9ab63f; border-color: #9ab63f; } #user-register-page #children .form-checkboxes .checkbox-container input:checked + label:hover, #user-register-page #children .form-checkboxes .checkbox-container input:checked + label:focus { background-color: darkenS(#9ab63f, 5%); border-color: #9ab63f; cursor: pointer; } #user-register-page #children .form-checkboxes .checkbox-container > label { background-repeat: no-repeat; background-position: left 15px center; background-size: 25px; font-size: 22px; color: #095540; border: 2px solid #095540; border-radius: 45px; height: 45px; width: 178px; padding-left: 60px; align-items: center; justify-content: center; margin-right: 10px; margin-bottom: 17px; padding-top: 3px; } #user-register-page #children .form-checkboxes .checkbox-container > label:hover, #user-register-page #children .form-checkboxes .checkbox-container > label:focus { background-color: #a6c14d; border-color: #9ab63f; cursor: pointer; } #user-register-page #children .ief-entity-table { margin-top: 20px; margin-bottom: 40px; } #user-register-page #children .ief-entity-table thead { display: none; } #user-register-page #children .ief-entity-table .ief-row-entity .inline-entity-form-child_entity-label { padding: 1rem; } #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'] { background-image: none; width: auto; } #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'] { background-image: none; } #user-register-page #children h4 { margin-top: 14px; color: #666a6c; font-size: 18px; } #user-register-page #children .field--type-entity-reference { margin-bottom: 60px; } #user-register-page #children .field--type-entity-reference > fieldset legend { color: #095540; } #user-register-page #children .field--type-entity-reference > fieldset legend + .fieldset-wrapper { transition: all .2s ease-in-out; overflow: hidden; } #user-register-page #children .field--type-entity-reference > fieldset legend + .fieldset-wrapper.active { height: auto; } #user-register-page #children .field--type-entity-reference > fieldset legend:hover { cursor: pointer; } #user-register-page #children #childExpand:after { display: inline-block; content: ""; width: 20px; height: 20px; background: url("../images/icons/accordion-down.png") no-repeat; } #user-register-page #children .child-extra-expand { color: #095540; } #user-register-page #children #children-init-actions { margin-bottom: 65px; } #user-register-page #children #children-init-actions button { width: 100%; background: transparent; border: 2px solid #627826; color: #627826; height: 70px; padding: 0; border-radius: 6px; } #user-register-page #children div[id^="edit-field-children-form-inline-entity-form-status-wrapper"] { display: none; } #user-register-page #children .field--name-gender.field--widget-options-buttons { width: 100%; } #user-register-page #children .field--name-gender.field--widget-options-buttons fieldset { width: 100%; } #user-register-page #children .field--name-gender.field--widget-options-buttons fieldset .fieldset-wrapper { width: 100%; } #user-register-page #children #gender-choice { position: relative; } #user-register-page #children #gender-choice.male, #user-register-page #children #gender-choice.boy { height: 300px; margin-bottom: 40px; } #user-register-page #children #gender-choice.male div, #user-register-page #children #gender-choice.boy div { position: absolute; } #user-register-page #children #gender-choice.male div:first-child, #user-register-page #children #gender-choice.boy div:first-child { left: 0; top: 0; right: auto; } #user-register-page #children #gender-choice.male div:nth-child(2n), #user-register-page #children #gender-choice.boy div:nth-child(2n) { top: 0; right: 0; left: auto; } #user-register-page #children #gender-choice.male div:nth-child(3n), #user-register-page #children #gender-choice.boy div:nth-child(3n) { top: 153px; right: 0; left: auto; } #user-register-page #children #gender-choice.female, #user-register-page #children #gender-choice.girl { height: 300px; margin-bottom: 40px; } #user-register-page #children #gender-choice.female div, #user-register-page #children #gender-choice.girl div { position: absolute; } #user-register-page #children #gender-choice.female div:first-child, #user-register-page #children #gender-choice.girl div:first-child { top: 0; right: 0; left: auto; } #user-register-page #children #gender-choice.female div:nth-child(2n), #user-register-page #children #gender-choice.girl div:nth-child(2n) { left: 0; top: 0; right: auto; } #user-register-page #children #gender-choice.female div:nth-child(3n), #user-register-page #children #gender-choice.girl div:nth-child(3n) { top: 153px; right: 0; left: auto; } #user-register-page #children #gender-choice.bump { height: 300px; margin-bottom: 40px; } #user-register-page #children #gender-choice.bump div { position: absolute; } #user-register-page #children #gender-choice.bump div:first-child { top: 0; right: 0; left: auto; } #user-register-page #children #gender-choice.bump div:nth-child(2n) { top: 153px; right: 0; left: auto; } #user-register-page #children #gender-choice.bump div:nth-child(3n) { left: 0; top: 0; right: auto; } #user-register-page #children #gender-choice > .form-item { width: 44%; float: left; margin-right: 20px; } #user-register-page #children #gender-choice > .form-item.not-active { opacity: .5; } #user-register-page #children #gender-choice > .form-item.not-active label { background-position: left 20px center !important; height: 132px !important; padding: 0 !important; background-size: 35px !important; display: flex; align-items: center; justify-content: center; } @media (min-width: 576px) { #user-register-page #children #gender-choice > .form-item.not-active label { background-size: 55px !important; } } #user-register-page #children #gender-choice > .form-item label { width: 100%; margin: 0 20px 20px 0; text-align: center; background: #ffffff url("../images/layout/add-child-logo.svg") no-repeat center top 30px; border: 2px solid #095540; border-radius: 6px; color: #095540; padding-top: 234px; padding-bottom: 10px; font-size: 22px; } @media (min-width: 992px) { #user-register-page #children #gender-choice > .form-item label { font-size: 28px; } } #user-register-page #children #gender-choice > .form-item label:hover { cursor: pointer; } #user-register-page #children #gender-choice > .form-item input { visibility: hidden; height: 0; } #user-register-page #children #gender-choice > .form-item input[value=F] + label { background: #ffffff url("../images/layout/child-logo-female.svg") no-repeat center top 30px; } #user-register-page #children #gender-choice > .form-item input[value=U] + label { background: #ffffff url("../images/layout/child-logo-bump.svg") no-repeat center top 30px; background-size: 150px; } #user-register-page #children #gender-choice > .form-item input:checked[value=U] + label { border-color: #9ab63f; } #user-register-page #children #gender-choice > .form-item input:checked[value=M] + label { border-color: #9ab63f; } #user-register-page #children #gender-choice > .form-item input:checked[value=F] + label { border-color: #9ab63f; } #user-register-page #children .container-inline.js-form-wrapper.form-wrapper { display: flex; flex-direction: row; justify-content: space-between; } #user-register-page #children .add-child-init, #user-register-page #children .btn-prefer-not-to-say { display: inline-block; width: 274px; background: #ffffff url("../images/layout/add-child-logo.svg") no-repeat center top 30px; border: 2px solid #095540; border-radius: 6px; color: #095540; padding-top: 234px; padding-bottom: 10px; } @media (min-width: 992px) { #user-register-page #children .add-child-init, #user-register-page #children .btn-prefer-not-to-say { width: 250px; } } @media (min-width: 1200px) { #user-register-page #children .add-child-init, #user-register-page #children .btn-prefer-not-to-say { width: 200px; } } @media (min-width: 1500px) { #user-register-page #children .add-child-init, #user-register-page #children .btn-prefer-not-to-say { width: 274px; } } @media (max-width: 991.98px) { #user-register-page #children #edit-field-children-actions input { margin: 0 20px; } } #user-register-page #children .btn-prefer-not-to-say { text-align: center; background: #ffffff url("../images/layout/padlock.svg") no-repeat center top 30px; } #user-register-page #children .ief-cardinality-count { display: none; } #user-register-page #preferences { color: #666a6c; } #user-register-page #preferences .button-group { margin-top: 40px; } #user-register-page #preferences h2 { margin-bottom: 23px; margin-top: 30px; } #user-register-page #preferences h4 { color: #095540; font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 30px; margin-top: 60px; } #user-register-page #preferences #edit-field-privacypolicyversion-wrapper { display: none; } #user-register-page #preferences .notices { margin-top: 60px; margin-bottom: 40px; } #user-register-page #preferences input { display: none; } #user-register-page #preferences input:checked + label { background-position-Y: -120px; } #user-register-page #preferences input + label { min-height: 60px; padding-left: 60px; background-image: url("../images/layout/checkbox-state.png"); background-repeat: no-repeat; display: flex; font-size: 1.3rem; align-items: center; overflow: hidden; margin: 15px 0; position: relative; } #user-register-page #edit-actions { text-align: right; margin-top: 30px; } #user-register-page #edit-actions .btn:first-child, .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page #edit-actions input:first-child[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations #user-register-page #edit-actions input:first-child[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #children .ief-entity-table .ief-row-entity .ief-entity-operations input:first-child[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #edit-actions input:first-child[id*='actions-ief-entity-edit'], #user-register-page #edit-actions #children .ief-entity-table .ief-row-entity .ief-entity-operations input:first-child[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations #edit-actions input:first-child[id*='actions-ief-entity-remove'], #user-register-page #edit-actions #edit-submit:first-child, #user-register-page #edit-actions #user-edit-page .tabbed-three-col .tab-pane#children .form-submit:first-child, #user-edit-page .tabbed-three-col .tab-pane#children #user-register-page #edit-actions .form-submit:first-child, #user-register-page #edit-actions #user-edit-page .button--primary:first-child, #user-edit-page #user-register-page #edit-actions .button--primary:first-child { margin-right: 20px; } @media (min-width: 1500px) { #user-register-page { padding-top: 40px; } } #user-register-page #field-address-0-address-ajax-wrapper { display: none; } #user-register-page #edit-mail--description { display: none; } #user-register-page .form-wrapper .description { display: none; } #user-register-page .register-disclaimer { margin-top: 62px; color: #666a6c; } #user-register-page .nav-tabs { display: none; } #user-register-page h1 { font-size: 48px; padding-top: 50px; position: relative; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { #user-register-page h1 { width: 90%; } } } @media (min-width: 992px) { #user-register-page h1 { font-size: 78px; max-width: 730px; margin: auto; margin-bottom: 2rem; width: 100%; } } #user-register-page .user-register-title { margin-bottom: 40px; } @media (min-width: 992px) { #user-register-page .user-register-title { margin-bottom: 106px; } } #user-register-page .user-register-title p { margin: auto; max-width: 700px; } #user-register-page .user-register-title p a { text-decoration: underline; color: initial; } #user-register-page h2 { font-size: 44px; color: #627826; } #user-register-page .form-item--error-message + .description { display: none; } #user-register-page .captcha.js-form-wrapper.form-wrapper summary { display: none; visibility: collapse; } #user-register-page .captcha.js-form-wrapper.form-wrapper summary input { visibility: visible; } #user-register-page .wheat-register-page { width: 220px; position: fixed; bottom: -5px; margin-left: 40px; } @media (min-width: 1500px) { #user-register-page .wheat-register-page { bottom: 140px; } } #user-register-page .hide { opacity: 0; } #user-register-page #details input { margin-top: 50px; margin-bottom: 60px; } #user-register-page #details input:focus { border-color: #9ab63f; box-shadow: none; } #user-register-page #details label { position: absolute; margin-top: 18px; margin-left: 10px; z-index: 1; opacity: 0.6; } #user-register-page #details .labelfocus { margin-top: -30px; transition: all .2s ease-out; opacity: 1; } #user-register-page .option { position: relative !important; } #user-register-page #edit-field-address-wrapper label { margin-top: -30px; } #user-register-page form input.error + .error { margin-top: -60px !important; font-size: 14px; } @media only screen and (max-width: 380px) { #preferences > div:nth-child(3) > label:after { content: ""; display: block; position: absolute; width: 50px; height: 26px; background: #fbf5ea; bottom: 0px; left: 0; } } #user-forgot-password { padding-top: 50px; margin-bottom: 150px !important; } #user-forgot-password div.alert { display: none; } @media (min-width: 1200px) { #user-forgot-password { padding-top: 100px; margin-bottom: 175px; } } #user-forgot-password a { color: #095540; font-weight: bold; } #user-forgot-password #edit-submit { margin-top: 20px; } #user-pass-reset-page { padding-top: 150px; padding-bottom: 150px; } #user-edit-page { padding-bottom: 300px; margin-top: 150px !important; } @media (min-width: 992px) { #user-edit-page { background: url("../images/layout/rabbit_bowl.png"), url("../images/layout/oats2.png"); background-repeat: no-repeat, no-repeat; background-position: right -140px top 100px, bottom 100px left -150px; background-size: 25%; } } #user-edit-page .tabbed-three-col .tab-pane#children .ief-entity-table { margin-left: auto; margin-right: auto; } #user-edit-page .tabbed-three-col .tab-pane#children .ief-entity-operations input[id*=actions-ief-entity-remove] { padding-left: 12px; } #user-edit-page #edit-delete { display: none; } #user-edit-page .tabbed-three-col { padding-top: 60px; } #user-edit-page .tabbed-three-col .tab-pane h2 { display: none; } #user-edit-page .tabbed-three-col .tab-pane .btn-next, #user-edit-page .tabbed-three-col .tab-pane .btn-prev { display: none; } #user-edit-page .tabbed-three-col .tab-pane#children { margin-top: 50px; } #user-edit-page .tabbed-three-col .tab-pane#children h2, #user-edit-page .tabbed-three-col .tab-pane#children h3 { text-align: center; } #user-edit-page .tabbed-three-col .tab-pane#children #edit-field-children-actions-ief-add { margin: auto; display: block; } #user-edit-page .tabbed-three-col .tab-pane#children .fieldset-wrapper { min-height: auto; } #user-edit-page .tabbed-three-col .tab-pane#children .select-controlled { display: none; } #user-edit-page .tabbed-three-col .tab-pane#children .form-checkboxes { width: 100%; display: flex; flex-wrap: wrap; } #user-edit-page .tabbed-three-col .tab-pane#children .field--widget-options-buttons .js-form-type-checkbox > label { padding-top: 4px; } #user-edit-page .tabbed-three-col .tab-pane#children .tabledrag-toggle-weight-wrapper { display: none; } #user-edit-page .tabbed-three-col .tab-pane#children .handle { display: none; } #user-edit-page .tabbed-three-col .tab-pane#children .inline-entity-form-child_entity-label { color: #095540; font-weight: bold; font-size: 28px; text-transform: capitalize; padding-left: 0; } #user-edit-page .tabbed-three-col .tab-pane#children #edit-field-children > legend { display: none; } #user-edit-page .tabbed-three-col .tab-pane#children .form-submit { background-image: none; } #user-edit-page .tabbed-three-col .tab-pane#children .ief-entity-operations input[id*=actions-ief-entity-remove] { color: #ee4444; border: none; } #user-edit-page .tabbed-three-col .tab-pane#children .ief-entity-operations input[id*=actions-ief-entity-remove]:hover { text-decoration: underline; background-color: transparent; } #user-edit-page .tabbed-three-col .tab-pane#children .field--type-entity-reference { margin-bottom: 30px; } #user-edit-page .tabbed-three-col .tab-pane#preferences { padding: 0 5%; } @media (min-width: 992px) { #user-edit-page .tabbed-three-col .tab-pane#preferences { padding: 0 25%; } } #user-edit-page .tabbed-three-col .tab-pane#preferences h4 { margin-top: 50px; } #user-edit-page .tabbed-three-col .tab-pane#details > div > div { float: left; width: 90%; margin: 20px 20px -20px 20px; } @media (min-width: 992px) { #user-edit-page .tabbed-three-col .tab-pane#details > div > div { width: 45%; } } #user-edit-page .tabbed-three-col .tab-pane .meta-info { position: absolute; } @media (min-width: 992px) { #user-edit-page .tabbed-three-col .tab-pane .meta-info { left: -460px; } } @media (min-width: 1200px) { #user-edit-page .tabbed-three-col .tab-pane .meta-info { left: -412px; } } @media (min-width: 1500px) { #user-edit-page .tabbed-three-col .tab-pane .meta-info { left: -515px; } } #user-edit-page .button--primary { float: left; position: absolute; bottom: -160px; left: 30px; color: #095540; font-size: 22px; } @media (min-width: 768px) { #user-edit-page .button--primary { bottom: -155px; } } @media (min-width: 992px) { #user-edit-page .button--primary { float: right; position: relative; bottom: -15px; left: -37px; } } @media (min-width: 1200px) { #user-edit-page .button--primary { left: -29px; } } @media (min-width: 1500px) { #user-edit-page .button--primary { left: -45px; } } #user-edit-page #edit-current-pass--description a { color: #9ab63f; } @media (min-width: 992px) { #user-edit-page #edit-current-pass--description { margin-bottom: 42px; } } #user-edit-page .status-message { position: absolute; top: -30px; padding: 10px 20px 7px 20px; background: #9ab63f; color: #ffffff; border-radius: 5px; right: 0; left: 0; margin-left: auto; margin-right: auto; width: 300px; text-align: center; } .local-account-menu { background-color: #095540; } .local-account-menu ul { float: right; list-style: none; } .local-account-menu ul li { display: inline-block; } .local-account-menu ul li a { padding-top: 40px; display: block; color: #ffffff; } .delete-account-link { margin-top: 20px; color: #666a6c; } .delete-account-link:hover { color: #ee4444; } .user-account-page-container { margin-top: 50px; margin-bottom: 150px; } div[id^="edit-field-children-entities-"] .field--type-entity-reference fieldset { width: 100%; } div[id^="edit-field-children-entities-"] .field--type-entity-reference fieldset .fieldset-wrapper { width: 100%; } div[id^="edit-field-children-entities-"] .field--type-entity-reference fieldset .fieldset-wrapper .form-checkboxes { display: flex; flex-wrap: wrap; } div[id^="edit-field-children-entities-"] div[id*="form-actions"] { display: flex; justify-content: space-between; } div[id^="edit-field-children-entities-"] div[id*="form-actions"] input.form-submit { margin: 0 10px; padding: 0 !important; background: transparent !important; } .field--widget-options-buttons, .checkbox-group, div[id^="edit-field-children-form-inline-entity-form-allergens"], div[id^="edit-field-children-form-inline-entity-form-dietary"], div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div { display: flex; flex-wrap: wrap; } .field--widget-options-buttons .form-item, .checkbox-group .form-item, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-item, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-item, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-item { margin-bottom: 0; } .field--widget-options-buttons > div, .field--widget-options-buttons .form-checkboxes, .field--widget-options-buttons .js-form-type-checkbox, .checkbox-group > div, .checkbox-group .form-checkboxes, .checkbox-group .js-form-type-checkbox, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox { position: relative; } .field--widget-options-buttons > div input, .field--widget-options-buttons .form-checkboxes input, .field--widget-options-buttons .js-form-type-checkbox input, .checkbox-group > div input, .checkbox-group .form-checkboxes input, .checkbox-group .js-form-type-checkbox input, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input { display: none; } .field--widget-options-buttons > div input.vegetarian + label, .field--widget-options-buttons .form-checkboxes input.vegetarian + label, .field--widget-options-buttons .js-form-type-checkbox input.vegetarian + label, .checkbox-group > div input.vegetarian + label, .checkbox-group .form-checkboxes input.vegetarian + label, .checkbox-group .js-form-type-checkbox input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.vegetarian + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.vegetarian + label { background-image: url("../images/icons/icon-dietry-vegetarian.svg"); } .field--widget-options-buttons > div input.vegan + label, .field--widget-options-buttons .form-checkboxes input.vegan + label, .field--widget-options-buttons .js-form-type-checkbox input.vegan + label, .checkbox-group > div input.vegan + label, .checkbox-group .form-checkboxes input.vegan + label, .checkbox-group .js-form-type-checkbox input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.vegan + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.vegan + label { background-image: url("../images/icons/icon-dietry-vegan.svg"); } .field--widget-options-buttons > div input.no-gluten + label, .field--widget-options-buttons .form-checkboxes input.no-gluten + label, .field--widget-options-buttons .js-form-type-checkbox input.no-gluten + label, .checkbox-group > div input.no-gluten + label, .checkbox-group .form-checkboxes input.no-gluten + label, .checkbox-group .js-form-type-checkbox input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.no-gluten + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.no-gluten + label { background-image: url("../images/icons/icon-dietry-no-gluten.svg"); } .field--widget-options-buttons > div input.no-dairy + label, .field--widget-options-buttons .form-checkboxes input.no-dairy + label, .field--widget-options-buttons .js-form-type-checkbox input.no-dairy + label, .checkbox-group > div input.no-dairy + label, .checkbox-group .form-checkboxes input.no-dairy + label, .checkbox-group .js-form-type-checkbox input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.no-dairy + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.no-dairy + label { background-image: url("../images/icons/icon-dietry-no-dairy.svg"); } .field--widget-options-buttons > div input.celery + label, .field--widget-options-buttons .form-checkboxes input.celery + label, .field--widget-options-buttons .js-form-type-checkbox input.celery + label, .checkbox-group > div input.celery + label, .checkbox-group .form-checkboxes input.celery + label, .checkbox-group .js-form-type-checkbox input.celery + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.celery + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.celery + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.celery + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.celery + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.celery + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.celery + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.celery + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.celery + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.celery + label { background-image: url("../images/icons/icon-allergen-celery.svg"); } .field--widget-options-buttons > div input.dairy + label, .field--widget-options-buttons .form-checkboxes input.dairy + label, .field--widget-options-buttons .js-form-type-checkbox input.dairy + label, .checkbox-group > div input.dairy + label, .checkbox-group .form-checkboxes input.dairy + label, .checkbox-group .js-form-type-checkbox input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.dairy + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.dairy + label { background-image: url("../images/icons/icon-allergen-dairy.svg"); } .field--widget-options-buttons > div input.eggs + label, .field--widget-options-buttons .form-checkboxes input.eggs + label, .field--widget-options-buttons .js-form-type-checkbox input.eggs + label, .checkbox-group > div input.eggs + label, .checkbox-group .form-checkboxes input.eggs + label, .checkbox-group .js-form-type-checkbox input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.eggs + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.eggs + label { background-image: url("../images/icons/icon-allergen-eggs.svg"); } .field--widget-options-buttons > div input.gluten + label, .field--widget-options-buttons .form-checkboxes input.gluten + label, .field--widget-options-buttons .js-form-type-checkbox input.gluten + label, .checkbox-group > div input.gluten + label, .checkbox-group .form-checkboxes input.gluten + label, .checkbox-group .js-form-type-checkbox input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.gluten + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.gluten + label { background-image: url("../images/icons/icon-allergen-gluten.svg"); } .field--widget-options-buttons > div input.mustard + label, .field--widget-options-buttons .form-checkboxes input.mustard + label, .field--widget-options-buttons .js-form-type-checkbox input.mustard + label, .checkbox-group > div input.mustard + label, .checkbox-group .form-checkboxes input.mustard + label, .checkbox-group .js-form-type-checkbox input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.mustard + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.mustard + label { background-image: url("../images/icons/icon-allergen-mustard.svg"); } .field--widget-options-buttons > div input.nuts + label, .field--widget-options-buttons .form-checkboxes input.nuts + label, .field--widget-options-buttons .js-form-type-checkbox input.nuts + label, .checkbox-group > div input.nuts + label, .checkbox-group .form-checkboxes input.nuts + label, .checkbox-group .js-form-type-checkbox input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.nuts + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.nuts + label { background-image: url("../images/icons/icon-allergen-nuts.svg"); } .field--widget-options-buttons > div input.sesame + label, .field--widget-options-buttons .form-checkboxes input.sesame + label, .field--widget-options-buttons .js-form-type-checkbox input.sesame + label, .checkbox-group > div input.sesame + label, .checkbox-group .form-checkboxes input.sesame + label, .checkbox-group .js-form-type-checkbox input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.sesame + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.sesame + label { background-image: url("../images/icons/icon-allergen-sesame.svg"); } .field--widget-options-buttons > div input.soya + label, .field--widget-options-buttons .form-checkboxes input.soya + label, .field--widget-options-buttons .js-form-type-checkbox input.soya + label, .checkbox-group > div input.soya + label, .checkbox-group .form-checkboxes input.soya + label, .checkbox-group .js-form-type-checkbox input.soya + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input.soya + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input.soya + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input.soya + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input.soya + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input.soya + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input.soya + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input.soya + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input.soya + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input.soya + label { background-image: url("../images/icons/icon-allergen-soya.svg"); } .field--widget-options-buttons > div input:checked + label, .field--widget-options-buttons .form-checkboxes input:checked + label, .field--widget-options-buttons .js-form-type-checkbox input:checked + label, .checkbox-group > div input:checked + label, .checkbox-group .form-checkboxes input:checked + label, .checkbox-group .js-form-type-checkbox input:checked + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div input:checked + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes input:checked + label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox input:checked + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div input:checked + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes input:checked + label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox input:checked + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div input:checked + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes input:checked + label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox input:checked + label { background-color: #9ab63f; border-color: #9ab63f; } .field--widget-options-buttons > div > label, .field--widget-options-buttons .form-checkboxes > label, .field--widget-options-buttons .js-form-type-checkbox > label, .checkbox-group > div > label, .checkbox-group .form-checkboxes > label, .checkbox-group .js-form-type-checkbox > label, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div > label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes > label, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox > label, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div > label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes > label, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox > label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div > label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes > label, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox > label { background-repeat: no-repeat; background-position: left 15px center; font-size: 22px; color: #095540; border: 2px solid #095540; border-radius: 45px; height: 45px; width: 178px; padding-left: 60px; align-items: center; justify-content: center; margin-right: 10px; margin-bottom: 17px; } .field--widget-options-buttons > div > label:hover, .field--widget-options-buttons .form-checkboxes > label:hover, .field--widget-options-buttons .js-form-type-checkbox > label:hover, .checkbox-group > div > label:hover, .checkbox-group .form-checkboxes > label:hover, .checkbox-group .js-form-type-checkbox > label:hover, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div > label:hover, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes > label:hover, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox > label:hover, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div > label:hover, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes > label:hover, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox > label:hover, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div > label:hover, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes > label:hover, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox > label:hover { background-color: #9ab63f; border-color: #9ab63f; cursor: pointer; } .field--widget-options-buttons > div > label:focus, .field--widget-options-buttons .form-checkboxes > label:focus, .field--widget-options-buttons .js-form-type-checkbox > label:focus, .checkbox-group > div > label:focus, .checkbox-group .form-checkboxes > label:focus, .checkbox-group .js-form-type-checkbox > label:focus, div[id^="edit-field-children-form-inline-entity-form-allergens"] > div > label:focus, div[id^="edit-field-children-form-inline-entity-form-allergens"] .form-checkboxes > label:focus, div[id^="edit-field-children-form-inline-entity-form-allergens"] .js-form-type-checkbox > label:focus, div[id^="edit-field-children-form-inline-entity-form-dietary"] > div > label:focus, div[id^="edit-field-children-form-inline-entity-form-dietary"] .form-checkboxes > label:focus, div[id^="edit-field-children-form-inline-entity-form-dietary"] .js-form-type-checkbox > label:focus, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div > div > label:focus, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .form-checkboxes > label:focus, div[id^="edit-field-children-form-inline-entity-form-entitiess"] fieldset .fieldset-wrapper > div .js-form-type-checkbox > label:focus { background-color: transparent; } .child-container #childExpand:after { display: inline-block; content: ""; width: 12px; height: 7px; background: url("../images/icons/accordion-down.png") no-repeat; background-size: contain; } .child-container .child-rotate-arrow { color: #666a6c !important; } .child-container .child-rotate-arrow:after { transform: rotate(180deg); filter: grayscale(100%); } .child-container .child-dob { position: relative; } .child-container .child-dob:after { background: url("../images/icons/calendar.png") no-repeat; content: ""; display: block; height: 30px; width: 35px; position: absolute; right: 10px; top: 15px; } .child-container .btn-heart-red, .child-container .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .child-container input[id*='actions-ief-entity-remove'], .child-container #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .child-container input[id*='actions-ief-entity-remove'] { color: #fff !important; } .child-container .child-name, .child-container p.text-right a, .child-container p.child-age { color: #095540; } .child-container .child-age { margin-top: -20px; height: 40px; } .child-container .child-name { text-transform: capitalize; font-weight: bold; } .child-container button { border-radius: 10px; color: #095540; font-size: 22px; margin: 0 10px; float: right; margin-top: 50px; } .child-container button:nth-child(1) { background-color: transparent; border: 1px solid #095540; width: 185px; height: 45px; } .child-container button:nth-child(2) { background: #9ab63f; border: 0; width: 110px; height: 45px; } .child-container .form-checkboxes { display: flex; flex-wrap: wrap; margin-bottom: 60px; } .child-container .form-checkboxes .checkbox-container input { display: none; } .child-container .form-checkboxes .checkbox-container input.vegetarian + label { background-image: url("../images/icons/icon-dietry-vegetarian.svg"); } .child-container .form-checkboxes .checkbox-container input.vegan + label { background-image: url("../images/icons/icon-dietry-vegan.svg"); } .child-container .form-checkboxes .checkbox-container input.no-gluten + label { background-image: url("../images/icons/icon-dietry-no-gluten.svg"); } .child-container .form-checkboxes .checkbox-container input.no-dairy + label { background-image: url("../images/icons/icon-dietry-no-dairy.svg"); } .child-container .form-checkboxes .checkbox-container input.celery + label { background-image: url("../images/icons/icon-allergen-celery.svg"); } .child-container .form-checkboxes .checkbox-container input.dairy + label { background-image: url("../images/icons/icon-allergen-dairy.svg"); } .child-container .form-checkboxes .checkbox-container input.eggs + label { background-image: url("../images/icons/icon-allergen-eggs.svg"); } .child-container .form-checkboxes .checkbox-container input.gluten + label { background-image: url("../images/icons/icon-allergen-gluten.svg"); } .child-container .form-checkboxes .checkbox-container input.mustard + label { background-image: url("../images/icons/icon-allergen-mustard.svg"); } .child-container .form-checkboxes .checkbox-container input.nuts + label { background-image: url("../images/icons/icon-allergen-nuts.svg"); } .child-container .form-checkboxes .checkbox-container input.sesame + label { background-image: url("../images/icons/icon-allergen-sesame.svg"); } .child-container .form-checkboxes .checkbox-container input.soya + label { background-image: url("../images/icons/icon-allergen-soya.svg"); } .child-container .form-checkboxes .checkbox-container input:checked + label { background-color: #9ab63f; border-color: #9ab63f; } .child-container .form-checkboxes .checkbox-container input:checked + label:hover, .child-container .form-checkboxes .checkbox-container input:checked + label:focus { background-color: darkenS(#9ab63f, 5%); border-color: #9ab63f; cursor: pointer; } .child-container .form-checkboxes .checkbox-container > label { background-repeat: no-repeat; background-position: left 15px center; background-size: 25px; font-size: 22px; color: #095540; border: 2px solid #095540; border-radius: 45px; height: 45px; width: 178px; padding-left: 60px; align-items: center; justify-content: center; margin-right: 10px; margin-bottom: 17px; padding-top: 3px; } .child-container .form-checkboxes .checkbox-container > label:hover, .child-container .form-checkboxes .checkbox-container > label:focus { background-color: #a6c14d; border-color: #9ab63f; cursor: pointer; } #contact-us-page { padding-top: 4rem; padding-bottom: 5rem; } #contact-us-page .webform-confirmation__message { color: #095540; } #contact-us-page .webform-confirmation__message h2 { font-size: 78px; color: #095540; } #contact-us-page .webform-confirmation__message h3 { color: #627826; font-size: 44px; } #contact-us-page .webform-confirmation__message p { color: #095540; } #contact-us-page .webform-confirmation__back { color: #095540; } #contact-us-page .webform-confirmation__back a { color: #095540; text-decoration: underline; } #contact-us-page .webform-confirmation__back p { color: #095540; } #contact-us-page .webform-confirmation__back p a { text-decoration: underline; } @media (min-width: 992px) { #contact-us-page { padding-bottom: 0; } } #contact-us-page .status-message { display: none; } #contact-us-page .animal-container { position: relative; height: 350px; display: none; } @media (min-width: 992px) { #contact-us-page .animal-container { display: block; height: 100px; } } #contact-us-page .animal-container .animal { position: absolute; bottom: 0; z-index: 2; } #contact-us-page .animal-container .left-animal { left: -140px; bottom: 0; position: absolute; width: 250px; height: auto; } @media (min-width: 992px) { #contact-us-page .animal-container .left-animal { left: 0; bottom: -110px; } } #contact-us-page .animal-container .right-animal { right: -300px; bottom: -50px; position: absolute; width: 350px; height: auto; } @media (min-width: 992px) { #contact-us-page .animal-container .right-animal { right: 0; } } #contact-us-page .margin-left-right-remove .webform-flex:first-child .webform-flex--container { margin-left: 0; } #contact-us-page .margin-left-right-remove .webform-flex:last-child .webform-flex--container { margin-right: 0; } #contact-us-page .webform-flex { margin-bottom: 40px; } #contact-us-page .select2-selection { height: auto; padding: 1rem; } #contact-us-page .select2-selection.select2-selection--single { border: 2px solid #666a6c; } #contact-us-page .select2-selection .select2-selection__arrow { top: 50%; margin-top: -13px; right: 14px; } #contact-us-page .select2-selection .select2-selection__arrow b { top: 0; left: 0; width: 28px; height: 28px; background: url("../images/icons/down-arrow-line.png") no-repeat center; border: none; } #contact-us-page .select2-selection--open .select2-selection__arrow { transform: rotate(180deg) !important; } #contact-us-page .page-title h2 { color: #095540; text-transform: uppercase; font-size: 78px; } #contact-us-page .page-sub-title h3 { color: #627826; font-size: 44px; } #contact-us-page .european_panel { max-width: 426px; margin: 0 auto; border: 2px solid #095540; border-radius: 6px; padding: 20px 33px; color: #094937; } #contact-us-page .european_panel h3 { margin-bottom: 23px; } #contact-us-page .united-kingdom-panel { max-width: 426px; margin: 0 auto 50px; background: #bdd279; color: #094937; border-radius: 6px; padding: 20px 33px; } #contact-us-page .united-kingdom-panel a { color: #094937; } #contact-us-page .united-kingdom-panel h3 { font-size: 44px; } #contact-us-page .united-kingdom-panel h4 { font-weight: bold; } #contact-us-page .united-kingdom-panel table tr td { padding: 10px; } #contact-us-page .united-kingdom-panel table tr td:first-child { vertical-align: top; } #contact-us-page #edit-form-controls .webform-flex:first-child { justify-content: flex-end; } #contact-us-page #edit-form-controls .webform-flex:last-child { flex: 0 1 auto; } #contact-us-page .upload-pictures-button, #contact-us-page input[name="picture_remove_button"] { margin: 0; padding: .5rem 1rem .5rem 75px; border-radius: 6px; font-size: 28px; border: 2px solid #095540; color: #095540; background: url("../images/icons/icon-image-upload.png") no-repeat left 20px center; } #contact-us-page .upload-pictures-button:hover, #contact-us-page input[name="picture_remove_button"]:hover { background-color: #9fbc73; cursor: pointer; } #contact-us-page .webform-managed-file-preview-wrapper { margin-top: 20px; } #contact-us-page input[name="picture_remove_button"] { padding: .5rem 1rem; color: #ee4444; border: 2px solid #ee4444; background: transparent; } #contact-us-page input[name="picture_remove_button"]:hover { background-color: #ee4444; color: #ffffff; } #contact-us-page .webform-button--submit { background-color: #9ab63f; font-size: 28px; border-radius: 6px; border: none; color: #094937; padding: .5rem 2rem; } #contact-us-page .map-container { position: relative; } #contact-us-page .map-container .curve { width: 100%; position: absolute; top: 0; z-index: 1; } #contact-us-page .map-container #map, #contact-us-page .map-container #mapboxgl-map { width: 100%; height: 90vh; } #contact-us-page .map-container .address-details { border-radius: 6px; color: #ffffff; background-color: #095540; padding: 20px; width: 90vw; margin: 40px auto 0; } @media (min-width: 992px) { #contact-us-page .map-container .address-details { padding: 60px; position: absolute; top: 50%; left: 277px; z-index: 50; height: 600px; width: 580px; margin-top: -300px; } } #contact-us-page .map-container .address-details .tn-organix-light-green { color: #094937; } #contact-us-page .map-container .address-details h3 { font-size: 44px; margin-bottom: 20px; } @media (min-width: 992px) { #contact-us-page .map-container .address-details h3 { padding: 0 30px; font-size: 78px; } } #contact-us-page .map-container .address-details h3 span { color: #9ab63f; } #contact-us-page .map-container .address-details address { margin-bottom: 20px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #627826; color: #ffffff; } ul.user-ratings { padding: 0; margin: 0; list-style: none; position: relative; display: inline-block; } ul.user-ratings li { display: inline-block; background-image: url("../images/products/icon-heart-stroke.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 27px; height: 24px; } ul.user-ratings li.checked { background-image: url("../images/products/icon-heart.svg"); } ul.user-ratings:before, ul.user-ratings:after { position: absolute; width: 20px; height: 20px; background-image: url(../images/layout/icon-flourish.svg); background-repeat: no-repeat; background-position: center; bottom: 30%; content: " "; } ul.user-ratings:before { left: -25px; transform: scaleX(-1); } ul.user-ratings:after { right: -25px; } .status-message { position: absolute; top: 265px; right: 20px; padding: 10px 20px 10px 20px; background: #9ab63f; color: #ffffff; border-radius: 5px; } #advanced-page #pagepilling .layout__region { height: 100vh; } .site-footer-block { display: none !important; } .discard-changes-page { padding-bottom: 150px; padding-top: 150px; } .path-faq { overflow-x: hidden; } .path-faq main { overflow-x: hidden; } .wonder-image-right { position: absolute; right: -50px; } @media only screen and (max-width: 1200px) { .wonder-image-right { display: none; } } .wonder-image-right img { width: 250px; } @media only screen and (max-width: 1330px) { .wonder-image-right img { width: 200px; } } .faq-hero { background: url("../images/layout/faq-curve.png") no-repeat; background-size: cover; position: relative; display: flex; align-items: flex-end; padding: 100px 0; width: 100%; } @media (min-width: 1050px) { .faq-hero { background-position: bottom 25px left 0; } } .faq-hero .faq-owl { position: absolute; right: 120px; top: 230px; } @media only screen and (max-width: 1380px) { .faq-hero .faq-owl { display: none; } } .faq-hero .faq-owl img { width: 250px; } @media (min-width: 1200px) { .faq-hero .faq-owl img { width: 290px; } } .faq-hero .faq-owl span { content: ""; background: url("../images/animals/question-cloud.png") no-repeat; width: 132px; height: 100px; display: block; position: absolute; top: 25px; right: -85px; background-size: contain; } @media (min-width: 1500px) { .faq-hero .faq-owl span { width: 200px; right: -135px; } } .faq-hero h1 { font-size: 65px; color: #095540; margin-top: 270px; text-align: left; text-transform: uppercase; width: 75%; max-width: 90%; margin: auto; margin-left: 9%; word-wrap: normal; } #faqMainPageContainer { padding-top: 50px; padding-bottom: 500px; margin: auto; margin-bottom: 230px; display: block; width: 100%; max-width: 900px; position: relative; pointer-events: all; } @media (min-width: 1200px) { #faqMainPageContainer { margin-left: 140px; } } #faqMainPageContainer h3 { width: 370px; margin: 20px 20px -26px; cursor: pointer; font-size: 32px; color: #095540; height: 70px; padding-left: 20px; padding-top: 12px; position: relative; } @media (max-width: 991.98px) { #faqMainPageContainer h3 { width: 90%; border-top: 2px solid #979797; margin: 0 20px; } #faqMainPageContainer h3:last-of-type { border-bottom: 2px solid #979797; padding-bottom: 10px; } } #faqMainPageContainer h3 span { opacity: 0; } @media (max-width: 991.98px) { #faqMainPageContainer h3 span { content: ''; height: 20px; width: 20px; display: block; background: url("../images/icons/icon-right-arrow.png") no-repeat; background-size: contain; position: absolute; top: 25px; right: 10px; transform: rotate(-90deg); opacity: 1; } } #faqMainPageContainer .answer-container { visibility: hidden; width: 100%; max-width: 600px; position: absolute; right: -100px; display: block; top: 80px; overflow: hidden; } #faqMainPageContainer .answer-container .views-row .row .col details[open] { overflow-y: hidden; } @media (min-width: 768px) { #faqMainPageContainer .answer-container { width: 530px; } #faqMainPageContainer .answer-container::-webkit-scrollbar { -webkit-appearance: none; } #faqMainPageContainer .answer-container::-webkit-scrollbar:vertical { width: 11px; } #faqMainPageContainer .answer-container::-webkit-scrollbar:horizontal { height: 11px; } #faqMainPageContainer .answer-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(102, 106, 108, 0.4); opacity: 0.5; } } @media (min-width: 1500px) { #faqMainPageContainer .answer-container { width: 800px; } } @media only screen and (max-width: 1625px) { #faqMainPageContainer .answer-container { width: 700px; } } @media only screen and (max-width: 1520px) { #faqMainPageContainer .answer-container { width: 600px; } } @media only screen and (max-width: 1420px) { #faqMainPageContainer .answer-container { width: 530px; } } @media (max-width: 991.98px) { #faqMainPageContainer .answer-container { margin-left: 30px; width: 100% !important; } } @media (max-width: 767.98px) { #faqMainPageContainer .answer-container { margin-left: 0; } } #faqMainPageContainer .answer-container span { content: ""; display: block; height: 1000px; position: absolute; left: -125px; top: -60px; z-index: -1; } @media (max-width: 991.98px) { #faqMainPageContainer .answer-container { position: relative; top: 0; right: 0; height: 0; } } @media (min-width: 992px) { #faqMainPageContainer .answer-container .views-row { border-bottom: solid 1px rgba(9, 73, 55, 0.62); padding-top: 5px; padding-bottom: 5px; } } #faqMainPageContainer details[open] summary ~ * { animation: sweep .5s ease-in-out; } @keyframes sweep { 0% { opacity: 0; margin-top: -10px; } 100% { opacity: 1; margin-top: 0px; } } #faqMainPageContainer details { color: #094937; margin: 5px; } @media (max-width: 767.98px) { #faqMainPageContainer details { padding: 0 36px; width: 95%; } } #faqMainPageContainer details p { font-size: 22px; line-height: 1.18; } @media (max-width: 991.98px) { #faqMainPageContainer details summary { border-top: 1px solid #ccc; padding-top: 20px; } } #faqMainPageContainer details summary a { pointer-events: none; color: #095540; font-size: 26px; text-decoration: none; font-weight: bold; } #faqMainPageContainer summary::-webkit-details-marker { display: none; } #faqMainPageContainer details > summary::-webkit-details-marker { display: none; } #faqMainPageContainer details p span { position: relative !important; top: 0 !important; left: 0 !important; height: auto !important; display: inline-block !important; } #faqMainPageContainer details p a { color: #095540; } #faqMainPageContainer details > summary { display: block; position: relative; } #faqMainPageContainer details > summary:focus { outline: 0; } #faqMainPageContainer details[open] a { font-weight: bold; } #faqMainPageContainer h3.active-tab { color: #627826; background: url("../images/icons/faq-paper-bg.png") no-repeat; background-size: contain; position: relative; } @media (max-width: 991.98px) { #faqMainPageContainer h3.active-tab { background: none; color: #627826; } } #faqMainPageContainer h3.active-tab span { content: ''; height: 20px; width: 20px; display: block; background: url("../images/icons/icon-right-arrow-active.png") no-repeat; background-size: contain; position: absolute; top: 25px; opacity: 1; right: 90px; } @media (max-width: 991.98px) { #faqMainPageContainer h3.active-tab span { transform: rotate(90deg); right: 10px; } } #faqMainPageContainer .visibility-hidden { visibility: hidden !important; height: 0 !important; } #faqMainPageContainer .visibility-visible { visibility: visible !important; height: 100% !important; } #page-404 { padding-bottom: 250px; color: #095540; } #page-404 .error-img { margin-top: 98px; margin-bottom: 51px; } #page-404 .btn-grp { margin-top: 80px; } #page-404 .btn-grp button { margin-right: 50px; } @media (min-width: 768px) { #page-404 { margin-top: 125px !important; } } #page-403 { padding-bottom: 270px; color: #095540; position: relative; background: url("../images/hedgehog.png") no-repeat bottom -300px center, url("../images/layout/blue-paper-background.jpg"); } #page-403 h1, #page-403 h2 { margin-top: 98px; margin-bottom: 51px; font-size: 36px; } @media (min-width: 992px) { #page-403 h1, #page-403 h2 { font-size: 48px; } } #page-403 .btn-grp { margin-top: 80px; margin-bottom: 80px; } #page-403 .btn-grp button { margin-right: 50px; } #page-403 .planet { position: absolute; right: 20%; top: 60%; } @media (min-width: 992px) { #page-403 .planet { right: 20%; top: 50%; } } #page-403 .star { position: absolute; display: none; } @media (min-width: 992px) { #page-403 .star { display: block; } } #page-403 .star--1 { left: 5%; top: 5%; transform: scale(0.9); display: block; } @media (min-width: 992px) { #page-403 .star--1 { left: 20%; top: 10%; } } #page-403 .star--2 { left: 70%; top: 5%; display: block; } @media (min-width: 992px) { #page-403 .star--2 { left: 10%; top: 50%; } } #page-403 .star--3 { left: 23%; top: 65%; transform: scale(0.75); } #page-403 .star--4 { right: 20%; top: 15%; transform: scale(0.75); } #page-403 .star--5 { right: 5%; top: 20%; } #page-403 .star--6 { right: 30%; top: 63%; transform: scale(0.9); } @media (min-width: 768px) { #page-403 { margin-top: 125px !important; } } #block-organix-content > [data-history-node-id="1931"] > div > div:nth-child(3) > div.copy-content, #block-organix-content > [data-history-node-id="1931"] > div > div:nth-child(5) > div.copy-content, #block-organix-content > [data-history-node-id="1931"] > div > div:nth-child(9) > div.triple-block-standard, #block-organix-content > [data-history-node-id="1931"] > div > div:nth-child(11) > div.wonder-recipes-block { padding-top: 30px; padding-bottom: 80px; } #block-organix-content > [data-history-node-id="1931"] > div > div:nth-child(13) > div.masonry-grid-dynamic-content { padding-top: 190px; padding-bottom: 200px; } #user-cancel-form { margin-top: 150px; margin-bottom: 350px; text-align: center; color: #094937; } #user-cancel-form #edit-submit { display: block; margin: 30px auto; } #user-cancel-form #edit-cancel { color: #9ab63f; } .page-node-type-paragraphs-page { overflow-x: hidden; } .history-container { margin-top: 130px; font-family: Supernett; } @media (max-width: 991.98px) { .history-container { margin-top: -40px; } } .history-container h2 { font-size: 80px; font-family: Supernett; } .history-container .raspberry-image-right { position: absolute; right: 0; z-index: 10; width: 200px; top: 770px; } @media (max-width: 991.98px) { .history-container .raspberry-image-right { width: 100%; display: none; } } .history-container__hero { display: flex; align-items: center; justify-content: center; height: 50vh; min-height: 480px; background-color: #284737; width: 100%; position: relative; } .history-container__hero:after { content: ""; display: block; position: absolute; background-image: url("../images/curves/dark-green/bottom-left.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; bottom: -70px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .history-container__hero .gorilla { position: absolute; right: 120px; bottom: -168px; z-index: 10; } @media only screen and (max-width: 1400px) { .history-container__hero .gorilla { right: 70px; } } @media (max-width: 991.98px) { .history-container__hero .gorilla { left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; bottom: -150px; } } .history-container__hero .gorilla img { width: 100%; max-width: 280px; } .history-container__hero .gorilla__speechbubble { position: absolute; max-width: 180px !important; left: 40px; bottom: 220px; opacity: 0; } @media (max-width: 991.98px) { .history-container__hero .gorilla__speechbubble { left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; opacity: 1; max-width: 170px !important; } } .history-container__hero h2 { text-transform: uppercase; color: white; font-size: 90px; font-weight: bold; position: relative; } @media (max-width: 991.98px) { .history-container__hero h2 { font-size: 60px; } } .history-container__hero .title-lines img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; width: 100%; max-width: 600px; height: auto; } .history-container__sect1992 { height: 63vh; min-height: 612px; width: 100%; background-image: url("../images/layout/history-green-paper-background.png"); } @media (max-width: 1199.98px) { .history-container__sect1992 { height: auto; padding-bottom: 40px; } } .history-container__sect1992 > div { width: 100%; max-width: 1250px; margin: auto; padding-top: 150px; padding-bottom: 50px; } .history-container__sect1992 > div .date { display: flex; align-items: center; justify-content: center; } .history-container__sect1992 .first-sale { margin-bottom: 30px; width: 100%; max-width: 400px; margin: auto; display: block; text-align: center; } .history-container__sect1992 .ringwood-polaroid { width: 100%; max-width: 350px; margin-left: 30px; } @media (max-width: 1199.98px) { .history-container__sect1992 .ringwood-polaroid { margin: auto; display: block; } } .history-container__sect1992 h2 { font-weight: bold; text-align: center; color: #094937; } .history-container__sect1992 p { color: white; font-size: 28px; text-align: center; margin-top: 40px; } .history-container__sect2001 { height: 50vh; min-height: 480px; width: 100%; background-image: url("../images/layout/pink-paper-background.jpg"); position: relative; } @media (max-width: 1199.98px) { .history-container__sect2001 { height: auto; padding-top: 60px; } } .history-container__sect2001:before { content: ""; display: block; position: absolute; background-image: url("../images/curves/pink-texture/top.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; top: -100px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .history-container__sect2001:after { content: ""; display: block; position: absolute; background-image: url("../images/curves/pink-texture/bottom-left.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; bottom: -50px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .history-container__sect2001 .turtle { position: absolute; left: 210px; bottom: -150px; z-index: 10; } .history-container__sect2001 .turtle img { width: 100%; max-width: 260px; } @media only screen and (max-width: 1400px) { .history-container__sect2001 .turtle { left: 60px; } } @media (max-width: 991.98px) { .history-container__sect2001 .turtle { top: -20px; left: -90px; } } .history-container__sect2001 > div { width: 100%; max-width: 1250px; margin: auto; padding-top: 30px; padding-bottom: 80px; } .history-container__sect2001 > div .date { display: flex; align-items: center; justify-content: center; z-index: 10; } @media (max-width: 991.98px) { .history-container__sect2001 > div .date { margin-top: 90px; } } .history-container__sect2001 .raisins { margin-bottom: 30px; width: 100%; max-width: 300px; margin: auto; display: block; text-align: center; z-index: 10; } .history-container__sect2001 .raisin-product { width: 100%; max-width: 480px; margin-left: 30px; position: relative; z-index: 10; } @media (max-width: 991.98px) { .history-container__sect2001 .raisin-product { margin: auto; display: none; } } .history-container__sect2001 .raisin-product__pings { position: absolute; left: 7px; width: 100%; max-width: 330px; bottom: 90px; z-index: 10; } @media (max-width: 991.98px) { .history-container__sect2001 .raisin-product__pings { display: none; } } .history-container__sect2001 .raisin-product__arrow { position: absolute; width: 100%; max-width: 120px; left: 280px; top: -20px; } @media (max-width: 991.98px) { .history-container__sect2001 .raisin-product__arrow { display: none; } } .history-container__sect2001 .raisin-product__m { display: none; } @media (max-width: 991.98px) { .history-container__sect2001 .raisin-product__m { display: block; width: 90%; margin: auto; z-index: 10; } } .history-container__sect2001 h2 { font-weight: bold; text-align: center; color: #094937; } .history-container__sect2001 p { color: white; font-size: 28px; text-align: center; margin-top: 40px; } .history-container__sect2003 { height: 40vh; min-height: 490px; width: 100%; background-image: url("../images/layout/yellow-paper-background.png"); } @media (max-width: 1199.98px) { .history-container__sect2003 { height: auto; } } .history-container__sect2003 > div { width: 100%; max-width: 1250px; margin: auto; padding-top: 30px; padding-bottom: 70px; } .history-container__sect2003 > div .date { display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .history-container__sect2003 > div .date { margin-top: 20px; margin-bottom: 50px; } } .history-container__sect2003 .oaty-bars { margin-bottom: 30px; width: 100%; max-width: 400px; margin: auto; display: block; text-align: center; padding-top: 100px; } @media (max-width: 991.98px) { .history-container__sect2003 .oaty-bars { padding-top: 0; } } .history-container__sect2003 .oaty-product { width: 480px; margin-left: -30px; } @media (max-width: 991.98px) { .history-container__sect2003 .oaty-product { width: 100%; margin: auto; display: block; display: none; } } .history-container__sect2003 .oaty-product__pings { position: absolute; left: -60px; width: 100%; max-width: 400px; bottom: 80px; } @media (max-width: 991.98px) { .history-container__sect2003 .oaty-product__pings { display: none; } } .history-container__sect2003 .oaty-product__arrow { position: absolute; width: 100%; max-width: 120px; left: 310px; top: 100px; } @media (max-width: 991.98px) { .history-container__sect2003 .oaty-product__arrow { display: none; } } .history-container__sect2003 .oaty-product__m { display: none; } @media (max-width: 991.98px) { .history-container__sect2003 .oaty-product__m { display: block; width: 90%; margin: auto; margin-top: 60px; } } .history-container__sect2003 h2 { font-weight: bold; text-align: center; color: #094937; } .history-container__sect2003 p { color: white; font-size: 28px; text-align: center; margin-top: 40px; } .history-container__sect2009 { height: 40vh; min-height: 388px; width: 100%; background-image: url("../images/layout/blue-paper-background.jpg"); position: relative; } @media (max-width: 1199.98px) { .history-container__sect2009 { height: auto; } } .history-container__sect2009:before { content: ""; display: block; position: absolute; background-image: url("../images/curves/blue-texture/top.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; top: -100px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .history-container__sect2009:after { content: ""; display: block; position: absolute; background-image: url("../images/curves/blue-texture/bottom-left.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; bottom: -90px; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 9; } .history-container__sect2009 > div { width: 100%; max-width: 1250px; margin: auto; padding-top: 60px; padding-bottom: 80px; } .history-container__sect2009 > div .date { display: flex; align-items: center; justify-content: center; z-index: 10; } .history-container__sect2009 .trade-board { margin-bottom: 30px; width: 100%; max-width: 500px; margin: auto; display: block; text-align: center; z-index: 10; } .history-container__sect2009 .OTB { width: 100%; max-width: 130px; position: relative; z-index: 10; margin: auto; display: block; } @media (max-width: 1199.98px) { .history-container__sect2009 .OTB { margin-top: 80px; } } .history-container__sect2009 .owl-hide { display: block !important; } @media (max-width: 991.98px) { .history-container__sect2009 .owl-hide { display: none !important; } } .history-container__sect2009 .owl-show { display: none !important; } @media (max-width: 991.98px) { .history-container__sect2009 .owl-show { display: block !important; width: 100%; margin: auto; margin-top: 40px; } } .history-container__sect2009 .owl { width: 290px; position: relative; z-index: 10; margin-top: -70px; position: relative; } @media (max-width: 1199.98px) { .history-container__sect2009 .owl { width: 100%; max-width: 300px; margin: auto; display: block; margin-top: 160px; } } .history-container__sect2009 .owl-bubble { position: absolute; z-index: 10; width: 100%; max-width: 220px; top: -170px; } @media (max-width: 1199.98px) { .history-container__sect2009 .owl-bubble { top: 80px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 180px; } } .history-container__sect2009 h2 { font-weight: bold; text-align: center; color: #094937; } .history-container__sect2009 p { color: white; font-size: 28px; text-align: center; margin-top: 40px; } .history-container__sect2015 { height: 60vh; min-height: 580px; width: 100%; background-image: url("../images/layout/history-green-paper-background.png"); position: relative; } @media (max-width: 1199.98px) { .history-container__sect2015 { height: auto; } } .history-container__sect2015 > div { width: 100%; max-width: 1250px; margin: auto; padding-top: 150px; padding-bottom: 80px; } .history-container__sect2015 > div .date { display: flex; align-items: center; justify-content: center; z-index: 10; } .history-container__sect2015 .trade-board { margin-bottom: 30px; width: 100%; max-width: 500px; margin: auto; display: block; text-align: center; z-index: 10; } .history-container__sect2015 .fruit { width: 230px; position: relative; z-index: 10; margin: auto; display: block; margin-top: 160px; } @media (max-width: 1199.98px) { .history-container__sect2015 .fruit { width: 100%; max-width: 260px; position: absolute; top: -130px; left: -40px; } } .history-container__sect2015 .peas-brc { width: 290px; position: relative; z-index: 10; margin-top: -50px; position: relative; } @media (max-width: 1199.98px) { .history-container__sect2015 .peas-brc { max-width: 280px; display: block; float: right; } } .history-container__sect2015 .owl-bubble { position: absolute; z-index: 10; width: 100%; max-width: 220px; top: -145px; } .history-container__sect2015 h2 { font-weight: bold; text-align: center; color: #094937; } .history-container__sect2015 p { color: white; font-size: 28px; text-align: center; margin-top: 40px; } .history-container__sect2019 { height: 90vh; min-height: 979px; width: 100%; background-image: url("../images/layout/pink-paper-background.jpg"); position: relative; margin-bottom: -110px; } @media (max-width: 1199.98px) { .history-container__sect2019 { height: auto; } } .history-container__sect2019:before { content: ""; display: block; position: absolute; background-image: url("../images/curves/pink-texture/top.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; top: -100px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .history-container__sect2019:after { content: ""; display: block; position: absolute; background-image: url("../images/curves/pink-texture/bottom-left.png"); background-repeat: no-repeat; background-size: cover; height: 190px; width: 100%; bottom: -50px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .history-container__sect2019 .hidden-top-image-2019 { z-index: 10; width: 100%; } .history-container__sect2019 .hidden-top-image-2019 img { display: none; } @media (max-width: 1199.98px) { .history-container__sect2019 .hidden-top-image-2019 img { display: block; width: 100%; z-index: 10; } } .history-container__sect2019 .hidden-btm-image-2019 { z-index: 10; width: 100%; } .history-container__sect2019 .hidden-btm-image-2019 img { display: none; } @media (max-width: 1199.98px) { .history-container__sect2019 .hidden-btm-image-2019 img { display: block; width: 100%; z-index: 10; } } .history-container__sect2019 > div { width: 100%; max-width: 1250px; margin: auto; padding-top: 40px; padding-bottom: 80px; } .history-container__sect2019 > div .date { display: flex; align-items: center; justify-content: center; z-index: 10; position: relative; margin-top: -470px; } @media (max-width: 1199.98px) { .history-container__sect2019 > div .date { margin-top: 0; } } .history-container__sect2019 .cheese-lion { position: absolute; bottom: 150px; width: 400px; left: -100px; } @media (max-width: 1199.98px) { .history-container__sect2019 .cheese-lion { display: none; } } .history-container__sect2019 .cheese-lion-bubble { position: absolute; bottom: 370px; width: 200px; } @media (max-width: 1199.98px) { .history-container__sect2019 .cheese-lion-bubble { display: none; } } .history-container__sect2019 .full-range { margin-bottom: 30px; width: 100%; max-width: 500px; margin: auto; display: block; text-align: center; z-index: 10; } .history-container__sect2019 .products-left { width: 100%; max-width: 500px; margin-left: 70px; } @media (max-width: 1199.98px) { .history-container__sect2019 .products-left { display: none; } } .history-container__sect2019 .products-right { width: 590px; position: relative; z-index: 10; display: block; margin-top: -150px; margin-left: -90px; } @media (max-width: 1199.98px) { .history-container__sect2019 .products-right { display: none; } } .history-container__sect2019 .rice-character { width: 100%; max-width: 290px; position: absolute; z-index: 10; left: 80px; bottom: 0; } @media (max-width: 1199.98px) { .history-container__sect2019 .rice-character { display: none; } } .history-container__sect2019 .rice-character-bubble { width: 100%; position: absolute; max-width: 200px; left: 118px; bottom: 287px; } @media (max-width: 1199.98px) { .history-container__sect2019 .rice-character-bubble { display: none; } } .history-container__sect2019 h2 { font-weight: bold; text-align: center; color: #094937; } .history-container__sect2019 p { color: white; font-size: 28px; text-align: center; margin-top: 40px; } [data-aos^='owl-anim'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: none; animation-name: jackInTheBox; animation-fill-mode: fowards; -webkit-animation-fill-mode: fowards; animation-play-state: paused; -webkit-animation-play-state: paused; visibility: hidden; } @media (max-width: 1199.98px) { [data-aos^='owl-anim'] { animation: none; visibility: visible; opacity: 1; } } [data-aos^='owl-anim'].aos-animate { animation-play-state: running; opacity: 1; visibility: visible; } #no-junk-promise-page { position: relative; z-index: 0; overflow-x: hidden; } @media (min-width: 768px) { #no-junk-promise-page { margin-top: 60px; } } @media (min-width: 992px) { #no-junk-promise-page { margin-top: 130px; } } @media (min-width: 992px) { #no-junk-promise-page .breadcrumb-block { top: 30px; } } @media (max-width: 1499.98px) { #no-junk-promise-page .breadcrumb-block { position: absolute; width: 100%; top: 30px; } } #no-junk-promise-page .curves-block-container { display: block; } #sustainability-page .breadcrumb-block ol li { color: white; } #sustainability-page .breadcrumb-block ol li a { color: white; } #breakpoint-helper { display: block; position: fixed; z-index: 9999999999999; background: darkmagenta; color: #ffffff; } html { height: 100%; overflow-x: hidden; overflow-y: initial; } html.force-override-page-piling { overflow: visible !important; } html.force-override-page-piling body { overflow: visible !important; } body { background-color: #fbf5ea; overflow-x: hidden; font-family: Supernett, Arial, 'sans-serif'; } body main { margin-top: 60px; margin-bottom: -125px; } @media (min-width: 768px) { body main { margin-top: 130px; } } body.user-logged-in { margin-bottom: 0; } body.adminimal-admin-toolbar main { margin-top: 200px; } #block-organix-content > article > div > div:first-child:not(.video-hero):not(.carousel-block) { padding-top: 90px; } #block-organix-content > article > div > div:first-child:not(.video-hero):not(.carousel-block) > div { margin-top: 10px; } #block-organix-content > article > div > div:first-child.similar-recipes.section { padding-top: 70px; } .page-node-type-paragraphs-page main { margin-top: 60px !important; } @media (min-width: 992px) { .page-node-type-paragraphs-page main { margin-top: 120px !important; } } @media (max-width: 767.98px) { .page-node-type-paragraphs-page h3, .page-node-type-paragraphs-page h2 { overflow: hidden; word-wrap: break-word; } } #block-organix-local-tasks { width: 250px; transform: translateX(-230px); transition: all .2s ease-in-out; } #block-organix-local-tasks:hover { transform: translateX(0); } #block-organix-local-tasks ul { list-style: none; display: flex; flex-direction: column; margin: 0; padding: 0; } #block-organix-local-tasks ul li { flex: 1 1 auto; text-align: center; background: #9fbc73; border: 1px solid #095540; } #block-organix-local-tasks ul li a { color: #ffffff; padding: 1rem 0 .5rem; display: block; } .ui-dialog-position-side { z-index: 999999999 !important; } .tippy-tooltip .tippy-content { font-size: 1.5rem; } .favourite-button { height: 21px; width: 21px; border: none; transition: all .2s ease-in-out; background: url("../images/icons/heart-outline.png") no-repeat center; } .favourite-button.liked, .favourite-button:hover, .favourite-button:focus { background: url("../images/icons/heart-fill.png") no-repeat center; } .favourite-button.white-background { background: #ffffff url("../images/icons/heart-outline.png") no-repeat center; border-radius: 21px; width: 31px; height: 31px; } .favourite-button.white-background:hover { background: #ffffff url("../images/icons/heart-fill.png") no-repeat center; } .adimoWidget .btn, .adimoWidget .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .adimoWidget input[id*='actions-ief-entity-edit'], .adimoWidget .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], .tabbed-three-col .tab-pane#children .ief-entity-table .ief-row-entity .ief-entity-operations .adimoWidget input[id*='actions-ief-entity-remove'], .adimoWidget #user-login-page #edit-actions #edit-submit, #user-login-page #edit-actions .adimoWidget #edit-submit, .adimoWidget #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-edit'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .adimoWidget input[id*='actions-ief-entity-edit'], .adimoWidget #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations input[id*='actions-ief-entity-remove'], #user-register-page #children .ief-entity-table .ief-row-entity .ief-entity-operations .adimoWidget input[id*='actions-ief-entity-remove'], .adimoWidget #user-register-page #edit-actions #edit-submit, #user-register-page #edit-actions .adimoWidget #edit-submit, .adimoWidget #user-forgot-password #edit-submit, #user-forgot-password .adimoWidget #edit-submit, .adimoWidget #user-pass-reset-page #edit-submit, #user-pass-reset-page .adimoWidget #edit-submit, .adimoWidget #user-edit-page .tabbed-three-col .tab-pane#children .form-submit, #user-edit-page .tabbed-three-col .tab-pane#children .adimoWidget .form-submit, .adimoWidget #user-edit-page .button--primary, #user-edit-page .adimoWidget .button--primary, .adimoWidget #user-cancel-form #edit-submit, #user-cancel-form .adimoWidget #edit-submit { white-space: pre; } .path-media main { padding-bottom: 250px; } body.scroll-lock .dialog-off-canvas-main-canvas { position: relative; } .views-exposed-form .no-allergens, .views-exposed-form .n\/a { display: none; } .video-hero + .curves-block-container { display: none; } .grecaptcha-badge { z-index: 2; } img[src="/"] { display: none !important; } .full-width { width: 100%; }