/* FONTS */
@font-face {
font-family: 'Oswald';
src: url('Oswald/static/Oswald-ExtraLight.ttf');
font-weight: 200;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald/static/Oswald-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald/static/Oswald-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald/static/Oswald-Medium.ttf');
font-weight: 500;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald/static/Oswald-SemiBold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald/static/Oswald-Bold.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-Thin.ttf');
font-weight: 100;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-ExtraLight.ttf');
font-weight: 200;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-Medium.ttf');
font-weight: 500;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-SemiBold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-Bold.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-ExtraBold.ttf');
font-weight: 800;
}
@font-face {
font-family: 'Roboto Slab';
src: url('Roboto_Slab/static/RobotoSlab-Black.ttf');
font-weight: 900;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-Thin.ttf');
font-weight: 100;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-ExtraLight.ttf');
font-weight: 200;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-Medium.ttf');
font-weight: 500;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-SemiBold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-Bold.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-ExtraBold.ttf');
font-weight: 800;
}
@font-face {
font-family: 'Montserrat';
src: url('Montserrat/Montserrat-Black.ttf');
font-weight: 900;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-Thin.ttf');
font-weight: 100;
}
/* @font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-ExtraLight.ttf');
font-weight: 200;
} */
@font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-Medium.ttf');
font-weight: 500;
}
/* @font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-SemiBold.ttf');
font-weight: 600;
} */
@font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-Bold.ttf');
font-weight: 700;
}
/* @font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-ExtraBold.ttf');
font-weight: 800;
} */
@font-face {
font-family: 'Roboto';
src: url('Roboto/Roboto-Black.ttf');
font-weight: 900;
}
/*!
* FullCalendar v3.3.1 Stylesheet
* Docs & License: https://fullcalendar.io/
* (c) 2017 Adam Shaw
*/.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.ui-widget .fc-disabled-day{background-image:none}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}
/*! jQuery UI - v1.11.0 - 2014-08-03
* http://jqueryui.com
* Includes: core.css, draggable.css, sortable.css, accordion.css, tabs.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
/*
*contextMenu.js v 1.1.2
*Author: Sudhanshu Yadav
*s-yadav.github.com
*Copyright (c) 2013 Sudhanshu Yadav.
*Dual licensed under the MIT and GPL licenses
*/
/*Context menu css */
.iw-contextMenu {
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
border:1px solid #E6E6E6;
display:none;
z-index:1000;
overflow:auto;
}
.iw-cm-menu{
background:#F4F4F4;
color:#333;
margin:0px;
padding:0px;
}
.iw-cm-menu li {
list-style:none;
padding:3px;
padding-left:30px;
padding-right:20px;
border-bottom:1px solid #CCC;
cursor:pointer;
position:relative;
}
.iw-mOverlay{
position:absolute; width:100%; height:100%; top:0px; left:0px;
background:#FFF;
opacity:.5;
}
.iw-contextMenu li.iw-mDisable {
opacity:.3;
}
.iw-mSelected {
background-color:rgb(0,51,102);
color:#F2F2F2;
}
.iw-cm-arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left:5px solid #333333;
position:absolute;
right:3px;
top:50%;
margin-top:-3px;
}
.iw-mIcon{
width:20px;
height:20px;
left:0px;
top:3px;
position:absolute;
}
/*context menu css end */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: 700;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
------------------------ BASE ELEMENTS ------------------------ */
*,
*:before,
*:after { /* Apply a natural box layout model to all elements */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*For IE 10 (desktop) to work in it's new "snap mode" you need to use this */
@-moz-viewport {
width: device-width;
zoom: 1.0;
}
@-ms-viewport {
width: device-width;
zoom: 1.0;
}
@-o-viewport {
width: device-width;
zoom: 1.0;
}
@-webkit-viewport {
width: device-width;
zoom: 1.0;
}
@viewport {
width: device-width;
zoom: 1.0;
}
html,
body { /* Set and to inherit the height of the viewport */
min-height: 100%;
overflow-x: hidden;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
font-size: 100%;
overflow-y: scroll;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
address,
blockquote,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
menu,
ol,
p,
pre,
summary,
table,
ul {
margin: 0;
margin-bottom: 1.50rem;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
::selection:window-inactive {
background: #dedede;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
[disabled] {
cursor: not-allowed;
}
/* ------------------------ back to top link ------------------------ */
.back-to-top {
color: #fff;
cursor: pointer;
display: none;
position: fixed;
right: 0rem;
bottom: 0rem;
text-align: center;
}
.back-to-top span {
display: inline-block;
font-size: 2.5rem;
line-height: 2.5rem;
vertical-align: middle;
width: 2.5rem;
height: 2.5rem;
}
/*
------------------------ =SCAFFOLDING ------------------------ */
.wrap {
clear: both;
display: block;
margin: 0 auto;
position: relative;
width: auto;
max-width: 980px;
zoom: 1;
}
/* ------------------------ row structure ------------------------ */
.row {
clear: both;
display: block;
margin: 0 auto;
position: relative;
width: auto;
zoom: 1;
}
.row .row {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.row .row.maintain-structure {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
.wrap:before,
.wrap:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.wrap:after,
.row:after {
clear: both;
}
/* ------------------------ column structure ------------------------ */
.column {
float: left;
padding-right: 0.75rem;
padding-left: 0.75rem;
position: relative;
width: 100%;
min-height: 1px;
}
.column.centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
.column.no-padding {
padding-right: 0;
padding-left: 0;
}
/* ------------------------ column widths [nano+] ------------------------ */
.row .whole,
.row .two-halves,
.row .three-thirds,
.row .four-fourths,
.row .five-fifths,
.row .six-sixths,
.row .eight-eights,
.row .ten-tenths,
.row .twelve-twelfths {
width: 100%;
}
.row .half,
.row .two-fourths,
.row .three-sixths,
.row .four-eights,
.row .five-tenths,
.row .six-twelfths {
width: 50%;
}
.row .one-third,
.row .two-sixths,
.row .four-twelfths {
width: 33.3332%;
}
.row .two-thirds,
.row .four-sixths,
.row .eight-twelfths {
width: 66.6665%;
}
.row .one-fourth,
.row .two-eighths,
.row .three-twelfths {
width: 25%;
}
.row .three-fourths,
.row .six-eighths,
.row .nine-twelfths {
width: 75%;
}
.row .one-fifth,
.row .two-tenths {
width: 20%;
}
.row .two-fifths,
.row .four-tenths {
width: 40%;
}
.row .three-fifths,
.row .six-tenths {
width: 60%;
}
.row .four-fifths,
.row .eight-tenths {
width: 80%;
}
.row .one-sixth,
.row .two-twelfths {
width: 16.6665%;
}
.row .five-sixths,
.row .ten-twelfths {
width: 83.3332%;
}
.row .one-eighth {
width: 12.5%;
}
.row .three-eighths {
width: 37.5%;
}
.row .five-eighths {
width: 62.5%;
}
.row .seven-eighths {
width: 87.5%;
}
.row .one-tenth {
width: 10%;
}
.row .three-tenths {
width: 30%;
}
.row .seven-tenths {
width: 70%;
}
.row .nine-tenths {
width: 90%;
}
.row .one-twelfth {
width: 8.3332%;
}
.row .five-twelfths {
width: 41.6665%;
}
.row .seven-twelfths {
width: 58.332%;
}
.row .eleven-twelfths {
width: 91.6665%;
}
.row .golden-small {
width: 38.2716%;
}
.row .golden-large {
width: 61.7283%;
}
.row .width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .push-half,
.row .push-two-fourths,
.row .push-three-sixths,
.row .push-four-eights,
.row .push-five-tenths,
.row .push-six-twelfths {
left: 50%;
}
.row .push-one-third,
.row .push-two-sixths,
.row .push-four-twelfths {
left: 33.3332%;
}
.row .push-two-thirds,
.row .push-four-sixths,
.row .push-eight-twelfths {
left: 66.6665%;
}
.row .push-one-fourth,
.row .push-two-eighths,
.row .push-three-twelfths {
left: 25%;
}
.row .push-three-fourths,
.row .push-six-eighths,
.row .push-nine-twelfths {
left: 75%;
}
.row .push-one-fifth,
.row .push-two-tenths {
left: 20%;
}
.row .push-two-fifths,
.row .push-four-tenths {
left: 40%;
}
.row .push-three-fifths,
.row .push-six-tenths {
left: 60%;
}
.row .push-four-fifths,
.row .push-eight-tenths {
left: 80%;
}
.row .push-one-sixth,
.row .push-two-twelfths {
left: 16.6665%;
}
.row .push-five-sixths,
.row .push-ten-twelfths {
left: 83.3332%;
}
.row .push-one-eighth {
left: 12.5%;
}
.row .push-three-eighths {
left: 37.5%;
}
.row .push-five-eighths {
left: 62.5%;
}
.row .push-seven-eighths {
left: 87.5%;
}
.row .push-one-tenth {
left: 10%;
}
.row .push-three-tenths {
left: 30%;
}
.row .push-seven-tenths {
left: 70%;
}
.row .push-nine-tenths {
left: 90%;
}
.row .push-one-twelfth {
left: 8.3332%;
}
.row .push-five-twelfths {
left: 41.6665%;
}
.row .push-seven-twelfths {
left: 58.332%;
}
.row .push-eleven-twelfths {
left: 91.6665%;
}
.row .push-golden-small {
left: 38.2716%;
}
.row .push-golden-large {
left: 61.7283%;
}
.row .push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .pull-half,
.row .pull-two-fourths,
.row .pull-three-sixths,
.row .pull-four-eights,
.row .pull-five-tenths,
.row .pull-six-twelfths {
right: 50%;
}
.row .pull-one-third,
.row .pull-two-sixths,
.row .pull-four-twelfths {
right: 33.3332%;
}
.row .pull-two-thirds,
.row .pull-four-sixths,
.row .pull-eight-twelfths {
right: 66.6665%;
}
.row .pull-one-fourth,
.row .pull-two-eighths,
.row .pull-three-twelfths {
right: 25%;
}
.row .pull-three-fourths,
.row .pull-six-eighths,
.row .pull-nine-twelfths {
right: 75%;
}
.row .pull-one-fifth,
.row .pull-two-tenths {
right: 20%;
}
.row .pull-two-fifths,
.row .pull-four-tenths {
right: 40%;
}
.row .pull-three-fifths,
.row .pull-six-tenths {
right: 60%;
}
.row .pull-four-fifths,
.row .pull-eight-tenths {
right: 80%;
}
.row .pull-one-sixth,
.row .pull-two-twelfths {
right: 16.6665%;
}
.row .pull-five-sixths,
.row .pull-ten-twelfths {
right: 83.3332%;
}
.row .pull-one-eighth {
right: 12.5%;
}
.row .pull-three-eighths {
right: 37.5%;
}
.row .pull-five-eighths {
right: 62.5%;
}
.row .pull-seven-eighths {
right: 87.5%;
}
.row .pull-one-tenth {
right: 10%;
}
.row .pull-three-tenths {
right: 30%;
}
.row .pull-seven-tenths {
right: 70%;
}
.row .pull-nine-tenths {
right: 90%;
}
.row .pull-one-twelfth {
right: 8.3332%;
}
.row .pull-five-twelfths {
right: 41.6665%;
}
.row .pull-seven-twelfths {
right: 58.332%;
}
.row .pull-eleven-twelfths {
right: 91.6665%;
}
.row .pull-golden-small {
right: 38.2716%;
}
.row .pull-golden-large {
right: 61.7283%;
}
.row .pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .offset-half,
.row .offset-two-fourths,
.row .offset-three-sixths,
.row .offset-four-eights,
.row .offset-five-tenths,
.row .offset-six-twelfths {
margin-left: 50%;
}
.row .offset-one-third,
.row .offset-two-sixths,
.row .offset-four-twelfths {
margin-left: 33.3332%;
}
.row .offset-two-thirds,
.row .offset-four-sixths,
.row .offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .offset-one-fourth,
.row .offset-two-eighths,
.row .offset-three-twelfths {
margin-left: 25%;
}
.row .offset-three-fourths,
.row .offset-six-eighths,
.row .offset-nine-twelfths {
margin-left: 75%;
}
.row .offset-one-fifth,
.row .offset-two-tenths {
margin-left: 20%;
}
.row .offset-two-fifths,
.row .offset-four-tenths {
margin-left: 40%;
}
.row .offset-three-fifths,
.row .offset-six-tenths {
margin-left: 60%;
}
.row .offset-four-fifths,
.row .offset-eight-tenths {
margin-left: 80%;
}
.row .offset-one-sixth,
.row .offset-two-twelfths {
margin-left: 16.6665%;
}
.row .offset-five-sixths,
.row .offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .offset-one-eighth {
margin-left: 12.5%;
}
.row .offset-three-eighths {
margin-left: 37.5%;
}
.row .offset-five-eighths {
margin-left: 62.5%;
}
.row .offset-seven-eighths {
margin-left: 87.5%;
}
.row .offset-one-tenth {
margin-left: 10%;
}
.row .offset-three-tenths {
margin-left: 30%;
}
.row .offset-seven-tenths {
margin-left: 70%;
}
.row .offset-nine-tenths {
margin-left: 90%;
}
.row .offset-one-twelfth {
margin-left: 8.3332%;
}
.row .offset-five-twelfths {
margin-left: 41.6665%;
}
.row .offset-seven-twelfths {
margin-left: 58.332%;
}
.row .offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .offset-golden-small {
margin-left: 38.2716%;
}
.row .offset-golden-large {
margin-left: 61.7283%;
}
.row .offest-none {
margin-left: 0;
}
/* ------------------------ Tiny [360+] ------------------------ */
@media screen and (min-width: 360px) {
.column.tiny-centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
/* ------------------------ column widths ------------------------ */
.row .tiny-whole,
.row .tiny-two-halves,
.row .tiny-three-thirds,
.row .tiny-four-fourths,
.row .tiny-five-fifths,
.row .tiny-six-sixths,
.row .tiny-eight-eights,
.row .tiny-ten-tenths,
.row .tiny-twelve-twelfths {
width: 100%;
}
.row .tiny-half,
.row .tiny-two-fourths,
.row .tiny-three-sixths,
.row .tiny-four-eights,
.row .tiny-five-tenths,
.row .tiny-six-twelfths {
width: 50%;
}
.row .tiny-one-third,
.row .tiny-two-sixths,
.row .tiny-four-twelfths {
width: 33.3332%;
}
.row .tiny-two-thirds,
.row .tiny-four-sixths,
.row .tiny-eight-twelfths {
width: 66.6665%;
}
.row .tiny-one-fourth,
.row .tiny-two-eighths,
.row .tiny-three-twelfths {
width: 25%;
}
.row .tiny-three-fourths,
.row .tiny-six-eighths,
.row .tiny-nine-twelfths {
width: 75%;
}
.row .tiny-one-fifth,
.row .tiny-two-tenths {
width: 20%;
}
.row .tiny-two-fifths,
.row .tiny-four-tenths {
width: 40%;
}
.row .tiny-three-fifths,
.row .tiny-six-tenths {
width: 60%;
}
.row .tiny-four-fifths,
.row .tiny-eight-tenths {
width: 80%;
}
.row .tiny-one-sixth,
.row .tiny-two-twelfths {
width: 16.6665%;
}
.row .tiny-five-sixths,
.row .tiny-ten-twelfths {
width: 83.3332%;
}
.row .tiny-one-eighth {
width: 12.5%;
}
.row .tiny-three-eighths {
width: 37.5%;
}
.row .tiny-five-eighths {
width: 62.5%;
}
.row .tiny-seven-eighths {
width: 87.5%;
}
.row .tiny-one-tenth {
width: 10%;
}
.row .tiny-three-tenths {
width: 30%;
}
.row .tiny-seven-tenths {
width: 70%;
}
.row .tiny-nine-tenths {
width: 90%;
}
.row .tiny-one-twelfth {
width: 8.3332%;
}
.row .tiny-five-twelfths {
width: 41.6665%;
}
.row .tiny-seven-twelfths {
width: 58.332%;
}
.row .tiny-eleven-twelfths {
width: 91.6665%;
}
.row .tiny-golden-small {
width: 38.2716%;
}
.row .tiny-golden-large {
width: 61.7283%;
}
.row .tiny-width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .tiny-push-half,
.row .tiny-push-two-fourths,
.row .tiny-push-three-sixths,
.row .tiny-push-four-eights,
.row .tiny-push-five-tenths,
.row .tiny-push-six-twelfths {
left: 50%;
}
.row .tiny-push-one-third,
.row .tiny-push-two-sixths,
.row .tiny-push-four-twelfths {
left: 33.3332%;
}
.row .tiny-push-two-thirds,
.row .tiny-push-four-sixths,
.row .tiny-push-eight-twelfths {
left: 66.6665%;
}
.row .tiny-push-one-fourth,
.row .tiny-push-two-eighths,
.row .tiny-push-three-twelfths {
left: 25%;
}
.row .tiny-push-three-fourths,
.row .tiny-push-six-eighths,
.row .tiny-push-nine-twelfths {
left: 75%;
}
.row .tiny-push-one-fifth,
.row .tiny-push-two-tenths {
left: 20%;
}
.row .tiny-push-two-fifths,
.row .tiny-push-four-tenths {
left: 40%;
}
.row .tiny-push-three-fifths,
.row .tiny-push-six-tenths {
left: 60%;
}
.row .tiny-push-four-fifths,
.row .tiny-push-eight-tenths {
left: 80%;
}
.row .tiny-push-one-sixth,
.row .tiny-push-two-twelfths {
left: 16.6665%;
}
.row .tiny-push-five-sixths,
.row .tiny-push-ten-twelfths {
left: 83.3332%;
}
.row .tiny-push-one-eighth {
left: 12.5%;
}
.row .tiny-push-three-eighths {
left: 37.5%;
}
.row .tiny-push-five-eighths {
left: 62.5%;
}
.row .tiny-push-seven-eighths {
left: 87.5%;
}
.row .tiny-push-one-tenth {
left: 10%;
}
.row .tiny-push-three-tenths {
left: 30%;
}
.row .tiny-push-seven-tenths {
left: 70%;
}
.row .tiny-push-nine-tenths {
left: 90%;
}
.row .tiny-push-one-twelfth {
left: 8.3332%;
}
.row .tiny-push-five-twelfths {
left: 41.6665%;
}
.row .tiny-push-seven-twelfths {
left: 58.332%;
}
.row .tiny-push-eleven-twelfths {
left: 91.6665%;
}
.row .tiny-push-golden-small {
left: 38.2716%;
}
.row .tiny-push-golden-large {
left: 61.7283%;
}
.row .tiny-push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .tiny-pull-half,
.row .tiny-pull-two-fourths,
.row .tiny-pull-three-sixths,
.row .tiny-pull-four-eights,
.row .tiny-pull-five-tenths,
.row .tiny-pull-six-twelfths {
right: 50%;
}
.row .tiny-pull-one-third,
.row .tiny-pull-two-sixths,
.row .tiny-pull-four-twelfths {
right: 33.3332%;
}
.row .tiny-pull-two-thirds,
.row .tiny-pull-four-sixths,
.row .tiny-pull-eight-twelfths {
right: 66.6665%;
}
.row .tiny-pull-one-fourth,
.row .tiny-pull-two-eighths,
.row .tiny-pull-three-twelfths {
right: 25%;
}
.row .tiny-pull-three-fourths,
.row .tiny-pull-six-eighths,
.row .tiny-pull-nine-twelfths {
right: 75%;
}
.row .tiny-pull-one-fifth,
.row .tiny-pull-two-tenths {
right: 20%;
}
.row .tiny-pull-two-fifths,
.row .tiny-pull-four-tenths {
right: 40%;
}
.row .tiny-pull-three-fifths,
.row .tiny-pull-six-tenths {
right: 60%;
}
.row .tiny-pull-four-fifths,
.row .tiny-pull-eight-tenths {
right: 80%;
}
.row .tiny-pull-one-sixth,
.row .tiny-pull-two-twelfths {
right: 16.6665%;
}
.row .tiny-pull-five-sixths,
.row .tiny-pull-ten-twelfths {
right: 83.3332%;
}
.row .tiny-pull-one-eighth {
right: 12.5%;
}
.row .tiny-pull-three-eighths {
right: 37.5%;
}
.row .tiny-pull-five-eighths {
right: 62.5%;
}
.row .tiny-pull-seven-eighths {
right: 87.5%;
}
.row .tiny-pull-one-tenth {
right: 10%;
}
.row .tiny-pull-three-tenths {
right: 30%;
}
.row .tiny-pull-seven-tenths {
right: 70%;
}
.row .tiny-pull-nine-tenths {
right: 90%;
}
.row .tiny-pull-one-twelfth {
right: 8.3332%;
}
.row .tiny-pull-five-twelfths {
right: 41.6665%;
}
.row .tiny-pull-seven-twelfths {
right: 58.332%;
}
.row .tiny-pull-eleven-twelfths {
right: 91.6665%;
}
.row .tiny-pull-golden-small {
right: 38.2716%;
}
.row .tiny-pull-golden-large {
right: 61.7283%;
}
.row .tiny-pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .tiny-offset-half,
.row .tiny-offset-two-fourths,
.row .tiny-offset-three-sixths,
.row .tiny-offset-four-eights,
.row .tiny-offset-five-tenths,
.row .tiny-offset-six-twelfths {
margin-left: 50%;
}
.row .tiny-offset-one-third,
.row .tiny-offset-two-sixths,
.row .tiny-offset-four-twelfths {
margin-left: 33.3332%;
}
.row .tiny-offset-two-thirds,
.row .tiny-offset-four-sixths,
.row .tiny-offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .tiny-offset-one-fourth,
.row .tiny-offset-two-eighths,
.row .tiny-offset-three-twelfths {
margin-left: 25%;
}
.row .tiny-offset-three-fourths,
.row .tiny-offset-six-eighths,
.row .tiny-offset-nine-twelfths {
margin-left: 75%;
}
.row .tiny-offset-one-fifth,
.row .tiny-offset-two-tenths {
margin-left: 20%;
}
.row .tiny-offset-two-fifths,
.row .tiny-offset-four-tenths {
margin-left: 40%;
}
.row .tiny-offset-three-fifths,
.row .tiny-offset-six-tenths {
margin-left: 60%;
}
.row .tiny-offset-four-fifths,
.row .tiny-offset-eight-tenths {
margin-left: 80%;
}
.row .tiny-offset-one-sixth,
.row .tiny-offset-two-twelfths {
margin-left: 16.6665%;
}
.row .tiny-offset-five-sixths,
.row .tiny-offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .tiny-offset-one-eighth {
margin-left: 12.5%;
}
.row .tiny-offset-three-eighths {
margin-left: 37.5%;
}
.row .tiny-offset-five-eighths {
margin-left: 62.5%;
}
.row .tiny-offset-seven-eighths {
margin-left: 87.5%;
}
.row .tiny-offset-one-tenth {
margin-left: 10%;
}
.row .tiny-offset-three-tenths {
margin-left: 30%;
}
.row .tiny-offset-seven-tenths {
margin-left: 70%;
}
.row .tiny-offset-nine-tenths {
margin-left: 90%;
}
.row .tiny-offset-one-twelfth {
margin-left: 8.3332%;
}
.row .tiny-offset-five-twelfths {
margin-left: 41.6665%;
}
.row .tiny-offset-seven-twelfths {
margin-left: 58.332%;
}
.row .tiny-offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .tiny-offset-golden-small {
margin-left: 38.2716%;
}
.row .tiny-offset-golden-large {
margin-left: 61.7283%;
}
.row .tiny-offset-none {
margin-left: 0;
}
}
/* ------------------------ Mobile Landscape [480+] ------------------------ */
@media screen and (min-width: 480px) {
.column.x-small-centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
/* ------------------------ column widths ------------------------ */
.row .x-small-whole,
.row .x-small-two-halves,
.row .x-small-three-thirds,
.row .x-small-four-fourths,
.row .x-small-five-fifths,
.row .x-small-six-sixths,
.row .x-small-eight-eights,
.row .x-small-ten-tenths,
.row .x-small-twelve-twelfths {
width: 100%;
}
.row .x-small-half,
.row .x-small-two-fourths,
.row .x-small-three-sixths,
.row .x-small-four-eights,
.row .x-small-five-tenths,
.row .x-small-six-twelfths {
width: 50%;
}
.row .x-small-one-third,
.row .x-small-two-sixths,
.row .x-small-four-twelfths {
width: 33.3332%;
}
.row .x-small-two-thirds,
.row .x-small-four-sixths,
.row .x-small-eight-twelfths {
width: 66.6665%;
}
.row .x-small-one-fourth,
.row .x-small-two-eighths,
.row .x-small-three-twelfths {
width: 25%;
}
.row .x-small-three-fourths,
.row .x-small-six-eighths,
.row .x-small-nine-twelfths {
width: 75%;
}
.row .x-small-one-fifth,
.row .x-small-two-tenths {
width: 20%;
}
.row .x-small-two-fifths,
.row .x-small-four-tenths {
width: 40%;
}
.row .x-small-three-fifths,
.row .x-small-six-tenths {
width: 60%;
}
.row .x-small-four-fifths,
.row .x-small-eight-tenths {
width: 80%;
}
.row .x-small-one-sixth,
.row .x-small-two-twelfths {
width: 16.6665%;
}
.row .x-small-five-sixths,
.row .x-small-ten-twelfths {
width: 83.3332%;
}
.row .x-small-one-eighth {
width: 12.5%;
}
.row .x-small-three-eighths {
width: 37.5%;
}
.row .x-small-five-eighths {
width: 62.5%;
}
.row .x-small-seven-eighths {
width: 87.5%;
}
.row .x-small-one-tenth {
width: 10%;
}
.row .x-small-three-tenths {
width: 30%;
}
.row .x-small-seven-tenths {
width: 70%;
}
.row .x-small-nine-tenths {
width: 90%;
}
.row .x-small-one-twelfth {
width: 8.3332%;
}
.row .x-small-five-twelfths {
width: 41.6665%;
}
.row .x-small-seven-twelfths {
width: 58.332%;
}
.row .x-small-eleven-twelfths {
width: 91.6665%;
}
.row .x-small-golden-small {
width: 38.2716%;
}
.row .x-small-golden-large {
width: 61.7283%;
}
.row .x-small-width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .x-small-push-half,
.row .x-small-push-two-fourths,
.row .x-small-push-three-sixths,
.row .x-small-push-four-eights,
.row .x-small-push-five-tenths,
.row .x-small-push-six-twelfths {
left: 50%;
}
.row .x-small-push-one-third,
.row .x-small-push-two-sixths,
.row .x-small-push-four-twelfths {
left: 33.3332%;
}
.row .x-small-push-two-thirds,
.row .x-small-push-four-sixths,
.row .x-small-push-eight-twelfths {
left: 66.6665%;
}
.row .x-small-push-one-fourth,
.row .x-small-push-two-eighths,
.row .x-small-push-three-twelfths {
left: 25%;
}
.row .x-small-push-three-fourths,
.row .x-small-push-six-eighths,
.row .x-small-push-nine-twelfths {
left: 75%;
}
.row .x-small-push-one-fifth,
.row .x-small-push-two-tenths {
left: 20%;
}
.row .x-small-push-two-fifths,
.row .x-small-push-four-tenths {
left: 40%;
}
.row .x-small-push-three-fifths,
.row .x-small-push-six-tenths {
left: 60%;
}
.row .x-small-push-four-fifths,
.row .x-small-push-eight-tenths {
left: 80%;
}
.row .x-small-push-one-sixth,
.row .x-small-push-two-twelfths {
left: 16.6665%;
}
.row .x-small-push-five-sixths,
.row .x-small-push-ten-twelfths {
left: 83.3332%;
}
.row .x-small-push-one-eighth {
left: 12.5%;
}
.row .x-small-push-three-eighths {
left: 37.5%;
}
.row .x-small-push-five-eighths {
left: 62.5%;
}
.row .x-small-push-seven-eighths {
left: 87.5%;
}
.row .x-small-push-one-tenth {
left: 10%;
}
.row .x-small-push-three-tenths {
left: 30%;
}
.row .x-small-push-seven-tenths {
left: 70%;
}
.row .x-small-push-nine-tenths {
left: 90%;
}
.row .x-small-push-one-twelfth {
left: 8.3332%;
}
.row .x-small-push-five-twelfths {
left: 41.6665%;
}
.row .x-small-push-seven-twelfths {
left: 58.332%;
}
.row .x-small-push-eleven-twelfths {
left: 91.6665%;
}
.row .x-small-push-golden-small {
left: 38.2716%;
}
.row .x-small-push-golden-large {
left: 61.7283%;
}
.row .x-small-push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .x-small-pull-half,
.row .x-small-pull-two-fourths,
.row .x-small-pull-three-sixths,
.row .x-small-pull-four-eights,
.row .x-small-pull-five-tenths,
.row .x-small-pull-six-twelfths {
right: 50%;
}
.row .x-small-pull-one-third,
.row .x-small-pull-two-sixths,
.row .x-small-pull-four-twelfths {
right: 33.3332%;
}
.row .x-small-pull-two-thirds,
.row .x-small-pull-four-sixths,
.row .x-small-pull-eight-twelfths {
right: 66.6665%;
}
.row .x-small-pull-one-fourth,
.row .x-small-pull-two-eighths,
.row .x-small-pull-three-twelfths {
right: 25%;
}
.row .x-small-pull-three-fourths,
.row .x-small-pull-six-eighths,
.row .x-small-pull-nine-twelfths {
right: 75%;
}
.row .x-small-pull-one-fifth,
.row .x-small-pull-two-tenths {
right: 20%;
}
.row .x-small-pull-two-fifths,
.row .x-small-pull-four-tenths {
right: 40%;
}
.row .x-small-pull-three-fifths,
.row .x-small-pull-six-tenths {
right: 60%;
}
.row .x-small-pull-four-fifths,
.row .x-small-pull-eight-tenths {
right: 80%;
}
.row .x-small-pull-one-sixth,
.row .x-small-pull-two-twelfths {
right: 16.6665%;
}
.row .x-small-pull-five-sixths,
.row .x-small-pull-ten-twelfths {
right: 83.3332%;
}
.row .x-small-pull-one-eighth {
right: 12.5%;
}
.row .x-small-pull-three-eighths {
right: 37.5%;
}
.row .x-small-pull-five-eighths {
right: 62.5%;
}
.row .x-small-pull-seven-eighths {
right: 87.5%;
}
.row .x-small-pull-one-tenth {
right: 10%;
}
.row .x-small-pull-three-tenths {
right: 30%;
}
.row .x-small-pull-seven-tenths {
right: 70%;
}
.row .x-small-pull-nine-tenths {
right: 90%;
}
.row .x-small-pull-one-twelfth {
right: 8.3332%;
}
.row .x-small-pull-five-twelfths {
right: 41.6665%;
}
.row .x-small-pull-seven-twelfths {
right: 58.332%;
}
.row .x-small-pull-eleven-twelfths {
right: 91.6665%;
}
.row .x-small-pull-golden-small {
right: 38.2716%;
}
.row .x-small-pull-golden-large {
right: 61.7283%;
}
.row .x-small-pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .x-small-offset-half,
.row .x-small-offset-two-fourths,
.row .x-small-offset-three-sixths,
.row .x-small-offset-four-eights,
.row .x-small-offset-five-tenths,
.row .x-small-offset-six-twelfths {
margin-left: 50%;
}
.row .x-small-offset-one-third,
.row .x-small-offset-two-sixths,
.row .x-small-offset-four-twelfths {
margin-left: 33.3332%;
}
.row .x-small-offset-two-thirds,
.row .x-small-offset-four-sixths,
.row .x-small-offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .x-small-offset-one-fourth,
.row .x-small-offset-two-eighths,
.row .x-small-offset-three-twelfths {
margin-left: 25%;
}
.row .x-small-offset-three-fourths,
.row .x-small-offset-six-eighths,
.row .x-small-offset-nine-twelfths {
margin-left: 75%;
}
.row .x-small-offset-one-fifth,
.row .x-small-offset-two-tenths {
margin-left: 20%;
}
.row .x-small-offset-two-fifths,
.row .x-small-offset-four-tenths {
margin-left: 40%;
}
.row .x-small-offset-three-fifths,
.row .x-small-offset-six-tenths {
margin-left: 60%;
}
.row .x-small-offset-four-fifths,
.row .x-small-offset-eight-tenths {
margin-left: 80%;
}
.row .x-small-offset-one-sixth,
.row .x-small-offset-two-twelfths {
margin-left: 16.6665%;
}
.row .x-small-offset-five-sixths,
.row .x-small-offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .x-small-offset-one-eighth {
margin-left: 12.5%;
}
.row .x-small-offset-three-eighths {
margin-left: 37.5%;
}
.row .x-small-offset-five-eighths {
margin-left: 62.5%;
}
.row .x-small-offset-seven-eighths {
margin-left: 87.5%;
}
.row .x-small-offset-one-tenth {
margin-left: 10%;
}
.row .x-small-offset-three-tenths {
margin-left: 30%;
}
.row .x-small-offset-seven-tenths {
margin-left: 70%;
}
.row .x-small-offset-nine-tenths {
margin-left: 90%;
}
.row .x-small-offset-one-twelfth {
margin-left: 8.3332%;
}
.row .x-small-offset-five-twelfths {
margin-left: 41.6665%;
}
.row .x-small-offset-seven-twelfths {
margin-left: 58.332%;
}
.row .x-small-offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .x-small-offset-golden-small {
margin-left: 38.2716%;
}
.row .x-small-offset-golden-large {
margin-left: 61.7283%;
}
.row .x-small-offset-none {
margin-left: 0;
}
}
/* ------------------------ Small Tablets [640+] ------------------------ */
@media screen and (min-width: 640px) {
.column.small-centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
/* ------------------------ column widths ------------------------ */
.row .small-whole,
.row .small-two-halves,
.row .small-three-thirds,
.row .small-four-fourths,
.row .small-five-fifths,
.row .small-six-sixths,
.row .small-eight-eights,
.row .small-ten-tenths,
.row .small-twelve-twelfths {
width: 100%;
}
.row .small-half,
.row .small-two-fourths,
.row .small-three-sixths,
.row .small-four-eights,
.row .small-five-tenths,
.row .small-six-twelfths {
width: 50%;
}
.row .small-one-third,
.row .small-two-sixths,
.row .small-four-twelfths {
width: 33.3332%;
}
.row .small-two-thirds,
.row .small-four-sixths,
.row .small-eight-twelfths {
width: 66.6665%;
}
.row .small-one-fourth,
.row .small-two-eighths,
.row .small-three-twelfths {
width: 25%;
}
.row .small-three-fourths,
.row .small-six-eighths,
.row .small-nine-twelfths {
width: 75%;
}
.row .small-one-fifth,
.row .small-two-tenths {
width: 20%;
}
.row .small-two-fifths,
.row .small-four-tenths {
width: 40%;
}
.row .small-three-fifths,
.row .small-six-tenths {
width: 60%;
}
.row .small-four-fifths,
.row .small-eight-tenths {
width: 80%;
}
.row .small-one-sixth,
.row .small-two-twelfths {
width: 16.6665%;
}
.row .small-five-sixths,
.row .small-ten-twelfths {
width: 83.3332%;
}
.row .small-one-eighth {
width: 12.5%;
}
.row .small-three-eighths {
width: 37.5%;
}
.row .small-five-eighths {
width: 62.5%;
}
.row .small-seven-eighths {
width: 87.5%;
}
.row .small-one-tenth {
width: 10%;
}
.row .small-three-tenths {
width: 30%;
}
.row .small-seven-tenths {
width: 70%;
}
.row .small-nine-tenths {
width: 90%;
}
.row .small-one-twelfth {
width: 8.3332%;
}
.row .small-five-twelfths {
width: 41.6665%;
}
.row .small-seven-twelfths {
width: 58.332%;
}
.row .small-eleven-twelfths {
width: 91.6665%;
}
.row .small-golden-small {
width: 38.2716%;
}
.row .small-golden-large {
width: 61.7283%;
}
.row .small-width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .small-push-half,
.row .small-push-two-fourths,
.row .small-push-three-sixths,
.row .small-push-four-eights,
.row .small-push-five-tenths,
.row .small-push-six-twelfths {
left: 50%;
}
.row .small-push-one-third,
.row .small-push-two-sixths,
.row .small-push-four-twelfths {
left: 33.3332%;
}
.row .small-push-two-thirds,
.row .small-push-four-sixths,
.row .small-push-eight-twelfths {
left: 66.6665%;
}
.row .small-push-one-fourth,
.row .small-push-two-eighths,
.row .small-push-three-twelfths {
left: 25%;
}
.row .small-push-three-fourths,
.row .small-push-six-eighths,
.row .small-push-nine-twelfths {
left: 75%;
}
.row .small-push-one-fifth,
.row .small-push-two-tenths {
left: 20%;
}
.row .small-push-two-fifths,
.row .small-push-four-tenths {
left: 40%;
}
.row .small-push-three-fifths,
.row .small-push-six-tenths {
left: 60%;
}
.row .small-push-four-fifths,
.row .small-push-eight-tenths {
left: 80%;
}
.row .small-push-one-sixth,
.row .small-push-two-twelfths {
left: 16.6665%;
}
.row .small-push-five-sixths,
.row .small-push-ten-twelfths {
left: 83.3332%;
}
.row .small-push-one-eighth {
left: 12.5%;
}
.row .small-push-three-eighths {
left: 37.5%;
}
.row .small-push-five-eighths {
left: 62.5%;
}
.row .small-push-seven-eighths {
left: 87.5%;
}
.row .small-push-one-tenth {
left: 10%;
}
.row .small-push-three-tenths {
left: 30%;
}
.row .small-push-seven-tenths {
left: 70%;
}
.row .small-push-nine-tenths {
left: 90%;
}
.row .small-push-one-twelfth {
left: 8.3332%;
}
.row .small-push-five-twelfths {
left: 41.6665%;
}
.row .small-push-seven-twelfths {
left: 58.332%;
}
.row .small-push-eleven-twelfths {
left: 91.6665%;
}
.row .small-push-golden-small {
left: 38.2716%;
}
.row .small-push-golden-large {
left: 61.7283%;
}
.row .small-push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .small-pull-half,
.row .small-pull-two-fourths,
.row .small-pull-three-sixths,
.row .small-pull-four-eights,
.row .small-pull-five-tenths,
.row .small-pull-six-twelfths {
right: 50%;
}
.row .small-pull-one-third,
.row .small-pull-two-sixths,
.row .small-pull-four-twelfths {
right: 33.3332%;
}
.row .small-pull-two-thirds,
.row .small-pull-four-sixths,
.row .small-pull-eight-twelfths {
right: 66.6665%;
}
.row .small-pull-one-fourth,
.row .small-pull-two-eighths,
.row .small-pull-three-twelfths {
right: 25%;
}
.row .small-pull-three-fourths,
.row .small-pull-six-eighths,
.row .small-pull-nine-twelfths {
right: 75%;
}
.row .small-pull-one-fifth,
.row .small-pull-two-tenths {
right: 20%;
}
.row .small-pull-two-fifths,
.row .small-pull-four-tenths {
right: 40%;
}
.row .small-pull-three-fifths,
.row .small-pull-six-tenths {
right: 60%;
}
.row .small-pull-four-fifths,
.row .small-pull-eight-tenths {
right: 80%;
}
.row .small-pull-one-sixth,
.row .small-pull-two-twelfths {
right: 16.6665%;
}
.row .small-pull-five-sixths,
.row .small-pull-ten-twelfths {
right: 83.3332%;
}
.row .small-pull-one-eighth {
right: 12.5%;
}
.row .small-pull-three-eighths {
right: 37.5%;
}
.row .small-pull-five-eighths {
right: 62.5%;
}
.row .small-pull-seven-eighths {
right: 87.5%;
}
.row .small-pull-one-tenth {
right: 10%;
}
.row .small-pull-three-tenths {
right: 30%;
}
.row .small-pull-seven-tenths {
right: 70%;
}
.row .small-pull-nine-tenths {
right: 90%;
}
.row .small-pull-one-twelfth {
right: 8.3332%;
}
.row .small-pull-five-twelfths {
right: 41.6665%;
}
.row .small-pull-seven-twelfths {
right: 58.332%;
}
.row .small-pull-eleven-twelfths {
right: 91.6665%;
}
.row .small-pull-golden-small {
right: 38.2716%;
}
.row .small-pull-golden-large {
right: 61.7283%;
}
.row .small-pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .small-offset-half,
.row .small-offset-two-fourths,
.row .small-offset-three-sixths,
.row .small-offset-four-eights,
.row .small-offset-five-tenths,
.row .small-offset-six-twelfths {
margin-left: 50%;
}
.row .small-offset-one-third,
.row .small-offset-two-sixths,
.row .small-offset-four-twelfths {
margin-left: 33.3332%;
}
.row .small-offset-two-thirds,
.row .small-offset-four-sixths,
.row .small-offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .small-offset-one-fourth,
.row .small-offset-two-eighths,
.row .small-offset-three-twelfths {
margin-left: 25%;
}
.row .small-offset-three-fourths,
.row .small-offset-six-eighths,
.row .small-offset-nine-twelfths {
margin-left: 75%;
}
.row .small-offset-one-fifth,
.row .small-offset-two-tenths {
margin-left: 20%;
}
.row .small-offset-two-fifths,
.row .small-offset-four-tenths {
margin-left: 40%;
}
.row .small-offset-three-fifths,
.row .small-offset-six-tenths {
margin-left: 60%;
}
.row .small-offset-four-fifths,
.row .small-offset-eight-tenths {
margin-left: 80%;
}
.row .small-offset-one-sixth,
.row .small-offset-two-twelfths {
margin-left: 16.6665%;
}
.row .small-offset-five-sixths,
.row .small-offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .small-offset-one-eighth {
margin-left: 12.5%;
}
.row .small-offset-three-eighths {
margin-left: 37.5%;
}
.row .small-offset-five-eighths {
margin-left: 62.5%;
}
.row .small-offset-seven-eighths {
margin-left: 87.5%;
}
.row .small-offset-one-tenth {
margin-left: 10%;
}
.row .small-offset-three-tenths {
margin-left: 30%;
}
.row .small-offset-seven-tenths {
margin-left: 70%;
}
.row .small-offset-nine-tenths {
margin-left: 90%;
}
.row .small-offset-one-twelfth {
margin-left: 8.3332%;
}
.row .small-offset-five-twelfths {
margin-left: 41.6665%;
}
.row .small-offset-seven-twelfths {
margin-left: 58.332%;
}
.row .small-offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .small-offset-golden-small {
margin-left: 38.2716%;
}
.row .small-offset-golden-large {
margin-left: 61.7283%;
}
.row .small-offset-none {
margin-left: 0;
}
}
/* ------------------------ Tablets [768+] ------------------------ */
@media screen and (min-width: 768px) {
.column.medium-centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
/* ------------------------ column widths ------------------------ */
.row .medium-whole,
.row .medium-two-halves,
.row .medium-three-thirds,
.row .medium-four-fourths,
.row .medium-five-fifths,
.row .medium-six-sixths,
.row .medium-eight-eights,
.row .medium-ten-tenths,
.row .medium-twelve-twelfths {
width: 100%;
}
.row .medium-half,
.row .medium-two-fourths,
.row .medium-three-sixths,
.row .medium-four-eights,
.row .medium-five-tenths,
.row .medium-six-twelfths {
width: 50%;
}
.row .medium-one-third,
.row .medium-two-sixths,
.row .medium-four-twelfths {
width: 33.3332%;
}
.row .medium-two-thirds,
.row .medium-four-sixths,
.row .medium-eight-twelfths {
width: 66.6665%;
}
.row .medium-one-fourth,
.row .medium-two-eighths,
.row .medium-three-twelfths {
width: 25%;
}
.row .medium-three-fourths,
.row .medium-six-eighths,
.row .medium-nine-twelfths {
width: 75%;
}
.row .medium-one-fifth,
.row .medium-two-tenths {
width: 20%;
}
.row .medium-two-fifths,
.row .medium-four-tenths {
width: 40%;
}
.row .medium-three-fifths,
.row .medium-six-tenths {
width: 60%;
}
.row .medium-four-fifths,
.row .medium-eight-tenths {
width: 80%;
}
.row .medium-one-sixth,
.row .medium-two-twelfths {
width: 16.6665%;
}
.row .medium-five-sixths,
.row .medium-ten-twelfths {
width: 83.3332%;
}
.row .medium-one-eighth {
width: 12.5%;
}
.row .medium-three-eighths {
width: 37.5%;
}
.row .medium-five-eighths {
width: 62.5%;
}
.row .medium-seven-eighths {
width: 87.5%;
}
.row .medium-one-tenth {
width: 10%;
}
.row .medium-three-tenths {
width: 30%;
}
.row .medium-seven-tenths {
width: 70%;
}
.row .medium-nine-tenths {
width: 90%;
}
.row .medium-one-twelfth {
width: 8.3332%;
}
.row .medium-five-twelfths {
width: 41.6665%;
}
.row .medium-seven-twelfths {
width: 58.332%;
}
.row .medium-eleven-twelfths {
width: 91.6665%;
}
.row .medium-golden-small {
width: 38.2716%;
}
.row .medium-golden-large {
width: 61.7283%;
}
.row .medium-width-auto {
width: auto;
}
.row .medium-seven-twentyfourths {
width: 29.1666%;
}
.row .medium-three-twentieths {
width: 15%;
}
/* ------------------------ column push ------------------------ */
.row .medium-push-half,
.row .medium-push-two-fourths,
.row .medium-push-three-sixths,
.row .medium-push-four-eights,
.row .medium-push-five-tenths,
.row .medium-push-six-twelfths {
left: 50%;
}
.row .medium-push-one-third,
.row .medium-push-two-sixths,
.row .medium-push-four-twelfths {
left: 33.3332%;
}
.row .medium-push-two-thirds,
.row .medium-push-four-sixths,
.row .medium-push-eight-twelfths {
left: 66.6665%;
}
.row .medium-push-one-fourth,
.row .medium-push-two-eighths,
.row .medium-push-three-twelfths {
left: 25%;
}
.row .medium-push-three-fourths,
.row .medium-push-six-eighths,
.row .medium-push-nine-twelfths {
left: 75%;
}
.row .medium-push-one-fifth,
.row .medium-push-two-tenths {
left: 20%;
}
.row .medium-push-two-fifths,
.row .medium-push-four-tenths {
left: 40%;
}
.row .medium-push-three-fifths,
.row .medium-push-six-tenths {
left: 60%;
}
.row .medium-push-four-fifths,
.row .medium-push-eight-tenths {
left: 80%;
}
.row .medium-push-one-sixth,
.row .medium-push-two-twelfths {
left: 16.6665%;
}
.row .medium-push-five-sixths,
.row .medium-push-ten-twelfths {
left: 83.3332%;
}
.row .medium-push-one-eighth {
left: 12.5%;
}
.row .medium-push-three-eighths {
left: 37.5%;
}
.row .medium-push-five-eighths {
left: 62.5%;
}
.row .medium-push-seven-eighths {
left: 87.5%;
}
.row .medium-push-one-tenth {
left: 10%;
}
.row .medium-push-three-tenths {
left: 30%;
}
.row .medium-push-seven-tenths {
left: 70%;
}
.row .medium-push-nine-tenths {
left: 90%;
}
.row .medium-push-one-twelfth {
left: 8.3332%;
}
.row .medium-push-five-twelfths {
left: 41.6665%;
}
.row .medium-push-seven-twelfths {
left: 58.332%;
}
.row .medium-push-eleven-twelfths {
left: 91.6665%;
}
.row .medium-push-golden-small {
left: 38.2716%;
}
.row .medium-push-golden-large {
left: 61.7283%;
}
.row .medium-push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .medium-pull-half,
.row .medium-pull-two-fourths,
.row .medium-pull-three-sixths,
.row .medium-pull-four-eights,
.row .medium-pull-five-tenths,
.row .medium-pull-six-twelfths {
right: 50%;
}
.row .medium-pull-one-third,
.row .medium-pull-two-sixths,
.row .medium-pull-four-twelfths {
right: 33.3332%;
}
.row .medium-pull-two-thirds,
.row .medium-pull-four-sixths,
.row .medium-pull-eight-twelfths {
right: 66.6665%;
}
.row .medium-pull-one-fourth,
.row .medium-pull-two-eighths,
.row .medium-pull-three-twelfths {
right: 25%;
}
.row .medium-pull-three-fourths,
.row .medium-pull-six-eighths,
.row .medium-pull-nine-twelfths {
right: 75%;
}
.row .medium-pull-one-fifth,
.row .medium-pull-two-tenths {
right: 20%;
}
.row .medium-pull-two-fifths,
.row .medium-pull-four-tenths {
right: 40%;
}
.row .medium-pull-three-fifths,
.row .medium-pull-six-tenths {
right: 60%;
}
.row .medium-pull-four-fifths,
.row .medium-pull-eight-tenths {
right: 80%;
}
.row .medium-pull-one-sixth,
.row .medium-pull-two-twelfths {
right: 16.6665%;
}
.row .medium-pull-five-sixths,
.row .medium-pull-ten-twelfths {
right: 83.3332%;
}
.row .medium-pull-one-eighth {
right: 12.5%;
}
.row .medium-pull-three-eighths {
right: 37.5%;
}
.row .medium-pull-five-eighths {
right: 62.5%;
}
.row .medium-pull-seven-eighths {
right: 87.5%;
}
.row .medium-pull-one-tenth {
right: 10%;
}
.row .medium-pull-three-tenths {
right: 30%;
}
.row .medium-pull-seven-tenths {
right: 70%;
}
.row .medium-pull-nine-tenths {
right: 90%;
}
.row .medium-pull-one-twelfth {
right: 8.3332%;
}
.row .medium-pull-five-twelfths {
right: 41.6665%;
}
.row .medium-pull-seven-twelfths {
right: 58.332%;
}
.row .medium-pull-eleven-twelfths {
right: 91.6665%;
}
.row .medium-pull-golden-small {
right: 38.2716%;
}
.row .medium-pull-golden-large {
right: 61.7283%;
}
.row .medium-pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .medium-offset-half,
.row .medium-offset-two-fourths,
.row .medium-offset-three-sixths,
.row .medium-offset-four-eights,
.row .medium-offset-five-tenths,
.row .medium-offset-six-twelfths {
margin-left: 50%;
}
.row .medium-offset-one-third,
.row .medium-offset-two-sixths,
.row .medium-offset-four-twelfths {
margin-left: 33.3332%;
}
.row .medium-offset-two-thirds,
.row .medium-offset-four-sixths,
.row .medium-offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .medium-offset-one-fourth,
.row .medium-offset-two-eighths,
.row .medium-offset-three-twelfths {
margin-left: 25%;
}
.row .medium-offset-three-fourths,
.row .medium-offset-six-eighths,
.row .medium-offset-nine-twelfths {
margin-left: 75%;
}
.row .medium-offset-one-fifth,
.row .medium-offset-two-tenths {
margin-left: 20%;
}
.row .medium-offset-two-fifths,
.row .medium-offset-four-tenths {
margin-left: 40%;
}
.row .medium-offset-three-fifths,
.row .medium-offset-six-tenths {
margin-left: 60%;
}
.row .medium-offset-four-fifths,
.row .medium-offset-eight-tenths {
margin-left: 80%;
}
.row .medium-offset-one-sixth,
.row .medium-offset-two-twelfths {
margin-left: 16.6665%;
}
.row .medium-offset-five-sixths,
.row .medium-offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .medium-offset-one-eighth {
margin-left: 12.5%;
}
.row .medium-offset-three-eighths {
margin-left: 37.5%;
}
.row .medium-offset-five-eighths {
margin-left: 62.5%;
}
.row .medium-offset-seven-eighths {
margin-left: 87.5%;
}
.row .medium-offset-one-tenth {
margin-left: 10%;
}
.row .medium-offset-three-tenths {
margin-left: 30%;
}
.row .medium-offset-seven-tenths {
margin-left: 70%;
}
.row .medium-offset-nine-tenths {
margin-left: 90%;
}
.row .medium-offset-one-twelfth {
margin-left: 8.3332%;
}
.row .medium-offset-five-twelfths {
margin-left: 41.6665%;
}
.row .medium-offset-seven-twelfths {
margin-left: 58.332%;
}
.row .medium-offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .medium-offset-golden-small {
margin-left: 38.2716%;
}
.row .medium-offset-golden-large {
margin-left: 61.7283%;
}
.row .medium-offset-none {
margin-left: 0;
}
}
/* ------------------------ Standard Desktop [960+] ------------------------ */
@media screen and (min-width: 960px) {
.column.large-centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
/* ------------------------ column widths ------------------------ */
.row .large-whole,
.row .large-two-halves,
.row .large-three-thirds,
.row .large-four-fourths,
.row .large-five-fifths,
.row .large-six-sixths,
.row .large-eight-eights,
.row .large-ten-tenths,
.row .large-twelve-twelfths {
width: 100%;
}
.row .large-half,
.row .large-two-fourths,
.row .large-three-sixths,
.row .large-four-eights,
.row .large-five-tenths,
.row .large-six-twelfths {
width: 50%;
}
.row .large-one-third,
.row .large-two-sixths,
.row .large-four-twelfths {
width: 33.3332%;
}
.row .large-two-thirds,
.row .large-four-sixths,
.row .large-eight-twelfths {
width: 66.6665%;
}
.row .large-one-fourth,
.row .large-two-eighths,
.row .large-three-twelfths {
width: 25%;
}
.row .large-three-fourths,
.row .large-six-eighths,
.row .large-nine-twelfths {
width: 75%;
}
.row .large-one-fifth,
.row .large-two-tenths {
width: 20%;
}
.row .large-two-fifths,
.row .large-four-tenths {
width: 40%;
}
.row .large-three-fifths,
.row .large-six-tenths {
width: 60%;
}
.row .large-four-fifths,
.row .large-eight-tenths {
width: 80%;
}
.row .large-one-sixth,
.row .large-two-twelfths {
width: 16.6665%;
}
.row .large-five-sixths,
.row .large-ten-twelfths {
width: 83.3332%;
}
.row .large-one-eighth {
width: 12.5%;
}
.row .large-three-eighths {
width: 37.5%;
}
.row .large-five-eighths {
width: 62.5%;
}
.row .large-seven-eighths {
width: 87.5%;
}
.row .large-one-tenth {
width: 10%;
}
.row .large-three-tenths {
width: 30%;
}
.row .large-seven-tenths {
width: 70%;
}
.row .large-nine-tenths {
width: 90%;
}
.row .large-one-twelfth {
width: 8.3332%;
}
.row .large-five-twelfths {
width: 41.6665%;
}
.row .large-seven-twelfths {
width: 58.332%;
}
.row .large-eleven-twelfths {
width: 91.6665%;
}
.row .large-golden-small {
width: 38.2716%;
}
.row .large-golden-large {
width: 61.7283%;
}
.row .large-width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .large-push-half,
.row .large-push-two-fourths,
.row .large-push-three-sixths,
.row .large-push-four-eights,
.row .large-push-five-tenths,
.row .large-push-six-twelfths {
left: 50%;
}
.row .large-push-one-third,
.row .large-push-two-sixths,
.row .large-push-four-twelfths {
left: 33.3332%;
}
.row .large-push-two-thirds,
.row .large-push-four-sixths,
.row .large-push-eight-twelfths {
left: 66.6665%;
}
.row .large-push-one-fourth,
.row .large-push-two-eighths,
.row .large-push-three-twelfths {
left: 25%;
}
.row .large-push-three-fourths,
.row .large-push-six-eighths,
.row .large-push-nine-twelfths {
left: 75%;
}
.row .large-push-one-fifth,
.row .large-push-two-tenths {
left: 20%;
}
.row .large-push-two-fifths,
.row .large-push-four-tenths {
left: 40%;
}
.row .large-push-three-fifths,
.row .large-push-six-tenths {
left: 60%;
}
.row .large-push-four-fifths,
.row .large-push-eight-tenths {
left: 80%;
}
.row .large-push-one-sixth,
.row .large-push-two-twelfths {
left: 16.6665%;
}
.row .large-push-five-sixths,
.row .large-push-ten-twelfths {
left: 83.3332%;
}
.row .large-push-one-eighth {
left: 12.5%;
}
.row .large-push-three-eighths {
left: 37.5%;
}
.row .large-push-five-eighths {
left: 62.5%;
}
.row .large-push-seven-eighths {
left: 87.5%;
}
.row .large-push-one-tenth {
left: 10%;
}
.row .large-push-three-tenths {
left: 30%;
}
.row .large-push-seven-tenths {
left: 70%;
}
.row .large-push-nine-tenths {
left: 90%;
}
.row .large-push-one-twelfth {
left: 8.3332%;
}
.row .large-push-five-twelfths {
left: 41.6665%;
}
.row .large-push-seven-twelfths {
left: 58.332%;
}
.row .large-push-eleven-twelfths {
left: 91.6665%;
}
.row .large-push-golden-small {
left: 38.2716%;
}
.row .large-push-golden-large {
left: 61.7283%;
}
.row .large-push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .large-pull-half,
.row .large-pull-two-fourths,
.row .large-pull-three-sixths,
.row .large-pull-four-eights,
.row .large-pull-five-tenths,
.row .large-pull-six-twelfths {
right: 50%;
}
.row .large-pull-one-third,
.row .large-pull-two-sixths,
.row .large-pull-four-twelfths {
right: 33.3332%;
}
.row .large-pull-two-thirds,
.row .large-pull-four-sixths,
.row .large-pull-eight-twelfths {
right: 66.6665%;
}
.row .large-pull-one-fourth,
.row .large-pull-two-eighths,
.row .large-pull-three-twelfths {
right: 25%;
}
.row .large-pull-three-fourths,
.row .large-pull-six-eighths,
.row .large-pull-nine-twelfths {
right: 75%;
}
.row .large-pull-one-fifth,
.row .large-pull-two-tenths {
right: 20%;
}
.row .large-pull-two-fifths,
.row .large-pull-four-tenths {
right: 40%;
}
.row .large-pull-three-fifths,
.row .large-pull-six-tenths {
right: 60%;
}
.row .large-pull-four-fifths,
.row .large-pull-eight-tenths {
right: 80%;
}
.row .large-pull-one-sixth,
.row .large-pull-two-twelfths {
right: 16.6665%;
}
.row .large-pull-five-sixths,
.row .large-pull-ten-twelfths {
right: 83.3332%;
}
.row .large-pull-one-eighth {
right: 12.5%;
}
.row .large-pull-three-eighths {
right: 37.5%;
}
.row .large-pull-five-eighths {
right: 62.5%;
}
.row .large-pull-seven-eighths {
right: 87.5%;
}
.row .large-pull-one-tenth {
right: 10%;
}
.row .large-pull-three-tenths {
right: 30%;
}
.row .large-pull-seven-tenths {
right: 70%;
}
.row .large-pull-nine-tenths {
right: 90%;
}
.row .large-pull-one-twelfth {
right: 8.3332%;
}
.row .large-pull-five-twelfths {
right: 41.6665%;
}
.row .large-pull-seven-twelfths {
right: 58.332%;
}
.row .large-pull-eleven-twelfths {
right: 91.6665%;
}
.row .large-pull-golden-small {
right: 38.2716%;
}
.row .large-pull-golden-large {
right: 61.7283%;
}
.row .large-pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .large-offset-half,
.row .large-offset-two-fourths,
.row .large-offset-three-sixths,
.row .large-offset-four-eights,
.row .large-offset-five-tenths,
.row .large-offset-six-twelfths {
margin-left: 50%;
}
.row .large-offset-one-third,
.row .large-offset-two-sixths,
.row .large-offset-four-twelfths {
margin-left: 33.3332%;
}
.row .large-offset-two-thirds,
.row .large-offset-four-sixths,
.row .large-offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .large-offset-one-fourth,
.row .large-offset-two-eighths,
.row .large-offset-three-twelfths {
margin-left: 25%;
}
.row .large-offset-three-fourths,
.row .large-offset-six-eighths,
.row .large-offset-nine-twelfths {
margin-left: 75%;
}
.row .large-offset-one-fifth,
.row .large-offset-two-tenths {
margin-left: 20%;
}
.row .large-offset-two-fifths,
.row .large-offset-four-tenths {
margin-left: 40%;
}
.row .large-offset-three-fifths,
.row .large-offset-six-tenths {
margin-left: 60%;
}
.row .large-offset-four-fifths,
.row .large-offset-eight-tenths {
margin-left: 80%;
}
.row .large-offset-one-sixth,
.row .large-offset-two-twelfths {
margin-left: 16.6665%;
}
.row .large-offset-five-sixths,
.row .large-offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .large-offset-one-eighth {
margin-left: 12.5%;
}
.row .large-offset-three-eighths {
margin-left: 37.5%;
}
.row .large-offset-five-eighths {
margin-left: 62.5%;
}
.row .large-offset-seven-eighths {
margin-left: 87.5%;
}
.row .large-offset-one-tenth {
margin-left: 10%;
}
.row .large-offset-three-tenths {
margin-left: 30%;
}
.row .large-offset-seven-tenths {
margin-left: 70%;
}
.row .large-offset-nine-tenths {
margin-left: 90%;
}
.row .large-offset-one-twelfth {
margin-left: 8.3332%;
}
.row .large-offset-five-twelfths {
margin-left: 41.6665%;
}
.row .large-offset-seven-twelfths {
margin-left: 58.332%;
}
.row .large-offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .large-offset-golden-small {
margin-left: 38.2716%;
}
.row .large-offset-golden-large {
margin-left: 61.7283%;
}
.row .large-offset-none {
margin-left: 0;
}
}
/* ------------------------ Large Desktop [1170+] ------------------------ */
@media screen and (min-width: 1170px) {
.column.x-large-centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
/* ------------------------ column widths ------------------------ */
.row .x-large-whole,
.row .x-large-two-halves,
.row .x-large-three-thirds,
.row .x-large-four-fourths,
.row .x-large-five-fifths,
.row .x-large-six-sixths,
.row .x-large-eight-eights,
.row .x-large-ten-tenths,
.row .x-large-twelve-twelfths {
width: 100%;
}
.row .x-large-half,
.row .x-large-two-fourths,
.row .x-large-three-sixths,
.row .x-large-four-eights,
.row .x-large-five-tenths,
.row .x-large-six-twelfths {
width: 50%;
}
.row .x-large-one-third,
.row .x-large-two-sixths,
.row .x-large-four-twelfths {
width: 33.3332%;
}
.row .x-large-two-thirds,
.row .x-large-four-sixths,
.row .x-large-eight-twelfths {
width: 66.6665%;
}
.row .x-large-one-fourth,
.row .x-large-two-eighths,
.row .x-large-three-twelfths {
width: 25%;
}
.row .x-large-three-fourths,
.row .x-large-six-eighths,
.row .x-large-nine-twelfths {
width: 75%;
}
.row .x-large-one-fifth,
.row .x-large-two-tenths {
width: 20%;
}
.row .x-large-two-fifths,
.row .x-large-four-tenths {
width: 40%;
}
.row .x-large-three-fifths,
.row .x-large-six-tenths {
width: 60%;
}
.row .x-large-four-fifths,
.row .x-large-eight-tenths {
width: 80%;
}
.row .x-large-one-sixth,
.row .x-large-two-twelfths {
width: 16.6665%;
}
.row .x-large-five-sixths,
.row .x-large-ten-twelfths {
width: 83.3332%;
}
.row .x-large-one-eighth {
width: 12.5%;
}
.row .x-large-three-eighths {
width: 37.5%;
}
.row .x-large-five-eighths {
width: 62.5%;
}
.row .x-large-seven-eighths {
width: 87.5%;
}
.row .x-large-one-tenth {
width: 10%;
}
.row .x-large-three-tenths {
width: 30%;
}
.row .x-large-seven-tenths {
width: 70%;
}
.row .x-large-nine-tenths {
width: 90%;
}
.row .x-large-one-twelfth {
width: 8.3332%;
}
.row .x-large-five-twelfths {
width: 41.6665%;
}
.row .x-large-seven-twelfths {
width: 58.332%;
}
.row .x-large-eleven-twelfths {
width: 91.6665%;
}
.row .x-large-golden-small {
width: 38.2716%;
}
.row .x-large-golden-x-large {
width: 61.7283%;
}
.row .x-large-width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .x-large-push-half,
.row .x-large-push-two-fourths,
.row .x-large-push-three-sixths,
.row .x-large-push-four-eights,
.row .x-large-push-five-tenths,
.row .x-large-push-six-twelfths {
left: 50%;
}
.row .x-large-push-one-third,
.row .x-large-push-two-sixths,
.row .x-large-push-four-twelfths {
left: 33.3332%;
}
.row .x-large-push-two-thirds,
.row .x-large-push-four-sixths,
.row .x-large-push-eight-twelfths {
left: 66.6665%;
}
.row .x-large-push-one-fourth,
.row .x-large-push-two-eighths,
.row .x-large-push-three-twelfths {
left: 25%;
}
.row .x-large-push-three-fourths,
.row .x-large-push-six-eighths,
.row .x-large-push-nine-twelfths {
left: 75%;
}
.row .x-large-push-one-fifth,
.row .x-large-push-two-tenths {
left: 20%;
}
.row .x-large-push-two-fifths,
.row .x-large-push-four-tenths {
left: 40%;
}
.row .x-large-push-three-fifths,
.row .x-large-push-six-tenths {
left: 60%;
}
.row .x-large-push-four-fifths,
.row .x-large-push-eight-tenths {
left: 80%;
}
.row .x-large-push-one-sixth,
.row .x-large-push-two-twelfths {
left: 16.6665%;
}
.row .x-large-push-five-sixths,
.row .x-large-push-ten-twelfths {
left: 83.3332%;
}
.row .x-large-push-one-eighth {
left: 12.5%;
}
.row .x-large-push-three-eighths {
left: 37.5%;
}
.row .x-large-push-five-eighths {
left: 62.5%;
}
.row .x-large-push-seven-eighths {
left: 87.5%;
}
.row .x-large-push-one-tenth {
left: 10%;
}
.row .x-large-push-three-tenths {
left: 30%;
}
.row .x-large-push-seven-tenths {
left: 70%;
}
.row .x-large-push-nine-tenths {
left: 90%;
}
.row .x-large-push-one-twelfth {
left: 8.3332%;
}
.row .x-large-push-five-twelfths {
left: 41.6665%;
}
.row .x-large-push-seven-twelfths {
left: 58.332%;
}
.row .x-large-push-eleven-twelfths {
left: 91.6665%;
}
.row .x-large-push-golden-small {
left: 38.2716%;
}
.row .x-large-push-golden-x-large {
left: 61.7283%;
}
.row .x-large-push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .x-large-pull-half,
.row .x-large-pull-two-fourths,
.row .x-large-pull-three-sixths,
.row .x-large-pull-four-eights,
.row .x-large-pull-five-tenths,
.row .x-large-pull-six-twelfths {
right: 50%;
}
.row .x-large-pull-one-third,
.row .x-large-pull-two-sixths,
.row .x-large-pull-four-twelfths {
right: 33.3332%;
}
.row .x-large-pull-two-thirds,
.row .x-large-pull-four-sixths,
.row .x-large-pull-eight-twelfths {
right: 66.6665%;
}
.row .x-large-pull-one-fourth,
.row .x-large-pull-two-eighths,
.row .x-large-pull-three-twelfths {
right: 25%;
}
.row .x-large-pull-three-fourths,
.row .x-large-pull-six-eighths,
.row .x-large-pull-nine-twelfths {
right: 75%;
}
.row .x-large-pull-one-fifth,
.row .x-large-pull-two-tenths {
right: 20%;
}
.row .x-large-pull-two-fifths,
.row .x-large-pull-four-tenths {
right: 40%;
}
.row .x-large-pull-three-fifths,
.row .x-large-pull-six-tenths {
right: 60%;
}
.row .x-large-pull-four-fifths,
.row .x-large-pull-eight-tenths {
right: 80%;
}
.row .x-large-pull-one-sixth,
.row .x-large-pull-two-twelfths {
right: 16.6665%;
}
.row .x-large-pull-five-sixths,
.row .x-large-pull-ten-twelfths {
right: 83.3332%;
}
.row .x-large-pull-one-eighth {
right: 12.5%;
}
.row .x-large-pull-three-eighths {
right: 37.5%;
}
.row .x-large-pull-five-eighths {
right: 62.5%;
}
.row .x-large-pull-seven-eighths {
right: 87.5%;
}
.row .x-large-pull-one-tenth {
right: 10%;
}
.row .x-large-pull-three-tenths {
right: 30%;
}
.row .x-large-pull-seven-tenths {
right: 70%;
}
.row .x-large-pull-nine-tenths {
right: 90%;
}
.row .x-large-pull-one-twelfth {
right: 8.3332%;
}
.row .x-large-pull-five-twelfths {
right: 41.6665%;
}
.row .x-large-pull-seven-twelfths {
right: 58.332%;
}
.row .x-large-pull-eleven-twelfths {
right: 91.6665%;
}
.row .x-large-pull-golden-small {
right: 38.2716%;
}
.row .x-large-pull-golden-x-large {
right: 61.7283%;
}
.row .x-large-pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .x-large-offset-half,
.row .x-large-offset-two-fourths,
.row .x-large-offset-three-sixths,
.row .x-large-offset-four-eights,
.row .x-large-offset-five-tenths,
.row .x-large-offset-six-twelfths {
margin-left: 50%;
}
.row .x-large-offset-one-third,
.row .x-large-offset-two-sixths,
.row .x-large-offset-four-twelfths {
margin-left: 33.3332%;
}
.row .x-large-offset-two-thirds,
.row .x-large-offset-four-sixths,
.row .x-large-offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .x-large-offset-one-fourth,
.row .x-large-offset-two-eighths,
.row .x-large-offset-three-twelfths {
margin-left: 25%;
}
.row .x-large-offset-three-fourths,
.row .x-large-offset-six-eighths,
.row .x-large-offset-nine-twelfths {
margin-left: 75%;
}
.row .x-large-offset-one-fifth,
.row .x-large-offset-two-tenths {
margin-left: 20%;
}
.row .x-large-offset-two-fifths,
.row .x-large-offset-four-tenths {
margin-left: 40%;
}
.row .x-large-offset-three-fifths,
.row .x-large-offset-six-tenths {
margin-left: 60%;
}
.row .x-large-offset-four-fifths,
.row .x-large-offset-eight-tenths {
margin-left: 80%;
}
.row .x-large-offset-one-sixth,
.row .x-large-offset-two-twelfths {
margin-left: 16.6665%;
}
.row .x-large-offset-five-sixths,
.row .x-large-offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .x-large-offset-one-eighth {
margin-left: 12.5%;
}
.row .x-large-offset-three-eighths {
margin-left: 37.5%;
}
.row .x-large-offset-five-eighths {
margin-left: 62.5%;
}
.row .x-large-offset-seven-eighths {
margin-left: 87.5%;
}
.row .x-large-offset-one-tenth {
margin-left: 10%;
}
.row .x-large-offset-three-tenths {
margin-left: 30%;
}
.row .x-large-offset-seven-tenths {
margin-left: 70%;
}
.row .x-large-offset-nine-tenths {
margin-left: 90%;
}
.row .x-large-offset-one-twelfth {
margin-left: 8.3332%;
}
.row .x-large-offset-five-twelfths {
margin-left: 41.6665%;
}
.row .x-large-offset-seven-twelfths {
margin-left: 58.332%;
}
.row .x-large-offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .x-large-offset-golden-small {
margin-left: 38.2716%;
}
.row .x-large-offset-golden-x-large {
margin-left: 61.7283%;
}
.row .x-large-offset-none {
margin-left: 0;
}
}
/*
------------------------ TYPOGRAPHY ------------------------ */
html,
button,
select,
input,
textarea {
color: #515151;
}
body {
font-family: "Droid Sans", Helvetica, Arial, sans-serif;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 1.5;
text-align: left;
}
a,
a:active,
a:visited {
outline: none;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
}
a {
color: #333;
}
a:hover {
color: #005596;
outline: none;
}
a:active {
color: #005596;
}
.touch a,
.touch a:hover {
text-decoration: none;
}
abbr,
acronym,
dfn[title] {
border-bottom: 1px dotted #999;
cursor: help;
}
abbr a {
text-decoration: none;
}
acronym {
text-transform: uppercase;
}
blockquote {
border-left: 0.375rem solid #efefef;
font: italic 1.333rem Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
padding-left: 1rem;
}
blockquote p {
margin: 0;
}
blockquote p + p {
margin-top: 1.50rem;
}
blockquote cite {
color: #777;
font: italic 0.75rem Arial, Helvetica, sans-serif;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a {
color: #777;
}
blockquote.blockquote-reverse {
border-left: 0 none;
border-right: .375rem solid #efefef;
padding-left: 0;
padding-right: 1rem;
text-align: right;
}
caption,
p,
table,
textarea,
td,
th {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
dl dt {
color: #222;
font-weight: 700;
}
dl dd {
margin: 0;
}
del {
color: #777;
text-decoration: line-through;
}
details {
cursor: pointer;
}
em,
i,
cite {
font-style: italic;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #222;
font-weight: 700;
}
h1,
.h1 {
font-size: 1.50rem;
line-height: 1;
}
h2,
.h2 {
font-size: 1.35rem;
line-height: 1.2;
}
h3,
.h3 {
font-size: 1.3rem;
line-height: 1.4;
}
h4,
.h4 {
font-size: 1.2rem;
line-height: 1.5;
}
h5,
.h5 {
font-size: 0.875rem;
line-height: 1.71429;
}
h6,
.h6 {
font-size: 0.75rem;
line-height: 2;
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
h1,
.h1 {
font-size: 2rem;
line-height: 1.5;
}
h2,
.h2 {
font-size: 1.50rem;
line-height: 1;
}
h3,
.h3 {
font-size: 1.25rem;
line-height: 1.2;
}
h4,
.h4 {
font-size: 1.3rem;
line-height: 1.5;
}
h5,
.h5 {
font-size: 1rem;
line-height: 1.5;
}
h6,
.h6 {
font-size: 0.875rem;
line-height: 1.71429;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
h1,
.h1 {
font-size: 2.25rem;
line-height: 1.33333;
}
h2,
.h2 {
font-size: 1.875rem;
line-height: 1.6;
}
h3,
.h3 {
font-size: 1.50rem;
line-height: 1;
}
h4,
.h4 {
font-size: 1.3rem;
line-height: 1.5;
}
h5,
.h5 {
font-size: 1rem;
line-height: 1.5;
}
h6,
.h6 {
font-size: 0.875rem;
line-height: 1.71429;
}
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
font-weight: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
font-size: 65%;
line-height: 1;
}
hr {
border: 0;
border-bottom: 1px solid #dfe1e1;
margin: 1rem 0;
}
hr.symbol {
border: 0;
height: 1.333rem;
margin: 0 0 1rem;
padding: 1rem 0;
}
hr.symbol:before {
border: 0;
color: #222;
content: "⁂";
display: block;
font-size: 1.333rem;
line-height: 1;
text-align: center;
width: 100%;
}
ins,
mark {
background: #ff9;
color: #222;
text-decoration: none;
}
nav ul,
nav ol {
margin: 0;
padding: 0;
list-style: none;
}
ol {
list-style: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ul ul ul ul {
list-style: decimal-leading-zero;
}
ol ol,
ol ul,
ul ul,
ul ol {
margin-bottom: 0;
}
.no-list {
list-style: none;
margin: 0;
padding: 0;
}
/* ------------------------ lined list ------------------------ */
.lined-list li {
border-bottom: 1px solid #dfe1e1;
padding-bottom: 0.25rem;
padding-top: 0.25rem;
}
.lined-list li:last-child,
.lined-list li.last-child,
.lined-list li li {
border-bottom: none;
}
/* ------------------------ inline list ------------------------ */
.inline-list {
display: block;
margin-left: 0px;
}
.inline-list li {
display: inline;
margin-right: 1.50rem;
}
.inline-list li:last-child,
.inline-list li.last-child {
margin-right: 0;
}
/* ------------------------ inline lined list ------------------------ */
.lined-list.inline-list li {
margin-right: 0.75rem;
}
.lined-list.inline-list li:after {
color: #dfe1e1;
content: "|";
margin-left: 0.75rem;
}
.lined-list.inline-list li:last-child:after,
.lined-list.inline-list li.last-child:after {
content: "";
}
.run-in {
color: #222;
float: left;
font-size: 1rem;
font-weight: 700;
letter-spacing: 2px;
margin: 0;
margin-right: 0.317rem;
text-transform: uppercase;
}
small,
.small {
display: inline-block;
font-size: 0.75em;
line-height: 1.75;
}
.micro {
font-size: 0.625rem;
line-height: 2.4;
}
.small-caps {
font-family: inherit;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 2px;
line-height: inherit;
text-transform: uppercase;
}
sub,
sup {
font-size: 0.75rem;
}
sup {
top: -0.475rem;
}
sub {
bottom: -0.238rem;
}
var {
font-style: normal;
}
/*
------------------------ =Word Wrap ------------------------ */
.breakword {
word-wrap: break-word;
}
.normal-wrap {
word-wrap: normal;
}
.inherit-wrap {
word-wrap: auto;
}
/*
------------------------ =Drop Capitals ------------------------ */
.drop-cap:first-letter {
background: transparent;
color: #222;
float: left;
font: 700 4.209rem Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
line-height: 1;
margin: auto 0.75rem auto auto;
padding: inherit;
text-indent: 0;
text-transform: uppercase;
}
p + .drop-cap {
margin-top: 0;
text-indent: 0;
}
/*
------------------------ =BUTTONS ------------------------ */
.button {
background-color: #0970ae;
border: 1px solid transparent;
border-radius: 0.25rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: inherit;
/*font-size: 100%;*/
font-size: 107%;
/*height: 2em;*/
height: 2.15em;
/*line-height: 2;*/
line-height: 2.15;
margin: 0;
overflow: visible;
/*padding: 0 0.55em;*/
padding: 0 0.75em;
text-align: center;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
vertical-align: middle;
white-space: nowrap;
text-transform:uppercase;
}
.button.tighten {
padding: 0 0.4em;
}
.button,
.button:active,
.button:focus,
.button:hover,
.button:visited {
text-decoration: none;
}
.button:focus,
.button:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.button:hover {
color: #fff;
}
a.button:focus,
a.button:hover {
}
.button:active {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
outline: 0 none;
}
.bg-transparent.button:focus,
.bg-transparent.button:hover,
.bg-transparent.button:active {
box-shadow: none;
outline: 0 none;
}
.button::-moz-focus-inner {
border: 0;
padding: 0;
}
.button[disabled],
.button.disabled {
box-shadow: none;
color: #777;
cursor: not-allowed;
opacity: 0.50;
text-shadow: none;
}
.ie8 .button[disabled],
.ie8 .button.disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.button *[data-icon] {
margin-right: 0.50em;
}
/* ------------------------ button sizing ------------------------ */
.button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.button-xlarge {
height: 2.5rem;
line-height:2.5rem;
padding-right:1.25rem;
padding-left:1.25rem;
width:auto;
min-width:6rem;
font-size:1.25rem;
}
.button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
.button-xlarge.button-cancel {
min-width:0;
font-size:1.5rem;
padding-left:.5rem;
padding-right:.5rem;
}
.major-button-wrap .button-xlarge {
height:3.5rem;
line-height:3.5rem;
}
.button-auto {
height: auto;
line-height: 1.25;
padding-top: .5rem;
padding-bottom: .5rem;
}
/* ------------------------ button font sizing ------------------------ */
.button-small-font {
font-size: 0.75rem;
}
.button-normal-font {
font-size: 1rem;
}
.button-large-font {
font-size: 2rem;
}
/* ------------------------ button styles ------------------------ */
.button-hollow {
background: transparent;
}
.button-square {
border-radius: 0;
}
.button-pill {
border-radius: 5em;
}
.button-inline {
font-size: inherit;
height: auto;
line-height: inherit;
padding-right: 0.50em;
padding-left: 0.50em;
vertical-align: baseline;
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.x-small-button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.x-small-button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.x-small-button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 640px) {
.small-button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.small-button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.small-button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.small-button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.medium-button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.medium-button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.medium-button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.large-button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.large-button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.large-button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 1170px) {
.x-large-button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.x-large-button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.x-large-button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.x-large-button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
}
/* FONTS */
@font-face {
font-family: 'Oswald';
src: url('../fonts/Oswald/static/Oswald-ExtraLight.ttf');
font-weight: 200;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/Oswald/static/Oswald-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/Oswald/static/Oswald-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/Oswald/static/Oswald-Medium.ttf');
font-weight: 500;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/Oswald/static/Oswald-SemiBold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/Oswald/static/Oswald-Bold.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-Thin.ttf');
font-weight: 100;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-ExtraLight.ttf');
font-weight: 200;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-Medium.ttf');
font-weight: 500;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-SemiBold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-Bold.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-ExtraBold.ttf');
font-weight: 800;
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/Roboto_Slab/static/RobotoSlab-Black.ttf');
font-weight: 900;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Thin.ttf');
font-weight: 100;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf');
font-weight: 200;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Medium.ttf');
font-weight: 500;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf');
font-weight: 800;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Black.ttf');
font-weight: 900;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Thin.ttf');
font-weight: 100;
}
/* @font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-ExtraLight.ttf');
font-weight: 200;
} */
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Medium.ttf');
font-weight: 500;
}
/* @font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-SemiBold.ttf');
font-weight: 600;
} */
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Bold.ttf');
font-weight: 700;
}
/* @font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-ExtraBold.ttf');
font-weight: 800;
} */
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Black.ttf');
font-weight: 900;
}
/*
------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */
.form-row {
clear: both;
display: block;
margin-bottom: 0.50rem;
}
button,
html input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
/*label,*/
input[type="checkbox"] + label,
input[type="radio"] + label,
select {
cursor: pointer;
}
fieldset {
border: 0;
min-width: 0;
padding: 0;
}
fieldset > *:last-child,
fieldset > *.last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
fieldset {
font-size: 1.125rem;
}
}
.fieldset-border {
border: 1px solid #dfe1e1;
padding: 1rem;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
display: inline-block;
width: auto;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
border: 1px solid #dfe1e1;
border-radius: 0;
display: block;
font-family: inherit;
font-size: 90%;
height: 2em;
line-height: 1.5em;
outline: 0 none;
padding: 0 0.50rem;
vertical-align: middle;
width: 100%;
}
select {
padding-right:0;
}
/* ------------------------ input sizing ------------------------ */
input.input-medium,
select.input-medium {
height: 3em;
line-height: 3;
}
input.input-large,
select.input-large,
input.input-block {
height: 4em;
line-height: 4;
}
/* ------------------------ input font sizing ------------------------ */
input.input-small-font,
select.input-small-font {
font-size: 0.75rem;
}
input.input-normal-font,
select.input-normal-font {
font-size: 1rem;
}
input.input-large-font,
select.input-large-font {
font-size: 2rem;
}
@media screen and (min-width: 480px) {
input.x-small-input-medium,
select.x-small-input-medium {
height: 3em;
line-height: 3;
}
input.x-small-input-large,
select.x-small-input-large,
input.x-small-input-block {
height: 4em;
line-height: 4;
}
input.x-small-input-small-font,
select.x-small-input-small-font {
font-size: 0.75rem;
}
input.x-small-input-normal-font,
select.x-small-input-normal-font {
font-size: 1rem;
}
input.x-small-input-large-font,
select.x-small-input-large-font {
font-size: 2rem;
}
}
@media screen and (min-width: 640px) {
input.small-input-medium,
select.small-input-medium {
height: 3em;
line-height: 3;
}
input.small-input-large,
select.small-input-large,
input.small-input-block {
height: 4em;
line-height: 4;
}
input.small-input-small-font,
select.small-input-small-font {
font-size: 0.75rem;
}
input.small-input-normal-font,
select.small-input-normal-font {
font-size: 1rem;
}
input.small-input-large-font,
select.small-input-large-font {
font-size: 2rem;
}
}
@media screen and (min-width: 768px) {
input.medium-input-medium,
select.medium-input-medium {
height: 3em;
line-height: 3;
}
input.medium-input-large,
select.medium-input-large,
input.medium-input-block {
height: 4em;
line-height: 4;
}
input.medium-input-small-font,
select.medium-input-small-font {
font-size: 0.75rem;
}
input.medium-input-normal-font,
select.medium-input-normal-font {
font-size: 1rem;
}
input.medium-input-large-font,
select.medium-input-large-font {
font-size: 2rem;
}
}
@media screen and (min-width: 980px) {
input.large-input-medium,
select.large-input-medium {
height: 3em;
line-height: 3;
}
input.large-input-large,
select.large-input-large,
input.large-input-block {
height: 4em;
line-height: 4;
}
input.large-input-small-font,
select.large-input-small-font {
font-size: 0.75rem;
}
input.large-input-normal-font,
select.large-input-normal-font {
font-size: 1rem;
}
input.large-input-large-font,
select.large-input-large-font {
font-size: 2rem;
}
}
@media screen and (min-width: 1170px) {
input.x-large-input-medium,
select.x-large-input-medium {
height: 3em;
line-height: 3;
}
input.x-large-input-large,
select.x-large-input-large,
input.x-large-input-block {
height: 4em;
line-height: 4;
}
input.x-large-input-small-font,
select.x-large-input-small-font {
font-size: 0.75rem;
}
input.x-large-input-normal-font,
select.x-large-input-normal-font {
font-size: 1rem;
}
input.x-large-input-large-font,
select.x-large-input-large-font {
font-size: 2rem;
}
}
.input-block {
display: block;
}
input.all-hidden {
display: none;
}
input.required:required:valid,
textarea.required:required:valid {
border-color: #2ecc40;
}
input.required:focus:invalid,
textarea.required:focus:invalid {
border-color: #ff4136;
}
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
box-shadow: inset 0.1rem 0.1rem 0.238rem hsla(0, 0%, 0%, 0.15);
outline: 0 none;
}
input[type="file"] {
cursor: pointer;
max-width: 100%;
}
input[type="search"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
background-color: #eaeded;
cursor: not-allowed;
opacity:1;
}
input:not([type])[disabled] {
background-color: #eaeded;
color: #cad2d3;
cursor: not-allowed;
}
input[readonly],
select[readonly],
textarea[readonly] {
background: #eaeded;
/*border-color: #ccc;
color: #777;*/
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #8a7b7b;
font-size: inherit;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #8a7b7b;
font-size: inherit;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #8a7b7b;
font-size: inherit;
line-height: inherit;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #8a7b7b;
font-size: inherit;
line-height: inherit;
}
legend {
border: 0;
color: #222;
font-weight: 700;
padding: 0;
}
.fieldset-border legend {
background: #fff;
margin: 0;
padding: 0 0.356rem;
}
select {
background: #f8f8f8;
color: #838383;
}
select:focus {
outline: 1px dotted #222;
}
@-moz-document url-prefix() {
select {
max-height: 4rem;
}
}
textarea {
height: 5em;
resize: vertical;
}
/* ------------------------ inline labeling ------------------------ */
.inline-labeling label {
width: auto;
}
@media (min-width: 960px) {
.inline-labeling {
font-size: 1rem;
}
.inline-labeling label {
display: inline-block;
margin-right: 0.50em;
text-align: right;
vertical-align: middle;
width: 32%;
}
.inline-labeling input[type="date"],
.inline-labeling input[type="datetime"],
.inline-labeling input[type="datetime-local"],
.inline-labeling input[type="email"],
.inline-labeling input[type="month"],
.inline-labeling input[type="number"],
.inline-labeling input[type="password"],
.inline-labeling input[type="search"],
.inline-labeling input[type="tel"],
.inline-labeling input[type="text"],
.inline-labeling input[type="time"],
.inline-labeling input[type="url"],
.inline-labeling input[type="week"],
.inline-labeling select,
.inline-labeling textarea {
display: inline-block;
vertical-align: middle;
width: 65%;
}
.inline-labeling textarea {
vertical-align: top;
}
.inline-labeling input:not([type]) {
display: inline-block;
vertical-align: middle;
width: 65%;
}
}
/*
------------------------ =TABLES ------------------------ */
table {
/*border-spacing: 0;
border-collapse: collapse;*/
empty-cells: show;
max-width: 100%;
width: 100%;
}
table caption {
font-weight: 700;
font-style: italic;
padding-bottom: 0.317rem;
}
table th,
table tfoot td {
color: #222;
font-weight: 700;
text-align: left;
}
table thead th,
table tfoot td {
background-color: #efefef;
}
table th,
table td {
overflow: visible;
padding: 0.633rem;
vertical-align: top;
}
/* ------------------------ add border ------------------------ */
.table-border {
border: 1px solid #d0d0d0;
}
/* ------------------------ add borders for rows & columns ------------------------ */
.table-border-all th,
.table-border-all td {
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
}
/* ------------------------ add borders for rows only ------------------------ */
.table-border-rows th,
.table-border-rows td {
border-top: 1px solid #d0d0d0;
}
/* ------------------------ remove top border to avoid double border on .border tables ------------------------ */
.table-border.border-all thead:first-child tr:first-child th,
.table-border.border-all thead:first-child tr:first-child td,
.table-border.border-rows thead:first-child tr:first-child th,
.table-border.border-rows thead:first-child tr:first-child td {
border-top: 0;
}
.table-.border-all tr th:first-child,
.table-border-all tr td:first-child {
border-left: 0;
}
.table-border-all tr:first-child th,
.table-border-all thead:first-child tr:first-child th {
border-top: 0;
}
/* ------------------------ add bottom border to last row in the table ------------------------ */
.table-border-rows tr:last-child td,
.table-border-rows tr.last-child td {
border-bottom: 1px solid #d0d0d0;
}
/* ------------------------ add stripes ------------------------ */
.table-stripe tbody > tr:nth-child(odd) > td {
background: #f8f8f8;
}
/* ------------------------ mobile table [convert to list-like view] ------------------------ */
@media (max-width: 480px) {
.mobile-table {
font-size: 0.875rem;
min-width: 100%;
}
.mobile-table thead,
.mobile-table th {
display: none;
}
.mobile-table tr td:last-child {
border-bottom: 10px solid #ddd;
}
.mobile-table td {
display: block;
}
.mobile-table td:first-child {
padding-top: 0.50rem;
}
.mobile-table td:last-child {
padding-bottom: 0.50rem;
}
.mobile-table td:before {
content: attr(data-th) ": ";
display: inline-block;
font-weight: 700;
width: 8rem;
}
}
/*
------------------------ =BACKGROUND COLORS ------------------------ */
.bg-navy {
background-color: #001f3f;
}
.bg-primary,
.bg-blue {
background-color: #0970ae;
}
.bg-secondary,
.bg-sky {
background-color: #0ca7e9;
}
.bg-aqua {
background-color: #7fdbff;
}
.bg-teal {
background-color: #39cccc;
}
.bg-olive {
background-color: #3d9970;
}
.bg-green {
background-color: #2ecc40;
}
.bg-lime {
background-color: #01ff70;
}
.bg-yellow {
background-color: #ffdc00;
}
.bg-tertiary,
.bg-orange {
background-color: #f36618;
}
.bg-red {
background-color: #f42434;
}
.bg-fuchsia {
background-color: #f012be;
}
.bg-purple {
background-color: #b10dc9;
}
.bg-maroon {
background-color: #731e11;
}
.bg-white {
background-color: #fff;
}
.bg-charcoal {
background-color: #232323;
}
.bg-gray {
background-color: #aaa;
}
.bg-light-gray{
background-color:#EFEFEF;
}
.bg-silver {
background-color: #ddd;
}
.bg-black {
background-color: #111;
}
.bg-transparent,
.bg-transparent:hover {
background-color: transparent;
}
.bg-light-yellow {
background-color: #fffcca;
}
.bg-light-blue {
background-color: #d9f7ff;
}
.bg-light-green {
background-color: #e1ffd5;
}
/* ------------------------ button hovers ------------------------ */
.button.bg-navy:hover {
background-color: #002a53;
}
.button.bg-primary:hover,
.button.bg-blue:hover {
background-color: #03549B;
}
.button.bg-secondary:hover,
.button.bg-sky:hover {
background-color: #0970ae;
}
.button.bg-aqua:hover {
background-color: #75cceb;
color: #333;
}
.button.bg-teal:hover {
background-color: #33b8b8;
color: #333;
}
.button.bg-olive:hover {
background-color: #358562;
}
.button.bg-green:hover {
background-color: #29b839;
/*color: #333;*/
}
.button.bg-lime:hover {
background-color: #01eb68;
color: #333;
}
.button.bg-yellow:hover {
background-color: #ebcc00;
color: #333;
}
.button.bg-tertiary:hover,
.button.bg-orange:hover {
background-color: #ed5f11;
}
.button.bg-red:hover {
background-color: #e82532;
}
.button.bg-fuchsia:hover {
background-color: #dc10b1;
}
.button.bg-purple:hover {
background-color: #9d0bb5;
}
.button.bg-maroon:hover {
background-color: #872314;
}
.button.bg-white:hover {
background-color: #ebebeb;
color: #333;
}
.button.bg-charcoal:hover {
background-color: #111;
}
.button.bg-gray:hover {
background-color: #969696;
}
.button.bg-silver:hover {
background-color: #c9c9c9;
color: #333;
}
.button.bg-black:hover {
background-color: #333;
}
.button.hover-orange:hover,
.button.hover-orange.active {
background-color: #f36618;
}
/*
------------------------ =BORDER COLORS ------------------------ */
.border-navy {
border-color: #001f3f;
}
.border-blue {
border-color: #0970ae;
}
.border-sky {
border-color: #0ca7e9;
}
.border-aqua {
border-color: #7fdbff;
}
.border-teal {
border-color: #39cccc;
}
.border-olive {
border-color: #3d9970;
}
.border-green {
border-color: #2ecc40;
}
.border-lime {
border-color: #01ff70;
}
.border-yellow {
border-color: #ffdc00;
}
.border-orange {
border-color: #f36618;
}
.border-red {
border-color: #f42434;
}
.border-fuchsia {
border-color: #f012be;
}
.border-purple {
border-color: #b10dc9;
}
.border-maroon {
border-color: #731e11;
}
.border-white {
border-color: #fff;
}
.border-charcoal {
border-color: #232323;
}
.border-gray {
border-color: #aaa;
}
.border-silver {
border-color: #ddd;
}
.border-black {
border-color: #111;
}
.border-transparent {
border-color: transparent;
}
/*
------------------------ =FONT COLORS ------------------------ */
.navy {
color: #001f3f;
}
.blue,
.text-primary {
color: #0970ae;
}
.sky,
.text-secondary {
color: #0ca7e9;
}
.aqua {
color: #7fdbff;
}
.teal {
color: #39cccc;
}
.olive {
color: #3d9970;
}
.green {
color: #2ecc40;
}
.lime {
color: #01ff70;
}
.yellow {
color: #ffdc00;
}
.orange,
.text-tertiary {
color: #f36618;
}
.error,
.red,
.red a {
color: #f42434;
}
.fuchsia {
color: #f012be;
}
.purple {
color: #b10dc9;
}
.maroon {
color: #731e11;
}
.white {
color: #fff;
}
.charcoal {
color: #232323;
}
.dark-gray {
color: #515151;
}
.gray {
color: #aaa;
}
.silver {
color: #ddd;
}
.black {
color: #111;
}
.transparent {
color: transparent;
}
/*
------------------------ =SOCIAL NETWORKS ------------------------ */
.facebook {
color: #3b5998;
}
.googleplus {
color: #dd4b39;
}
.instagram {
color: #517fa4;
}
.linkedin {
color: #007bb6;
}
.pinterest {
color: #cb2027;
}
.twitter {
color: #00aced;
}
.youtube {
color: #b00;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-googleplus {
background-color: #dd4b39;
}
.bg-instagram {
background-color: #517fa4;
}
.bg-linkedin {
background-color: #007bb6;
}
.bg-pinterest {
background-color: #cb2027;
}
.bg-twitter {
background-color: #00aced;
}
.bg-youtube {
background-color: #b00;
}
.bg-facebook:hover,
.bg-googleplus:hover,
.bg-instagram:hover,
.bg-linkedin:hover,
.bg-pinterest:hover,
.bg-twitter:hover,
.bg-youtube:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
color: #fff;
}
/*
Zebra_DatePicker: a lightweight jQuery date picker plugin
Default theme
copyright (c) 2011 - 2013 Stefan Gabos
http://stefangabos.ro/jquery/zebra-datepicker/
*/
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }
.Zebra_DatePicker { position: absolute; background: #0970ae; border: 3px solid #0970ae; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }
.Zebra_DatePicker * { margin: 0; padding: 0; color: #000; background: transparent; border: none }
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0 }
.Zebra_DatePicker td,
.Zebra_DatePicker th { text-align: center; padding: 5px 0 }
.Zebra_DatePicker td { cursor: pointer }
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker { margin-top: 3px }
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }
.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td { color: #FFF }
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next { width: 30px }
.Zebra_DatePicker .dp_header .dp_caption { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover { background: #0CA7E9;; color: #FFF }
/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th { background: #0CA7E9; }
.Zebra_DatePicker td.dp_not_in_month { background: #e9e9e9; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #0CA7E9; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected { background: #f36618; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number { color: #555; cursor: text; font-style: italic }
/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td { width: 33% }
/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td { width: 33% }
/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover { background: #0CA7E9; color: #FFF }
/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today { color: #FFF; padding: 3px }
/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear { color: #FFF; padding: 3px }
/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current { color: #E38585 }
.Zebra_DatePicker td.dp_disabled { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover { background: #0970ae; color: #FFF }
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: url('../images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled { background-image: url('../images/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside { margin: 0 3px 0 0 }
/*! jQuery UI - v1.11.2 - 2014-11-25
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
/*
------------------------ =SLIDER ------------------------ */
.slick-slider {
display: block;
overflow: hidden;
margin: 0 !important;
width: 100% !important;
position: relative;
-ms-touch-action: none;
touch-action: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.slick-list {
display: block;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
.slick-list:focus {
outline: none;
}
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
}
.slick-track:after {
clear: both;
content: '';
display: table;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
margin: 0 auto;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
user-drag: none;
}
.slick-list.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: table-cell;
}
/* ------------------------ loading states ------------------------ */
.slick-loading .slick-track,
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-loading .slick-list,
.slick-slide.loading {
background: #fff url(../images/img_slider_loader.gif) center center no-repeat;
}
.slick-slide.loading {
position: relative;
}
/* ------------------------ vertical ------------------------ */
.slick-vertical .slide-track {
display: block;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto;
}
/* ------------------------ arrows ------------------------ */
.slick-prev,
.slick-next {
background: transparent;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
margin-top: -1rem;
padding: 0;
position: absolute;
top: 50%;
width: 2rem;
height: 2rem;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
#js-site-wrapper .slick-prev:before,
#js-site-wrapper .slick-prev,
#js-site-wrapper .slick-next,
#js-site-wrapper .slick-next:before {
display:none;
}
.slick-prev:before,
.slick-next:before {
/*color: #2b2b2b;*/
font-family: 'ElegantIcons';
font-size: 2rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
line-height: 1;
opacity: 1;
}
.slick-prev:before {
content: '\34';
}
.slick-next:before {
content: '\35';
}
.slick-prev:focus,
.slick-next:focus {
outline: none;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
cursor: not-allowed;
opacity: 0.50;
}
/* ------------------------ dots ------------------------ */
.slick-dots {
display: block;
list-style: none;
padding: 0;
position: absolute;
bottom: -3rem;
text-align: center;
width: 100%;
}
.slick-dots li {
display: inline-block;
margin: 0 0.25rem;
padding: 0;
position: relative;
width: 1.50rem;
height: 1.50rem;
}
.slick-dots li a {
color: transparent;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0.25rem;
width: 1.50rem;
height: 1.50rem;
}
.slick-dots li a:before {
color: #2b2b2b;
content: '\5e';
font-family: 'ElegantIcons';
font-size: 1rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
line-height: 2;
opacity: 0.25;
}
.slick-dots li.slick-active a:before {
opacity: 0.75;
}
.info-slider .slick-track {width:100%;}
.info-slider .slick-track .slick-slide.slick-active {width:100%;height:auto;}
.info-slider .slick-dots,
.slider-dots-holder .slick-dots {
position:relative;
bottom:0;
margin-top:5px;
}
.slider-dots-holder .slick-dots {
margin-bottom:1rem;
}
.info-slider .slick-dots li,
.slider-dots-holder .slick-dots li {
width:30px;
height:35px;
margin-bottom:0;
padding-bottom:0;
border:none;
}
.info-slider .slick-dots li button,
.slider-dots-holder .slick-dots li button {
background:#aaa;
color:#fff;
border:none;
height:30px;
width:30px;
line-height:30px;
text-align: center;
}
.info-slider .slick-dots li.slick-active button,
.info-slider .slick-dots li button:hover,
.slider-dots-holder .slick-dots li.slick-active button,
.slider-dots-holder .slick-dots li button:hover {
background:#0CA7E9;
}
/* ------------------------ dragging ------------------------ */
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
/*
------------------------------- =MAGNIFIC POPUP v0.9.9 ------------------------------- */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure,
.mfp-figure figcaption {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.resize-image {max-width:none!important;max-height:none!important;}
.resize-container {
position: relative;
display: inline-block;
cursor: move;
margin: 0 auto;
}
.resize-container img {
display: block
}
.resize-container:hover img,
.resize-container:active img {
outline: 2px dashed rgba(125,125,125,.5);
}
.resize-handle-ne,
.resize-handle-se,
.resize-handle-nw,
.resize-handle-sw {
position: absolute;
display: block;
width: 6px;
height: 6px;
background: rgba(125,125,125,.75);
z-index: 999;
}
.resize-handle-nw {
top: -3px;
left: -3px;
cursor: nw-resize;
}
.resize-handle-sw {
bottom: -3px;
left: -3px;
cursor: sw-resize;
}
.resize-handle-ne {
top: -3px;
right: -3px;
cursor: ne-resize;
}
.resize-handle-se {
bottom: -3px;
right: -3px;
cursor: se-resize;
}
.overlay {
position: absolute;
/*left: 50%;*/
left: 40px;
top: 60px;
/*margin-left: -100px;*/
/*margin-top: -100px;*/
z-index: 999;
width: 200px;
height: 200px;
/*border: solid 2px rgba(222,60,80,.9);*/
border: solid 1px rgba(155,155,155,.95);
box-sizing: content-box;
pointer-events: none;
}
.overlay.banner { width:460px;height:205px; }
.overlay.exercise { width:932px;height:525px; }
.overlay:after,
.overlay:before {
content: '';
position: absolute;
display: block;
width: 200px;
height: 40px;
/*background:rgba(222,60,80,.75);*/
background:rgba(155,155,155,.85);
opacity:.75;
}
.overlay.banner:after,
.overlay.banner:before { width:460px; }
.overlay.exercise:after,
.overlay.exercise:before { width:932px; }
.overlay:before {
top: 0;
margin-left: 0;
margin-top: -40px;
}
.overlay:after {
bottom: 0;
margin-left: 0;
margin-bottom: -40px;
}
.overlay-inner:after,
.overlay-inner:before {
content: '';
position: absolute;
display: block;
width: 40px;
height: 280px;
/*background:rgba(222,60,80,.75);*/
background:rgba(155,155,155,.85);
opacity:.75;
}
.banner .overlay-inner:after,
.banner .overlay-inner:before { height:285px; }
.exercise .overlay-inner:after,
.exercise .overlay-inner:before { height:605px; }
.overlay-inner:before {
left: 0;
margin-left: -40px;
margin-top: -40px;
}
.overlay-inner:after{
right: 0;
margin-right: -40px;
margin-top: -40px;
}
/*.js-crop {
position: absolute;
vertical-align: bottom;
right: 5px;
bottom: 5px;
}*/
/*
------------------------ =HELPER CLASSES ------------------------ */
.bold,
.required {
font-weight: 700;
}
.italic {
font-style: italic;
}
.normal {
font-weight: 400;
}
.lighter {
font-weight: 300;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.underline,
a.underline {
text-decoration: underline;
cursor:pointer;
}
.underline:hover,
a.underline:hover {
text-decoration: none;
}
.pointer {
cursor:pointer;
}
/* ------------------------ add padding ------------------------ */
.addpr{ padding-right:1em;}
/* ------------------------ alignment ------------------------ */
.align-center {
text-align: center;
}
.align-justify {
text-align: justify;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-baseline {
vertical-align: baseline;
}
.align-bottom {
vertical-align: bottom;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.vertical-align-parent {
-webkit-transform-style: preserve-3d;
}
.vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ie8 .vertical-align {
display: table-cell;
vertical-align: middle;
}
/* ------------------------ tiny breakpoint ------------------------ */
@media only screen and (min-width: 360px) {
.tiny-align-left { text-align: left; }
.tiny-align-right { text-align: right; }
.tiny-align-center { text-align: center; }
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-align-center {
text-align: center;
}
.x-small-align-justify {
text-align: justify;
}
.x-small-align-left {
text-align: left;
}
.x-small-align-right {
text-align: right;
}
.x-small-align-baseline {
vertical-align: baseline;
}
.x-small-align-bottom {
vertical-align: bottom;
}
.x-small-align-middle {
vertical-align: middle;
}
.x-small-align-top {
vertical-align: top;
}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.small-align-center {
text-align: center;
}
.small-align-justify {
text-align: justify;
}
.small-align-left {
text-align: left;
}
.small-align-right {
text-align: right;
}
.small-align-baseline {
vertical-align: baseline;
}
.small-align-bottom {
vertical-align: bottom;
}
.small-align-middle {
vertical-align: middle;
}
.small-align-top {
vertical-align: top;
}
}
/* ------------------------ matches small breakpoint of scaffold ------------------------ */
@media only screen and (min-width: 640px) {
.small-normal {
font-weight:normal;
}
.small-medium-align-left {
text-align: left;
}
.small-medium-align-right {
text-align: right;
}
.small-medium-align-center {
text-align: center;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-align-center {
text-align: center;
}
.medium-align-justify {
text-align: justify;
}
.medium-align-left {
text-align: left;
}
.medium-align-right {
text-align: right;
}
.medium-align-baseline {
vertical-align: baseline;
}
.medium-align-bottom {
vertical-align: bottom;
}
.medium-align-middle {
vertical-align: middle;
}
.medium-align-top {
vertical-align: top;
}
.medium-normal {
font-weight:normal;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-align-center {
text-align: center;
}
.large-align-justify {
text-align: justify;
}
.large-align-left {
text-align: left;
}
.large-align-right {
text-align: right;
}
.large-align-baseline {
vertical-align: baseline;
}
.large-align-bottom {
vertical-align: bottom;
}
.large-align-middle {
vertical-align: middle;
}
.large-align-top {
vertical-align: top;
}
.large-normal {
font-weight:normal;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 1170px) {
.x-large-align-center {
text-align: center;
}
.x-large-align-justify {
text-align: justify;
}
.x-large-align-left {
text-align: left;
}
.x-large-align-right {
text-align: right;
}
.x-large-align-baseline {
vertical-align: baseline;
}
.x-large-align-bottom {
vertical-align: bottom;
}
.x-large-align-middle {
vertical-align: middle;
}
.x-large-align-top {
vertical-align: top;
}
}
/* ------------------------ positioning (floating) ------------------------ */
.clear {
clear: both;
}
.clear-height {
height: auto !important;
line-height: normal !important;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
.float-right {
float: right;
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-float-left {
float: left;
}
.x-small-float-none {
float: none;
}
.x-small-float-right {
float: right;
}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 640px) {
.small-float-left {
float: left;
}
.small-float-none {
float: none;
}
.small-float-right {
float: right;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-float-left {
float: left;
}
.medium-float-none {
float: none;
}
.medium-float-right {
float: right;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-float-left {
float: left;
}
.large-float-none {
float: none;
}
.large-float-right {
float: right;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 1170px) {
.x-large-float-left {
float: left;
}
.x-large-float-none {
float: none;
}
.x-large-float-right {
float: right;
}
}
/* ------------------------ image positioning (floating) ------------------------ */
.img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.x-small-img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 640px) {
.small-img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.small-img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.medium-img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.large-img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.x-large-img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.x-large-img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
}
/* ------------------------ breaker (
substitutes for non-specific sections) ------------------------ */
.breaker {
display: block;
height: 0.75rem;
}
@media only screen and (min-width: 768px) {
.breaker {
height: 1.50rem;
}
}
/* ------------------------ display ------------------------ */
.all-hidden {
display: none;
visibility: hidden;
}
.all-shown {
display: block;
visibility: visible;
}
.hide,
.printshow {
display: none;
}
.show {
display: block;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
/* ------------------------ tiny breakpoint ------------------------ */
@media only screen and (min-width: 360px) {
.tiny-all-shown {
display: block;
visibility: visible;
}
.tiny-all-hidden {
display: none;
visibility: hidden;
}
.tiny-hide {
display: none;
}
.tiny-show {
display: block;
}
.tiny-inline {
display: inline;
}
.tiny-inline-block {
display: inline-block;
}
.tiny-invisible {
visibility: hidden;
}
.tiny-visible {
visibility: visible;
}
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-all-shown {
display: block;
visibility: visible;
}
.x-small-all-hidden {
display: none;
visibility: hidden;
}
.x-small-hide {
display: none;
}
.x-small-show {
display: block;
}
.x-small-inline {
display: inline;
}
.x-small-inline-block {
display: inline-block;
}
.x-small-invisible {
visibility: hidden;
}
.x-small-visible {
visibility: visible;
}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 640px) {
.small-all-shown {
display: block;
visibility: visible;
}
.small-all-hidden {
display: none;
visibility: hidden;
}
.small-hide {
display: none;
}
.small-show {
display: block;
}
.small-inline {
display: inline;
}
.small-inline-block {
display: inline-block;
}
.small-invisible {
visibility: hidden;
}
.small-visible {
visibility: visible;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-all-shown {
display: block;
visibility: visible;
}
.medium-all-hidden {
display: none;
visibility: hidden;
}
.medium-hide {
display: none;
}
.medium-show {
display: block;
}
.medium-inline {
display: inline;
}
.medium-inline-block {
display: inline-block;
}
.medium-invisible {
visibility: hidden;
}
.medium-visible {
visibility: visible;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-all-shown {
display: block;
visibility: visible;
}
.large-all-hidden {
display: none;
visibility: hidden;
}
.large-hide {
display: none;
}
.large-show {
display: block;
}
.large-inline {
display: inline;
}
.large-inline-block {
display: inline-block;
}
.large-invisible {
visibility: hidden;
}
.large-visible {
visibility: visible;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 1170px) {
.x-large-all-shown {
display: block;
visibility: visible;
}
.x-large-all-hidden {
display: none;
visibility: hidden;
}
.x-large-hide {
display: none;
}
.x-large-show {
display: block;
}
.x-large-inline {
display: inline;
}
.x-large-inline-block {
display: inline-block;
}
.x-large-invisible {
visibility: hidden;
}
.x-large-visible {
visibility: visible;
}
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
height: 1px;
/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
}
.nowrap {
white-space: nowrap;
}
/* ------------------------ remove borders ------------------------ */
.nb,
button.nb,
input.nb,
select.nb,
textarea.nb {
border: none;
}
.ntb,
button.ntb,
input.ntb,
select.ntb,
textarea.ntb {
border-top: none;
}
.nrb,
button.nrb,
input.nrb,
select.nrb,
textarea.nrb {
border-right: none;
}
.nbb,
button.nbb,
input.nbb,
select.nbb,
textarea.nbb {
border-bottom: none;
}
.nlb,
button.nlb,
input.nlb,
select.nlb,
textarea.nlb {
border-left: none;
}
/* ------------------------ remove margins ------------------------ */
.nm {
margin: 0;
}
.ntm {
margin-top: 0;
}
.nrm {
margin-right: 0;
}
.nbm {
margin-bottom: 0;
}
.nlm {
margin-left: 0;
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-nm {
margin: 0;
}
.x-small-ntm {
margin-top: 0;
}
.x-small-nrm {
margin-right: 0;
}
.x-small-nbm {
margin-bottom: 0;
}
.x-small-nlm {
margin-left: 0;
}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 640px) {
.small-nm {
margin: 0;
}
.small-ntm {
margin-top: 0;
}
.small-nrm {
margin-right: 0;
}
.small-nbm {
margin-bottom: 0;
}
.small-nlm {
margin-left: 0;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-nm {
margin: 0;
}
.medium-ntm {
margin-top: 0;
}
.medium-nrm {
margin-right: 0;
}
.medium-nbm {
margin-bottom: 0;
}
.medium-nlm {
margin-left: 0;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-nm {
margin: 0;
}
.large-ntm {
margin-top: 0;
}
.large-nrm {
margin-right: 0;
}
.large-nbm {
margin-bottom: 0;
}
.large-nlm {
margin-left: 0;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 1170px) {
.x-large-nm {
margin: 0;
}
.x-large-ntm {
margin-top: 0;
}
.x-large-nrm {
margin-right: 0;
}
.x-large-nbm {
margin-bottom: 0;
}
.x-large-nlm {
margin-left: 0;
}
}
/* ------------------------ remove padding ------------------------ */
.np {
padding: 0;
}
.nbm{margin-bottom: 0;}
.ntp {
padding-top: 0;
}
.nrp {
padding-right: 0;
}
.nbp {
padding-bottom: 0;
}
.nlp {
padding-left: 0;
}
@media only screen and (max-width: 767px) {
.lt-md-nlp { padding-left:0; }
.lt-md-nrp { padding-right:0; }
.lt-md-alp { padding-left:0.75rem; }
.lt-md-arp { padding-right:0.75rem; }
}
@media only screen and (max-width: 639px) {
.lt-sm-nlp { padding-left:0; }
.lt-sm-nrp { padding-right:0; }
.lt-sm-alp { padding-left:0.75rem; }
.lt-sm-arp { padding-right:0.75rem; }
}
@media only screen and (max-width: 479px) {
.lt-xs-nlp { padding-left:0; }
.lt-xs-nrp { padding-right:0; }
.lt-xs-alp { padding-left:0.75rem; }
.lt-xs-arp { padding-right:0.75rem; }
}
/* ------------------------ x-small breakpoint ------------------------ */
@media only screen and (min-width: 480px) {
.x-small-np {
padding: 0;
}
.x-small-ntp {
padding-top: 0;
}
.x-small-nrp {
padding-right: 0;
}
.x-small-nbp {
padding-bottom: 0;
}
.x-small-nlp {
padding-left: 0;
}
.x-small-padd {padding:0 .75rem;}
}
/* ------------------------ small breakpoint ------------------------ */
@media only screen and (min-width: 640px) {
.small-np {
padding: 0;
}
.small-ntp {
padding-top: 0;
}
.small-nrp {
padding-right: 0;
}
.small-nbp {
padding-bottom: 0;
}
.small-nlp {
padding-left: 0;
}
}
/* ------------------------ medium breakpoint ------------------------ */
@media only screen and (min-width: 768px) {
.medium-np {
padding: 0;
}
.medium-ntp {
padding-top: 0;
}
.medium-nrp {
padding-right: 0;
}
.medium-nbp {
padding-bottom: 0;
}
.medium-nlp {
padding-left: 0;
}
}
/* ------------------------ large breakpoint ------------------------ */
@media only screen and (min-width: 960px) {
.large-np {
padding: 0;
}
.large-ntp {
padding-top: 0;
}
.large-nrp {
padding-right: 0;
}
.large-nbp {
padding-bottom: 0;
}
.large-nlp {
padding-left: 0;
}
}
/* ------------------------ x-large breakpoint ------------------------ */
@media only screen and (min-width: 1170px) {
.x-large-np {
padding: 0;
}
.x-large-ntp {
padding-top: 0;
}
.x-large-nrp {
padding-right: 0;
}
.x-large-nbp {
padding-bottom: 0;
}
.x-large-nlp {
padding-left: 0;
}
}
/* ------------------------ browers goodies ------------------------ */
.corners {
border-radius: 0.25rem;
}
.no-corners {
border-radius: 0;
}
.shadows {
box-shadow: 0 2px 4px 0 rgba(51, 51, 51, .3);
}
.bottom-shadow {
box-shadow: 0 2px 4px -2px rgba(51, 51, 51, .2);
}
.text-shadow {
text-shadow: 1px 1px 1px rgba(51, 51, 51, .3);
}
/* ------------------------ alerts and messages ------------------------ */
.message {
background-color: #e6e6e6;
border-radius: 0.25rem;
color: #5a6c7f;
margin: 1.50rem 0;
padding: 0.75rem 1rem;
}
.message.closable .close {
color: #333;
font-size: 2rem;
line-height: 1;
margin-top: -1rem;
opacity: 0.3;
position: absolute;
top: 50%;
right: 0.25rem;
text-decoration: none;
}
.message br:first-child {
display: none;
}
.message p,
.message ol,
.message ul {
margin-bottom: 0;
}
.message-info {
background: #e4f4fd;
border: 1px solid #a8cce2;
color: #407ea1;
}
.message-success {
background: #e6f4d8;
border: 1px solid #a5d76f;
color: #61801b;
}
.message-warning {
background: #f9f9d5;
border: 1px solid #d6cd77;
color: #7c7548;
}
.message-error {
background: #fbe3e3;
border: 1px solid #f7b5b7;
color: #d34047;
}
/* ------------------------ what??? they have an old brower ------------------------ */
.message.browsehappy {
margin: 0 0 0 -300px;
position: fixed;
top: 0;
left: 50%;
width: 600px;
z-index: 99999;
}
/* ------------------------ tags ------------------------ */
.tag {
background-color: #3f3f49;
border-radius: 0.25rem;
color: #fff;
font-size: 0.75rem;
font-weight: 700;
line-height: 1rem;
padding: 0.25rem 0.375rem;
vertical-align: baseline;
white-space: nowrap;
}
/* ------------------------ notifications ------------------------ */
.notification {
background-color: #999;
border-radius: 1.50rem;
color: #fff;
font-size: 0.625rem;
font-weight: 700;
line-height: 1rem;
padding: 0.25rem 0.5rem;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
/* ------------------------ For Image Replacements ------------------------ */
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.ir br {
display: none;
}
/* ------------------------ The Magnificent Clearfix ------------------------ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* ------------------------ embedded content ------------------------ */
video{
background:url(../images/slideshow_click_to_play_Placeholder.png) no-repeat;
background-size:cover;
}
audio,
video {
width: 100%;
}
audio:focus,
video:focus {
outline: 1px dotted #222;
}
embed,
img,
object,
video {
height: auto;
max-width: 100%;
}
img.constrain {
max-height: 100%;
}
iframe {
max-width: 100%;
}
embed,
object {
height: 100%;
}
figcaption {
font-size: 0.75rem;
font-style: italic;
margin-top: 0.50rem;
}
.flex-video {
height: 0;
overflow: hidden;
margin-bottom: 1rem;
padding-top: 1.5625rem;
padding-bottom: 67.5%;
position: relative;
}
.flex-video.widescreen {
padding-bottom: 57.25%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img {
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
/* ------------------------ syntactical elements ------------------------ */
code,
kbd,
pre,
samp {
color: #444;
font-size: 0.875rem;
font-family: Monaco, "Lucida Sans Typewriter", Consolas, "Courier New", monospace;
}
code {
background: #f8f8f8;
border: 1px solid #dedede;
border-radius: 0.178rem;
margin: 0;
padding: 0.064rem 0.317rem;
white-space: nowrap;
}
kbd {
background: #f8f8f8;
border: 1px solid #dedede;
border-radius: 0.238rem;
box-shadow: 0 1px 0 #dedede, inset 0 0 0 1px #fff;
margin-bottom: 1px;
padding: 0.064rem 0.317rem;
position: relative;
top: -1px;
white-space: nowrap;
}
pre {
position: relative;
overflow: auto;
padding: 1rem;
background: #222;
box-shadow: inset 0 0 0.356rem hsla(0, 0%, 0%, 0.6);
color: #ccc;
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
-moz-tab-size: 4;
tab-size: 4;
white-space: pre;
word-wrap: normal;
word-break: normal;
}
pre code {
background: transparent;
border: none;
border-radius: 0;
color: inherit;
display: block;
height: 100%;
margin: 0;
overflow: auto;
padding: 0;
white-space: pre;
}
/* ------------------------ tool tips ------------------------ */
.tooltip {
background: #111;
border-radius: 0.25rem;
color: #fff;
font-size: 0.75rem;
padding: 1em;
position: absolute;
text-align: center;
z-index: 9099;
}
.tooltip:after { /* triangle decoration */
border-top: 12px solid #111;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
content: '';
margin-left: -12px;
position: absolute;
bottom: -9px;
left: 50%;
width: 0;
height: 0;
}
.tooltip.top:after {
border-top-color: transparent;
border-bottom: 12px solid #111;
top: -24px;
bottom: auto;
}
.tooltip.left:after {
left: 12px;
margin: 0;
}
.tooltip.right:after {
margin: 0;
right: 12px;
left: auto;
}
/*
+-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
=BODY
=HEADER
=NAVIGATION BAR
=MAIN
=COLUMN-LEFT
=COLUMN-RIGHT
=BOTTOM WRAP
=FOOTER
=DISCLAIMERS
=MOBILE FOOTER
*/
/*
------------------------------- =BODY ------------------------------- */
body {
background-color: #f4f3f1;
}
/*
------------------------------- =HEADER ------------------------------- */
.header {
height: 4.75rem;
margin: 0 auto;
}
/* Remove automatic hyphens */
p, ul, ol, dl, blockquote{
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.header.stuck,
.header .main-header.stuck {
background: #fff;
box-shadow: 0 2px 4px -2px rgba(51, 51, 51, .2);
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
z-index: 1000;
}
/* ------------------------ main-header ------------------------ */
.main-header {
z-index: 1;
}
.main-header .breaker {
height: 1.75rem;
}
.main-header.stuck {
padding: 0.50rem 0;
}
/* ------------------------ masthead ------------------------ */
.masthead {
display: block;
font-size: 1rem;
line-height: 3;
}
.masthead img {
display:block;
max-height:70px;
margin:4px 0 2px;
}
@media only screen and (min-width: 768px) {
.masthead {
font-size: 1.50rem;
line-height: 2.667;
}
}
.masthead:hover {
color: inherit;
}
/*
------------------------------- =NAVIGATION BAR ------------------------------- */
.navigation-bar {
text-align: center;
}
.main-navigation {
height: 0;
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.main-navigation {
margin: 0 auto;
opacity: 1;
max-width: 1170px;
height: 100%;
}
.main-navigation li.medium-hide {
display:none;
}
}
.main-navigation li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
position: relative;
text-align: left;
white-space: nowrap;
}
.main-navigation li a {
color: #888;
display: block;
line-height: 4.75;
padding: 0 0.75rem;
text-decoration: none;
text-transform: uppercase;
}
.main-navigation li:hover > span a {
box-shadow: inset 0 -2px 0 0 #f36618;
color: #232323;
}
@media screen and (min-width:768px) and (max-width:818px) {
.main-navigation li a {
padding: 0 0.5rem;
}
}
/* ------------------------ first sub-level ------------------------ */
.main-navigation li ul {
display: none;
margin: 0;
min-width: 100%;
padding: 0;
position: absolute;
left: 0;
z-index: 999;
}
.main-navigation li:hover ul {
background: #fff;
border: 1px solid #ddd;
display: block;
}
.main-navigation li ul li {
display: block;
position: relative;
}
.main-navigation li ul li a {
font-size: 0.75rem;
line-height: 3.50;
}
.main-navigation li ul li:hover > span a {
background: #efefef;
box-shadow: none;
}
/* ------------------------ second and subsequent sub-levels ------------------------ */
.main-navigation li:hover ul ul {
display: none;
}
.main-navigation li ul li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
}
.main-navigation li ul li:hover > ul {
display: block;
}
/* ------------------------ mobile off-canvas navigation ------------------------ */
.mobile-menu {
-webkit-backface-visibility: hidden; /* improves performance issues on mobile */
/*background: #333;*/
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
-webkit-perspective: 1000; /* improves performance issues on mobile */
position: fixed;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 9999;
}
.mobile-menu-top,
.mobile-menu-bottom {
left: 0;
width: 100%;
height: 100%;
}
.mobile-menu-top {
top: -100%;
}
.mobile-menu-top-open .mobile-menu-top {
top: 0
}
.mobile-menu-right,
.mobile-menu-left {
top: 0;
width: 256px;
height: 100%;
}
.mobile-menu-right {
right: -256px;
}
.mobile-menu-right-open .mobile-menu-right {
right: 0
}
.mobile-menu-bottom {
bottom: -100%;
}
.mobile-menu-bottom-open .mobile-menu-bottom {
bottom: 0
}
.mobile-menu-left {
left: -256px;
}
.mobile-menu-left-open .mobile-menu-left {
left: 0
}
.mobile-menu-header {
border-bottom: 1px solid #666;
color: #f1f1f1;
font-size: 1rem;
line-height: 3;
margin: 0;
overflow: hidden;
padding: 0 1rem;
text-align: center;
vertical-align: middle;
}
.mobile-menu-header .close-mobile-menu {
display: inline-block;
float: right;
font-size: 2rem;
line-height: 1.5;
opacity: .50;
text-decoration: none;
vertical-align: middle;
}
/* ------------------------ Menu Transitions ------------------------ */
.mobile-navigation,
.wrap {
-webkit-backface-visibility: hidden; /* improves performance issues on mobile */
}
.mobile-navigation {
-webkit-perspective: 1000; /* improves performance issues on mobile */
}
/* ------------------------ Site Overlay ------------------------ */
.site-overlay {
background: transparent;
display: none;
}
.mobile-menu-active .site-overlay {
background: rgba(0, 0, 0, 0.5);
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9000;
}
/* ------------------------ Menu Appearance ------------------------ */
.mobile-menu-button {
color: #888;
font-size: 3rem;
line-height: 1.50;
padding-top:.4rem;
}
@media only screen and (max-width: 767px) {
.mobile-navigation-header {
color: #fff;
cursor: pointer;
height: 3.50rem;
line-height: 3.50rem;
text-decoration: none;
vertical-align: middle;
text-align: center;
}
.mobile-navigation-header a {
border-right: 1px solid #444;
color: #fff;
text-decoration: none;
}
.mobile-navigation-search {
margin: 0;
}
.mobile-navigation-search input[type="search"] {
border-color: transparent;
}
.mobile-navigation-search .button *[data-icon] {
margin: 0;
}
.mobile-navigation {
width:200%;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color:transparent;
}
.mobile-navigation ul {
display: block;
float: left;
opacity: 1;
overflow: hidden;
position: relative;
table-layout: auto;
-webkit-tap-highlight-color: transparent;
text-align: left;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 50%;
height: 100%;
z-index: 0;
}
.mobile-navigation ul li > ul {
display: none;
}
.mobile-navigation ul li {
/*background: #333;*/
border-bottom: 1px solid #fff;
display: table;
overflow-x: hidden;
width: 100%;
}
.mobile-navigation ul li span {
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 0.75rem;
line-height: 3.50rem;
overflow: hidden;
padding: 0;
-moz-transition: none;
-webkit-transition: none;
transition: none;
width: 100%;
min-height: 3.50rem;
}
.mobile-navigation ul li span.parent {
display: table-cell;
width: 80%;
}
.mobile-navigation ul li span.next {
border-left: 1px solid #fff;
display: table-cell;
width: 20%;
text-align: center;
}
.mobile-navigation ul li span.next:active {
background: transparent;
}
.mobile-navigation ul li span.back {
max-width: none;
}
.mobile-navigation ul li span a {
background: none;
border: 0 none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
overflow: hidden;
padding-left: 1rem;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
white-space: normal;
width: 100%;
}
.mobile-navigation ul li:hover > span a {
color:#ccc;
}
.mobile-navigation ul li:hover > ul {
display: none;
}
.mobile-navigation ul li:hover > span,
.mobile-navigation ul li:hover > span a {
background-color: transparent;
box-shadow: none;
}
.mobile-navigation ul li:hover > span:active {
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: transparent;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mobile-navigation ul.hide {
/*display: none;*/
overflow: hidden;
margin-left: -50%;
/*visibility: hidden;*/
white-space: nowrap;
}
.mobile-navigation ul.hide li,
.mobile-navigation ul.hide li span {
overflow: hidden;
}
.mobile-navigation .navigation-trail {
height: 3.50rem;
}
.mobile-navigation .navigation-trail span {
cursor: default;
display: table-cell;
font-size: 0.75rem;
line-height: 1.5;
padding: 0 1rem;
text-align: left;
text-indent: 0;
vertical-align: middle;
}
}
/*
------------------------ =MAIN ------------------------ */
.main {
padding: 2rem 0;
}
.hdft-header,
.hdft-footer,
.prod-ctgy-hdft-header,
.prod-ctgy-hdft-footer,
.content-item,
.page-title {
clear: both;
}
/*
------------------------ =COLUMN-LEFT ------------------------ */
.column-left {
}
.single-column .column-left {
display: none;
}
/* ------------------------ category tree navigation ------------------------ */
.category-tree {
font-size: 0.875rem;
margin-bottom: 3rem;
}
.category-tree ul {
}
.category-tree ul ul {
}
.category-tree ul li {
list-style: none;
}
.category-tree .level-1 {
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
}
.category-tree .level-2,
.category-tree .level-3,
.category-tree .level-4 {
font-size: 0.75rem;
line-height: 2;
padding-left: 1.50rem;
}
.category-tree .level-3 {
padding-left: 2rem;
}
.category-tree .level-4 {
padding-left: 2.50rem;
}
.category-tree a {
display: block;
text-decoration: none;
}
.category-tree a span {
display: inline-block;
font-size: 1rem;
}
/*
------------------------ =COLUMN RIGHT ------------------------ */
.column-right {
border-left: 1px solid #e5e5e5;
min-height: 30rem;
}
.single-column .row .column-right {
border: none;
left: auto;
width: 100%;
}
/* ------------------------ page titles ------------------------ */
.page-title {
border-bottom: 1px solid #ddd;
margin-bottom: 0.50rem;
text-transform: uppercase;
}
/* ------------------------ breadcrumbs ------------------------ */
.breadcrumbs {
border-bottom: 1px solid #ddd;
clear: both;
font-size: 0.75rem;
line-height: 1.5;
margin-bottom: 0.50rem;
}
@media only screen and (min-width: 768px) {
.breadcrumbs {
line-height: 2;
}
}
.page-title + .breadcrumbs {
margin-top: -0.30rem;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs a {
margin: 0 0.50rem;
text-decoration: none
}
.breadcrumbs li:first-child a {
margin-left: 0;
}
.breadcrumbs .current-item {
color: #333;
font-weight: 700;
margin: 0 0.50rem;
}
/*
------------------------ =BOTTOM WRAP ------------------------ */
.bottom-wrap {
clear: both; /* important - do not remove */
height: 0;
}
/*
------------------------ =FOOTER ------------------------ */
.footer {
color: #fff;
padding-top: 2rem;
}
.footer a{
color: #fff;
}
.footer a:hover{
color: #ccc;
}
#footerWrap{padding:20px 0 40px}
/* ------------------------ footer-social ------------------------ */
.footer-social a {
background: #454545;
border-radius: 2rem;
color: #fff;
display: inline-block;
font-size: 1.125rem;
line-height: 2;
margin-right: 0.50rem;
text-align: center;
vertical-align: middle;
width: 2rem;
height: 2rem;
}
.footer-social a:hover {
background: #555;
}
/* ------------------------ testimonial-scroller ------------------------ */
.testimonial-wrap .slick-prev,
.testimonial-wrap .slick-next {
border: 1px solid #fff;
margin: 0;
top: 0;
}
.testimonial-wrap .slick-prev {
right: 2.50rem;
left: auto;
}
.testimonial-wrap .slick-prev:before,
.testimonial-wrap .slick-next:before {
color: #fff;
font-size: 1rem;
}
.testimonial-wrap .slick-prev:before {
content:'\32';
}
.testimonial-wrap .slick-next:before {
content:'\33';
}
.testimonial {
}
.testimonial + .testimonial {
padding-top:1rem;
}
.testimonial p {
padding-left: 1.50rem;
margin: 0;
}
.testimonial p span {
margin-right: 0.50rem;
margin-left: -1.50rem;
}
/*
------------------------ =DISCLAIMERS ------------------------ */
.disclaimers {
padding: 0.50rem 0;
}
.disclaimers .wrap {
border-top: 1px solid #fff;
padding: 0.50rem 0;
}
.disclaimers a {
text-decoration: none;
}
.disclaimers a:hover {
}
@media screen and (max-width: 640px) {
.disclaimers {
padding-bottom: 4rem;
}
.disclaimers .wrap {
border: 0 none;
padding: 0;
}
}
/*
------------------------ =MOBILE FOOTER ------------------------ */
.mobile-footer {
box-shadow: 0 -2px 4px 2px rgba(51, 51, 51, .2);
height: 3rem;
line-height: 3rem;
position: fixed;
bottom: 0;
width: 100%;
z-index:4;
}
.mobile-footer div {
border-left: 1px solid #fff;
color: #fff;
cursor: default;
font-size: 0.75rem;
height: 100%;
line-height: 1;
padding-top: 0.625rem;
}
.mobile-footer div:first-child {
border: none;
}
.mobile-footer a {
color: #fff;
display: block;
text-decoration: none;
}
.mobile-footer span {
font-size: 1rem;
}
.mobile-footer small {
display: inline-block;
font-size: 0.625rem;
width: 100%;
}
/* ------------------------ mobile-footer-links ------------------------ */
.mobile-footer-links ul {
width: 100%;
max-height: 90%;
}
.mobile-footer-links ul li {
border-bottom: 1px solid #666;
display: table;
line-height: 2.50rem;
width: 100%;
}
.mobile-footer-links ul li a {
color: #f1f1f1;
cursor: pointer;
display: block;
font-size: 0.75rem;
overflow: hidden;
padding: 0 1rem;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
white-space: normal;
}
/*
------------------------ =DATEPICKER ------------------------ */
#ui-datepicker-div {
background-color:#fff;
box-shadow:0 0px 5px rgba(0,0,0,.33);
z-index:9098 !important;
}
#ui-datepicker-div .ui-datepicker-calendar a {
color:#1c1c1c;
text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar a:hover {
color:#0970ae;
}
.ui-datepicker-prev,
.ui-datepicker-next {
color:#0970ae;
font-size:22px;
line-height:33px;
text-align: center;
cursor:pointer;
}
.ui-datepicker-prev:after {
content:'\2039';
}
.ui-datepicker-next:after {
content:'\203A';
}
/** Trumbowyg v2.0.0-beta.7 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
.trumbowyg-box{padding-top:37px}.trumbowyg-box *,.trumbowyg-box ::after,.trumbowyg-box ::before{box-sizing:border-box}.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #DDD;width:96%;min-height:300px;margin:17px auto}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#FEFEFE}.trumbowyg-editor,.trumbowyg-textarea{position:relative;box-sizing:border-box;padding:1% 2%;min-height:300px;width:100%;border-style:none;resize:none;outline:0;overflow:auto}.trumbowyg-box-blur .trumbowyg-editor *{color:transparent!important;text-shadow:0 0 7px #333}.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;white-space:normal;font-size:14px;font-family:Inconsolata,Consolas,Courier,"Courier New",sans-serif;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{position:absolute;top:36px;height:1px!important;width:25%;min-height:0!important;padding:0!important;background:0 0;opacity:0}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor{display:none}.trumbowyg-editor[contenteditable=true]:empty:before{content:attr(placeholder);color:#999}.trumbowyg-button-pane{position:absolute;top:0;left:0;width:100%;min-height:37px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0;list-style-type:none;line-height:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-button-pane li{display:block;float:left;text-align:center;overflow:hidden;padding:0!important}.trumbowyg-button-pane li.trumbowyg-separator{width:1px;background:#d7e0e2;margin:0 5px;height:35px}.trumbowyg-button-pane.trumbowyg-disable li:not(.trumbowyg-not-disable) button:not(.trumbowyg-active){opacity:.2;cursor:default}.trumbowyg-button-pane.trumbowyg-disable li.trumbowyg-separator{background:#e3e9eb}.trumbowyg-button-pane li button{padding:1px 6px!important}.trumbowyg-button-pane li button.trumbowyg-active,.trumbowyg-button-pane li.trumbowyg-not-disable button:focus,.trumbowyg-button-pane li.trumbowyg-not-disable button:hover,.trumbowyg-button-pane:not(.trumbowyg-disable) li button:focus,.trumbowyg-button-pane:not(.trumbowyg-disable) li button:hover{background-color:#FFF;outline:0}.trumbowyg-button-pane li .trumbowyg-open-dropdown:after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-buttons-right{float:right;width:auto}.trumbowyg-button-pane .trumbowyg-buttons-right button{float:left}.trumbowyg-dropdown{width:200px;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#FFF;margin-left:-1px;box-shadow:rgba(0,0,0,.1) 0 2px 3px}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#FFF;padding:0 14px;color:#333!important;border:none;cursor:pointer;text-align:left;font-size:15px;-webkit-transition:all .15s;transition:all .15s}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-modal{position:absolute;top:0;left:50%;margin-left:-260px;width:520px;height:350px;z-index:11;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box{position:absolute;top:0;left:50%;margin-left:-250px;width:500px;padding-bottom:45px;z-index:1;background-color:#FFF;text-align:center;font-size:14px;box-shadow:rgba(0,0,0,.2) 0 2px 3px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #EEE;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;background:red;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;height:100%;-webkit-transition:width .15s linear;transition:width .15s linear}.trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-modal-box label .trumbowyg-input-infos{display:block;text-align:left;height:25px;line-height:25px;-webkit-transition:all .15;transition:all .15}.trumbowyg-modal-box label .trumbowyg-input-infos span{display:block;color:#69878e;background-color:#fbfcfc;border:1px solid #DEDEDE;padding:0 7px;width:137px}.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea{border:1px solid #e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos{margin-top:-27px}.trumbowyg-modal-box label input{position:absolute;top:0;right:0;height:27px;line-height:27px;border:1px solid #DEDEDE;background:0 0;font-size:14px;width:340px;padding:0 7px;-webkit-transition:all .15s;transition:all .15s}.trumbowyg-modal-box label input:focus,.trumbowyg-modal-box label input:hover{outline:0;border:1px solid #95a5a6}.trumbowyg-modal-box label input:focus{background:rgba(230,230,255,.1)}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#FFF;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:16px;-webkit-transition:all .15s;transition:all .15s}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47e;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d4d4d4}.trumbowyg-overlay{position:absolute;background-color:rgba(255,255,255,.5);width:100%;left:0;display:none;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen.trumbowyg-box{border:none}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea{height:calc(100% - 37px)!important;overflow:auto;margin-top:37px}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor.trumbowyg-reset-css{background:#FEFEFE!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;white-space:normal!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{box-shadow:none!important;background:0 0!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #CCC}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-black .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-black .trumbowyg-button-pane li.trumbowyg-separator{background-color:#343434}.trumbowyg-black .trumbowyg-button-pane.trumbowyg-disable li.trumbowyg-separator{background-color:#2a2a2a}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-active,.trumbowyg-black .trumbowyg-button-pane li.trumbowyg-not-disable button:focus,.trumbowyg-black .trumbowyg-button-pane li.trumbowyg-not-disable button:hover,.trumbowyg-black .trumbowyg-button-pane:not(.trumbowyg-disable) li button:focus,.trumbowyg-black .trumbowyg-button-pane:not(.trumbowyg-disable) li button:hover{background-color:#555}.trumbowyg-black .trumbowyg-button-pane li .trumbowyg-open-dropdown:after{border-top-color:#fff}.trumbowyg-black .trumbowyg-dropdown{border-color:#222;background:#222}.trumbowyg-black .trumbowyg-dropdown button{background:#222;color:#fff!important}.trumbowyg-black .trumbowyg-dropdown button:focus,.trumbowyg-black .trumbowyg-dropdown button:hover{background:#555}.trumbowyg-black .trumbowyg-modal-box{background-color:#222}.trumbowyg-black .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-black .trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-black .trumbowyg-button-pane li:first-child button,.trumbowyg-button-pane li:first-child button{margin-left:6px}.trumbowyg-black .trumbowyg-button-pane li:last-child button,.trumbowyg-button-pane li:last-child button{margin-right:6px}.trumbowyg-black .trumbowyg-modal-box label .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#222}.trumbowyg-black .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-black .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-black .trumbowyg-modal-box label.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-black .trumbowyg-modal-box label input{border-color:#222;color:#eee;background:#333}.trumbowyg-black .trumbowyg-modal-box label input:focus,.trumbowyg-black .trumbowyg-modal-box label input:hover{border-color:#95a5a6}.trumbowyg-black .trumbowyg-modal-box label input:focus{background-color:rgba(230,230,255,.1)}.trumbowyg-black .trumbowyg-overlay{background-color:rgba(0,0,0,.5)}.trumbowyg-button-pane li button{display:block;position:relative;text-indent:-9999px;width:35px;height:35px;overflow:hidden;background:url(images/icons-black.png) no-repeat;border:none;cursor:pointer;-webkit-transition:background-color .15s,background-image .15s,opacity .15s;transition:background-color .15s,background-image .15s,opacity .15s}.trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-fullscreen .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}.trumbowyg-black .trumbowyg-button-pane li button{background-image:url(images/icons-white.png)}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-black .trumbowyg-fullscreen .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.trumbowyg-button-pane li button{background-size:125px 125px!important;background-image:url(images/icons-black-2x.png)!important}.trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}.trumbowyg-black .trumbowyg-button-pane li button{background-size:125px 125px!important;background-image:url(images/icons-white-2x.png)!important}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-black .trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}}
/* normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* base */
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@-moz-viewport{width:device-width;zoom:1}@-ms-viewport{width:device-width;zoom:1}@-o-viewport{width:device-width;zoom:1}@-webkit-viewport{width:device-width;zoom:1}@viewport{width:device-width;zoom:1}body,html{min-height:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}html{font-size:100%;overflow-y:scroll;-ms-touch-action:manipulation;touch-action:manipulation}.h1,.h2,.h3,.h4,.h5,.h6,address,blockquote,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,summary,table,ul{margin:0;margin-bottom:1.5rem}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}::selection:window-inactive{background:#dedede}img::selection{background:0 0}img::-moz-selection{background:0 0}[disabled]{cursor:not-allowed}.back-to-top{color:#fff;cursor:pointer;display:none;position:fixed;right:0;bottom:0;text-align:center}.back-to-top span{display:inline-block;font-size:2.5rem;line-height:2.5rem;vertical-align:middle;width:2.5rem;height:2.5rem}
/* scaffolding */
.wrap{clear:both;display:block;margin:0 auto;position:relative;width:auto;max-width:980px;zoom:1}.row{clear:both;display:block;margin:0 auto;position:relative;width:auto;zoom:1}.row .row{margin-right:-.75rem;margin-left:-.75rem}.row .row.maintain-structure{margin-right:.75rem;margin-left:.75rem}.row:after,.row:before,.wrap:after,.wrap:before{content:" ";display:table}.row:after,.wrap:after{clear:both}.column{float:left;padding-right:.75rem;padding-left:.75rem;position:relative;width:100%;min-height:1px}.column.centered{float:none;margin:0 auto;overflow:hidden}.column.no-padding{padding-right:0;padding-left:0}.row .eight-eights,.row .five-fifths,.row .four-fourths,.row .six-sixths,.row .ten-tenths,.row .three-thirds,.row .twelve-twelfths,.row .two-halves,.row .whole{width:100%}.row .five-tenths,.row .four-eights,.row .half,.row .six-twelfths,.row .three-sixths,.row .two-fourths{width:50%}.row .four-twelfths,.row .one-third,.row .two-sixths{width:33.3332%}.row .eight-twelfths,.row .four-sixths,.row .two-thirds{width:66.6665%}.row .one-fourth,.row .three-twelfths,.row .two-eighths{width:25%}.row .nine-twelfths,.row .six-eighths,.row .three-fourths{width:75%}.row .one-fifth,.row .two-tenths{width:20%}.row .four-tenths,.row .two-fifths{width:40%}.row .six-tenths,.row .three-fifths{width:60%}.row .eight-tenths,.row .four-fifths{width:80%}.row .one-sixth,.row .two-twelfths{width:16.6665%}.row .five-sixths,.row .ten-twelfths{width:83.3332%}.row .one-eighth{width:12.5%}.row .three-eighths{width:37.5%}.row .five-eighths{width:62.5%}.row .seven-eighths{width:87.5%}.row .one-tenth{width:10%}.row .three-tenths{width:30%}.row .seven-tenths{width:70%}.row .nine-tenths{width:90%}.row .one-twelfth{width:8.3332%}.row .five-twelfths{width:41.6665%}.row .seven-twelfths{width:58.332%}.row .eleven-twelfths{width:91.6665%}.row .golden-small{width:38.2716%}.row .golden-large{width:61.7283%}.row .width-auto{width:auto}.row .push-five-tenths,.row .push-four-eights,.row .push-half,.row .push-six-twelfths,.row .push-three-sixths,.row .push-two-fourths{left:50%}.row .push-four-twelfths,.row .push-one-third,.row .push-two-sixths{left:33.3332%}.row .push-eight-twelfths,.row .push-four-sixths,.row .push-two-thirds{left:66.6665%}.row .push-one-fourth,.row .push-three-twelfths,.row .push-two-eighths{left:25%}.row .push-nine-twelfths,.row .push-six-eighths,.row .push-three-fourths{left:75%}.row .push-one-fifth,.row .push-two-tenths{left:20%}.row .push-four-tenths,.row .push-two-fifths{left:40%}.row .push-six-tenths,.row .push-three-fifths{left:60%}.row .push-eight-tenths,.row .push-four-fifths{left:80%}.row .push-one-sixth,.row .push-two-twelfths{left:16.6665%}.row .push-five-sixths,.row .push-ten-twelfths{left:83.3332%}.row .push-one-eighth{left:12.5%}.row .push-three-eighths{left:37.5%}.row .push-five-eighths{left:62.5%}.row .push-seven-eighths{left:87.5%}.row .push-one-tenth{left:10%}.row .push-three-tenths{left:30%}.row .push-seven-tenths{left:70%}.row .push-nine-tenths{left:90%}.row .push-one-twelfth{left:8.3332%}.row .push-five-twelfths{left:41.6665%}.row .push-seven-twelfths{left:58.332%}.row .push-eleven-twelfths{left:91.6665%}.row .push-golden-small{left:38.2716%}.row .push-golden-large{left:61.7283%}.row .push-none{left:auto}.row .pull-five-tenths,.row .pull-four-eights,.row .pull-half,.row .pull-six-twelfths,.row .pull-three-sixths,.row .pull-two-fourths{right:50%}.row .pull-four-twelfths,.row .pull-one-third,.row .pull-two-sixths{right:33.3332%}.row .pull-eight-twelfths,.row .pull-four-sixths,.row .pull-two-thirds{right:66.6665%}.row .pull-one-fourth,.row .pull-three-twelfths,.row .pull-two-eighths{right:25%}.row .pull-nine-twelfths,.row .pull-six-eighths,.row .pull-three-fourths{right:75%}.row .pull-one-fifth,.row .pull-two-tenths{right:20%}.row .pull-four-tenths,.row .pull-two-fifths{right:40%}.row .pull-six-tenths,.row .pull-three-fifths{right:60%}.row .pull-eight-tenths,.row .pull-four-fifths{right:80%}.row .pull-one-sixth,.row .pull-two-twelfths{right:16.6665%}.row .pull-five-sixths,.row .pull-ten-twelfths{right:83.3332%}.row .pull-one-eighth{right:12.5%}.row .pull-three-eighths{right:37.5%}.row .pull-five-eighths{right:62.5%}.row .pull-seven-eighths{right:87.5%}.row .pull-one-tenth{right:10%}.row .pull-three-tenths{right:30%}.row .pull-seven-tenths{right:70%}.row .pull-nine-tenths{right:90%}.row .pull-one-twelfth{right:8.3332%}.row .pull-five-twelfths{right:41.6665%}.row .pull-seven-twelfths{right:58.332%}.row .pull-eleven-twelfths{right:91.6665%}.row .pull-golden-small{right:38.2716%}.row .pull-golden-large{right:61.7283%}.row .pull-none{right:auto}.row .offset-five-tenths,.row .offset-four-eights,.row .offset-half,.row .offset-six-twelfths,.row .offset-three-sixths,.row .offset-two-fourths{margin-left:50%}.row .offset-four-twelfths,.row .offset-one-third,.row .offset-two-sixths{margin-left:33.3332%}.row .offset-eight-twelfths,.row .offset-four-sixths,.row .offset-two-thirds{margin-left:66.6665%}.row .offset-one-fourth,.row .offset-three-twelfths,.row .offset-two-eighths{margin-left:25%}.row .offset-nine-twelfths,.row .offset-six-eighths,.row .offset-three-fourths{margin-left:75%}.row .offset-one-fifth,.row .offset-two-tenths{margin-left:20%}.row .offset-four-tenths,.row .offset-two-fifths{margin-left:40%}.row .offset-six-tenths,.row .offset-three-fifths{margin-left:60%}.row .offset-eight-tenths,.row .offset-four-fifths{margin-left:80%}.row .offset-one-sixth,.row .offset-two-twelfths{margin-left:16.6665%}.row .offset-five-sixths,.row .offset-ten-twelfths{margin-left:83.3332%}.row .offset-one-eighth{margin-left:12.5%}.row .offset-three-eighths{margin-left:37.5%}.row .offset-five-eighths{margin-left:62.5%}.row .offset-seven-eighths{margin-left:87.5%}.row .offset-one-tenth{margin-left:10%}.row .offset-three-tenths{margin-left:30%}.row .offset-seven-tenths{margin-left:70%}.row .offset-nine-tenths{margin-left:90%}.row .offset-one-twelfth{margin-left:8.3332%}.row .offset-five-twelfths{margin-left:41.6665%}.row .offset-seven-twelfths{margin-left:58.332%}.row .offset-eleven-twelfths{margin-left:91.6665%}.row .offset-golden-small{margin-left:38.2716%}.row .offset-golden-large{margin-left:61.7283%}.row .offest-none{margin-left:0}@media screen and (min-width:360px){.column.tiny-centered{float:none;margin:0 auto;overflow:hidden}.row .tiny-eight-eights,.row .tiny-five-fifths,.row .tiny-four-fourths,.row .tiny-six-sixths,.row .tiny-ten-tenths,.row .tiny-three-thirds,.row .tiny-twelve-twelfths,.row .tiny-two-halves,.row .tiny-whole{width:100%}.row .tiny-five-tenths,.row .tiny-four-eights,.row .tiny-half,.row .tiny-six-twelfths,.row .tiny-three-sixths,.row .tiny-two-fourths{width:50%}.row .tiny-four-twelfths,.row .tiny-one-third,.row .tiny-two-sixths{width:33.3332%}.row .tiny-eight-twelfths,.row .tiny-four-sixths,.row .tiny-two-thirds{width:66.6665%}.row .tiny-one-fourth,.row .tiny-three-twelfths,.row .tiny-two-eighths{width:25%}.row .tiny-nine-twelfths,.row .tiny-six-eighths,.row .tiny-three-fourths{width:75%}.row .tiny-one-fifth,.row .tiny-two-tenths{width:20%}.row .tiny-four-tenths,.row .tiny-two-fifths{width:40%}.row .tiny-six-tenths,.row .tiny-three-fifths{width:60%}.row .tiny-eight-tenths,.row .tiny-four-fifths{width:80%}.row .tiny-one-sixth,.row .tiny-two-twelfths{width:16.6665%}.row .tiny-five-sixths,.row .tiny-ten-twelfths{width:83.3332%}.row .tiny-one-eighth{width:12.5%}.row .tiny-three-eighths{width:37.5%}.row .tiny-five-eighths{width:62.5%}.row .tiny-seven-eighths{width:87.5%}.row .tiny-one-tenth{width:10%}.row .tiny-three-tenths{width:30%}.row .tiny-seven-tenths{width:70%}.row .tiny-nine-tenths{width:90%}.row .tiny-one-twelfth{width:8.3332%}.row .tiny-five-twelfths{width:41.6665%}.row .tiny-seven-twelfths{width:58.332%}.row .tiny-eleven-twelfths{width:91.6665%}.row .tiny-golden-small{width:38.2716%}.row .tiny-golden-large{width:61.7283%}.row .tiny-width-auto{width:auto}.row .tiny-push-five-tenths,.row .tiny-push-four-eights,.row .tiny-push-half,.row .tiny-push-six-twelfths,.row .tiny-push-three-sixths,.row .tiny-push-two-fourths{left:50%}.row .tiny-push-four-twelfths,.row .tiny-push-one-third,.row .tiny-push-two-sixths{left:33.3332%}.row .tiny-push-eight-twelfths,.row .tiny-push-four-sixths,.row .tiny-push-two-thirds{left:66.6665%}.row .tiny-push-one-fourth,.row .tiny-push-three-twelfths,.row .tiny-push-two-eighths{left:25%}.row .tiny-push-nine-twelfths,.row .tiny-push-six-eighths,.row .tiny-push-three-fourths{left:75%}.row .tiny-push-one-fifth,.row .tiny-push-two-tenths{left:20%}.row .tiny-push-four-tenths,.row .tiny-push-two-fifths{left:40%}.row .tiny-push-six-tenths,.row .tiny-push-three-fifths{left:60%}.row .tiny-push-eight-tenths,.row .tiny-push-four-fifths{left:80%}.row .tiny-push-one-sixth,.row .tiny-push-two-twelfths{left:16.6665%}.row .tiny-push-five-sixths,.row .tiny-push-ten-twelfths{left:83.3332%}.row .tiny-push-one-eighth{left:12.5%}.row .tiny-push-three-eighths{left:37.5%}.row .tiny-push-five-eighths{left:62.5%}.row .tiny-push-seven-eighths{left:87.5%}.row .tiny-push-one-tenth{left:10%}.row .tiny-push-three-tenths{left:30%}.row .tiny-push-seven-tenths{left:70%}.row .tiny-push-nine-tenths{left:90%}.row .tiny-push-one-twelfth{left:8.3332%}.row .tiny-push-five-twelfths{left:41.6665%}.row .tiny-push-seven-twelfths{left:58.332%}.row .tiny-push-eleven-twelfths{left:91.6665%}.row .tiny-push-golden-small{left:38.2716%}.row .tiny-push-golden-large{left:61.7283%}.row .tiny-push-none{left:auto}.row .tiny-pull-five-tenths,.row .tiny-pull-four-eights,.row .tiny-pull-half,.row .tiny-pull-six-twelfths,.row .tiny-pull-three-sixths,.row .tiny-pull-two-fourths{right:50%}.row .tiny-pull-four-twelfths,.row .tiny-pull-one-third,.row .tiny-pull-two-sixths{right:33.3332%}.row .tiny-pull-eight-twelfths,.row .tiny-pull-four-sixths,.row .tiny-pull-two-thirds{right:66.6665%}.row .tiny-pull-one-fourth,.row .tiny-pull-three-twelfths,.row .tiny-pull-two-eighths{right:25%}.row .tiny-pull-nine-twelfths,.row .tiny-pull-six-eighths,.row .tiny-pull-three-fourths{right:75%}.row .tiny-pull-one-fifth,.row .tiny-pull-two-tenths{right:20%}.row .tiny-pull-four-tenths,.row .tiny-pull-two-fifths{right:40%}.row .tiny-pull-six-tenths,.row .tiny-pull-three-fifths{right:60%}.row .tiny-pull-eight-tenths,.row .tiny-pull-four-fifths{right:80%}.row .tiny-pull-one-sixth,.row .tiny-pull-two-twelfths{right:16.6665%}.row .tiny-pull-five-sixths,.row .tiny-pull-ten-twelfths{right:83.3332%}.row .tiny-pull-one-eighth{right:12.5%}.row .tiny-pull-three-eighths{right:37.5%}.row .tiny-pull-five-eighths{right:62.5%}.row .tiny-pull-seven-eighths{right:87.5%}.row .tiny-pull-one-tenth{right:10%}.row .tiny-pull-three-tenths{right:30%}.row .tiny-pull-seven-tenths{right:70%}.row .tiny-pull-nine-tenths{right:90%}.row .tiny-pull-one-twelfth{right:8.3332%}.row .tiny-pull-five-twelfths{right:41.6665%}.row .tiny-pull-seven-twelfths{right:58.332%}.row .tiny-pull-eleven-twelfths{right:91.6665%}.row .tiny-pull-golden-small{right:38.2716%}.row .tiny-pull-golden-large{right:61.7283%}.row .tiny-pull-none{right:auto}.row .tiny-offset-five-tenths,.row .tiny-offset-four-eights,.row .tiny-offset-half,.row .tiny-offset-six-twelfths,.row .tiny-offset-three-sixths,.row .tiny-offset-two-fourths{margin-left:50%}.row .tiny-offset-four-twelfths,.row .tiny-offset-one-third,.row .tiny-offset-two-sixths{margin-left:33.3332%}.row .tiny-offset-eight-twelfths,.row .tiny-offset-four-sixths,.row .tiny-offset-two-thirds{margin-left:66.6665%}.row .tiny-offset-one-fourth,.row .tiny-offset-three-twelfths,.row .tiny-offset-two-eighths{margin-left:25%}.row .tiny-offset-nine-twelfths,.row .tiny-offset-six-eighths,.row .tiny-offset-three-fourths{margin-left:75%}.row .tiny-offset-one-fifth,.row .tiny-offset-two-tenths{margin-left:20%}.row .tiny-offset-four-tenths,.row .tiny-offset-two-fifths{margin-left:40%}.row .tiny-offset-six-tenths,.row .tiny-offset-three-fifths{margin-left:60%}.row .tiny-offset-eight-tenths,.row .tiny-offset-four-fifths{margin-left:80%}.row .tiny-offset-one-sixth,.row .tiny-offset-two-twelfths{margin-left:16.6665%}.row .tiny-offset-five-sixths,.row .tiny-offset-ten-twelfths{margin-left:83.3332%}.row .tiny-offset-one-eighth{margin-left:12.5%}.row .tiny-offset-three-eighths{margin-left:37.5%}.row .tiny-offset-five-eighths{margin-left:62.5%}.row .tiny-offset-seven-eighths{margin-left:87.5%}.row .tiny-offset-one-tenth{margin-left:10%}.row .tiny-offset-three-tenths{margin-left:30%}.row .tiny-offset-seven-tenths{margin-left:70%}.row .tiny-offset-nine-tenths{margin-left:90%}.row .tiny-offset-one-twelfth{margin-left:8.3332%}.row .tiny-offset-five-twelfths{margin-left:41.6665%}.row .tiny-offset-seven-twelfths{margin-left:58.332%}.row .tiny-offset-eleven-twelfths{margin-left:91.6665%}.row .tiny-offset-golden-small{margin-left:38.2716%}.row .tiny-offset-golden-large{margin-left:61.7283%}.row .tiny-offset-none{margin-left:0}}
@media screen and (min-width:480px){.column.x-small-centered{float:none;margin:0 auto;overflow:hidden}.row .x-small-eight-eights,.row .x-small-five-fifths,.row .x-small-four-fourths,.row .x-small-six-sixths,.row .x-small-ten-tenths,.row .x-small-three-thirds,.row .x-small-twelve-twelfths,.row .x-small-two-halves,.row .x-small-whole{width:100%}.row .x-small-five-tenths,.row .x-small-four-eights,.row .x-small-half,.row .x-small-six-twelfths,.row .x-small-three-sixths,.row .x-small-two-fourths{width:50%}.row .x-small-four-twelfths,.row .x-small-one-third,.row .x-small-two-sixths{width:33.3332%}.row .x-small-eight-twelfths,.row .x-small-four-sixths,.row .x-small-two-thirds{width:66.6665%}.row .x-small-one-fourth,.row .x-small-three-twelfths,.row .x-small-two-eighths{width:25%}.row .x-small-nine-twelfths,.row .x-small-six-eighths,.row .x-small-three-fourths{width:75%}.row .x-small-one-fifth,.row .x-small-two-tenths{width:20%}.row .x-small-four-tenths,.row .x-small-two-fifths{width:40%}.row .x-small-six-tenths,.row .x-small-three-fifths{width:60%}.row .x-small-eight-tenths,.row .x-small-four-fifths{width:80%}.row .x-small-one-sixth,.row .x-small-two-twelfths{width:16.6665%}.row .x-small-five-sixths,.row .x-small-ten-twelfths{width:83.3332%}.row .x-small-one-eighth{width:12.5%}.row .x-small-three-eighths{width:37.5%}.row .x-small-five-eighths{width:62.5%}.row .x-small-seven-eighths{width:87.5%}.row .x-small-one-tenth{width:10%}.row .x-small-three-tenths{width:30%}.row .x-small-seven-tenths{width:70%}.row .x-small-nine-tenths{width:90%}.row .x-small-one-twelfth{width:8.3332%}.row .x-small-five-twelfths{width:41.6665%}.row .x-small-seven-twelfths{width:58.332%}.row .x-small-eleven-twelfths{width:91.6665%}.row .x-small-golden-small{width:38.2716%}.row .x-small-golden-large{width:61.7283%}.row .x-small-width-auto{width:auto}.row .x-small-push-five-tenths,.row .x-small-push-four-eights,.row .x-small-push-half,.row .x-small-push-six-twelfths,.row .x-small-push-three-sixths,.row .x-small-push-two-fourths{left:50%}.row .x-small-push-four-twelfths,.row .x-small-push-one-third,.row .x-small-push-two-sixths{left:33.3332%}.row .x-small-push-eight-twelfths,.row .x-small-push-four-sixths,.row .x-small-push-two-thirds{left:66.6665%}.row .x-small-push-one-fourth,.row .x-small-push-three-twelfths,.row .x-small-push-two-eighths{left:25%}.row .x-small-push-nine-twelfths,.row .x-small-push-six-eighths,.row .x-small-push-three-fourths{left:75%}.row .x-small-push-one-fifth,.row .x-small-push-two-tenths{left:20%}.row .x-small-push-four-tenths,.row .x-small-push-two-fifths{left:40%}.row .x-small-push-six-tenths,.row .x-small-push-three-fifths{left:60%}.row .x-small-push-eight-tenths,.row .x-small-push-four-fifths{left:80%}.row .x-small-push-one-sixth,.row .x-small-push-two-twelfths{left:16.6665%}.row .x-small-push-five-sixths,.row .x-small-push-ten-twelfths{left:83.3332%}.row .x-small-push-one-eighth{left:12.5%}.row .x-small-push-three-eighths{left:37.5%}.row .x-small-push-five-eighths{left:62.5%}.row .x-small-push-seven-eighths{left:87.5%}.row .x-small-push-one-tenth{left:10%}.row .x-small-push-three-tenths{left:30%}.row .x-small-push-seven-tenths{left:70%}.row .x-small-push-nine-tenths{left:90%}.row .x-small-push-one-twelfth{left:8.3332%}.row .x-small-push-five-twelfths{left:41.6665%}.row .x-small-push-seven-twelfths{left:58.332%}.row .x-small-push-eleven-twelfths{left:91.6665%}.row .x-small-push-golden-small{left:38.2716%}.row .x-small-push-golden-large{left:61.7283%}.row .x-small-push-none{left:auto}.row .x-small-pull-five-tenths,.row .x-small-pull-four-eights,.row .x-small-pull-half,.row .x-small-pull-six-twelfths,.row .x-small-pull-three-sixths,.row .x-small-pull-two-fourths{right:50%}.row .x-small-pull-four-twelfths,.row .x-small-pull-one-third,.row .x-small-pull-two-sixths{right:33.3332%}.row .x-small-pull-eight-twelfths,.row .x-small-pull-four-sixths,.row .x-small-pull-two-thirds{right:66.6665%}.row .x-small-pull-one-fourth,.row .x-small-pull-three-twelfths,.row .x-small-pull-two-eighths{right:25%}.row .x-small-pull-nine-twelfths,.row .x-small-pull-six-eighths,.row .x-small-pull-three-fourths{right:75%}.row .x-small-pull-one-fifth,.row .x-small-pull-two-tenths{right:20%}.row .x-small-pull-four-tenths,.row .x-small-pull-two-fifths{right:40%}.row .x-small-pull-six-tenths,.row .x-small-pull-three-fifths{right:60%}.row .x-small-pull-eight-tenths,.row .x-small-pull-four-fifths{right:80%}.row .x-small-pull-one-sixth,.row .x-small-pull-two-twelfths{right:16.6665%}.row .x-small-pull-five-sixths,.row .x-small-pull-ten-twelfths{right:83.3332%}.row .x-small-pull-one-eighth{right:12.5%}.row .x-small-pull-three-eighths{right:37.5%}.row .x-small-pull-five-eighths{right:62.5%}.row .x-small-pull-seven-eighths{right:87.5%}.row .x-small-pull-one-tenth{right:10%}.row .x-small-pull-three-tenths{right:30%}.row .x-small-pull-seven-tenths{right:70%}.row .x-small-pull-nine-tenths{right:90%}.row .x-small-pull-one-twelfth{right:8.3332%}.row .x-small-pull-five-twelfths{right:41.6665%}.row .x-small-pull-seven-twelfths{right:58.332%}.row .x-small-pull-eleven-twelfths{right:91.6665%}.row .x-small-pull-golden-small{right:38.2716%}.row .x-small-pull-golden-large{right:61.7283%}.row .x-small-pull-none{right:auto}.row .x-small-offset-five-tenths,.row .x-small-offset-four-eights,.row .x-small-offset-half,.row .x-small-offset-six-twelfths,.row .x-small-offset-three-sixths,.row .x-small-offset-two-fourths{margin-left:50%}.row .x-small-offset-four-twelfths,.row .x-small-offset-one-third,.row .x-small-offset-two-sixths{margin-left:33.3332%}.row .x-small-offset-eight-twelfths,.row .x-small-offset-four-sixths,.row .x-small-offset-two-thirds{margin-left:66.6665%}.row .x-small-offset-one-fourth,.row .x-small-offset-three-twelfths,.row .x-small-offset-two-eighths{margin-left:25%}.row .x-small-offset-nine-twelfths,.row .x-small-offset-six-eighths,.row .x-small-offset-three-fourths{margin-left:75%}.row .x-small-offset-one-fifth,.row .x-small-offset-two-tenths{margin-left:20%}.row .x-small-offset-four-tenths,.row .x-small-offset-two-fifths{margin-left:40%}.row .x-small-offset-six-tenths,.row .x-small-offset-three-fifths{margin-left:60%}.row .x-small-offset-eight-tenths,.row .x-small-offset-four-fifths{margin-left:80%}.row .x-small-offset-one-sixth,.row .x-small-offset-two-twelfths{margin-left:16.6665%}.row .x-small-offset-five-sixths,.row .x-small-offset-ten-twelfths{margin-left:83.3332%}.row .x-small-offset-one-eighth{margin-left:12.5%}.row .x-small-offset-three-eighths{margin-left:37.5%}.row .x-small-offset-five-eighths{margin-left:62.5%}.row .x-small-offset-seven-eighths{margin-left:87.5%}.row .x-small-offset-one-tenth{margin-left:10%}.row .x-small-offset-three-tenths{margin-left:30%}.row .x-small-offset-seven-tenths{margin-left:70%}.row .x-small-offset-nine-tenths{margin-left:90%}.row .x-small-offset-one-twelfth{margin-left:8.3332%}.row .x-small-offset-five-twelfths{margin-left:41.6665%}.row .x-small-offset-seven-twelfths{margin-left:58.332%}.row .x-small-offset-eleven-twelfths{margin-left:91.6665%}.row .x-small-offset-golden-small{margin-left:38.2716%}.row .x-small-offset-golden-large{margin-left:61.7283%}.row .x-small-offset-none{margin-left:0}}@media screen and (min-width:640px){.column.small-centered{float:none;margin:0 auto;overflow:hidden}.row .small-eight-eights,.row .small-five-fifths,.row .small-four-fourths,.row .small-six-sixths,.row .small-ten-tenths,.row .small-three-thirds,.row .small-twelve-twelfths,.row .small-two-halves,.row .small-whole{width:100%}.row .small-five-tenths,.row .small-four-eights,.row .small-half,.row .small-six-twelfths,.row .small-three-sixths,.row .small-two-fourths{width:50%}.row .small-four-twelfths,.row .small-one-third,.row .small-two-sixths{width:33.3332%}.row .small-eight-twelfths,.row .small-four-sixths,.row .small-two-thirds{width:66.6665%}.row .small-one-fourth,.row .small-three-twelfths,.row .small-two-eighths{width:25%}.row .small-nine-twelfths,.row .small-six-eighths,.row .small-three-fourths{width:75%}.row .small-one-fifth,.row .small-two-tenths{width:20%}.row .small-four-tenths,.row .small-two-fifths{width:40%}.row .small-six-tenths,.row .small-three-fifths{width:60%}.row .small-eight-tenths,.row .small-four-fifths{width:80%}.row .small-one-sixth,.row .small-two-twelfths{width:16.6665%}.row .small-five-sixths,.row .small-ten-twelfths{width:83.3332%}.row .small-one-eighth{width:12.5%}.row .small-three-eighths{width:37.5%}.row .small-five-eighths{width:62.5%}.row .small-seven-eighths{width:87.5%}.row .small-one-tenth{width:10%}.row .small-three-tenths{width:30%}.row .small-seven-tenths{width:70%}.row .small-nine-tenths{width:90%}.row .small-one-twelfth{width:8.3332%}.row .small-five-twelfths{width:41.6665%}.row .small-seven-twelfths{width:58.332%}.row .small-eleven-twelfths{width:91.6665%}.row .small-golden-small{width:38.2716%}.row .small-golden-large{width:61.7283%}.row .small-width-auto{width:auto}.row .small-push-five-tenths,.row .small-push-four-eights,.row .small-push-half,.row .small-push-six-twelfths,.row .small-push-three-sixths,.row .small-push-two-fourths{left:50%}.row .small-push-four-twelfths,.row .small-push-one-third,.row .small-push-two-sixths{left:33.3332%}.row .small-push-eight-twelfths,.row .small-push-four-sixths,.row .small-push-two-thirds{left:66.6665%}.row .small-push-one-fourth,.row .small-push-three-twelfths,.row .small-push-two-eighths{left:25%}.row .small-push-nine-twelfths,.row .small-push-six-eighths,.row .small-push-three-fourths{left:75%}.row .small-push-one-fifth,.row .small-push-two-tenths{left:20%}.row .small-push-four-tenths,.row .small-push-two-fifths{left:40%}.row .small-push-six-tenths,.row .small-push-three-fifths{left:60%}.row .small-push-eight-tenths,.row .small-push-four-fifths{left:80%}.row .small-push-one-sixth,.row .small-push-two-twelfths{left:16.6665%}.row .small-push-five-sixths,.row .small-push-ten-twelfths{left:83.3332%}.row .small-push-one-eighth{left:12.5%}.row .small-push-three-eighths{left:37.5%}.row .small-push-five-eighths{left:62.5%}.row .small-push-seven-eighths{left:87.5%}.row .small-push-one-tenth{left:10%}.row .small-push-three-tenths{left:30%}.row .small-push-seven-tenths{left:70%}.row .small-push-nine-tenths{left:90%}.row .small-push-one-twelfth{left:8.3332%}.row .small-push-five-twelfths{left:41.6665%}.row .small-push-seven-twelfths{left:58.332%}.row .small-push-eleven-twelfths{left:91.6665%}.row .small-push-golden-small{left:38.2716%}.row .small-push-golden-large{left:61.7283%}.row .small-push-none{left:auto}.row .small-pull-five-tenths,.row .small-pull-four-eights,.row .small-pull-half,.row .small-pull-six-twelfths,.row .small-pull-three-sixths,.row .small-pull-two-fourths{right:50%}.row .small-pull-four-twelfths,.row .small-pull-one-third,.row .small-pull-two-sixths{right:33.3332%}.row .small-pull-eight-twelfths,.row .small-pull-four-sixths,.row .small-pull-two-thirds{right:66.6665%}.row .small-pull-one-fourth,.row .small-pull-three-twelfths,.row .small-pull-two-eighths{right:25%}.row .small-pull-nine-twelfths,.row .small-pull-six-eighths,.row .small-pull-three-fourths{right:75%}.row .small-pull-one-fifth,.row .small-pull-two-tenths{right:20%}.row .small-pull-four-tenths,.row .small-pull-two-fifths{right:40%}.row .small-pull-six-tenths,.row .small-pull-three-fifths{right:60%}.row .small-pull-eight-tenths,.row .small-pull-four-fifths{right:80%}.row .small-pull-one-sixth,.row .small-pull-two-twelfths{right:16.6665%}.row .small-pull-five-sixths,.row .small-pull-ten-twelfths{right:83.3332%}.row .small-pull-one-eighth{right:12.5%}.row .small-pull-three-eighths{right:37.5%}.row .small-pull-five-eighths{right:62.5%}.row .small-pull-seven-eighths{right:87.5%}.row .small-pull-one-tenth{right:10%}.row .small-pull-three-tenths{right:30%}.row .small-pull-seven-tenths{right:70%}.row .small-pull-nine-tenths{right:90%}.row .small-pull-one-twelfth{right:8.3332%}.row .small-pull-five-twelfths{right:41.6665%}.row .small-pull-seven-twelfths{right:58.332%}.row .small-pull-eleven-twelfths{right:91.6665%}.row .small-pull-golden-small{right:38.2716%}.row .small-pull-golden-large{right:61.7283%}.row .small-pull-none{right:auto}.row .small-offset-five-tenths,.row .small-offset-four-eights,.row .small-offset-half,.row .small-offset-six-twelfths,.row .small-offset-three-sixths,.row .small-offset-two-fourths{margin-left:50%}.row .small-offset-four-twelfths,.row .small-offset-one-third,.row .small-offset-two-sixths{margin-left:33.3332%}.row .small-offset-eight-twelfths,.row .small-offset-four-sixths,.row .small-offset-two-thirds{margin-left:66.6665%}.row .small-offset-one-fourth,.row .small-offset-three-twelfths,.row .small-offset-two-eighths{margin-left:25%}.row .small-offset-nine-twelfths,.row .small-offset-six-eighths,.row .small-offset-three-fourths{margin-left:75%}.row .small-offset-one-fifth,.row .small-offset-two-tenths{margin-left:20%}.row .small-offset-four-tenths,.row .small-offset-two-fifths{margin-left:40%}.row .small-offset-six-tenths,.row .small-offset-three-fifths{margin-left:60%}.row .small-offset-eight-tenths,.row .small-offset-four-fifths{margin-left:80%}.row .small-offset-one-sixth,.row .small-offset-two-twelfths{margin-left:16.6665%}.row .small-offset-five-sixths,.row .small-offset-ten-twelfths{margin-left:83.3332%}.row .small-offset-one-eighth{margin-left:12.5%}.row .small-offset-three-eighths{margin-left:37.5%}.row .small-offset-five-eighths{margin-left:62.5%}.row .small-offset-seven-eighths{margin-left:87.5%}.row .small-offset-one-tenth{margin-left:10%}.row .small-offset-three-tenths{margin-left:30%}.row .small-offset-seven-tenths{margin-left:70%}.row .small-offset-nine-tenths{margin-left:90%}.row .small-offset-one-twelfth{margin-left:8.3332%}.row .small-offset-five-twelfths{margin-left:41.6665%}.row .small-offset-seven-twelfths{margin-left:58.332%}.row .small-offset-eleven-twelfths{margin-left:91.6665%}.row .small-offset-golden-small{margin-left:38.2716%}.row .small-offset-golden-large{margin-left:61.7283%}.row .small-offset-none{margin-left:0}}
@media screen and (min-width:768px){.column.medium-centered{float:none;margin:0 auto;overflow:hidden}.row .medium-eight-eights,.row .medium-five-fifths,.row .medium-four-fourths,.row .medium-six-sixths,.row .medium-ten-tenths,.row .medium-three-thirds,.row .medium-twelve-twelfths,.row .medium-two-halves,.row .medium-whole{width:100%}.row .medium-five-tenths,.row .medium-four-eights,.row .medium-half,.row .medium-six-twelfths,.row .medium-three-sixths,.row .medium-two-fourths{width:50%}.row .medium-four-twelfths,.row .medium-one-third,.row .medium-two-sixths{width:33.3332%}.row .medium-eight-twelfths,.row .medium-four-sixths,.row .medium-two-thirds{width:66.6665%}.row .medium-one-fourth,.row .medium-three-twelfths,.row .medium-two-eighths{width:25%}.row .medium-nine-twelfths,.row .medium-six-eighths,.row .medium-three-fourths{width:75%}.row .medium-one-fifth,.row .medium-two-tenths{width:20%}.row .medium-four-tenths,.row .medium-two-fifths{width:40%}.row .medium-six-tenths,.row .medium-three-fifths{width:60%}.row .medium-eight-tenths,.row .medium-four-fifths{width:80%}.row .medium-one-sixth,.row .medium-two-twelfths{width:16.6665%}.row .medium-five-sixths,.row .medium-ten-twelfths{width:83.3332%}.row .medium-one-eighth{width:12.5%}.row .medium-three-eighths{width:37.5%}.row .medium-five-eighths{width:62.5%}.row .medium-seven-eighths{width:87.5%}.row .medium-one-tenth{width:10%}.row .medium-three-tenths{width:30%}.row .medium-seven-tenths{width:70%}.row .medium-nine-tenths{width:90%}.row .medium-one-twelfth{width:8.3332%}.row .medium-five-twelfths{width:41.6665%}.row .medium-seven-twelfths{width:58.332%}.row .medium-eleven-twelfths{width:91.6665%}.row .medium-golden-small{width:38.2716%}.row .medium-golden-large{width:61.7283%}.row .medium-width-auto{width:auto}.row .medium-seven-twentyfourths{width:29.1666%}.row .medium-three-twentieths{width:15%}.row .medium-push-five-tenths,.row .medium-push-four-eights,.row .medium-push-half,.row .medium-push-six-twelfths,.row .medium-push-three-sixths,.row .medium-push-two-fourths{left:50%}.row .medium-push-four-twelfths,.row .medium-push-one-third,.row .medium-push-two-sixths{left:33.3332%}.row .medium-push-eight-twelfths,.row .medium-push-four-sixths,.row .medium-push-two-thirds{left:66.6665%}.row .medium-push-one-fourth,.row .medium-push-three-twelfths,.row .medium-push-two-eighths{left:25%}.row .medium-push-nine-twelfths,.row .medium-push-six-eighths,.row .medium-push-three-fourths{left:75%}.row .medium-push-one-fifth,.row .medium-push-two-tenths{left:20%}.row .medium-push-four-tenths,.row .medium-push-two-fifths{left:40%}.row .medium-push-six-tenths,.row .medium-push-three-fifths{left:60%}.row .medium-push-eight-tenths,.row .medium-push-four-fifths{left:80%}.row .medium-push-one-sixth,.row .medium-push-two-twelfths{left:16.6665%}.row .medium-push-five-sixths,.row .medium-push-ten-twelfths{left:83.3332%}.row .medium-push-one-eighth{left:12.5%}.row .medium-push-three-eighths{left:37.5%}.row .medium-push-five-eighths{left:62.5%}.row .medium-push-seven-eighths{left:87.5%}.row .medium-push-one-tenth{left:10%}.row .medium-push-three-tenths{left:30%}.row .medium-push-seven-tenths{left:70%}.row .medium-push-nine-tenths{left:90%}.row .medium-push-one-twelfth{left:8.3332%}.row .medium-push-five-twelfths{left:41.6665%}.row .medium-push-seven-twelfths{left:58.332%}.row .medium-push-eleven-twelfths{left:91.6665%}.row .medium-push-golden-small{left:38.2716%}.row .medium-push-golden-large{left:61.7283%}.row .medium-push-none{left:auto}.row .medium-pull-five-tenths,.row .medium-pull-four-eights,.row .medium-pull-half,.row .medium-pull-six-twelfths,.row .medium-pull-three-sixths,.row .medium-pull-two-fourths{right:50%}.row .medium-pull-four-twelfths,.row .medium-pull-one-third,.row .medium-pull-two-sixths{right:33.3332%}.row .medium-pull-eight-twelfths,.row .medium-pull-four-sixths,.row .medium-pull-two-thirds{right:66.6665%}.row .medium-pull-one-fourth,.row .medium-pull-three-twelfths,.row .medium-pull-two-eighths{right:25%}.row .medium-pull-nine-twelfths,.row .medium-pull-six-eighths,.row .medium-pull-three-fourths{right:75%}.row .medium-pull-one-fifth,.row .medium-pull-two-tenths{right:20%}.row .medium-pull-four-tenths,.row .medium-pull-two-fifths{right:40%}.row .medium-pull-six-tenths,.row .medium-pull-three-fifths{right:60%}.row .medium-pull-eight-tenths,.row .medium-pull-four-fifths{right:80%}.row .medium-pull-one-sixth,.row .medium-pull-two-twelfths{right:16.6665%}.row .medium-pull-five-sixths,.row .medium-pull-ten-twelfths{right:83.3332%}.row .medium-pull-one-eighth{right:12.5%}.row .medium-pull-three-eighths{right:37.5%}.row .medium-pull-five-eighths{right:62.5%}.row .medium-pull-seven-eighths{right:87.5%}.row .medium-pull-one-tenth{right:10%}.row .medium-pull-three-tenths{right:30%}.row .medium-pull-seven-tenths{right:70%}.row .medium-pull-nine-tenths{right:90%}.row .medium-pull-one-twelfth{right:8.3332%}.row .medium-pull-five-twelfths{right:41.6665%}.row .medium-pull-seven-twelfths{right:58.332%}.row .medium-pull-eleven-twelfths{right:91.6665%}.row .medium-pull-golden-small{right:38.2716%}.row .medium-pull-golden-large{right:61.7283%}.row .medium-pull-none{right:auto}.row .medium-offset-five-tenths,.row .medium-offset-four-eights,.row .medium-offset-half,.row .medium-offset-six-twelfths,.row .medium-offset-three-sixths,.row .medium-offset-two-fourths{margin-left:50%}.row .medium-offset-four-twelfths,.row .medium-offset-one-third,.row .medium-offset-two-sixths{margin-left:33.3332%}.row .medium-offset-eight-twelfths,.row .medium-offset-four-sixths,.row .medium-offset-two-thirds{margin-left:66.6665%}.row .medium-offset-one-fourth,.row .medium-offset-three-twelfths,.row .medium-offset-two-eighths{margin-left:25%}.row .medium-offset-nine-twelfths,.row .medium-offset-six-eighths,.row .medium-offset-three-fourths{margin-left:75%}.row .medium-offset-one-fifth,.row .medium-offset-two-tenths{margin-left:20%}.row .medium-offset-four-tenths,.row .medium-offset-two-fifths{margin-left:40%}.row .medium-offset-six-tenths,.row .medium-offset-three-fifths{margin-left:60%}.row .medium-offset-eight-tenths,.row .medium-offset-four-fifths{margin-left:80%}.row .medium-offset-one-sixth,.row .medium-offset-two-twelfths{margin-left:16.6665%}.row .medium-offset-five-sixths,.row .medium-offset-ten-twelfths{margin-left:83.3332%}.row .medium-offset-one-eighth{margin-left:12.5%}.row .medium-offset-three-eighths{margin-left:37.5%}.row .medium-offset-five-eighths{margin-left:62.5%}.row .medium-offset-seven-eighths{margin-left:87.5%}.row .medium-offset-one-tenth{margin-left:10%}.row .medium-offset-three-tenths{margin-left:30%}.row .medium-offset-seven-tenths{margin-left:70%}.row .medium-offset-nine-tenths{margin-left:90%}.row .medium-offset-one-twelfth{margin-left:8.3332%}.row .medium-offset-five-twelfths{margin-left:41.6665%}.row .medium-offset-seven-twelfths{margin-left:58.332%}.row .medium-offset-eleven-twelfths{margin-left:91.6665%}.row .medium-offset-golden-small{margin-left:38.2716%}.row .medium-offset-golden-large{margin-left:61.7283%}.row .medium-offset-none{margin-left:0}}@media screen and (min-width:960px){.column.large-centered{float:none;margin:0 auto;overflow:hidden}.row .large-eight-eights,.row .large-five-fifths,.row .large-four-fourths,.row .large-six-sixths,.row .large-ten-tenths,.row .large-three-thirds,.row .large-twelve-twelfths,.row .large-two-halves,.row .large-whole{width:100%}.row .large-five-tenths,.row .large-four-eights,.row .large-half,.row .large-six-twelfths,.row .large-three-sixths,.row .large-two-fourths{width:50%}.row .large-four-twelfths,.row .large-one-third,.row .large-two-sixths{width:33.3332%}.row .large-eight-twelfths,.row .large-four-sixths,.row .large-two-thirds{width:66.6665%}.row .large-one-fourth,.row .large-three-twelfths,.row .large-two-eighths{width:25%}.row .large-nine-twelfths,.row .large-six-eighths,.row .large-three-fourths{width:75%}.row .large-one-fifth,.row .large-two-tenths{width:20%}.row .large-four-tenths,.row .large-two-fifths{width:40%}.row .large-six-tenths,.row .large-three-fifths{width:60%}.row .large-eight-tenths,.row .large-four-fifths{width:80%}.row .large-one-sixth,.row .large-two-twelfths{width:16.6665%}.row .large-five-sixths,.row .large-ten-twelfths{width:83.3332%}.row .large-one-eighth{width:12.5%}.row .large-three-eighths{width:37.5%}.row .large-five-eighths{width:62.5%}.row .large-seven-eighths{width:87.5%}.row .large-one-tenth{width:10%}.row .large-three-tenths{width:30%}.row .large-seven-tenths{width:70%}.row .large-nine-tenths{width:90%}.row .large-one-twelfth{width:8.3332%}.row .large-five-twelfths{width:41.6665%}.row .large-seven-twelfths{width:58.332%}.row .large-eleven-twelfths{width:91.6665%}.row .large-golden-small{width:38.2716%}.row .large-golden-large{width:61.7283%}.row .large-width-auto{width:auto}.row .large-push-five-tenths,.row .large-push-four-eights,.row .large-push-half,.row .large-push-six-twelfths,.row .large-push-three-sixths,.row .large-push-two-fourths{left:50%}.row .large-push-four-twelfths,.row .large-push-one-third,.row .large-push-two-sixths{left:33.3332%}.row .large-push-eight-twelfths,.row .large-push-four-sixths,.row .large-push-two-thirds{left:66.6665%}.row .large-push-one-fourth,.row .large-push-three-twelfths,.row .large-push-two-eighths{left:25%}.row .large-push-nine-twelfths,.row .large-push-six-eighths,.row .large-push-three-fourths{left:75%}.row .large-push-one-fifth,.row .large-push-two-tenths{left:20%}.row .large-push-four-tenths,.row .large-push-two-fifths{left:40%}.row .large-push-six-tenths,.row .large-push-three-fifths{left:60%}.row .large-push-eight-tenths,.row .large-push-four-fifths{left:80%}.row .large-push-one-sixth,.row .large-push-two-twelfths{left:16.6665%}.row .large-push-five-sixths,.row .large-push-ten-twelfths{left:83.3332%}.row .large-push-one-eighth{left:12.5%}.row .large-push-three-eighths{left:37.5%}.row .large-push-five-eighths{left:62.5%}.row .large-push-seven-eighths{left:87.5%}.row .large-push-one-tenth{left:10%}.row .large-push-three-tenths{left:30%}.row .large-push-seven-tenths{left:70%}.row .large-push-nine-tenths{left:90%}.row .large-push-one-twelfth{left:8.3332%}.row .large-push-five-twelfths{left:41.6665%}.row .large-push-seven-twelfths{left:58.332%}.row .large-push-eleven-twelfths{left:91.6665%}.row .large-push-golden-small{left:38.2716%}.row .large-push-golden-large{left:61.7283%}.row .large-push-none{left:auto}.row .large-pull-five-tenths,.row .large-pull-four-eights,.row .large-pull-half,.row .large-pull-six-twelfths,.row .large-pull-three-sixths,.row .large-pull-two-fourths{right:50%}.row .large-pull-four-twelfths,.row .large-pull-one-third,.row .large-pull-two-sixths{right:33.3332%}.row .large-pull-eight-twelfths,.row .large-pull-four-sixths,.row .large-pull-two-thirds{right:66.6665%}.row .large-pull-one-fourth,.row .large-pull-three-twelfths,.row .large-pull-two-eighths{right:25%}.row .large-pull-nine-twelfths,.row .large-pull-six-eighths,.row .large-pull-three-fourths{right:75%}.row .large-pull-one-fifth,.row .large-pull-two-tenths{right:20%}.row .large-pull-four-tenths,.row .large-pull-two-fifths{right:40%}.row .large-pull-six-tenths,.row .large-pull-three-fifths{right:60%}.row .large-pull-eight-tenths,.row .large-pull-four-fifths{right:80%}.row .large-pull-one-sixth,.row .large-pull-two-twelfths{right:16.6665%}.row .large-pull-five-sixths,.row .large-pull-ten-twelfths{right:83.3332%}.row .large-pull-one-eighth{right:12.5%}.row .large-pull-three-eighths{right:37.5%}.row .large-pull-five-eighths{right:62.5%}.row .large-pull-seven-eighths{right:87.5%}.row .large-pull-one-tenth{right:10%}.row .large-pull-three-tenths{right:30%}.row .large-pull-seven-tenths{right:70%}.row .large-pull-nine-tenths{right:90%}.row .large-pull-one-twelfth{right:8.3332%}.row .large-pull-five-twelfths{right:41.6665%}.row .large-pull-seven-twelfths{right:58.332%}.row .large-pull-eleven-twelfths{right:91.6665%}.row .large-pull-golden-small{right:38.2716%}.row .large-pull-golden-large{right:61.7283%}.row .large-pull-none{right:auto}.row .large-offset-five-tenths,.row .large-offset-four-eights,.row .large-offset-half,.row .large-offset-six-twelfths,.row .large-offset-three-sixths,.row .large-offset-two-fourths{margin-left:50%}.row .large-offset-four-twelfths,.row .large-offset-one-third,.row .large-offset-two-sixths{margin-left:33.3332%}.row .large-offset-eight-twelfths,.row .large-offset-four-sixths,.row .large-offset-two-thirds{margin-left:66.6665%}.row .large-offset-one-fourth,.row .large-offset-three-twelfths,.row .large-offset-two-eighths{margin-left:25%}.row .large-offset-nine-twelfths,.row .large-offset-six-eighths,.row .large-offset-three-fourths{margin-left:75%}.row .large-offset-one-fifth,.row .large-offset-two-tenths{margin-left:20%}.row .large-offset-four-tenths,.row .large-offset-two-fifths{margin-left:40%}.row .large-offset-six-tenths,.row .large-offset-three-fifths{margin-left:60%}.row .large-offset-eight-tenths,.row .large-offset-four-fifths{margin-left:80%}.row .large-offset-one-sixth,.row .large-offset-two-twelfths{margin-left:16.6665%}.row .large-offset-five-sixths,.row .large-offset-ten-twelfths{margin-left:83.3332%}.row .large-offset-one-eighth{margin-left:12.5%}.row .large-offset-three-eighths{margin-left:37.5%}.row .large-offset-five-eighths{margin-left:62.5%}.row .large-offset-seven-eighths{margin-left:87.5%}.row .large-offset-one-tenth{margin-left:10%}.row .large-offset-three-tenths{margin-left:30%}.row .large-offset-seven-tenths{margin-left:70%}.row .large-offset-nine-tenths{margin-left:90%}.row .large-offset-one-twelfth{margin-left:8.3332%}.row .large-offset-five-twelfths{margin-left:41.6665%}.row .large-offset-seven-twelfths{margin-left:58.332%}.row .large-offset-eleven-twelfths{margin-left:91.6665%}.row .large-offset-golden-small{margin-left:38.2716%}.row .large-offset-golden-large{margin-left:61.7283%}.row .large-offset-none{margin-left:0}}
@media screen and (min-width:1170px){.column.x-large-centered{float:none;margin:0 auto;overflow:hidden}.row .x-large-eight-eights,.row .x-large-five-fifths,.row .x-large-four-fourths,.row .x-large-six-sixths,.row .x-large-ten-tenths,.row .x-large-three-thirds,.row .x-large-twelve-twelfths,.row .x-large-two-halves,.row .x-large-whole{width:100%}.row .x-large-five-tenths,.row .x-large-four-eights,.row .x-large-half,.row .x-large-six-twelfths,.row .x-large-three-sixths,.row .x-large-two-fourths{width:50%}.row .x-large-four-twelfths,.row .x-large-one-third,.row .x-large-two-sixths{width:33.3332%}.row .x-large-eight-twelfths,.row .x-large-four-sixths,.row .x-large-two-thirds{width:66.6665%}.row .x-large-one-fourth,.row .x-large-three-twelfths,.row .x-large-two-eighths{width:25%}.row .x-large-nine-twelfths,.row .x-large-six-eighths,.row .x-large-three-fourths{width:75%}.row .x-large-one-fifth,.row .x-large-two-tenths{width:20%}.row .x-large-four-tenths,.row .x-large-two-fifths{width:40%}.row .x-large-six-tenths,.row .x-large-three-fifths{width:60%}.row .x-large-eight-tenths,.row .x-large-four-fifths{width:80%}.row .x-large-one-sixth,.row .x-large-two-twelfths{width:16.6665%}.row .x-large-five-sixths,.row .x-large-ten-twelfths{width:83.3332%}.row .x-large-one-eighth{width:12.5%}.row .x-large-three-eighths{width:37.5%}.row .x-large-five-eighths{width:62.5%}.row .x-large-seven-eighths{width:87.5%}.row .x-large-one-tenth{width:10%}.row .x-large-three-tenths{width:30%}.row .x-large-seven-tenths{width:70%}.row .x-large-nine-tenths{width:90%}.row .x-large-one-twelfth{width:8.3332%}.row .x-large-five-twelfths{width:41.6665%}.row .x-large-seven-twelfths{width:58.332%}.row .x-large-eleven-twelfths{width:91.6665%}.row .x-large-golden-small{width:38.2716%}.row .x-large-golden-x-large{width:61.7283%}.row .x-large-width-auto{width:auto}.row .x-large-push-five-tenths,.row .x-large-push-four-eights,.row .x-large-push-half,.row .x-large-push-six-twelfths,.row .x-large-push-three-sixths,.row .x-large-push-two-fourths{left:50%}.row .x-large-push-four-twelfths,.row .x-large-push-one-third,.row .x-large-push-two-sixths{left:33.3332%}.row .x-large-push-eight-twelfths,.row .x-large-push-four-sixths,.row .x-large-push-two-thirds{left:66.6665%}.row .x-large-push-one-fourth,.row .x-large-push-three-twelfths,.row .x-large-push-two-eighths{left:25%}.row .x-large-push-nine-twelfths,.row .x-large-push-six-eighths,.row .x-large-push-three-fourths{left:75%}.row .x-large-push-one-fifth,.row .x-large-push-two-tenths{left:20%}.row .x-large-push-four-tenths,.row .x-large-push-two-fifths{left:40%}.row .x-large-push-six-tenths,.row .x-large-push-three-fifths{left:60%}.row .x-large-push-eight-tenths,.row .x-large-push-four-fifths{left:80%}.row .x-large-push-one-sixth,.row .x-large-push-two-twelfths{left:16.6665%}.row .x-large-push-five-sixths,.row .x-large-push-ten-twelfths{left:83.3332%}.row .x-large-push-one-eighth{left:12.5%}.row .x-large-push-three-eighths{left:37.5%}.row .x-large-push-five-eighths{left:62.5%}.row .x-large-push-seven-eighths{left:87.5%}.row .x-large-push-one-tenth{left:10%}.row .x-large-push-three-tenths{left:30%}.row .x-large-push-seven-tenths{left:70%}.row .x-large-push-nine-tenths{left:90%}.row .x-large-push-one-twelfth{left:8.3332%}.row .x-large-push-five-twelfths{left:41.6665%}.row .x-large-push-seven-twelfths{left:58.332%}.row .x-large-push-eleven-twelfths{left:91.6665%}.row .x-large-push-golden-small{left:38.2716%}.row .x-large-push-golden-x-large{left:61.7283%}.row .x-large-push-none{left:auto}.row .x-large-pull-five-tenths,.row .x-large-pull-four-eights,.row .x-large-pull-half,.row .x-large-pull-six-twelfths,.row .x-large-pull-three-sixths,.row .x-large-pull-two-fourths{right:50%}.row .x-large-pull-four-twelfths,.row .x-large-pull-one-third,.row .x-large-pull-two-sixths{right:33.3332%}.row .x-large-pull-eight-twelfths,.row .x-large-pull-four-sixths,.row .x-large-pull-two-thirds{right:66.6665%}.row .x-large-pull-one-fourth,.row .x-large-pull-three-twelfths,.row .x-large-pull-two-eighths{right:25%}.row .x-large-pull-nine-twelfths,.row .x-large-pull-six-eighths,.row .x-large-pull-three-fourths{right:75%}.row .x-large-pull-one-fifth,.row .x-large-pull-two-tenths{right:20%}.row .x-large-pull-four-tenths,.row .x-large-pull-two-fifths{right:40%}.row .x-large-pull-six-tenths,.row .x-large-pull-three-fifths{right:60%}.row .x-large-pull-eight-tenths,.row .x-large-pull-four-fifths{right:80%}.row .x-large-pull-one-sixth,.row .x-large-pull-two-twelfths{right:16.6665%}.row .x-large-pull-five-sixths,.row .x-large-pull-ten-twelfths{right:83.3332%}.row .x-large-pull-one-eighth{right:12.5%}.row .x-large-pull-three-eighths{right:37.5%}.row .x-large-pull-five-eighths{right:62.5%}.row .x-large-pull-seven-eighths{right:87.5%}.row .x-large-pull-one-tenth{right:10%}.row .x-large-pull-three-tenths{right:30%}.row .x-large-pull-seven-tenths{right:70%}.row .x-large-pull-nine-tenths{right:90%}.row .x-large-pull-one-twelfth{right:8.3332%}.row .x-large-pull-five-twelfths{right:41.6665%}.row .x-large-pull-seven-twelfths{right:58.332%}.row .x-large-pull-eleven-twelfths{right:91.6665%}.row .x-large-pull-golden-small{right:38.2716%}.row .x-large-pull-golden-x-large{right:61.7283%}.row .x-large-pull-none{right:auto}.row .x-large-offset-five-tenths,.row .x-large-offset-four-eights,.row .x-large-offset-half,.row .x-large-offset-six-twelfths,.row .x-large-offset-three-sixths,.row .x-large-offset-two-fourths{margin-left:50%}.row .x-large-offset-four-twelfths,.row .x-large-offset-one-third,.row .x-large-offset-two-sixths{margin-left:33.3332%}.row .x-large-offset-eight-twelfths,.row .x-large-offset-four-sixths,.row .x-large-offset-two-thirds{margin-left:66.6665%}.row .x-large-offset-one-fourth,.row .x-large-offset-three-twelfths,.row .x-large-offset-two-eighths{margin-left:25%}.row .x-large-offset-nine-twelfths,.row .x-large-offset-six-eighths,.row .x-large-offset-three-fourths{margin-left:75%}.row .x-large-offset-one-fifth,.row .x-large-offset-two-tenths{margin-left:20%}.row .x-large-offset-four-tenths,.row .x-large-offset-two-fifths{margin-left:40%}.row .x-large-offset-six-tenths,.row .x-large-offset-three-fifths{margin-left:60%}.row .x-large-offset-eight-tenths,.row .x-large-offset-four-fifths{margin-left:80%}.row .x-large-offset-one-sixth,.row .x-large-offset-two-twelfths{margin-left:16.6665%}.row .x-large-offset-five-sixths,.row .x-large-offset-ten-twelfths{margin-left:83.3332%}.row .x-large-offset-one-eighth{margin-left:12.5%}.row .x-large-offset-three-eighths{margin-left:37.5%}.row .x-large-offset-five-eighths{margin-left:62.5%}.row .x-large-offset-seven-eighths{margin-left:87.5%}.row .x-large-offset-one-tenth{margin-left:10%}.row .x-large-offset-three-tenths{margin-left:30%}.row .x-large-offset-seven-tenths{margin-left:70%}.row .x-large-offset-nine-tenths{margin-left:90%}.row .x-large-offset-one-twelfth{margin-left:8.3332%}.row .x-large-offset-five-twelfths{margin-left:41.6665%}.row .x-large-offset-seven-twelfths{margin-left:58.332%}.row .x-large-offset-eleven-twelfths{margin-left:91.6665%}.row .x-large-offset-golden-small{margin-left:38.2716%}.row .x-large-offset-golden-x-large{margin-left:61.7283%}.row .x-large-offset-none{margin-left:0}}
/* typography */
button,html,input,select,textarea{color:#515151}body{font-family:"Droid Sans",Helvetica,Arial,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;text-align:left}a,a:active,a:visited{outline:0;text-decoration:none;-webkit-transition:.2s ease-in-out all;transition:.2s ease-in-out all}a{color:#333}a:hover{color:#005596;outline:0}a:active{color:#005596}.touch a,.touch a:hover{text-decoration:none}abbr,acronym,dfn[title]{border-bottom:1px dotted #999;cursor:help}abbr a{text-decoration:none}acronym{text-transform:uppercase}blockquote{border-left:.375rem solid #efefef;font:italic 1.333rem Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;padding-left:1rem}blockquote p{margin:0}blockquote p+p{margin-top:1.5rem}blockquote cite{color:#777;font:italic .75rem Arial,Helvetica,sans-serif}blockquote cite:before{content:"\2014 \0020"}blockquote cite a{color:#777}blockquote.blockquote-reverse{border-left:0 none;border-right:.375rem solid #efefef;padding-left:0;padding-right:1rem;text-align:right}caption,p,table,td,textarea,th{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}dl dt{color:#222;font-weight:700}dl dd{margin:0}del{color:#777;text-decoration:line-through}details{cursor:pointer}cite,em,i{font-style:italic}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#222;font-weight:700}.h1,h1{font-size:1.5rem;line-height:1}.h2,h2{font-size:1.35rem;line-height:1.2}.h3,h3{font-size:1.3rem;line-height:1.4}.h4,h4{font-size:1.2rem;line-height:1.5}.h5,h5{font-size:.875rem;line-height:1.71429}.h6,h6{font-size:.75rem;line-height:2}@media only screen and (min-width:768px){.h1,h1{font-size:2rem;line-height:1.5}.h2,h2{font-size:1.5rem;line-height:1}.h3,h3{font-size:1.25rem;line-height:1.2}.h4,h4{font-size:1.3rem;line-height:1.5}.h5,h5{font-size:1rem;line-height:1.5}.h6,h6{font-size:.875rem;line-height:1.71429}}@media only screen and (min-width:960px){.h1,h1{font-size:2.25rem;line-height:1.33333}.h2,h2{font-size:1.875rem;line-height:1.6}.h3,h3{font-size:1.5rem;line-height:1}.h4,h4{font-size:1.3rem;line-height:1.5}.h5,h5{font-size:1rem;line-height:1.5}.h6,h6{font-size:.875rem;line-height:1.71429}}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:65%;line-height:1}hr{border:0;border-bottom:1px solid #dfe1e1;margin:1rem 0}hr.symbol{border:0;height:1.333rem;margin:0 0 1rem;padding:1rem 0}hr.symbol:before{border:0;color:#222;content:"⁂";display:block;font-size:1.333rem;line-height:1;text-align:center;width:100%}ins,mark{background:#ff9;color:#222;text-decoration:none}nav ol,nav ul{margin:0;padding:0;list-style:none}ol{list-style:decimal}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ul{list-style:disc}ul ul{list-style:circle}ul ul ul{list-style:square}ul ul ul ul{list-style:decimal-leading-zero}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.no-list{list-style:none;margin:0;padding:0}.lined-list li{border-bottom:1px solid #dfe1e1;padding-bottom:.25rem;padding-top:.25rem}.lined-list li li,.lined-list li.last-child,.lined-list li:last-child{border-bottom:none}.inline-list{display:block;margin-left:0}.inline-list li{display:inline;margin-right:1.5rem}.inline-list li.last-child,.inline-list li:last-child{margin-right:0}.lined-list.inline-list li{margin-right:.75rem}.lined-list.inline-list li:after{color:#dfe1e1;content:"|";margin-left:.75rem}.lined-list.inline-list li.last-child:after,.lined-list.inline-list li:last-child:after{content:""}.run-in{color:#222;float:left;font-size:1rem;font-weight:700;letter-spacing:2px;margin:0;margin-right:.317rem;text-transform:uppercase}.small,small{display:inline-block;font-size:.75em;line-height:1.75}.micro{font-size:.625rem;line-height:2.4}.small-caps{font-family:inherit;font-size:1.125rem;font-weight:700;letter-spacing:2px;line-height:inherit;text-transform:uppercase}sub,sup{font-size:.75rem}sup{top:-.475rem}sub{bottom:-.238rem}var{font-style:normal}.breakword{word-wrap:break-word}.normal-wrap{word-wrap:normal}.inherit-wrap{word-wrap:auto}.drop-cap:first-letter{background:0 0;color:#222;float:left;font:700 4.209rem Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;line-height:1;margin:auto .75rem auto auto;padding:inherit;text-indent:0;text-transform:uppercase}p+.drop-cap{margin-top:0;text-indent:0}
/* buttons */
.button{background-color:#0970ae;border:1px solid transparent;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:107%;height:2.15em;line-height:2.15;margin:0;overflow:visible;padding:0 .75em;text-align:center;text-decoration:none;-webkit-transition:.2s ease-in-out all;transition:.2s ease-in-out all;vertical-align:middle;white-space:nowrap;text-transform:uppercase}.button.tighten{padding:0 .4em}.button,.button:active,.button:focus,.button:hover,.button:visited{text-decoration:none}.button:focus,.button:hover{box-shadow:0 0 5px rgba(0,0,0,.5)}.button:hover{color:#fff}.button:active{box-shadow:0 0 5px rgba(0,0,0,.5) inset;outline:0 none}.bg-transparent.button:active,.bg-transparent.button:focus,.bg-transparent.button:hover{box-shadow:none;outline:0 none}.button::-moz-focus-inner{border:0;padding:0}.button.disabled,.button[disabled]{box-shadow:none;color:#777;cursor:not-allowed;opacity:.5;text-shadow:none}.button [data-icon]{margin-right:.5em}.button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.button-xlarge{height:2.5rem;line-height:2.5rem;padding-right:1.25rem;padding-left:1.25rem;width:auto;min-width:6rem;font-size:1.25rem}.button-block{display:block;padding-right:0;padding-left:0;width:100%}.button-xlarge.button-cancel{min-width:0;font-size:1.5rem;padding-left:.5rem;padding-right:.5rem}.major-button-wrap .button-xlarge{height:3.5rem;line-height:3.5rem}.button-auto{height:auto;line-height:1.25;padding-top:.5rem;padding-bottom:.5rem}.button-small-font{font-size:.75rem}.button-normal-font{font-size:1rem}.button-large-font{font-size:2rem}.button-hollow{background:0 0}.button-square{border-radius:0}.button-pill{border-radius:5em}.button-inline{font-size:inherit;height:auto;line-height:inherit;padding-right:.5em;padding-left:.5em;vertical-align:baseline}@media only screen and (min-width:480px){.x-small-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.x-small-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.x-small-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.x-small-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:640px){.small-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.small-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.small-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.small-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:768px){.medium-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.medium-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.medium-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.medium-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:960px){.large-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.large-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.large-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.large-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:1170px){.x-large-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.x-large-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.x-large-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.x-large-button-block{display:block;padding-right:0;padding-left:0;width:100%}}
/* fonts */
/* @font-face{font-family:ElegantIcons;src:url(fonts/ElegantIcons.eot);src:url(fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(fonts/ElegantIcons.woff) format('woff'),url(fonts/ElegantIcons.ttf) format('truetype'),url(fonts/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?mshmb2);src:url(fonts/icomoon.eot?mshmb2#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?mshmb2) format('truetype'),url(fonts/icomoon.woff?mshmb2) format('woff'),url(fonts/icomoon.svg?mshmb2#icomoon) format('svg');font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon);font-family:ElegantIcons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}[data-icon=network]:before{font-family:icomoon!important;font-size:120%;content:"\e900"}[data-icon=restaurant]:before{font-family:icomoon!important;font-size:120%;content:"\e901"}[data-icon=client-transfer]:before{font-family:icomoon!important;content:"\e902"} */
/* fonts */
@font-face {
font-family: ElegantIcons;
src : url(fonts/ElegantIcons.eot);
src : url(fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'), url(fonts/ElegantIcons.woff) format('woff'), url(fonts/ElegantIcons.ttf) format('truetype'), url(fonts/ElegantIcons.svg#ElegantIcons) format('svg');
font-weight: 400;
font-style : normal
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?uuqwgm');
src: url('fonts/icomoon.eot?uuqwgm#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?uuqwgm') format('truetype'),
url('fonts/icomoon.woff?uuqwgm') format('woff'),
url('fonts/icomoon.svg?uuqwgm#icomoon') format('svg');
font-weight: 400;
font-style: normal;
}
[data-icon]:before {
content : attr(data-icon);
font-family : ElegantIcons;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant : normal;
font-weight : 400;
line-height : 1;
speak : none;
text-transform : none
}
[data-icon=clientlist]:before,
[data-icon=communicate]:before,
[data-icon=goals]:before,
[data-icon=groups]:before,
[data-icon=measurements]:before,
[data-icon=plan]:before,
[data-icon=professionals]:before,
[data-icon=profile--white]:before,
[data-icon=profile]:before,
[data-icon=question]:before,
[data-icon=wallet]:before,
[data-icon=network]:before,
[data-icon=restaurant]:before,
[data-icon=client-transfer]:before,
[data-icon=assessment]:before,
[data-icon=fitness]:before,
[data-icon=in-person]:before,
[data-icon=facility]:before,
[data-icon=location]:before,
[data-icon=journal]:before,
[data-icon=mental-health]:before,
[data-icon=nutrition]:before,
[data-icon=agenda]:before,
[data-icon=link]:before,
[data-icon=todo]:before,
[data-icon=schedule]:before,
[data-icon=physical-therapy]:before,
[data-icon=virtual]:before,
[data-icon=online]:before,
[data-icon=email]:before,
[data-icon=wellness]:before {
font-family: icomoon !important;
}
[data-icon=clientlist]:before {
content: "\e900";
}
[data-icon=communicate]:before {
content: "\e901";
}
[data-icon=goals]:before {
content: "\e902";
}
[data-icon=groups]:before {
content: "\e903";
}
[data-icon=measurements]:before {
content: "\e904";
}
[data-icon=plan]:before {
content: "\e905";
}
[data-icon=professionals]:before {
content: "\e906";
}
[data-icon=profile]:before,
[data-icon=profile--white]:before {
content: "\e907";
}
[data-icon=question]:before {
content: "\e908";
}
[data-icon=wallet]:before {
content: "\e909";
}
[data-icon=network]:before {
content: "\e90a";
}
[data-icon=restaurant]:before {
content: "\e90b";
}
[data-icon=client-transfer]:before {
content: "\e90c";
}
[data-icon=assessment]:before {
content: "\e90d";
}
[data-icon=fitness]:before {
content: "\e90e";
}
[data-icon=in-person]:before,
[data-icon=facility]:before,
[data-icon=location]:before {
content: "\e90f";
}
[data-icon=journal]:before {
content: "\e910";
}
[data-icon=mental-health]:before {
content: "\e911";
}
[data-icon=nutrition]:before {
content: "\e912";
}
[data-icon=agenda]:before,
[data-icon=todo]:before {
content: "\e913";
}
[data-icon=schedule]:before {
content: "\e914";
}
[data-icon=physical-therapy]:before {
content: "\e915";
}
[data-icon=virtual]:before,
[data-icon=online]:before {
content: "\e916";
}
[data-icon=wellness]:before {
content: "\e917";
}
/*[data-icon=link]:before {
content: "\1F517";
}*/
.icon-link:before {
content: "\e9cb";
}
[data-icon=link]:before {
content: "\e9cb";
}
/* forms */
.form-row{clear:both;display:block;margin-bottom:.5rem}button,html input[type=button],input[type=checkbox],input[type=checkbox]+label,input[type=file],input[type=image],input[type=radio],input[type=radio]+label,input[type=reset],input[type=submit],select{cursor:pointer}fieldset{border:0;min-width:0;padding:0}fieldset>.last-child,fieldset>:last-child{margin-bottom:0}@media only screen and (min-width:768px){fieldset{font-size:1.125rem}}.fieldset-border{border:1px solid #dfe1e1;padding:1rem}input[type=checkbox],input[type=image],input[type=radio]{display:inline-block;width:auto}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{border:1px solid #dfe1e1;border-radius:0;display:block;font-family:inherit;font-size:90%;height:2em;line-height:1.5em;outline:0 none;padding:0 .5rem;vertical-align:middle;width:100%}select{padding-right:0}input.input-medium,select.input-medium{height:3em;line-height:3}input.input-block,input.input-large,select.input-large{height:4em;line-height:4}input.input-small-font,select.input-small-font{font-size:.75rem}input.input-normal-font,select.input-normal-font{font-size:1rem}input.input-large-font,select.input-large-font{font-size:2rem}@media screen and (min-width:480px){input.x-small-input-medium,select.x-small-input-medium{height:3em;line-height:3}input.x-small-input-block,input.x-small-input-large,select.x-small-input-large{height:4em;line-height:4}input.x-small-input-small-font,select.x-small-input-small-font{font-size:.75rem}input.x-small-input-normal-font,select.x-small-input-normal-font{font-size:1rem}input.x-small-input-large-font,select.x-small-input-large-font{font-size:2rem}}@media screen and (min-width:640px){input.small-input-medium,select.small-input-medium{height:3em;line-height:3}input.small-input-block,input.small-input-large,select.small-input-large{height:4em;line-height:4}input.small-input-small-font,select.small-input-small-font{font-size:.75rem}input.small-input-normal-font,select.small-input-normal-font{font-size:1rem}input.small-input-large-font,select.small-input-large-font{font-size:2rem}}@media screen and (min-width:768px){input.medium-input-medium,select.medium-input-medium{height:3em;line-height:3}input.medium-input-block,input.medium-input-large,select.medium-input-large{height:4em;line-height:4}input.medium-input-small-font,select.medium-input-small-font{font-size:.75rem}input.medium-input-normal-font,select.medium-input-normal-font{font-size:1rem}input.medium-input-large-font,select.medium-input-large-font{font-size:2rem}}@media screen and (min-width:980px){input.large-input-medium,select.large-input-medium{height:3em;line-height:3}input.large-input-block,input.large-input-large,select.large-input-large{height:4em;line-height:4}input.large-input-small-font,select.large-input-small-font{font-size:.75rem}input.large-input-normal-font,select.large-input-normal-font{font-size:1rem}input.large-input-large-font,select.large-input-large-font{font-size:2rem}}@media screen and (min-width:1170px){input.x-large-input-medium,select.x-large-input-medium{height:3em;line-height:3}input.x-large-input-block,input.x-large-input-large,select.x-large-input-large{height:4em;line-height:4}input.x-large-input-small-font,select.x-large-input-small-font{font-size:.75rem}input.x-large-input-normal-font,select.x-large-input-normal-font{font-size:1rem}input.x-large-input-large-font,select.x-large-input-large-font{font-size:2rem}}.input-block{display:block}input.all-hidden{display:none}input.required:required:valid,textarea.required:required:valid{border-color:#2ecc40}input.required:focus:invalid,textarea.required:focus:invalid{border-color:#ff4136}input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{box-shadow:inset .1rem .1rem .238rem hsla(0,0%,0%,.15);outline:0 none}input[type=file]{cursor:pointer;max-width:100%}input[type=search]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=color][disabled],input[type=date][disabled],input[type=datetime-local][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],select[disabled],textarea[disabled]{background-color:#eaeded;cursor:not-allowed;opacity:1}input:not([type])[disabled]{background-color:#eaeded;color:#cad2d3;cursor:not-allowed}input[readonly],select[readonly],textarea[readonly]{background:#eaeded}input:-moz-placeholder,textarea:-moz-placeholder{color:#8a7b7b;font-size:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:#8a7b7b;font-size:inherit}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8a7b7b;font-size:inherit;line-height:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8a7b7b;font-size:inherit;line-height:inherit}legend{border:0;color:#222;font-weight:700;padding:0}.fieldset-border legend{background:#fff;margin:0;padding:0 .356rem}select{background:#f8f8f8;color:#838383}select:focus{outline:1px dotted #222}@-moz-document url-prefix(){select{max-height:4rem}}textarea{height:5em;resize:vertical}.inline-labeling label{width:auto}@media (min-width:960px){.inline-labeling{font-size:1rem}.inline-labeling label{display:inline-block;margin-right:.5em;text-align:right;vertical-align:middle;width:32%}.inline-labeling input[type=date],.inline-labeling input[type=datetime-local],.inline-labeling input[type=datetime],.inline-labeling input[type=email],.inline-labeling input[type=month],.inline-labeling input[type=number],.inline-labeling input[type=password],.inline-labeling input[type=search],.inline-labeling input[type=tel],.inline-labeling input[type=text],.inline-labeling input[type=time],.inline-labeling input[type=url],.inline-labeling input[type=week],.inline-labeling select,.inline-labeling textarea{display:inline-block;vertical-align:middle;width:65%}.inline-labeling textarea{vertical-align:top}.inline-labeling input:not([type]){display:inline-block;vertical-align:middle;width:65%}}
/* tables */
table{empty-cells:show;max-width:100%;width:100%}table caption{font-weight:700;font-style:italic;padding-bottom:.317rem}table tfoot td,table th{color:#222;font-weight:700;text-align:left}table tfoot td,table thead th{background-color:#efefef}table td,table th{overflow:visible;padding:.633rem;vertical-align:top}.table-border{border:1px solid #d0d0d0}.table-border-all td,.table-border-all th{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0}.table-border-rows td,.table-border-rows th{border-top:1px solid #d0d0d0}.table-border.border-all thead:first-child tr:first-child td,.table-border.border-all thead:first-child tr:first-child th,.table-border.border-rows thead:first-child tr:first-child td,.table-border.border-rows thead:first-child tr:first-child th{border-top:0}.table-.border-all tr th:first-child,.table-border-all tr td:first-child{border-left:0}.table-border-all thead:first-child tr:first-child th,.table-border-all tr:first-child th{border-top:0}.table-border-rows tr.last-child td,.table-border-rows tr:last-child td{border-bottom:1px solid #d0d0d0}.table-stripe tbody>tr:nth-child(odd)>td{background:#f8f8f8}@media (max-width:480px){.mobile-table{font-size:.875rem;min-width:100%}.mobile-table th,.mobile-table thead{display:none}.mobile-table tr td:last-child{border-bottom:10px solid #ddd}.mobile-table td{display:block}.mobile-table td:first-child{padding-top:.5rem}.mobile-table td:last-child{padding-bottom:.5rem}.mobile-table td:before{content:attr(data-th) ": ";display:inline-block;font-weight:700;width:8rem}}
/* colors */
.bg-navy{background-color:#001f3f}.bg-blue,.bg-primary{background-color:#0970ae}.bg-secondary,.bg-sky{background-color:#0ca7e9}.bg-aqua{background-color:#7fdbff}.bg-teal{background-color:#39cccc}.bg-olive{background-color:#3d9970}.bg-green{background-color:#2ecc40}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffdc00}.bg-orange,.bg-tertiary{background-color:#f36618}.bg-red{background-color:#f42434}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#731e11}.bg-white{background-color:#fff}.bg-charcoal{background-color:#232323}.bg-gray{background-color:#aaa}.bg-light-gray{background-color:#efefef}.bg-silver{background-color:#ddd}.bg-black{background-color:#111}.bg-transparent,.bg-transparent:hover{background-color:transparent}.bg-light-yellow{background-color:#fffcca}.bg-light-blue{background-color:#d9f7ff}.bg-light-green{background-color:#e1ffd5}.button.bg-navy:hover{background-color:#002a53}.button.bg-blue:hover,.button.bg-primary:hover{background-color:#03549b}.button.bg-secondary:hover,.button.bg-sky:hover{background-color:#0970ae}.button.bg-aqua:hover{background-color:#75cceb;color:#333}.button.bg-teal:hover{background-color:#33b8b8;color:#333}.button.bg-olive:hover{background-color:#358562}.button.bg-green:hover{background-color:#29b839}.button.bg-lime:hover{background-color:#01eb68;color:#333}.button.bg-yellow:hover{background-color:#ebcc00;color:#333}.button.bg-orange:hover,.button.bg-tertiary:hover{background-color:#ed5f11}.button.bg-red:hover{background-color:#e82532}.button.bg-fuchsia:hover{background-color:#dc10b1}.button.bg-purple:hover{background-color:#9d0bb5}.button.bg-maroon:hover{background-color:#872314}.button.bg-white:hover{background-color:#ebebeb;color:#333}.button.bg-charcoal:hover{background-color:#111}.button.bg-gray:hover{background-color:#969696}.button.bg-silver:hover{background-color:#c9c9c9;color:#333}.button.bg-black:hover{background-color:#333}.button.hover-orange.active,.button.hover-orange:hover{background-color:#f36618}.border-navy{border-color:#001f3f}.border-blue{border-color:#0970ae}.border-sky{border-color:#0ca7e9}.border-aqua{border-color:#7fdbff}.border-teal{border-color:#39cccc}.border-olive{border-color:#3d9970}.border-green{border-color:#2ecc40}.border-lime{border-color:#01ff70}.border-yellow{border-color:#ffdc00}.border-orange{border-color:#f36618}.border-red{border-color:#f42434}.border-fuchsia{border-color:#f012be}.border-purple{border-color:#b10dc9}.border-maroon{border-color:#731e11}.border-white{border-color:#fff}.border-charcoal{border-color:#232323}.border-gray{border-color:#aaa}.border-silver{border-color:#ddd}.border-black{border-color:#111}.border-transparent{border-color:transparent}.navy{color:#001f3f}.blue,.text-primary{color:#0970ae}.sky,.text-secondary{color:#0ca7e9}.aqua{color:#7fdbff}.teal{color:#39cccc}.olive{color:#3d9970}.green{color:#2ecc40}.lime{color:#01ff70}.yellow{color:#ffdc00}.orange,.text-tertiary{color:#f36618}.error,.red,.red a{color:#f42434}.fuchsia{color:#f012be}.purple{color:#b10dc9}.maroon{color:#731e11}.white{color:#fff}.charcoal{color:#232323}.dark-gray{color:#515151}.gray{color:#aaa}.silver{color:#ddd}.black{color:#111}.transparent{color:transparent}.facebook{color:#3b5998}.googleplus{color:#dd4b39}.instagram{color:#517fa4}.linkedin{color:#007bb6}.pinterest{color:#cb2027}.twitter{color:#00aced}.youtube{color:#b00}.bg-facebook{background-color:#3b5998}.bg-googleplus{background-color:#dd4b39}.bg-instagram{background-color:#517fa4}.bg-linkedin{background-color:#007bb6}.bg-pinterest{background-color:#cb2027}.bg-twitter{background-color:#00aced}.bg-youtube{background-color:#b00}.bg-facebook:hover,.bg-googleplus:hover,.bg-instagram:hover,.bg-linkedin:hover,.bg-pinterest:hover,.bg-twitter:hover,.bg-youtube:hover{box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff}
/* helpers */
.bold,.required{font-weight:700}.italic{font-style:italic}.normal{font-weight:400}.lighter{font-weight:300}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.underline,a.underline{text-decoration:underline;cursor:pointer}.underline:hover,a.underline:hover{text-decoration:none}.pointer{cursor:pointer}.addpr{padding-right:1em}.align-center{text-align:center}.align-justify{text-align:justify}.align-left{text-align:left}.align-right{text-align:right}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.vertical-align-parent{-webkit-transform-style:preserve-3d}.vertical-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ie8 .vertical-align{display:table-cell;vertical-align:middle}@media only screen and (min-width:360px){.tiny-align-left{text-align:left}.tiny-align-right{text-align:right}.tiny-align-center{text-align:center}}@media only screen and (min-width:480px){.x-small-align-center{text-align:center}.x-small-align-justify{text-align:justify}.x-small-align-left{text-align:left}.x-small-align-right{text-align:right}.x-small-align-baseline{vertical-align:baseline}.x-small-align-bottom{vertical-align:bottom}.x-small-align-middle{vertical-align:middle}.x-small-align-top{vertical-align:top}}@media only screen and (min-width:480px){.small-align-center{text-align:center}.small-align-justify{text-align:justify}.small-align-left{text-align:left}.small-align-right{text-align:right}.small-align-baseline{vertical-align:baseline}.small-align-bottom{vertical-align:bottom}.small-align-middle{vertical-align:middle}.small-align-top{vertical-align:top}}@media only screen and (min-width:640px){.small-normal{font-weight:400}.small-medium-align-left{text-align:left}.small-medium-align-right{text-align:right}.small-medium-align-center{text-align:center}}@media only screen and (min-width:768px){.medium-align-center{text-align:center}.medium-align-justify{text-align:justify}.medium-align-left{text-align:left}.medium-align-right{text-align:right}.medium-align-baseline{vertical-align:baseline}.medium-align-bottom{vertical-align:bottom}.medium-align-middle{vertical-align:middle}.medium-align-top{vertical-align:top}.medium-normal{font-weight:400}}@media only screen and (min-width:960px){.large-align-center{text-align:center}.large-align-justify{text-align:justify}.large-align-left{text-align:left}.large-align-right{text-align:right}.large-align-baseline{vertical-align:baseline}.large-align-bottom{vertical-align:bottom}.large-align-middle{vertical-align:middle}.large-align-top{vertical-align:top}.large-normal{font-weight:400}}@media only screen and (min-width:1170px){.x-large-align-center{text-align:center}.x-large-align-justify{text-align:justify}.x-large-align-left{text-align:left}.x-large-align-right{text-align:right}.x-large-align-baseline{vertical-align:baseline}.x-large-align-bottom{vertical-align:bottom}.x-large-align-middle{vertical-align:middle}.x-large-align-top{vertical-align:top}}.clear{clear:both}.clear-height{height:auto!important;line-height:normal!important}.float-left{float:left}.float-none{float:none}.float-right{float:right}@media only screen and (min-width:480px){.x-small-float-left{float:left}.x-small-float-none{float:none}.x-small-float-right{float:right}}@media only screen and (min-width:640px){.small-float-left{float:left}.small-float-none{float:none}.small-float-right{float:right}}@media only screen and (min-width:768px){.medium-float-left{float:left}.medium-float-none{float:none}.medium-float-right{float:right}}@media only screen and (min-width:960px){.large-float-left{float:left}.large-float-none{float:none}.large-float-right{float:right}}@media only screen and (min-width:1170px){.x-large-float-left{float:left}.x-large-float-none{float:none}.x-large-float-right{float:right}}.img-left{float:left;margin:.2rem .75rem .75rem 0}.img-right{float:right;margin:.2rem 0 .75rem .75rem}@media only screen and (min-width:480px){.x-small-img-left{float:left;margin:.2rem .75rem .75rem 0}.x-small-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:640px){.small-img-left{float:left;margin:.2rem .75rem .75rem 0}.small-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:768px){.medium-img-left{float:left;margin:.2rem .75rem .75rem 0}.medium-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:960px){.large-img-left{float:left;margin:.2rem .75rem .75rem 0}.large-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:960px){.x-large-img-left{float:left;margin:.2rem .75rem .75rem 0}.x-large-img-right{float:right;margin:.2rem 0 .75rem .75rem}}.breaker{display:block;height:.75rem}@media only screen and (min-width:768px){.breaker{height:1.5rem}}.all-hidden{display:none;visibility:hidden}.all-shown{display:block;visibility:visible}.hide,.printshow{display:none}.show{display:block}.inline{display:inline}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}@media only screen and (min-width:360px){.tiny-all-shown{display:block;visibility:visible}.tiny-all-hidden{display:none;visibility:hidden}.tiny-hide{display:none}.tiny-show{display:block}.tiny-inline{display:inline}.tiny-inline-block{display:inline-block}.tiny-invisible{visibility:hidden}.tiny-visible{visibility:visible}}@media only screen and (min-width:480px){.x-small-all-shown{display:block;visibility:visible}.x-small-all-hidden{display:none;visibility:hidden}.x-small-hide{display:none}.x-small-show{display:block}.x-small-inline{display:inline}.x-small-inline-block{display:inline-block}.x-small-invisible{visibility:hidden}.x-small-visible{visibility:visible}}@media only screen and (min-width:640px){.small-all-shown{display:block;visibility:visible}.small-all-hidden{display:none;visibility:hidden}.small-hide{display:none}.small-show{display:block}.small-inline{display:inline}.small-inline-block{display:inline-block}.small-invisible{visibility:hidden}.small-visible{visibility:visible}}@media only screen and (min-width:768px){.medium-all-shown{display:block;visibility:visible}.medium-all-hidden{display:none;visibility:hidden}.medium-hide{display:none}.medium-show{display:block}.medium-inline{display:inline}.medium-inline-block{display:inline-block}.medium-invisible{visibility:hidden}.medium-visible{visibility:visible}}@media only screen and (min-width:960px){.large-all-shown{display:block;visibility:visible}.large-all-hidden{display:none;visibility:hidden}.large-hide{display:none}.large-show{display:block}.large-inline{display:inline}.large-inline-block{display:inline-block}.large-invisible{visibility:hidden}.large-visible{visibility:visible}}@media only screen and (min-width:1170px){.x-large-all-shown{display:block;visibility:visible}.x-large-all-hidden{display:none;visibility:hidden}.x-large-hide{display:none}.x-large-show{display:block}.x-large-inline{display:inline}.x-large-inline-block{display:inline-block}.x-large-invisible{visibility:hidden}.x-large-visible{visibility:visible}}.visuallyhidden{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;height:1px}.nowrap{white-space:nowrap}.nb,button.nb,input.nb,select.nb,textarea.nb{border:none}.ntb,button.ntb,input.ntb,select.ntb,textarea.ntb{border-top:none}.nrb,button.nrb,input.nrb,select.nrb,textarea.nrb{border-right:none}.nbb,button.nbb,input.nbb,select.nbb,textarea.nbb{border-bottom:none}.nlb,button.nlb,input.nlb,select.nlb,textarea.nlb{border-left:none}.nm{margin:0}.ntm{margin-top:0}.nrm{margin-right:0}.nbm{margin-bottom:0}.nlm{margin-left:0}@media only screen and (min-width:480px){.x-small-nm{margin:0}.x-small-ntm{margin-top:0}.x-small-nrm{margin-right:0}.x-small-nbm{margin-bottom:0}.x-small-nlm{margin-left:0}}@media only screen and (min-width:640px){.small-nm{margin:0}.small-ntm{margin-top:0}.small-nrm{margin-right:0}.small-nbm{margin-bottom:0}.small-nlm{margin-left:0}}@media only screen and (min-width:768px){.medium-nm{margin:0}.medium-ntm{margin-top:0}.medium-nrm{margin-right:0}.medium-nbm{margin-bottom:0}.medium-nlm{margin-left:0}}@media only screen and (min-width:960px){.large-nm{margin:0}.large-ntm{margin-top:0}.large-nrm{margin-right:0}.large-nbm{margin-bottom:0}.large-nlm{margin-left:0}}@media only screen and (min-width:1170px){.x-large-nm{margin:0}.x-large-ntm{margin-top:0}.x-large-nrm{margin-right:0}.x-large-nbm{margin-bottom:0}.x-large-nlm{margin-left:0}}.np{padding:0}.nbm{margin-bottom:0}.ntp{padding-top:0}.nrp{padding-right:0}.nbp{padding-bottom:0}.nlp{padding-left:0}@media only screen and (max-width:767px){.lt-md-nlp{padding-left:0}.lt-md-nrp{padding-right:0}.lt-md-alp{padding-left:.75rem}.lt-md-arp{padding-right:.75rem}}@media only screen and (max-width:639px){.lt-sm-nlp{padding-left:0}.lt-sm-nrp{padding-right:0}.lt-sm-alp{padding-left:.75rem}.lt-sm-arp{padding-right:.75rem}}@media only screen and (max-width:479px){.lt-xs-nlp{padding-left:0}.lt-xs-nrp{padding-right:0}.lt-xs-alp{padding-left:.75rem}.lt-xs-arp{padding-right:.75rem}}@media only screen and (min-width:480px){.x-small-np{padding:0}.x-small-ntp{padding-top:0}.x-small-nrp{padding-right:0}.x-small-nbp{padding-bottom:0}.x-small-nlp{padding-left:0}.x-small-padd{padding:0 .75rem}}@media only screen and (min-width:640px){.small-np{padding:0}.small-ntp{padding-top:0}.small-nrp{padding-right:0}.small-nbp{padding-bottom:0}.small-nlp{padding-left:0}}@media only screen and (min-width:768px){.medium-np{padding:0}.medium-ntp{padding-top:0}.medium-nrp{padding-right:0}.medium-nbp{padding-bottom:0}.medium-nlp{padding-left:0}}@media only screen and (min-width:960px){.large-np{padding:0}.large-ntp{padding-top:0}.large-nrp{padding-right:0}.large-nbp{padding-bottom:0}.large-nlp{padding-left:0}}@media only screen and (min-width:1170px){.x-large-np{padding:0}.x-large-ntp{padding-top:0}.x-large-nrp{padding-right:0}.x-large-nbp{padding-bottom:0}.x-large-nlp{padding-left:0}}.corners{border-radius:.25rem}.no-corners{border-radius:0}.shadows{box-shadow:0 2px 4px 0 rgba(51,51,51,.3)}.bottom-shadow{box-shadow:0 2px 4px -2px rgba(51,51,51,.2)}.text-shadow{text-shadow:1px 1px 1px rgba(51,51,51,.3)}.message{background-color:#e6e6e6;border-radius:.25rem;color:#5a6c7f;margin:1.5rem 0;padding:.75rem 1rem}.message.closable .close{color:#333;font-size:2rem;line-height:1;margin-top:-1rem;opacity:.3;position:absolute;top:50%;right:.25rem;text-decoration:none}.message br:first-child{display:none}.message ol,.message p,.message ul{margin-bottom:0}.message-info{background:#e4f4fd;border:1px solid #a8cce2;color:#407ea1}.message-success{background:#e6f4d8;border:1px solid #a5d76f;color:#61801b}.message-warning{background:#f9f9d5;border:1px solid #d6cd77;color:#7c7548}.message-error{background:#fbe3e3;border:1px solid #f7b5b7;color:#d34047}.message.browsehappy{margin:0 0 0 -300px;position:fixed;top:0;left:50%;width:600px;z-index:99999}.tag{background-color:#3f3f49;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:700;line-height:1rem;padding:.25rem .375rem;vertical-align:baseline;white-space:nowrap}.notification{background-color:#999;border-radius:1.5rem;color:#fff;font-size:.625rem;font-weight:700;line-height:1rem;padding:.25rem .5rem;text-align:center;white-space:nowrap;vertical-align:baseline}.ir{overflow:hidden;text-indent:100%;white-space:nowrap}.ir br{display:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}video{background:url(../images/slideshow_click_to_play_Placeholder.png) no-repeat;background-size:contain}audio,video{width:100%}audio:focus,video:focus{outline:1px dotted #222}embed,img,object,video{height:auto;max-width:100%}img.constrain{max-height:100%}iframe{max-width:100%}embed,object{height:100%}figcaption{font-size:.75rem;font-style:italic;margin-top:.5rem}.flex-video{height:0;overflow:hidden;margin-bottom:1rem;padding-top:1.5625rem;padding-bottom:67.5%;position:relative}.flex-video.widescreen{padding-bottom:57.25%}.flex-video.vimeo{padding-top:0}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}img{vertical-align:middle;-ms-interpolation-mode:bicubic}code,kbd,pre,samp{color:#444;font-size:.875rem;font-family:Monaco,"Lucida Sans Typewriter",Consolas,"Courier New",monospace}code{background:#f8f8f8;border:1px solid #dedede;border-radius:.178rem;margin:0;padding:.064rem .317rem;white-space:nowrap}kbd{background:#f8f8f8;border:1px solid #dedede;border-radius:.238rem;box-shadow:0 1px 0 #dedede,inset 0 0 0 1px #fff;margin-bottom:1px;padding:.064rem .317rem;position:relative;top:-1px;white-space:nowrap}pre{position:relative;overflow:auto;padding:1rem;background:#222;box-shadow:inset 0 0 .356rem hsla(0,0%,0%,.6);color:#ccc;-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;tab-size:4;white-space:pre;word-wrap:normal;word-break:normal}pre code{background:0 0;border:none;border-radius:0;color:inherit;display:block;height:100%;margin:0;overflow:auto;padding:0;white-space:pre}.tooltip{background:#111;border-radius:.25rem;color:#fff;font-size:.75rem;padding:1em;position:absolute;text-align:center;z-index:9099}.tooltip:after{border-top:12px solid #111;border-right:12px solid transparent;border-left:12px solid transparent;content:'';margin-left:-12px;position:absolute;bottom:-9px;left:50%;width:0;height:0}.tooltip.top:after{border-top-color:transparent;border-bottom:12px solid #111;top:-24px;bottom:auto}.tooltip.left:after{left:12px;margin:0}.tooltip.right:after{margin:0;right:12px;left:auto}
/* structure */
body{background-color:#f4f3f1}.header{height:4.75rem;margin:0 auto}blockquote,dl,ol,p,ul{-webkit-hyphens:none;-moz-hyphens:none;hyphens:none}.header .main-header.stuck,.header.stuck{background:#fff;box-shadow:0 2px 4px -2px rgba(51,51,51,.2);position:fixed;top:0;right:0;left:0;width:100%;z-index:1000}.main-header{z-index:1}.main-header .breaker{height:1.75rem}.main-header.stuck{padding:.5rem 0}.masthead{display:block;font-size:1rem;line-height:3}.masthead img{display:block;max-height:70px;margin:4px 0 2px}@media only screen and (min-width:768px){.masthead{font-size:1.5rem;line-height:2.667}}.masthead:hover{color:inherit}.navigation-bar{text-align:center}.main-navigation{height:0;opacity:0;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media only screen and (min-width:768px){.main-navigation{margin:0 auto;opacity:1;max-width:1170px;height:100%}.main-navigation li.medium-hide{display:none}}.main-navigation li{display:inline-block;list-style:none;margin:0;padding:0;position:relative;text-align:left;white-space:nowrap}.main-navigation li a{color:#888;display:block;line-height:4.75;padding:0 .75rem;text-decoration:none;text-transform:uppercase}.main-navigation li:hover>span a{box-shadow:inset 0 -2px 0 0 #f36618;color:#232323}@media screen and (min-width:768px) and (max-width:818px){.main-navigation li a{padding:0 .5rem}}.main-navigation li ul{display:none;margin:0;min-width:100%;padding:0;position:absolute;left:0;z-index:999}.main-navigation li:hover ul{background:#fff;border:1px solid #ddd;display:block}.main-navigation li ul li{display:block;position:relative}.main-navigation li ul li a{font-size:.75rem;line-height:3.5}.main-navigation li ul li:hover>span a{background:#efefef;box-shadow:none}.main-navigation li:hover ul ul{display:none}.main-navigation li ul li ul{display:none;position:absolute;top:0;left:100%}.main-navigation li ul li:hover>ul{display:block}.mobile-menu{-webkit-backface-visibility:hidden;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-perspective:1000;position:fixed;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;z-index:9999}.mobile-menu-bottom,.mobile-menu-top{left:0;width:100%;height:100%}.mobile-menu-top{top:-100%}.mobile-menu-top-open .mobile-menu-top{top:0}.mobile-menu-left,.mobile-menu-right{top:0;width:256px;height:100%}.mobile-menu-right{right:-256px}.mobile-menu-right-open .mobile-menu-right{right:0}.mobile-menu-bottom{bottom:-100%}.mobile-menu-bottom-open .mobile-menu-bottom{bottom:0}.mobile-menu-left{left:-256px}.mobile-menu-left-open .mobile-menu-left{left:0}.mobile-menu-header{border-bottom:1px solid #666;color:#f1f1f1;font-size:1rem;line-height:3;margin:0;overflow:hidden;padding:0 1rem;text-align:center;vertical-align:middle}.mobile-menu-header .close-mobile-menu{display:inline-block;float:right;font-size:2rem;line-height:1.5;opacity:.5;text-decoration:none;vertical-align:middle}.mobile-navigation,.wrap{-webkit-backface-visibility:hidden}.mobile-navigation{-webkit-perspective:1000}.site-overlay{background:0 0;display:none}.mobile-menu-active .site-overlay{background:rgba(0,0,0,.5);display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000}.mobile-menu-button{color:#888;font-size:3rem;line-height:1.5;padding-top:.4rem}@media only screen and (max-width:767px){.mobile-navigation-header{color:#fff;cursor:pointer;height:3.5rem;line-height:3.5rem;text-decoration:none;vertical-align:middle;text-align:center}.mobile-navigation-header a{border-right:1px solid #444;color:#fff;text-decoration:none}.mobile-navigation-search{margin:0}.mobile-navigation-search input[type=search]{border-color:transparent}.mobile-navigation-search .button [data-icon]{margin:0}.mobile-navigation{width:200%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.mobile-navigation ul{display:block;float:left;opacity:1;overflow:hidden;position:relative;table-layout:auto;-webkit-tap-highlight-color:transparent;text-align:left;-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;width:50%;height:100%;z-index:0}.mobile-navigation ul li>ul{display:none}.mobile-navigation ul li{border-bottom:1px solid #fff;display:table;overflow-x:hidden;width:100%}.mobile-navigation ul li span{border:none;color:#fff;cursor:pointer;display:block;font-size:.75rem;line-height:3.5rem;overflow:hidden;padding:0;-moz-transition:none;-webkit-transition:none;transition:none;width:100%;min-height:3.5rem}.mobile-navigation ul li span.parent{display:table-cell;width:80%}.mobile-navigation ul li span.next{border-left:1px solid #fff;display:table-cell;width:20%;text-align:center}.mobile-navigation ul li span.next:active{background:0 0}.mobile-navigation ul li span.back{max-width:none}.mobile-navigation ul li span a{background:0 0;border:0 none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:700;line-height:1.5;overflow:hidden;padding-left:1rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:normal;width:100%}.mobile-navigation ul li:hover>span a{color:#ccc}.mobile-navigation ul li:hover>ul{display:none}.mobile-navigation ul li:hover>span,.mobile-navigation ul li:hover>span a{background-color:transparent;box-shadow:none}.mobile-navigation ul li:hover>span:active{-webkit-transform:translateZ(0);transform:translateZ(0);background-color:transparent;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.mobile-navigation ul.hide{overflow:hidden;margin-left:-50%;white-space:nowrap}.mobile-navigation ul.hide li,.mobile-navigation ul.hide li span{overflow:hidden}.mobile-navigation .navigation-trail{height:3.5rem}.mobile-navigation .navigation-trail span{cursor:default;display:table-cell;font-size:.75rem;line-height:1.5;padding:0 1rem;text-align:left;text-indent:0;vertical-align:middle}}.main{padding:2rem 0}.content-item,.hdft-footer,.hdft-header,.page-title,.prod-ctgy-hdft-footer,.prod-ctgy-hdft-header{clear:both}.single-column .column-left{display:none}.category-tree{font-size:.875rem;margin-bottom:3rem}.category-tree ul li{list-style:none}.category-tree .level-1{font-weight:700;line-height:2.5;text-transform:uppercase}.category-tree .level-2,.category-tree .level-3,.category-tree .level-4{font-size:.75rem;line-height:2;padding-left:1.5rem}.category-tree .level-3{padding-left:2rem}.category-tree .level-4{padding-left:2.5rem}.category-tree a{display:block;text-decoration:none}.category-tree a span{display:inline-block;font-size:1rem}.column-right{border-left:1px solid #e5e5e5;min-height:30rem}.single-column .row .column-right{border:none;left:auto;width:100%}.page-title{border-bottom:1px solid #ddd;margin-bottom:.5rem;text-transform:uppercase}.breadcrumbs{border-bottom:1px solid #ddd;clear:both;font-size:.75rem;line-height:1.5;margin-bottom:.5rem}@media only screen and (min-width:768px){.breadcrumbs{line-height:2}}.page-title+.breadcrumbs{margin-top:-.3rem}.breadcrumbs li{display:inline-block}.breadcrumbs a{margin:0 .5rem;text-decoration:none}.breadcrumbs li:first-child a{margin-left:0}.breadcrumbs .current-item{color:#333;font-weight:700;margin:0 .5rem}.bottom-wrap{clear:both;height:0}.footer{color:#fff;padding-top:2rem}.footer a{color:#fff}.footer a:hover{color:#ccc}#footerWrap{padding:20px 0 40px}.footer-social a{background:#454545;border-radius:2rem;color:#fff;display:inline-block;font-size:1.125rem;line-height:2;margin-right:.5rem;text-align:center;vertical-align:middle;width:2rem;height:2rem}.footer-social a:hover{background:#555}.testimonial-wrap .slick-next,.testimonial-wrap .slick-prev{border:1px solid #fff;margin:0;top:0}.testimonial-wrap .slick-prev{right:2.5rem;left:auto}.testimonial-wrap .slick-next:before,.testimonial-wrap .slick-prev:before{color:#fff;font-size:1rem}.testimonial-wrap .slick-prev:before{content:'\32'}.testimonial-wrap .slick-next:before{content:'\33'}.testimonial+.testimonial{padding-top:1rem}.testimonial p{padding-left:1.5rem;margin:0}.testimonial p span{margin-right:.5rem;margin-left:-1.5rem}.disclaimers{padding:.5rem 0}.disclaimers .wrap{border-top:1px solid #fff;padding:.5rem 0}.disclaimers a{text-decoration:none}@media screen and (max-width:640px){.disclaimers{padding-bottom:4rem}.disclaimers .wrap{border:0 none;padding:0}}.mobile-footer{box-shadow:0 -2px 4px 2px rgba(51,51,51,.2);height:3rem;line-height:3rem;position:fixed;bottom:0;width:100%;z-index:4}.mobile-footer div{border-left:1px solid #fff;color:#fff;cursor:default;font-size:.75rem;height:100%;line-height:1;padding-top:.625rem}.mobile-footer div:first-child{border:none}.mobile-footer a{color:#fff;display:block;text-decoration:none}.mobile-footer span{font-size:1rem}.mobile-footer small{display:inline-block;font-size:.625rem;width:100%}.mobile-footer-links ul{width:100%;max-height:90%}.mobile-footer-links ul li{border-bottom:1px solid #666;display:table;line-height:2.5rem;width:100%}.mobile-footer-links ul li a{color:#f1f1f1;cursor:pointer;display:block;font-size:.75rem;overflow:hidden;padding:0 1rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:normal}#ui-datepicker-div{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.33);z-index:9098!important}#ui-datepicker-div .ui-datepicker-calendar a{color:#1c1c1c;text-align:center}#ui-datepicker-div .ui-datepicker-calendar a:hover{color:#0970ae}.ui-datepicker-next,.ui-datepicker-prev{color:#0970ae;font-size:22px;line-height:33px;text-align:center;cursor:pointer}.ui-datepicker-prev:after{content:'\2039'}.ui-datepicker-next:after{content:'\203A'}
/*
+-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+
=INDEX PAGE
=DASHBOARD PAGE
=PROD AND PATR PAGES
=POUT PAGE
=SRCH PAGE
=BASK PAGE
=OCST, OSEL, OPAY AND INVC PAGES
=ORDP PAGE
=ACLN PAGE
=CTUS PAGE
=NTFD PAGE
=SMAP PAGE
=TABLES - HRA Summary
*/
/*
------------------------ =ANIMATE ------------------------ */
.pulse {
-webkit-animation: pulse 4s infinite;
-moz-animation: pulse 4s infinite;
-o-animation: pulse 4s infinite;
animation: pulse 4s infinite;
}
@-moz-keyframes pulse {
0% {-moz-transform: scale(0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-moz-transform: scale(1, 1); opacity: 0.0;}
}
@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1, 1); opacity: 0.0;}
}
@keyframes pulse {
0% {scale: (0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {scale: (1, 1); opacity: 0.0;}
}
/*
------------------------ =RANDOM PIECES ------------------------ */
/* if the footer background color is too light, use dark text */
footer.light p,
.disclaimers.light p,
footer.light a,
.disclaimers.light a,
footer.light .white,
.disclaimers.light .white,
footer.light .testimonial-wrap .slick-prev:before,
footer.light .testimonial-wrap .slick-next:before {
color:#0a0a0a;
}
footer.light .testimonial-wrap .slick-prev,
footer.light .testimonial-wrap .slick-next,
.disclaimers.light .wrap {
border-color:#0a0a0a;
}
footer.light a:hover,
.disclaimers.light a:hover,
footer.light .gray,
.disclaimers.light .gray {
color:#515151;
}
footer.light .footer-social a {
color:#fff;
}
footer.light .footer-social a:hover {
color:#ccc;
}
/* we want these accessible no matter what (9/12/2016 - fix issue with cropper making buttons/links inaccessible) */
.js-open-lightbox,
.js-crop,
a.underline,
input[type="file"],
input[type="submit"] {
position:relative;
z-index:2;
}
.cropper-controls .spacer { width:.75rem; }
.cropper-controls button.cropper-control { padding:0 .5em; }
/* if multiple required-notes are added to a field, we only want to see one */
.required-note + .required-note { display:none; }
.disabled {
pointer-events: none !important;
color:#fff !important;
}
.prevent-overflow {
overflow:hidden;
}
.js-open-more-info[data-icon]:before {
margin-right:.25rem;
}
/*.popup-open {overflow:hidden !important;}
*/
/* confirm you are not a robot - solve and solution */
input#solution {
max-width:45px;
font-size:16px;
}
/* number inputs - hide the arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* error/helper/success messages */
small[class^="success-message"],
small[class^="error-message"],
small[class^="helper-message"] {
display:block;
}
.hide,
small[class^="success-message"].hide,
small[class^="error-message"].hide,
small[class^="helper-message"].hide {
display:none;
}
/* show an 'x' icon to clear a search field */
.search-field {
background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
padding-right:18px;
transition: background 0.4s;
}
.search-field.x {
background-position: right 5px center;
}
.search-field.onX {
cursor:pointer;
}
.search-field::-ms-clear {
display:none;
width:0;
height:0;
}
/* take a picture */
.wrap-take-picture {
text-align:center;
}
.take-picture {
position:relative;
display:inline-block;
background-color:#f4f3f1;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
width:540px;
height:405px;
box-shadow:0 0 25px rgba(0,0,0,.25);
}
.waiting .take-picture:after {
content:"Click to Add Picture";
position:absolute;
top:50%;
margin-top:-1.75rem;
left:0;
width:100%;
padding:1rem;
color:#fff;
background-color:rgba(0,0,0,.5);
text-align:center;
text-transform:uppercase;
text-shadow:0 0 2px rgba(0,0,0,.25);
pointer-events:none;
box-shadow:0 0 12px rgba(0,0,0,.25);
}
@media screen and (max-width:640px) {
.take-picture {
padding-top:75%;
height:0;
width:100%;
}
.waiting .take-picture:after {
padding:.5rem;
margin-top:-.75rem;
}
}
.take-picture.insurance-card {
background-image:url('../images/sample-insurance-card.png');
}
.waiting .take-picture.insurance-card:after {
content:"Click to Add Insurance Card";
}
.take-picture input[type="file"] {
display:none;
}
.take-picture input[type="file"] + label {
position:absolute;
height:100%;
width:100%;
top:0; left:0;
}
.wrap-take-picture .instructions {
max-width:540px;
margin-left:auto;
margin-right:auto;
}
/* bordered columns/comparison (created/modified) */
.bordered {
border:1px solid #515151;
}
.bordered--light {
border:1px solid #dfe1e1;
}
.bordered-right--light {
border-right:1px solid #dfe1e1;
}
@media screen and (min-width:640px) {
.small--bordered--light {
border:1px solid #dfe1e1;
}
.small--bordered-right--light {
border-right:1px solid #dfe1e1;
}
}
@media screen and (min-width:480px) {
.x-small--bordered--light {
border:1px solid #dfe1e1;
}
.x-small--bordered-right--light {
border-right:1px solid #dfe1e1;
}
}
/* bordered sections (like HIPAA policy agreement) */
.bordered-section {
border:1px solid #515151;
box-shadow:inset 0 0 8px rgba(0,0,0,.25);
padding:.75rem;
}
.bordered-section.max-section {
margin-right:0;
}
/* control visibility of client-specific items and elements */
.for-client {
display:none;
}
body.in-client .for-client {
display:block;
}
/**** Third-Level Items ****/
.row.bordered + .row.bordered,
.js-overflow-data > .row.bordered:first-child {
border-top: 1px solid #dfe1e1;
}
/**** WYSIWYG ****/
.fr-toolbar { border-top:1px solid #dfe1e1; }
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn { margin:0; }
.fr-popup { z-index:9999 !important; }
/**** ReCaptcha ****/
.g-recaptcha.center > div { margin:auto; }
/**** images ****/
/* top of dashboard pages */
.banner-main {
width:460px;
height:205px;
overflow:hidden;
}
/* side of about page and similar */
.banner-side {
width:300px;
height:400px;
overflow:hidden;
}
/* top of about page and similar */
.banner-top {
width:1900px;
height:210px;
overflow:hidden;
}
/* my profile, viewing client info, professionals */
.profile-main {
width:200px;
height:200px;
overflow:hidden;
}
/* next to user's or coach's name on dashboard */
.profile-thumb {
width:60px;
height:60px;
overflow:hidden;
}
/* facility image (manage > facilities) */
.facility-main {
width:150px;
height:200px;
overflow:hidden;
}
/* before/after pictures (manage > my profile > before & after) */
.before-after {
width:200px;
height:300px;
overflow:hidden;
}
/* slider images on homepage */
.home-slide {
height:600px;
width:1900px;
overflow:hidden;
}
/* slider in more-info section (exercises, routines, food items, etc.) */
.info-slider:not(.slick-slider) > div {
display:none;
}
.info-slider:not(.slick-slider) > div:first-child {
display:block;
}
.info-slider {
text-align:center;
}
.info-slider img {
width:100%;
}
.info-slide {
width:932px;
height:550px;
overflow:hidden;
}
/**** image previews ****/
.item.preview {
position:relative;
display:inline-block;
padding-bottom:2rem;
padding-right:1rem;
}
.item.preview:last-child {
margin-right:0;
}
.item.preview .delete-image-prep {
position:absolute;
bottom:5px;
right:20px;
}
.item.preview img {
max-height:200px;
}
/**** image resizer ****/
.image-preview > img { display:none; } /* we hide the unresizable version of the image (js gives us two by default) */
.resizable { position:relative;width:100%;min-height:350px; }
.resizable.exercise { min-height:650px; }
.flip-icon {
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
/**** image management ****/
.view-image { cursor:pointer; }
ul.manage-images.sortable {
padding:0;
margin:0;
}
ul.manage-images.sortable li.item {
border:none;
clear:none;
float:left;
width:33.33%;
padding:.5rem .5rem 1.75rem;
margin:0;
position:relative;
}
ul.manage-images.sortable li.item .dragger {
position:absolute;
bottom:0;
right:.75rem;
margin:0;
padding:0;
}
ul.manage-images.sortable li.item .delete-image-prep {
position:absolute;
bottom:0;
right:2.25rem;
margin:0;
padding:0;
}
@media screen and (max-width:767px) {
ul.manage-images.sortable li.item {
border:none;
clear:none;
width:50%;
}
}
/*@media screen and (max-width:480px) {
ul.manage-images.sortable li.item {
border:none;
clear:none;
float:none;
width:100%;
padding:.5rem 0 1.75rem;
}
}*/
/* remove border on disclaimers - using shorty footer on logged-in pages */
.no-border { border:none !important; }
/*
------------------------ =HOME PAGE ------------------------ */
.home_third {
background-size:cover;
min-height:250px;
}
.adspace {
background-image: url("../images/mod1-ctgf.jpg");
background-repeat: no-repeat;
background-position:center;
background-color:#fff;
background-size:contain;
}
@media screen and (max-width: 479px) {
.home_third {
min-height:0;
}
.adspace {
min-height:300px;
}
.home_third.short-section.padTB,
.home_third.short-section .padTB {
padding-bottom:0;
}
}
.back-to-top {
z-index:6;
}
#banner {
min-height:0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#banner .item {
position:absolute;
top: 0;
left: 0;
height: auto;
width:100%;
padding:.5rem 1rem;
display:block;
text-align:center;
opacity:0;
pointer-events:none;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#banner .item.active {
opacity:1;
pointer-events: auto;
}
#banner a {
color:inherit;
text-decoration:underline;
}
#banner a:hover {
color:#ccc;
}
#banner .close {
padding-top:.25rem;
padding-right:.75rem;
cursor:pointer;
z-index:3;
position:relative;
}
/*
------------------------ =ABOUT PAGE ------------------------ */
.no-list-style {
list-style:none;
padding-left:.75rem;
}
.no-list-style.np {
padding-left:0;
}
.no-list-style li {
padding:.25rem 0;
}
.no-list-style li:last-child {
padding-bottom:0;
}
.no-list-style li.ntp {
padding-top:0;
}
.tight-list {
padding-left:1.25rem;
}
.tight-list.smaller-text {
padding-left:1rem;
}
.tight-list li {
padding:.25rem 0;
}
.mini-list {
font-size:.8rem;
line-height:1.25;
}
.mini-list li {
padding-top:0;
}
.table-list {
padding:0;
list-style:none;
border:1px solid #dadada;
display:inline-block;
}
.table-list li {
padding:.5rem .75rem;
}
.table-list li + li {
border-top:1px solid #dadada;
}
.full-width-img {
width:100%;
}
#banner img {
width:100%;
}
/*
------------------------ =CONTACT PAGE ------------------------ */
.contact_data {
padding-left:0;
list-style:none;
}
.contact_data li {
padding-left:30px;
background-position:left center;
background-repeat:no-repeat;
}
#contact-map {
width:100%;
height:20rem;
}
/*
------------------------ =DASHBOARD PAGE ------------------------ */
.client-name {
line-height: 1;
}
.client-name .small {
display: block;
font-size: 50%;
line-height: 1;
}
img.slider-image {
width:100%;
}
.rotator img { display:none; width:100%; }
.rotator img:first-child { display:block; }
.dashboard-title {
line-height: 2;
margin-bottom: 1rem;
}
.dashboard-heading {
line-height: 2;
margin-bottom: 1rem;
}
.weight-management-content,
.caloric-management-content {
padding: 0 0.50rem;
}
.weight-management-content div,
.caloric-management-content div {
border: solid #f4f3f1;
border-width: 0 0.25rem;
margin-bottom: 0.50rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.dashboard-icons li a,
.dashboard-icons li span.unauthorized {
display: block;
font-size: 0.875rem;
text-align: center;
}
.dashboard-icons li span {
display: block;
}
.dashboard-icons li:hover,
.dashboard-icons a:hover,
.dashboard-icons li a:hover,
.dashboard-icons li .selected {
color: #f36618;
text-decoration :none;
}
.dashboard-icons .fitness,
.dashboard-icons .nutrition,
.dashboard-icons .stress,
.dashboard-icons .schedule,
.dashboard-icons .measurements,
.dashboard-icons .journal,
.dashboard-icons .role,
.dashboard-icons .facilities,
.dashboard-icons .professionals,
.dashboard-icons .profile,
.dashboard-icons .risk,
.dashboard-icons .tracking,
.dashboard-icons .plans,
.dashboard-icons .libraries,
.dashboard-icons .coach,
.dashboard-icons .admin,
.dashboard-icons .recommendations,
.dashboard-icons .wallet,
.dashboard-icons .adime
{
overflow: hidden;
text-indent: -9999px;
height: 6rem;
}
.noti{position:relative;}
.noti_bubble {
border-radius: 14px;
color: white;
font-size: 0.85em;
padding: 1px 8px;
position: absolute;
right: -2px;
top: -3px;
}
.small.noti_bubble {
right:-25px;
top:-10px;
font-weight:normal;
font-size:.8em;
border-radius:12px;
padding:0 8px;
margin:0;
}
.small.noti_bubble.second {
right:-43px;
z-index:-1;
}
@media screen and (max-width: 960px) {
.noti_bubble {
right:50%;
margin-right:-55px;
top:2px;
}
}
/* read comments */
.read {opacity:.525;}
.alert_new {
border-radius: 10px;
color: #fff;
font-size: 0.85em;
padding: 0px 7px;
display:inline-block;
line-height:1.5;
}
.alert_new.red {color:#F42434;}
/* staging area count */
.alert_new.staging-count {
display:none;
position:absolute;
margin-left:.33em;
margin-top:-.33em;
}
.alert_new.staging-count.active { display:inline-block; }
/* "tooltips" shown on page */
.tip {
font-size:.8rem;
margin-top:-1px;
line-height:1.25;
display:block;
}
.dashboard-icons .fitness,
.type-icon .fitness {
background: url('../images/dash-icon-fitness.png') no-repeat 50% 0;
}
.dashboard-icons .nutrition,
.type-icon .nutrition {
background: url('../images/dash-icon-nutrition.png') no-repeat 50% 0;
}
.dashboard-icons .stress,
.type-icon .stress {
background: url('../images/dash-icon-stress.png') no-repeat 50% 0;
}
.dashboard-icons .schedule,
.dashboard-icons .sessions {
background: url('../images/dash-icon-schedule.png') no-repeat 50% 0;
}
.dashboard-icons .measurements {
background: url('../images/dash-icon-measurements.png') no-repeat 50% 0;
}
.dashboard-icons .journal,
.dashboard-icons .clients {
background: url('../images/dash-icon-journal.png') no-repeat 50% 0;
}
.dashboard-icons .role,
.dashboard-icons .coaches {
background: url('../images/dash-icon-role.png') no-repeat 50% 0;
}
.dashboard-icons .facilities,
.dashboard-icons .organizations {
background: url('../images/dash-icon-facilities.png') no-repeat 50% 0;
}
.dashboard-icons .professionals,
.dashboard-icons .coach-profile,
.dashboard-icons .contacts {
background: url('../images/dash-icon-professionals.png') no-repeat 50% 0;
}
.dashboard-icons .profile,
.dashboard-icons .workspace,
.dashboard-icons .tools {
background: url('../images/dash-icon-profile.png') no-repeat 50% 0;
}
.dashboard-icons .risk {
background: url('../images/dash-icon-risk.png') no-repeat 50% 0;
}
.dashboard-icons .tracking,
.dashboard-icons .support {
background: url('../images/dash-icon-tracking.png') no-repeat 50% 0;
}
.dashboard-icons .plans {
background: url('../images/dash-icon-plans.png') no-repeat 50% 0;
}
.dashboard-icons .libraries,
.dashboard-icons .groups {
background: url('../images/dash-icon-libraries.png') no-repeat 50% 0;
}
.dashboard-icons .recommendations {
background: url('../images/dash-icon-recommendations.png') no-repeat 50% 0;
}
.dashboard-icons .adime {
background: url('../images/dash-icon-adime.png') no-repeat 50% 0;
}
.dashboard-icons .groups {
background: url('../images/dash-icon-groups.png') no-repeat 50% 0;
}
.dashboard-icons .wallet {
background: url('../images/dash-icon-wallet.png') no-repeat 50% 0;
}
.dashboard-icons a.selected .fitness,
.dashboard-icons a.selected .nutrition,
.dashboard-icons a.selected .stress,
.dashboard-icons a.selected .schedule,
.dashboard-icons a.selected .sessions,
.dashboard-icons a.selected .measurements,
.dashboard-icons a.selected .journal,
.dashboard-icons a.selected .role,
.dashboard-icons a.selected .facilities,
.dashboard-icons a.selected .professionals,
.dashboard-icons a.selected .profile,
.dashboard-icons a.selected .risk,
.dashboard-icons a.selected .tracking,
.dashboard-icons a.selected .plans,
.dashboard-icons a.selected .libraries,
.dashboard-icons a.selected .coach,
.dashboard-icons a.selected .admin,
.dashboard-icons a.selected .recommendations,
.dashboard-icons a.selected .wallet,
.dashboard-icons a.selected .adime {
background-position: 50% -90px;
}
.dashboard-icons a.selected .services {
background-position: center -90px;
}
@media screen and (min-width:1025px) {
.dashboard-icons a:hover .fitness,
.dashboard-icons a:hover .nutrition,
.dashboard-icons a:hover .stress,
.dashboard-icons a:hover .schedule,
.dashboard-icons a:hover .sessions,
.dashboard-icons a:hover .measurements,
.dashboard-icons a:hover .journal,
.dashboard-icons a:hover .role,
.dashboard-icons a:hover .facilities,
.dashboard-icons a:hover .professionals,
.dashboard-icons a:hover .profile,
.dashboard-icons a:hover .risk,
.dashboard-icons a:hover .tracking,
.dashboard-icons a:hover .plans,
.dashboard-icons a:hover .libraries,
.dashboard-icons a:hover .coach,
.dashboard-icons span.unauthorized:hover .measurements,
.dashboard-icons a:hover .admin,
.dashboard-icons a:hover .recommendations,
.dashboard-icons a:hover .wallet,
.dashboard-icons a:hover .adime {
background-position: 50% -90px;
}
.dashboard-icons a:hover .services {
background-position: center -90px;
}
}
/* adjusted line-height now that we have a 'go back' button */
.dashboard-icons ~ p,
p.dashboard-switcher {
/*line-height: 4.75;*/
line-height: 2;
padding-top:1.5rem;
}
/* shrink dashboard icons on mobile */
/*
@media screen and (max-width:767px) {
#js-dashboard-icons > li.column {
width:16.666%;
padding:0 .5rem;
}
#js-dashboard-icons > li > a > span {
height:80px;
background-size:80px;
background-position:center top;
}
#js-dashboard-icons > li > a.selected > span {
background-position:center bottom;
}
#js-dashboard-icons .noti_bubble {
right:0;
margin-right:0;
border-radius:100%;
font-size:10px;
padding:0;
height:22px;
width:22px;
line-height:22px;
text-align:center;
}
}
@media screen and (max-width:639px) {
#js-dashboard-icons > li > a {
font-size:.8rem;
}
#js-dashboard-icons > li > a > span {
height:60px;
background-size:60px;
}
}
@media screen and (max-width:479px) {
#js-dashboard-icons > li > a > span {
height:40px;
background-size:40px;
}
#js-dashboard-icons > li.column {
width:16.666%;
padding:0 .25rem;
}
#js-dashboard-icons > li > a {
font-size:0;
}
}
*/
.dashboard-details .dashboard-heading {
margin-bottom: 0;
}
.type-icon > span {
height:35px;
width:35px;
display:block;
margin:auto;
background-size:35px !important;
background-position:center bottom !important;
}
.select-type-icon > span {
height:60px;
width:60px;
background-size:60px !important;
background-position:center top !important;
}
.select-type-icon.active > span {
background-position:center bottom !important;
}
/* Jeff (11/24) does this do anything? there's no px in the media query */
@media screen and (max-width:479) {
.select-type-icon > span {
height:40px;
width:40px;
background-size:40px !important;
}
}
.status-icon .status {
display:inline-block;
vertical-align: top;
height:21px;
width:21px;
text-align: center;
margin-right:.25rem;
border-radius:100%;
line-height:21px;
color:#fff;
font-size:.85em;
}
@media screen and (max-width:479px) {
.status-icon .status {
float:left;
display:block;
}
}
.accordion-link,
.accordion-fake {
cursor: pointer;
line-height: 2;
margin-top: 0.25rem;
}
.accordion-content {
display: none;
padding: 1rem 0;
/*overflow: hidden;*/
}
.no-accordion-content {
padding: 1rem 0;
}
ul.bordered-list {
border: 1px solid #ababab;
padding: 1rem;
line-height:1.75em;
height:9em;
overflow:auto;
}
/*.record-measurements label {
width:65%;
text-align:left;
}*/
.record-measurements input[type="date"] {
width: 30%;
}
.record-measurements input[type="tel"] {
width: 55%;
}
.edit-measurement-dashboard label {
width: 50%;
}
.edit-measurement-dashboard input[type="tel"] {
width: 20%;
}
/*.wrap-sticky-search{height: 100%;overflow-y:scroll;display:block;}*/
/* 10/20/2016 NOTE: updated from hidden to visible to allow close/back button to show in upper-right */
#js-site-overlay { z-index:9000; }
.mobile-menu { z-index:9001; }
.mfp-bg { z-index:9002; }
.mfp-wrap {
z-index:9003;
height:100%;
top:0%;
/*overflow-x:visible !important;
overflow-y:visible !important;*/
overflow-x:hidden !important;
overflow-y:hidden !important;
}
.mfp-content {height:100%;vertical-align:top;display:block;}
.mfp-container:before {display:none;}
.search-table {
position:relative;
padding-top:1.5rem;
padding-bottom:1.5rem;
/*margin-right:-16px;*/
width:100%;
width:840px;
padding-left:30px;
padding-right:30px;
margin:0 -24px;
}
/* REMOVED 2019-07-12 - unsure why this was ever needed
.privacy-details-table {
width:99%;
}*/
.sticky-search {
position:fixed;
width:840px;
max-width:100%;
background:#fff;
z-index:1001;
top:5%;
padding:30px 30px 10px;
margin: 0px -24px;
}
.small-popupWrap.popupWrap.with-sticky {
overflow-x:hidden;
}
.small-popupWrap .sticky-search,
.small-popupWrap .search-table {
width:580px;
}
.small-popupWrap .sticky-search {
left:50%;
margin-left:-240px;
}
.sticky-search .head-row {
border-bottom:1px solid #DFE1E1;
padding-bottom:.5rem;
}
@media only screen and (max-width: 852px) {
.sticky-search:not(.in-small-popupWrap) {
width:100%;
margin:0;
left:6px;
border-right: 12px solid rgba(0, 0, 0, 0.77);
}
.search-table {
width:100%;
margin:0;
padding-left:0;
padding-right:0;
left:6px;
}
}
@media only screen and (max-width: 767px) {
.search-table {
margin-top:0px;
left:0;
}
}
@media only screen and (max-width: 492px) {
.sticky-search.in-small-popupWrap {
width:100%;
left:6px;
border-right:12px solid rgba(0,0,0,0.77);
margin:0;
}
.small-popupWrap .search-table {
width:100%;
}
}
/* old search header classes --- remove these once all lightboxes are updated to latest */
.search-table.small-header {padding-top:100px;}
.search-table.medium-header {padding-top:160px;}
.search-table.large-header {padding-top:180px;}
/* new search header classes */
.search-table.xxl-header { padding-top:265px; }
.search-table.xl-header { padding-top:225px; }
.search-table.lg-header { padding-top:195px; }
.search-table.md-header { padding-top:165px; }
.search-table.sm-header { padding-top:125px; }
.search-table.xs-header { padding-top:95px; }
@media only screen and (min-width: 360px) {
/* new search header classes */
.search-table.tiny-xxl-header { padding-top:265px; }
.search-table.tiny-xl-header { padding-top:225px; }
.search-table.tiny-lg-header { padding-top:195px; }
.search-table.tiny-md-header { padding-top:165px; }
.search-table.tiny-sm-header { padding-top:125px; }
.search-table.tiny-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 480px) {
/* old search header classes */
.search-table.phone-lg-header {
padding-top:160px;
}
.search-table.phone-xl-header {
padding-top:180px;
}
/* new search header classes */
.search-table.x-small-xxl-header { padding-top:265px; }
.search-table.x-small-xl-header { padding-top:225px; }
.search-table.x-small-lg-header { padding-top:195px; }
.search-table.x-small-md-header { padding-top:165px; }
.search-table.x-small-sm-header { padding-top:125px; }
.search-table.x-small-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 640px) {
/* old search header classes */
.search-table.mobile-sm-header {
padding-top:80px;
}
.search-table.mobile-md-plus-header {
padding-top:140px;
}
.search-table.mobile-lg-header {
padding-top:160px;
}
.search-table.mobile-xl-header {
padding-top:225px;
}
/* new search header classes */
.search-table.small-xxl-header { padding-top:265px; }
.search-table.small-xl-header { padding-top:225px; }
.search-table.small-lg-header { padding-top:195px; }
.search-table.small-md-header { padding-top:165px; }
.search-table.small-sm-header { padding-top:125px; }
.search-table.small-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 768px) {
/* old search header classes */
.search-table.mobile-md-header {
padding-top:120px;
}
.search-table.mobile-lg-header {
padding-top:200px;
}
.search-table.mobile-xl-header {
padding-top:260px;
}
/* new search header classes */
.search-table.medium-xxl-header { padding-top:265px; }
.search-table.medium-xl-header { padding-top:225px; }
.search-table.medium-lg-header { padding-top:195px; }
.search-table.medium-md-header { padding-top:165px; }
.search-table.medium-sm-header { padding-top:125px; }
.search-table.medium-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 960px) {
/* new search header classes */
.search-table.large-xxl-header { padding-top:265px; }
.search-table.large-xl-header { padding-top:225px; }
.search-table.large-lg-header { padding-top:195px; }
.search-table.large-md-header { padding-top:165px; }
.search-table.large-sm-header { padding-top:125px; }
.search-table.large-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 1170px) {
/* new search header classes */
.search-table.x-large-xxl-header { padding-top:265px; }
.search-table.x-large-xl-header { padding-top:225px; }
.search-table.x-large-lg-header { padding-top:195px; }
.search-table.x-large-md-header { padding-top:165px; }
.search-table.x-large-sm-header { padding-top:125px; }
.search-table.x-large-xs-header { padding-top:95px; }
}
.js-fitness-diary-search-header, .js-nutrition-diary-search-header {min-height:39px;}
/* Sticky Button Set in Toggle Section */
.with-sticky-footer:after {
content:"";
display:block;
height:3rem;
clear:both;
}
/* Sticky Button Set in Lightbox */
.popupWrap.popup_sticky-buttons,
.popupWrap.popup_staging-area {
height:90%;
}
.popupWrap.popup_sticky-buttons:after,
.popupWrap.popup_staging-area:after {
content:"";
display:block;
height:5rem;
clear:both;
}
.popupWrap.popup_staging-area .search-table:after {
content:"";
display:block;
height:170px;
clear:both;
}
.popupWrap .sticky-buttons-wrap,
.staging-area,
.popupWrap.with-sticks.stuck .wrap-sticks {
position:fixed;
bottom:5%;
left:0;
width:100%;
max-height:90%;
z-index:1002;
}
.popupWrap.with-sticks.stuck .wrap-sticks {
bottom:auto;
top:5%;
}
.popupWrap .sticky-buttons-wrap .list {
overflow-y:scroll;
padding-left:16px;/* to adjust for the scrollbar */
}
.popupWrap .sticky-buttons-wrap .noti,
.staging-area .noti {
margin-bottom:.5rem;
}
.popupWrap .sticky-buttons-wrap .sticky-buttons,
.staging-area .staging-area-container,
.popupWrap.with-sticks.stuck .sticks {
max-width:840px;
margin:auto;
background:#fff;
padding:12px 5px;
box-shadow:0px -3px 12px rgba(0,0,0,.15);
}
.popupWrap.with-sticks.stuck .sticks {
overflow:hidden;
padding:0 1.5rem;
max-width:824px;
transform:translateX(-8px);
}
.popupWrap.small-popupWrap .sticky-buttons-wrap .sticky-buttons,
.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
max-width:30rem;
transform:translateX(0px);
}
.popupWrap.with-sticks.stuck .replace-sticks {
display:block;
min-height:2rem;
}
.popupWrap.with-sticks:not(.stuck) .replace-sticks {
display:none;
}
.staging-area .staging-area-container {
padding:12px 0;
}
.progress-steps a:hover{ color:red;}
.popupWrap.popup_sticky-buttons.large-progress-steps:after {
content:"";
display:block;
height:10rem;
clear:both;
}
@media screen and (min-width:480px) and (max-width:767px) {
.popupWrap.popup_sticky-buttons.registration-hra:after {
content:"";
display:block;
height:10rem;
clear:both;
}
.popupWrap.popup_sticky-buttons.large-progress-steps:after {
content:"";
display:block;
height:12.5rem;
clear:both;
}
}
/*.staging-area .staging-buttons,*/
.staging-area {
min-height:0;
-webkit-transition: min-height 0.25s linear;
transition: min-height 0.25s linear;
}
.staging-area.open {
min-height:90%;
height:180px; /* this gives us a starting point to transition up from */
-webkit-transition: min-height 0.25s linear;
transition: min-height 0.25s linear;
width:840px;
left:50%;
margin-left:-420px;
overflow:hidden;
}
.staging-area.open .staging-area-container {
height:100%;
position:absolute;
width:857px; /* wider than .staging-area so we can hide the scrollbar */
bottom:0;
left:50%;
margin-left:-420px;
padding-top:100px; /* to prevent overlapping the staging header */
padding-bottom:80px; /* to prevent overlapping the staging buttons */
max-width:10000px; /* cancel out a max-width of 840 set above */
overflow-y:scroll; /* allow scrolling, scrollbar is hidden by .staging-area.open */
}
.staging-area .staging-selections {
display:none;
}
.staging-area.open .staging-selections {
display:block;
}
.staging-area.open .staging-header,
.staging-area.open .staging-buttons {
position:fixed;
top:5%;
padding:20px;
width:100%;
background:#fff;
width:840px;
z-index:2;
}
.staging-area.open .staging-buttons {
top:auto;
bottom:5%;
}
@media only screen and (max-width: 852px) {
.staging-area .staging-area-container,
.popupWrap:not(.small-popupWrap) .sticky-buttons-wrap .sticky-buttons {
margin:0 6px;
}
.popupWrap.with-sticks.stuck:not(.small-popupWrap) .sticks {
transform:translateX(0);
max-width:100%;
margin:0 6px;
padding:0 1rem;
}
.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
padding:0 1rem;
}
.popupWrap .staging-area.open,
.staging-area.open .staging-header,
.staging-area.open .staging-buttons,
.staging-area.open .staging-area-container {
width:100%;
left:0;
margin-left:0;
border-left:6px solid rgba(0, 0, 0, 0.77);
border-right:6px solid rgba(0, 0, 0, 0.77);
}
.staging-area.open .staging-area-container {
border:none !important;
width:calc(100% + 17px); /* hide scrollbars --- browsers that do not support calc() will fallback to 100% */
}
}
@media screen and (max-width:499px) {
.popupWrap.small-popupWrap .sticky-buttons-wrap .sticky-buttons {
margin:0 6px;
}
.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
max-width:100%;
margin:0 6px;
padding:0 1rem;
}
}
@media screen and (max-width:479px) {
.popupWrap.with-sticks.stuck .sticks,
.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
padding-left:.67rem;
padding-right:.67rem;
}
}
/* staging area NOT in a lightbox */
body.active-staging {
padding-bottom:112px;
}
.staging-area.on-body {
bottom:0%;
max-height:100%;
}
.staging-area.on-body.open {
min-height:100%;
width:100%;
left:0;
margin-left:0;
}
.staging-area.on-body .staging-area-container {
max-width:100%;
}
.staging-area.on-body.open .staging-area-container {
width:100%;
left:0;
margin-left:0;
}
.staging-area.on-body.open .staging-selections {
max-width:840px;
margin:auto;
}
.staging-area.on-body.open .staging-header,
.staging-area.on-body.open .staging-buttons {
position:fixed;
top:0;
left:0;
width:100%;
}
.staging-area.on-body.open .staging-buttons {
top:auto;
bottom:0;
}
/* container for popup content */
.popupWrap {
background: none repeat scroll 0% 0% #FFF;
margin: auto;
padding: 2rem 1.5rem 0;
width: auto;
max-width: 52.5rem;
position:relative;
overflow-y:scroll;
overflow-x:hidden;
height:auto;
max-height:90%;
top:5%;
bottom:5%;
}
.popupWrap:after {
content:"";
display:block;
height:2rem;
clear:both;
}
/* .small-popupWrap:after {
height:1px;
} */
.popupWrap.wrap-sticky-search {
/*height: 100%;*/
height:90%;
display:block;
}
.popupWrap.auto-height {
height:auto !important;
}
.large-popupWrap.popupWrap {
max-width:60rem;
}
.medium-popupWrap.popupWrap {
max-width:41.25rem;
}
.small-popupWrap.popupWrap {
max-width:30rem;
overflow:auto;
}
.fixed-popupWrap.popupWrap {
max-width:1102px;
}
.popupWrap .closer {
cursor:pointer;
position:fixed;
top:5%;
left:50%;
/*background-color:#fff;*/
color:#fff;
padding:7px 12px;
margin-top:-33px;
margin-left:380px;
}
.popupWrap .go-back.closer {
margin-left:333px;
font-size:.8rem;
}
.popupWrap .closer:hover {
color:#bababa;
}
.popupWrap.small-popupWrap .closer {
margin-left:200px;
}
.popupWrap.small-popupWrap .go-back.closer {
margin-left:160px;
}
.popupWrap.medium-popupWrap .closer {
margin-left:290px;
}
.popupWrap.medium-popupWrap .go-back.closer {
margin-left:250px;
}
.fullscreen .closer {
cursor: pointer;
position: fixed;
top: 5%;
left: 90%;
/*background-color:#fff;*/
color: #fff;
padding: 7px 12px;
margin-top: -33px;
margin-left: 25px;
}
@media only screen and (max-width: 860px) {
.popupWrap .closer {
top:0;
left:auto;
right:1em;
margin:0 !important;
}
.popupWrap.small-popupWrap .closer {
left:50%;
margin-left:200px !important;
}
.popupWrap.small-popupWrap .go-back.closer {
margin-left:160px !important;
}
.popupWrap.medium-popupWrap .closer {
left:50%;
margin-left:290px !important;
}
.popupWrap.medium-popupWrap .go-back.closer {
margin-left:250px !important;
}
}
@media only screen and (max-width: 767px) {
.popupWrap,
.sticky-search {
padding-left:1rem;
padding-right:1rem;
}
}
@media only screen and (max-width: 700px) {
.popupWrap.medium-popupWrap .closer {
top:0;
left:auto;
right:1em;
margin:0 !important;
}
.popupWrap.medium-popupWrap .go-back.closer {
top:0;
left:auto;
right:1em;
margin:0 !important;
}
}
@media only screen and (max-width: 479px) {
.popupWrap,
.sticky-search {
padding-left:.67rem;
padding-right:.67rem;
}
.popupWrap .closer { padding:5px 10px; }
.popupWrap.small-popupWrap .closer,
.popupWrap.small-popupWrap .go-back.closer {
left:auto;
margin-left:0 !important;
}
}
/* fix popup issues with scrolling in iOS */
/*body.popup-open {
overflow:hidden;
}*/
/*.popupWrap {
-webkit-overflow-scrolling:touch;
}*/
.measurement-row p {
line-height:100%;
margin-bottom:0;
}
.js-open-more-info,
.js-open-sub-more-info {
cursor:pointer;
font-weight:bold;
}
.js-open-daily-plan,
.js-open-weekly-plan {
cursor:pointer;
}
.js-open-more-info.normal,
.js-open-sub-more-info.normal {
font-weight:normal;
}
.forgot-password {
background: #fff;
margin: auto;
padding: 1rem;
width: auto;
max-width: 20rem;
}
/* holding area when selecting items in search */
.holding { padding:0 .75rem; }
.holding > div {
padding:.75rem;
margin:0 !important;
border:1px solid #f36618;
}
.holding .delete-from-staging { display:none; }
/* search collections field */
/* NOTE - 09/30/2016: commented-out these lines per MetaSys changes
.search-collections {
position:relative;
max-width:350px;
}
.search-collections > input[type="text"] {
display:block;
width:100%;
padding-right:34px;
}
.search-collections > button {
position:absolute;
right:0;
top:0;
height:100%;
}
*/
/* search collections field */
.search-by-collection {
position:relative;
max-width:225px;
}
.search-by-collection > input[type="text"] {
display:block;
width:100%;
padding-right:34px;
}
.search-by-collection > button {
position:absolute;
right:0;
top:0;
height:100%;
}
/* Schedule Calendar */
#js-calendar h2 {
color:#515151;
text-transform: uppercase;
font-size:1.75rem;
line-height:120%;
}
#js-calendar .fc-widget-header {
background: #efefef;
color: #515151;
text-transform: uppercase;
}
/* hide mobile calendar view when above iPhone 6 plus */
@media screen and (min-width: 737px) {
#mobile-calendar {
display:none !important;
}
}
/* hide full calendar view when on iPhone 6 plus or below */
@media screen and (max-width: 736px) {
#js-calendar > .fc-header-toolbar,
#js-calendar > .fc-view-container {
display:none !important;
}
}
@media screen and (max-width: 640px) {
#js-calendar .fc-widget-header {
font-size:.9rem;
}
#js-calendar .fc-start.fc-end .fc-content {
white-space:nowrap;
}
#js-calendar h2 {
text-transform: none;
font-size:1.5rem;
}
}
@media screen and (max-width: 479px) {
#js-calendar h2 {
font-size:1.25rem;
}
}
#js-calendar .fc-today {
background:#FFE5D5;
}
#js-calendar .fc-event {
border:none;
padding:2px 4px 1px;
margin-bottom:2px;
}
#js-calendar .fc-content {
white-space:normal;
}
#js-calendar span.event-icon {
font-size:90%;
}
#js-calendar a span.event-icon.default-plan {
position:absolute;
right:2px;
top:2px;
}
#js-calendar .fc-widget-content.fc-list-item-marker,
#js-calendar .fc-widget-content.fc-list-item-title {
position:relative;
}
#js-calendar .event-details {
display:block;
font-size:90%;
}
#js-calendar .fc-event-dot {
display:none;
}
#js-calendar .fc-list-table .fc-list-item,
#js-calendar .fc-list-table .fc-list-item td {
background-color:transparent;
}
#js-calendar .fc-list-table .fc-list-item:hover,
#js-calendar .fc-list-table .fc-list-item:hover > td {
background-color:#ccc;
}
.calendar-action-menu {
display: none;
z-index: 1000;
position: absolute;
white-space: nowrap;
overflow: hidden;
background: #eaeaea;/*E5E5E5*/
color: #515151;
padding: 0;
box-shadow:0 0 5px rgba(0,0,0,.33);
}
.calendar-action-menu li {
padding: 5px 20px;
font-size: .9rem;
cursor: pointer;
list-style-type: none;
}
.calendar-action-menu > li:hover {
background-color: #f36618;
color:#fff;
}
.calendar-action-menu li.active:hover {
background-color:#eaeaea;
color:#515151;
}
.calendar-action-menu li a {
color:inherit;
transition: none;
}
.calendar-action-menu > li:first-child {
position:relative;
}
.calendar-action-menu > li:first-child:before {
content: "";
display: block;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-top: 10px solid #515151;
position: absolute;
top: 0px;
left: 0px;
}
.calendar-action-menu.reverse > li:first-child:before {
left:auto;
right:0px;
border-right:none;
border-left: 10px solid transparent;
}
.calendar-action-menu li.active .color-plan-title {
font-weight:bold;
display:block;
padding-bottom:5px;
}
.calendar-action-menu .color-plan-options {
display:none;
padding-left:5px;
}
.calendar-action-menu .color-plan-options li {
display:inline-block;
}
.calendar-action-menu .color-plan-options li:hover {
box-shadow:0 0 5px rgba(0,0,0,.33);
}
.calendar-action-menu .color-plan-options li.remove-color {
display:block;
text-align:center;
margin-top:5px;
box-shadow:none !important;
}
.calendar-remove-event {
position:absolute;
right:7px;
top:0;
line-height:21px;
color:#fff;
font-size:20px;
font-weight:bold;
display:none;
}
.calendar-remove-event.active {
display:inline;
}
.js-search-table-section {
max-height:21rem;
overflow-y:scroll;
}
@media screen and (max-width: 639px) {
/* hide view buttons for toggling - agenda is the only view on mobile */
#js-calendar .fc-header-toolbar .fc-right {
display:none;
}
#js-calendar .fc-toolbar .fc-center {
display:block;
float:right;
}
#js-calendar .fc-toolbar .fc-center h2 {
font-size:1.25rem;
line-height:1.66;
}
}
@media screen and (max-width: 419px) {
#js-calendar .fc-toolbar .fc-center,
#js-calendar .fc-toolbar .fc-center h2 {
display:block;
float:none;
clear:both;
}
#js-calendar .fc-toolbar .fc-center {
padding-top:.5rem;
}
#js-calendar .fc-toolbar.fc-header-toolbar {
margin-bottom:.5rem;
}
}
.max-section {
max-height:30rem;
overflow-y:scroll;
overflow-x:hidden;
margin-right:-17px; /* hide scrollbar */
}
/** YouTube Videos - retain 16:9 aspect ratio no matter what screensize user is on **/
.vidWrap {
position: relative;
padding-bottom: 56.25%;
/*padding-top: 25px;*/
height: 0;
}
.vidWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.thumbnail {
position: relative;
padding-bottom: 56.25%;
/*padding-top: 25px;*/
height: 0;
width:100%;
display:block;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
/** File Uploads **/
.uploadWrap { position:relative; }
.uploadWrap input[type="file"] {
/* NOTE - 09/30/2016: commented-out these lines per MetaSys changes */
/*width:100%;*/
padding-right:30px;
}
.uploadWrap .remove-file,
.uploadWrap .delete-file {
position:absolute;
top:0;right:0;
width:24px;
height:24px;
text-align:center;
}
.uploadWrap .remove-file:before,
.uploadWrap .delete-file:before {
line-height:24px;
}
/*
#my-role-selector,
#connect-to {
background: #fff;
margin: auto;
padding: 1rem;
width: auto;
max-width: 30rem;
overflow: auto;
height: auto;
}
*/
#my-role-selector h3,
#connect-to h3 {
font-size: 24px;
color:#8c8c8c;
font-weight: bold;
margin-bottom: 10px;
}
#my-role-selector ul,
#connect-to ul,
.my-role-selector ul {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
}
#my-role-selector ul li,
#connect-to ul li,
.my-role-selector ul li {
list-style-type: none;
}
#my-role-selector input[type="submit"],
#connect-to input[type="submit"],
.my-role-selector input[type="submit"] {
background-color: #e0e0e0;
border: medium none;
display: block;
font-size: 1rem;
line-height:1.5rem;
margin: 5px 0;
padding: 3px 10px;
text-align: left;
width: 100%;
white-space:pre-wrap;
}
#my-role-selector input[type="submit"]:hover,
#connect-to input[type="submit"]:hover,
.my-role-selector input[type="submit"]:hover {
background-color: #0970ae;
color: #fff;
}
#my-role-selector input, #fancybox-login-role textarea,
#connect-to input {
font-size: 1rem;
}
.older-comments {
border: 1px solid #dfe1e1;
color: #515151;
line-height: normal;
overflow: auto;
padding: 0.50rem;
white-space: normal;
}
.older-comments p {
padding-bottom:.33rem;
}
.older-comments p:last-child {
padding-bottom:0;
}
/*
------------------------ =TRACK MY WELLNESS DASHBOARD ------------------------ */
/**** COLLECTION SEARCH ****/
.wrap-collection-search {
position:relative;
}
.wrap-collection-search button {
position:absolute;
top:0; right:0;
height:29px;
}
.wrap-collection-search input[type="text"] {
padding-right:3em;
}
/**** PIE CHART ****/
.incomplete-data {
margin-left:.33em;
position:relative;
/*color:#f42434 !important;*/
}
.incomplete-data.front-pos {
margin-left:0;
margin-right:.33em;
}
.printer-section .incomplete-data {
margin-left:0;
margin-right:.33em;
}
.pie-value {
background-color:transparent !important;
}
.pie-key,
.track-key {
display:inline-block;
vertical-align: middle;
width:20px;
height:20px;
margin-right:4px;
margin-left:8px;
}
.track-key {
width:16px;
height:16px;
}
.tracked,.not-tracked {font-size:.8rem;}
.track-key.tracked {background-color:#0970AE;}
.tracked {color:#0970AE;}
.track-key.not-tracked {background-color:#f36618;}
.not-tracked{color:#f36618;}
.js-open-journal-comment-form,
.js-open-journal-plan-details {
width:106px;
text-align: center;
}
.more-info-pic {
padding:0 .75rem .75rem 0;
float:left;
}
@media screen and (min-width:480px) {
.track-keys {display:inline;float:right;}
}
@media screen and (max-width: 640px) {
.more-info-pic {
padding:0 0 .75rem;
float:none;
}
}
/*** sorting (drag-and-drop) ***/
/* default ghost */
.sortable-ghost {
background-color:#eee;
border:1px solid #DFE1E1 !important;
max-height:40px;
overflow-y:hidden;
padding:6px 0 !important;
}
/* custom ghost */
.sortable-custom-ghost {
border:1px solid #DFE1E1 !important;
}
ul.sortable {
padding: 20px 0;
}
ul.sortable.np {
/* we need at least a little padding so items can be moved into an empty list */
padding: 5px 0 0;
}
ul.sortable li {
border-bottom:1px solid #DFE1E1;
padding-bottom:20px;
margin-bottom:20px;
clear:both;
overflow:hidden;
}
ul.sortable.subSort { padding:10px 0; }
ul.sortable.subSort li { margin-bottom:10px; }
ul.sortable li:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
ul.sortable li.no-border {
border-bottom:none;
padding-bottom:0;
}
ul.sortable.multiSort { clear:both;padding:0 0 10px; margin-bottom:10px; }
ul.sortable.multiSort li.no-border { margin-bottom:0; }
.dragger {
padding:0px 5px;
color:#333;
z-index:999;
cursor:move;
display:inline-block;
margin-right:3px;
}
.edit-item {
padding:0 5px;
margin-left:5px;
}
ul.sortable:empty:before {
/* NOTE - 09/30/2016: commented-out these lines per MetaSys changes */
/*content:'No Items Assigned';*/
font-style:italic;
padding-left:1.5rem;
}
ul.autocomplete-list {
position:absolute;
top:32px;
padding:5px 10px 10px;
margin-bottom:0;
list-style:none;
background-color:#fff;
border:1px solid #DFE1E1;
border-top:0;
max-height:180px;
overflow-y:scroll;
z-index:3;
}
ul.autocomplete-list li {
padding:3px 0;
}
/* staging area sorting */
.staging-selections ul.sortable li {
padding:0;
margin:0;
}
/*.caloric-dashboard {
padding:.4rem .75rem;
}*/
/*** Nutrition Facts ***/
.nutrition-facts {
max-width:320px;
background-color:#fff;
color:#525252;
padding:.25rem .25rem 1rem;
margin:auto;
text-align: left;
border:1px solid #333;
break-inside:avoid;
}
.nutrition-facts h5 {
color:#525252;
text-align: center;
font-size:1.9rem;
margin-bottom:0;
}
.nutrition-facts .item {
font-weight:bold;
line-height:1.25;
}
.nutrition-facts hr {
margin:0;
height:10px;
background:#333;
}
.nutrition-facts p {
font-size:.9rem;
border-bottom:3px solid #333;
margin:0;
}
.nutrition-facts p span {
float:right;
}
.nutrition-facts p.sub {
padding-left:.5rem;
}
.nutrition-facts p.sub-sub {
padding-left:1rem;
}
.nutrition-facts .row {
border-bottom:3px solid #333;
}
.nutrition-facts p.half.nrp:before {
content:"\00b7";
position:absolute;
left:-.25rem;
font-size:25px;
line-height:1;
}
.nutrition-facts p.smaller-text {
font-size:.75rem;
border-bottom:none;
}
.nutrition-facts .ingredients {
margin-top:1rem;
text-transform:lowercase;
}
.nutrition-facts .ingredients strong {
text-transform:capitalize;
}
/* precaution in case user is on a very small screen size */
@media screen and (max-width:320px) {
.nutrition-facts {
min-width:255px;
}
}
/*
------------------------ =MANAGE MY WELLNESS DASHBOARD ------------------------ */
.smaller-text {
font-size:.8rem;
}
@media screen and (min-width: 768px) {
.medium-smaller-text {
font-size:.8rem;
}
}
.larger-text {
font-size:1.25rem;
}
.larger-text.icon-only {
line-height:1.4;
}
.normal-text {
font-size:16px;
}
.popupWrap.scrolling-table-wrap {
overflow-x:hidden !important;
overflow-y:scroll !important;
min-width:50rem;
}
.popupWrap.scrolling-table-wrap .scrolling-table {
min-width:50rem;
}
.popupWrap.scrolling-table-wrap .sticky-search {
width:52.5rem;
min-width: 52.5rem;
}
.popupWrap.scrolling-table-wrap .sticky-search .breaker {
height:1.5rem;
}
/* allow scrolling tables to overflow the lightbox */
@media screen and (max-width:52rem){
.popupWrap.scrolling-table-wrap .scrolling-table {
padding-right:1rem;
}
.mfp-wrap.scrollable .mfp-content {
overflow-x:scroll;
overflow-y:hidden;
}
}
/** Facilities **/
/* added risk-section classes */
/* added nutrition-search-action classes */
.facilities-section .change-primary,
.nutrition-search-action,
.fitness-search-action {
position:absolute;
right:0;
top:0;
z-index:999;
width:100%;
}
.facilities-section input[value='primary'],
.risk-section input[value='action'],
.nutrition-search-action input,
.fitness-search-action input {
position:relative;
}
.nutrition-search-action input {
width:145px;
}
.fitness-search-action input {
width:171px;
}
.js-open-nutrition-meal-facts {
cursor:pointer;
}
/** Professionals **/
.professionals-section .js-open-professionals-add {
margin:0 auto;
display:block;
}
.professionals-section .remove-coach {
margin-bottom:20px;
overflow:hidden;
}
.engage-coach .row.head-row {
padding:0;
}
.engage-coach .row {
padding:5px 0;
}
.professionals-search form,
.professionals-search input[type='text'] {
width:auto;
display:inline-block;
}
.professionals-search .button {
margin-left:-5px;
}
.professionals-search a {
text-decoration: underline;
margin-right:10px;
}
.coach-profile {
padding-top:2rem;
padding-bottom:2rem;
}
.engage-coach input.datepicker {
max-width:10rem;
}
/*** special buttons ***/
.full-submit {
width:100%;
border:none;
}
/*** My Profile ***/
#dashboardPic {
max-width: 200px;
}
.my-contact-info .row,
.my-wellness .row,
.password-privacy .row {
margin-bottom:5px;
}
/*.my-contact-info label,
.my-wellness label {
line-height:32px;
}*/
.inline-datepicker input[type='date'],
.my-wellness input[type='text'],
.my-wellness input[type='number'],
.my-wellness input[type='date'],
.my-wellness select,
.create-edit-hra input[type='date'] {
width:10rem;
display:inline-block;
}
.profile-section span.note {
color:#b3b3b3;
}
.js-username-available {
font-size:1.2rem;
line-height:1;
vertical-align: middle;
}
/*.my-wellness .custom-radio label:before {
width:16px;
height:16px;
border-radius:8px;
margin:0 4px 0 0;
}
.my-wellness .custom-radio input[type='radio']:checked + label:before {
box-shadow: inset 0 0 0 2px #fff;
}*/
.my-wellness .dashboard.custom-radio label {
margin-right:8px;
}
.edit-privacy-summary {
border:1px solid #d9d9d9;
margin:0 20px;
padding:20px 40px 40px;
}
.key .key-box {
margin:0 5px 0 10px;
width:30px;
height:20px;
}
#privacy-details .key-box {
margin:0 5px 0 0;
}
#privacy-details span.label {
margin-right:10px;
}
.red-box {
background:#e70000;
vertical-align:middle;
display:inline-block;
}
.yellow-box {
background:#ffdb35;
vertical-align:middle;
display:inline-block;
}
.green-box {
background:#00ab04;
vertical-align:middle;
display:inline-block;
}
.empty-box {
background:transparent;
vertical-align: middle;
display:inline-block;
}
.edit-privacy-summary span.label {
display:inline-block;
vertical-align:middle;
margin-right:6px;
}
.edit-privacy-summary .chosen,
.privacy-details-table .chosen {
width:28px;
height:18px;
font-size:0;
position:relative;
text-align:center;
color:#515151;
font-weight:bold;
font-size:14px;
line-height:18px;
}
.privacy-details-table .chosen input[type="radio"] {
height:18px;
}
/*.privacy-details-table .chosen:after {
position:absolute;
top:2px;
left:8px;
content:'';
background:#fff;
height:12px;
width:12px;
border-radius:6px;
}*/
.privacy-details-table td {
padding: .25rem 0 .25rem 2rem;
vertical-align: middle;
}
.privacy-details-table td.align-center {
padding-left:0;/* for centered column */
}
.privacy-details-table tbody td {
border-bottom:1px solid #b7b7b7;
}
.privacy-details-table tbody tr {
border-right:1px solid #b7b7b7;
border-left:1px solid #b7b7b7;
}
.privacy-details-table tbody tr.nb td {
border:1px solid #ddd;/* head width did not match body without border */
padding-left:0;/* for tbody heads */
}
.privacy-details-table tbody tr td.multi-row {
border-right:1px solid #b7b7b7;
padding-top:2rem;
vertical-align: top;
}
/***** Action Menus *****/
.js-open-action-menu,
.wrap-switcher {
position: relative;
}
.action-holder {
position:relative;
display:inline-block;
}
.action-menu {
width: 200px !important;
position: absolute;
left: 0 !important;
top: 33px !important;
z-index: 999;
width: 100%;
}
.js-demo-search-results .action-menu {
left: 12px !important;
top: 33px !important;
z-index: 999;
width: 100%;
}
.action-menu a {
width: 100%;
border-bottom: 2px #fff solid;
}
.action-menu > .button {
font-size: 100%;
height: 2em;
line-height: 2;
padding: 0 0.55em;
}
.action-menu > .button.disabled {
display:none;
}
.small-action-menu {
width:150px !important;
}
.large-action-menu {
width:250px !important;
}
/* ALLOW ACTION MENU ITEMS TO WRAP */
.action-menu--wrapping .button {
height: auto;
padding: .15rem;
line-height: 1.5;
white-space:normal;
}
/* UOM (cup icon for selecting fraction) */
.uom-action-menu {
width:60px !important;
}
.uom-action-menu a {
font-size:1.25rem;
}
ul.sortable li {
overflow:visible; /* NOTE: not sure if it's okay to override the overflow:hidden from above */
}
/* UOM (selecting fraction) inside a staging area */
/*.staging-selections .uom-action-menu {
width:200px !important;
border:1px solid #fff;
}
.staging-selections .uom-action-menu > .button {
display:block;
float:left;
width:33.33%;
border:1px solid #fff;
}*/
/* UOM (field and action menu button) */
input.uom-field {
width:54px;
display:inline;
}
.uom-fraction {
position:absolute;
left:50%;
margin-left:-56px;
}
.uom-fraction img {
width:25px;
opacity:.66;
}
.uom-fraction:hover img {
opacity:1;
}
/***** Action Menu Documentation *****/
.js-open-action-menu-doc {
position: relative;
}
.action-menu-doc {
width:230px !important;
position:absolute;
right:12px;
top:34px;
z-index:999;
}
.action-menu-doc a {
width:100%;
border-bottom:2px #fff solid;
}
.small-action-menu-doc {
width:230px !important;
}
/* * * * * * * * * * *
GENERAL STYLES
* * * * * * * * * * */
/* adds padding to top and bottom of element, typically a header */
.padTB {
padding-top:.5rem;
padding-bottom:.5rem;
}
.md-padTB {
padding-top:1rem;
padding-bottom:1rem;
}
.padLR {
padding-left:.5rem;
padding-right:.5rem;
}
@media screen and (min-width: 768px) {
.medium-padLR {
padding-left:.5rem;
padding-right:.5rem;
}
}
@media screen and (min-width:640px) {
.small-padLR {
padding-left:.5rem;
padding-right:.5rem;
}
}
.js-open-overflow-data a.padTB,
.js-close-overflow-data a.padTB {
display:block;
padding-top:1rem;
padding-bottom:1rem;
}
.margT {
margin-top:1rem;
}
/* overrides negative LR-margin of default row styling */
.nm-row {
margin-left:0 !important;
margin-right:0 !important;
}
.row.nrm {
margin-right:0 !important;
}
.row.nlm {
margin-left:0 !important;
}
/* auto-save alerts */
.auto-save {
font-size:.8em;
line-height:120%;
padding-top:.33rem;
/*white-space:nowrap;*/
}
/* makes width auto */
.width-auto {
width:auto;
display:inline;
}
/* set max-width of textboxes */
.small-textboxes input[type="text"],
.small-textbox {
max-width:4rem;
text-align:center;
}
/* show more/less search results */
p.js-show-more-results,
p.js-show-less-results {
margin: 1.5rem 0 0;
}
/* active button color */
.button.active,
.button.active:hover {
background-color:#f36618;
}
/* adds right and bottom padding to left-floated images */
img.float-left { margin-right:5px; margin-bottom:5px;}
/* sticky menu */
.mfp-ready ~ #js-site-wrapper .sticky-menu {
display:none;
}
body.with-sticky-menu {
padding-bottom:62px;
}
.sticky-menu {
position:fixed;
bottom:0;
left:0;
right:0;
height:62px;
width:100%;
text-align: center;
background-color:#fff;
z-index:5;
padding:11px;
box-shadow: 0px -2px 4px -2px rgba(51, 51, 51, 0.2);
}
/* sticky notification */
.sticky-notification {
position:fixed;
bottom:1rem;
left:1rem;
/*height:100px;*/
width:250px;
text-align: center;
background-color:#fff;
z-index:5;
padding:10px;
box-shadow: 0px 0px 6px -3px rgba(51, 51, 51, 0.4);
}
/* sticky menu buttons */
/*.sticky-menu .button {
height: 2.5rem;
line-height: 2.5rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
min-width: 0rem;
font-size: 1.25rem;
}*/
@media screen and (max-width: 767px) {
.sticky-menu {
bottom:48px !important;
}
.sticky-notification {
bottom:48px !important;
left:0;
width:100%;
box-shadow: 0px -2px 4px -2px rgba(51, 51, 51, 0.2);
}
}
/* progress bar */
@media screen and (max-width: 639px) {
.sticky-menu.progress-steps {
height:120px;
}
}
.progress-steps .sm-breaker {
height:.5rem;
}
.progress-steps .item {
cursor:pointer;
line-height:1.1;
text-transform: uppercase;
}
.progress-steps .item.waiting {
pointer-events:none;
opacity:.5;
}
.progress-steps .item.active {
border: 1px solid red;
border-radius: 1px;
pointer-events: none;
}
/* sticky content areas */
.sticky-content {
position:relative;
width:100%;
min-height:28rem;
}
.sticky-content .sticky-bar {
position:absolute;
top:0;
width:100%;
height:6.5rem;
z-index:3;
background-color:#E5E5E5;
}
.sticky-content .sticky-scrolled-content-wrapper {
position:absolute;
width:100%;
height:100%;
overflow-y:scroll;
overflow-x: hidden;
z-index:2;
padding-top:6.5rem;
}
#search-client-groups .sticky-content .sticky-bar {
height:6rem;
}
#search-client-groups .sticky-content .sticky-scrolled-content-wrapper {
padding-top:6rem;
}
@media screen and (max-width: 767px) {
#search-client-groups .sticky-content .sticky-bar {
height:3.33rem;
}
#search-client-groups .sticky-content .sticky-scrolled-content-wrapper {
padding-top:3.33rem;
}
}
@media screen and (max-width: 479px) {
#search-client-groups .sticky-content .sticky-bar {
height:4rem;
}
#search-client-groups .sticky-content .sticky-scrolled-content-wrapper {
padding-top:4rem;
}
}
/* progress loading bar */
.progress-loading {
padding: 4px;
background: rgba(0, 0, 0, 0.25);
border-radius: 6px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-loading-bar {
position: relative;
height: 16px;
border-radius: 4px;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-loading-bar:before, .progress-loading-bar:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
}
.progress-loading-bar:before {
bottom: 0;
background: url("../img/stripes.png") 0 0 repeat;
border-radius: 4px 4px 0 0;
}
.progress-loading-bar:after {
z-index: 2;
bottom: 45%;
border-radius: 4px;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}
.progress-five:checked ~ .progress-loading > .progress-loading-bar {
width: 5%;
background-color: #f63a0f;
}
.progress-twentyfive:checked ~ .progress-loading > .progress-loading-bar {
width: 25%;
background-color: #f27011;
}
.progress-fifty:checked ~ .progress-loading > .progress-loading-bar {
width: 50%;
background-color: #f2b01e;
}
.progress-seventyfive:checked ~ .progress-loading > .progress-loading-bar {
width: 75%;
background-color: #f2d31b;
}
.progress-onehundred:checked ~ .progress-loading > .progress-loading-bar {
width: 100%;
background-color: #86e01e;
}
.progress-wrapper .progress-radio,
.progress-wrapper .progress-label {
display: none;
}
/* section marker */
.popupWrap.with-section-marker {
padding-bottom:90px;
}
.section-marker .item { display:none; }
.section-marker .item.active { display:block; }
.section-marker .item.active:not(.no-selection) {
text-transform:uppercase;
}
.section-marker .item.active .subtitle {
text-transform:none;
line-height:1.25;
}
.section-marker .item.active.no-selection:before {
display:none;
}
.section-marker .item.active:before {
display:block;
content:"Now Viewing";
font-size:.8rem;
text-transform:none;
}
/* auto-slider */
.auto-slider ul {
padding-left:0;
width:500px;
height:350px;
position:relative;
margin:15px 0;
list-style:none;
}
.auto-slider ul li.slide {
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
position:absolute;
top:0;
left:0;
opacity:0;
transition: all 0.5s ease-out 0s;
}
.auto-slider ul li.slide.active {
opacity:1;
}
.auto-slider ul li.slide img {
max-width:100%;
}
.pdfWrap {
min-height:700px;
width:100%;
}
.videoWrap {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.documentWrap {
position: relative;
/*padding-bottom: 129.5%; /* 8.5:11; */
padding-bottom:66.7%;
height: 0;
}
.documentWrap iframe,
.documentWrap object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* multi-select areas */
select.multi-select {
height: 5rem;
max-height: 10rem;
padding: 6px 0px;
}
/* custom checkboxes */
.custom-checkbox.add-ml {
margin-left:15px;
}
.custom-checkbox.add-mr {
margin-right:15px;
}
.custom-checkbox.add-sm-mr {
margin-right:5px;
}
.custom-checkbox input[type='checkbox'] {
display:none;
}
.custom-checkbox label {
display: inline-block;
vertical-align: middle;
}
.custom-checkbox label.first {
margin-right:5px;
}
.custom-checkbox label:before {
content:'\2713';
display:inline-block;
vertical-align: middle;
width:20px;
height:20px;
line-height:20px;
font-size:1.33rem;
font-weight:bold;
text-align: center;
color:transparent;
border:1px solid #333;
margin:0 6px 0 0px;
}
.custom-checkbox.no-box label:before { display:none; }
.custom-checkbox input[type='checkbox']:checked + label:before {
color:#515151;
}
.custom-checkbox input[type='checkbox']:disabled + label:before {
border-color:transparent;
/* border-color:#bababa; */
cursor:default;
}
/* .custom-checkbox input[type='checkbox']:disabled:checked + label:before {
color:#bababa;
} */
.custom-checkbox.red input[type='checkbox']:checked + label:before {
color:#f42434;
}
.custom-checkbox.light label:before { border:1px solid #fff; }
.custom-checkbox.light input[type='checkbox']:checked + label:before { color:#fff; }
/* custom checkbox - just the checkmark */
.checkmark-only input[type='checkbox'],
.checkmark-only input[type='radio'] {
display:none;
}
.checkmark-only label {
display:inline-block;
vertical-align: middle;
width:20px;
height:20px;
line-height:20px;
font-size:1.33rem;
text-align: center;
color:transparent;
border:1px solid #333;
}
.checkmark-only input[type='checkbox']:checked + label,
.checkmark-only input[type='radio']:checked + label {
color:#515151;
}
/* custom checkbox - label below */
.custom-checkbox.label-below label {
text-align:center;
margin:0;
margin-left:.3rem;
font-size:.8rem;
}
.custom-checkbox.label-below input:first-child + label {
margin-left:0;
}
.custom-checkbox.label-below label:before {
margin:0;
display:block;
}
/* custom radio buttons */
.custom-radio span {
display:inline-block;
vertical-align: middle;
}
.custom-radio input[type='radio'] {
display:none;
}
.custom-radio label {
display:inline-block;
vertical-align: middle;
position:relative;
}
.custom-radio label.first {
margin-right:5px;
}
.custom-radio label > span {
display:block;
padding-left:26px;
}
.custom-radio label:before {
content:'';
display:inline-block;
vertical-align: middle;
width:20px;
height:20px;
border-radius:10px;
border: 1px solid #333;
background:transparent;
margin:0;
position:absolute;
top:2px;
left:0;
}
.custom-radio.no-label label:before {
position:relative;
top:auto;
left:auto;
}
.custom-radio.label-left label:before {
margin:0 3px 0 0px;
}
.custom-radio input[type='radio']:checked + label:before {
background: #323232;
box-shadow: inset 0 0 0 2px #fff;
}
.custom-radio.red input[type='radio']:checked + label:before {
border-color:#f42434;
background:#f42434;
}
.custom-radio.green input[type='radio']:checked + label:before {
border-color:#29b839;
background:#29b839;
}
.custom-radio input[type='radio']:checked + label.radio-green:before { background:#2ecc40; }
.custom-radio input[type='radio']:checked + label.radio-yellow:before { background:#ffdc00; }
.custom-radio input[type='radio']:checked + label.radio-red:before { background:#f42434; }
/* HRAs */
.registration-hra .custom-radio,
.readonly-hra .custom-radio {
margin-top:-.25rem;
}
.registration-hra .custom-radio label,
.readonly-hra .custom-radio label {
margin-top:.25rem;
display:block;
}
/* MyZone */
.custom-radio input[type='radio']+ label.loading :before { background: green; }
.custom-radio input[type='radio'] + label.error:before { background: red; }
.large-textarea {
height:20em;
line-height:1.5;
}
/* inline select inputs and inline text inputs */
.inline-select span,
.inline-textbox span {
padding-right:10px;
}
.inline-select select {
width:auto;
display:inline-block;
background:transparent;
}
.inline-textbox input {
width:auto;
display:inline-block;
}
/* collection search results */
.js-search-results hr {
margin:.75rem 0;
}
.js-search-results .custom-checkbox label:before {
width: 16px;
height: 16px;
line-height: 16px;
}
/* supporting icons */
.delete-item { font-size:14px; }
.selected-items .item-wrap { margin:2px 0; }
.selected-items {
min-height:0 !important;
border:1px solid #ccc;
margin:1rem 0;
padding:.5rem;
}
.selected-items.nm { margin:0; }
.selected-items:empty {
margin:0 !important;
border:none !important;
padding:0 !important;
}
.selected-items .collection-actions {
position:absolute;
top:.5rem;
right:.5rem;
line-height:2;
}
button[disabled], html input[disabled] { background: #fff; }
/* ensure date picker is on top of all other layers */
.Zebra_DatePicker {
z-index:99999;
}
/* turn off chrome's default datepicker tools */
input::-webkit-calendar-picker-indicator{
display: none;
}
input[type="date"]::-webkit-input-placeholder{
visibility: hidden !important;
}
/* special breakers */
.xs-breaker {
height:.5rem;
clear:both;
}
.sm-breaker {
height:1rem;
clear:both;
}
.lg-breaker {
height:1.5rem;
clear:both;
}
/* spacer - add space between elements - NEEDS inline-block class used with it (we don't add that here since spacers are often used only for above or below a breakpoint) */
.spacer {
width:1rem;
}
.sm-spacer {
width:.5rem;
}
/* let long words break */
.break-word {
word-wrap:break-word;
}
#preloader {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
z-index:999999;
opacity:0.4;
}
#status {
width:150px;
height:150px;
position:absolute;
left:50%;
top:50%;
/*background:url(../images/loader.gif) no-repeat center center;
background-size:150px;*/
margin:-75px 0 0 -75px;
text-align: center;
}
.pdf-frame {
margin: auto;
width: auto;
max-width: 61.5rem;
position:relative;
padding-top:15px;
background-color:#fff;
}
.btn-line-height {
line-height:2.35em;
}
/** Image Upload **/
/*.image-upload img {display:none;max-height:300px;}*/
/** Table Data - HRA Summary **/
.table {
overflow: visible;
}
.tdata h3 {
padding:0 .5rem;
}
.tdata ul {
list-style:none;
padding-left:0;
clear:both;
}
.tdata ul li {
overflow:hidden;
margin:0;
padding:2px 0;
}
.tdata ul li:nth-child(odd) {
background-color:#eee;
}
.tdata ul li .norm { color:#4DB748; }
.tdata ul li .mod { color:#ffcc00; }
.tdata ul li .risk { color:#ED1B24; }
.signal {
display:inline-block;
vertical-align:middle;
height:10px;
width:10px;
border-radius:100px;
margin-left:3px;
margin-bottom:3px;
}
.signal.complete { background:#4DB748; }
.signal.incomplete { background:#ED1B24; }
@media screen and (max-width: 767px) {
.medium-bold { font-weight:bold; }
}
@media screen and (max-width: 999px) {
.accordion-content {
padding-left:.4rem;
padding-right:.4rem;
}
}
@media screen and (max-width: 910px) {
.mh-labels.fit-diary label,
.mh-labels.nut-diary label {
display:block;
min-height:48px;
}
}
@media screen and (max-width: 767px) {
.mh-labels.fit-diary label,
.mh-labels.nut-diary label {
min-height:0;
}
}
@media screen and (max-width: 480px) {
#status img {
max-width:100px;
}
}
/* NOTE: below is min width */
@media only screen and (min-width: 768px) {
.custom-radio span.medium-hide {
display:none;
}
}
/***** ARROW TO TELL USER TO SCROLL *****/
@media screen and (min-width:768px) {
.arrow { display:none !important; }
}
.arrow {
position: fixed;
bottom: 110px;
left: 50%;
margin-left:-20px;
width: 40px;
height: 40px;
fill: #000;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xNC43NywyMy43OTVMNS4xODUsMTQuMjFjLTAuODc5LTAuODc5LTAuODc5LTIuMzE3LDAtMy4xOTVsMC44LTAuODAxYzAuODc3LTAuODc4LDIuMzE2LTAuODc4LDMuMTk0LDAgIGw3LjMxNSw3LjMxNWw3LjMxNi03LjMxNWMwLjg3OC0wLjg3OCwyLjMxNy0wLjg3OCwzLjE5NCwwbDAuOCwwLjgwMWMwLjg3OSwwLjg3OCwwLjg3OSwyLjMxNiwwLDMuMTk1bC05LjU4Nyw5LjU4NSAgYy0wLjQ3MSwwLjQ3Mi0xLjEwNCwwLjY4Mi0xLjcyMywwLjY0N0MxNS44NzUsMjQuNDc3LDE1LjI0MywyNC4yNjcsMTQuNzcsMjMuNzk1eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==);
background-size: contain;
background-position:center center;
background-repeat:no-repeat;
z-index:6;
}
.arrow-blue {
color: blue;
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
/***** CUSTOM ICONS *****/
img.icon-genavix-network {
width:22px;
}
/**
* Added to correct: "Alignment of Exercise fields in a Cardio Exercise
* displayed in Edit Weekly Routine -> Daily Routine: Routine: Exercise isn't
* proper."
*
* MZ - 08242017
*/
.fitness-program-content label {
white-space: nowrap;
}
/***** WEBCAM IMAGE CAPTURE *****/
.webcam-off {
text-align:center;
max-width:600px;
margin:auto;
}
.webcam-failed ol, .webcam-failed-supp ol {
text-align: left;
}
.webcam-video {
background-image:none;
}
.wrap-webcam-capture .webcam-on,
.wrap-webcam-capture.active .webcam-off,
.wrap-webcam-capture.active .webcam-start,
.wrap-webcam-capture.stopped .webcam-stop,
.wrap-webcam-capture .webcam-failed, .webcam-failed-supp,
.wrap-webcam-capture .webcam-canvas,
.wrap-webcam-capture:not(.captured) .buttons {
display: none;
}
.wrap-webcam-capture.active.stopped .webcam-start {
display:inline-block;
}
.wrap-webcam-capture.active .webcam-on,
.wrap-webcam-capture.failed .webcam-failed,
.wrap-webcam-capture.failed .webcam-failed-supp {
display: block;
}
.wrap-webcam-capture .wrap-webcam-video {
position:relative;
padding-bottom:75%;
height:0;
width:100%;
}
.wrap-webcam-capture .webcam-video {
background:black;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.wrap-webcam-capture .wrap-viewer {
float:left;
width:72.5%;
}
.wrap-webcam-capture .wrap-previews {
float:right;
width:25%;
}
.wrap-preview + .wrap-preview {
margin-top:1rem;
}
.wrap-preview .preview-toggle,
.wrap-preview:not(.active) {
display:none;
}
.wrap-preview.active .preview-toggle {
display:block;
width:100%;
}
.wrap-webcam-capture.captured .preview-toggle .preview-hide,
.wrap-webcam-capture.captured .wrap-preview.viewing .preview-toggle .preview-show {
display:none;
}
.wrap-webcam-capture.captured .preview-toggle .preview-show,
.wrap-webcam-capture.captured .wrap-preview.viewing .preview-toggle .preview-hide {
display:inline;
}
.wrap-preview label {
display:block;
}
img.preview {
cursor:pointer
}
.wrap-preview.active.viewing {
position: fixed;
background:#fff;
margin: auto;
padding: 2rem 1.5rem 0;
width: auto;
max-width: 52.5rem;
overflow-y: scroll;
overflow-x: hidden;
height: 90%;
top: 5%;
bottom: 5%;
left:50%;
margin-left:-26.25rem;
z-index:1003;
}
@media screen and (max-width:849px) {
.wrap-webcam-capture .wrap-viewer,
.wrap-webcam-capture .wrap-previews {
float:none;
width:100%;
}
.wrap-webcam-capture .wrap-previews {
padding-top:1rem;
}
.wrap-preview,
.wrap-preview + .wrap-preview {
margin-top:0;
}
.wrap-preview {
width:47.5%;
float:left;
}
.wrap-preview + .wrap-preview {
margin-left:5%;
}
.wrap-preview.active.viewing {
max-width:100%;
margin-left:auto;
left:0;
}
}
/* Link to delete an item from an autocomplete list */
span.delete-autocomplete {
cursor:pointer;
text-decoration:underline;
text-transform:uppercase;
font-size:.8rem;
line-height:2;
float:right;
padding-left:1rem;
}
span.delete-autocomplete:hover {
text-decoration:none;
}
/* Notification with count of how many changes were made */
/*.notification-count {
font-size:.8rem;
border-radius:100%;
color:#fff;
height: 1.25rem;
width: 1.25rem;
margin-right:-1.25rem;
display: inline-block;
}*/
/*
FROALA EDITOR
ensure the "unlicensed message" does not show... strange bug where new browsers aren't recognizing the license
froala licenses have been purchased and support is not providing guidance towards why the message is showing
*/
.fr-box a[href^="https://www.froala.com"] {
display:none !important;
background:transparent !important;
color:transparent !important;
}
.fr-box .fr-view p {
margin: 0;
}
/***** APPOINTMENT CALENDAR *****/
.appointment-calendar .ui-datepicker {
margin:auto;
width:100%;
padding:0;
}
.appointment-calendar .ui-datepicker table,
.appointment-picker-active table {
table-layout:fixed;
border-spacing:2px;
}
.appointment-calendar .ui-datepicker-header,
.appointment-picker-active .ui-datepicker-header {
background:#efefef;
}
.appointment-calendar .ui-datepicker-title,
.appointment-calendar .ui-datepicker th span,
.appointment-picker-active .ui-datepicker-title,
.appointment-picker-active .ui-datepicker th span {
color:#515151;
}
.appointment-calendar .ui-datepicker-title {
font-size:1.25rem;
}
.appointment-picker-active td a,
.appointment-picker-active td span {
text-align:center;
}
.appointment-calendar .ui-datepicker td span,
.appointment-calendar .ui-datepicker td a {
text-align:center;
font-size:1.25rem;
padding:0;
display:inline-block;
width:100%;
line-height:60px;
vertical-align:middle;
}
.appt-date {
border-radius:100%;
}
.appt-date:hover {
box-shadow:inset 0 0 10px rgba(0,0,0,.5);
}
.appt-date a,
.appt-date span,
#ui-datepicker-div.appointment-picker-active .ui-datepicker-calendar .appt-date a {
color:#fff;
}
#ui-datepicker-div.appointment-picker-active .ui-datepicker-calendar .appt-date.no-appointment a,
.appt-date.no-appointment a,
.appt-date.no-appointment span,
.appt-date.ui-datepicker-today:not(.appt-date) a {
color:#515151;
}
.appt-date.ui-datepicker-today a {
font-weight:bold;
}
.appointment-calendar .ui-datepicker-unselectable {
cursor:not-allowed !important;
}
td.appt-date {
vertical-align:middle;
padding:0;
}
/* helper element to give us equal height to width of the cell*/
.appointment-calendar .ui-datepicker td:before {
content: "";
display: inline-block;
padding-top: 100%;
vertical-align:middle;
}
.legend-appointment-calendar {
padding-top:1.5rem;
text-align:left;
}
.legend-appointment-calendar .item + .item {
padding-top:.5rem;
}
.legend-appointment-calendar .item > span {
display:inline-block;
vertical-align:middle;
font-size:.8rem;
}
.legend-appointment-calendar .item .key {
width:30px;
height:30px;
border-radius:100%;
margin-right:.5rem;
}
/*.legend-appointment-calendar .item.most-recent .key,
.ui-datepicker .appt-date.most-recent {
background-color:#f36618;
}*/
.legend-appointment-calendar .item.all-submitted .key,
.ui-datepicker .appt-date.all-submitted {
background-color:#00ab04;
}
.legend-appointment-calendar .item.some-submitted .key,
.ui-datepicker .appt-date.some-submitted {
background-color:#ffdb35;
}
.legend-appointment-calendar .item.none-submitted .key,
.ui-datepicker .appt-date.none-submitted {
background-color:#f42434;
}
.legend-appointment-calendar .item.other-owner .key,
.ui-datepicker .appt-date.other-owner {
background-color:#aaa;
}
.fullscreen.popupWrap { max-width:90%; }
.fullscreen.popupWrap.with-sticks.stuck .wrap-sticks,
.fullscreen.popup_sticky-buttons .sticky-buttons-wrap {
padding:0 26px 0 10px;
}
.fullscreen.popupWrap.with-sticks.stuck .sticks,
.fullscreen.popup_sticky-buttons .sticky-buttons-wrap .sticky-buttons {
max-width:90%;
transform:translateX(0);
margin:0 5%;
}
.list-adime-comparison > .row {
border:1px solid #dfe1e1;
}
.list-adime-comparison > .row + .row {
border-top:none;
}
.fullscreen .scrollable-content {
height:100%;
}
.scrollable-content > .column {
overflow-y:scroll;
max-height:100%;
}
.fullscreen.popupWrap .go-back.closer {
left: auto;
right: 5%;
margin-left: 0;
margin-right: 20px;
}
/****************
PRINT ALL NOTES
****************/
.printer-section .bordered-header {
font-weight:bold;
}
.printer-section .bordered-header.top-level {
margin-top:1.5rem;
border-top:4px solid #efefef;
}
.printer-section .bordered {
border:4px solid #efefef;
border-top:none;
font-size:.8rem;
}
.printer-section .bordered.padTB {
padding-top:.75rem;
padding-bottom:.75rem;
}
.printer-section .bordered .column {
padding-left:.5rem;
padding-right:.5rem;
}
.printer-section .bordered .column p {
margin-bottom:.75rem;
}
.printer-section .bordered .column p:last-child {
margin-bottom:0;
}
.printer-section .adime-letter {
font-size:2.25rem;
line-height:2.25rem;
width:5rem;
background:#515151;
color:#efefef;
text-align:center;
position:absolute;
top:-.5rem;
left:.25rem;
height:2.25rem;
}
.printer-section .adime-section {
padding-left:5rem;
}
/****************
ALERT EXAMPLE
****************/
.alert-sample {
margin:0 auto 1.5rem;
text-align:center;
}
.alert-sample img {
box-shadow: 0 0 7px rgba(0,0,0,.5);
border-radius:4px;
}
/****************
NEW DIARY LAYOUT
****************/
/*
.diary-sorting,
.deactivate-sorting {
display:none;
}
.diary-sorting .dragger.disabled {
color:transparent !important;
}
.uom-fraction {
position:relative;
left:auto;
margin-left:0;
}
.wrap_serving-selector > * {
vertical-align:middle;
}
.wrap_serving-selector input[type="number"] {
display:inline-block;
max-width:60px;
text-align:center;
margin:0 .25rem;
}
.wrap_serving-selector .serving-selector {
border-radius:100%;
width:1.5rem;
height:1.5rem;
line-height:1.5rem;
text-align:center;
display:inline-block;
font-size:1.25rem;
font-weight:bold;
cursor:pointer;
}
.wrap_serving-selector .serving-selector:hover {
box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
.fit-diary__item__toggle-details {
cursor:pointer;
}
ul.sortable {
padding:0;
margin-bottom:0;
}
ul.sortable li,
ul.sortable li:last-child {
padding:.5rem 0 .25rem;
margin-bottom:0;
}
.diary:not(.mini) .nut-diary__item__cal,
.diary:not(.mini) .nut-diary__section__stat,
.diary:not(.mini) .fit-diary__item__cal,
.diary:not(.mini) .fit-diary__section__stat {
font-size:1.25rem;
}
.diary .item a.js-open-action-menu,
.diary .item a.js-open-action-menu:hover,
.diary .item a.js-open-lightbox,
.diary .item a.js-open-lightbox:hover {
color:#515151;
}
.diary .diary-sorting + .diary-item-name,
.diary .diary-actions + .diary-item-name {
padding-left:0.75rem;
}
.diary .diary-actions > [data-icon]:before {
font-size:1.5rem;
vertical-align:middle;
}
.diary .item.compound {
border-left:6px solid #DFE1E1;
margin-top:-1px;
}
.diary .compound-items {
margin-top:.25rem;
background-color:#DFE1E1;
}
.diary .show-compound-items {
cursor:pointer;
}
.diary .compound-items .compound-item {
padding:0.5rem 0 0.25rem;
}
.diary .item.compound .compound-header,
.diary .item.compound .compound-items {
margin-left:-6px !important;
}
.diary .compound-items > .item + .item {
border-top:1px solid #cdcfcf;
}
.diary .compound-items .item:last-child {
margin-bottom: -0.33rem;
}
.tab {
display:none;
}
.tab.active {
display:block;
}
.tab-toggles .item.active {
font-weight:bold;
}
.tab-toggles {
border-bottom:1px solid #dfe1e1;
margin-bottom:1rem;
padding:0 .75rem;
margin-left:-.75rem;
margin-right:-.75rem;
}
.tab-toggles > .item {
display:inline-block;
padding:.5rem .75rem 0.25rem;
border-collapse:collapse;
border:1px solid #dfe1e1;
border-bottom:none;
border-top-left-radius:3px;
border-top-right-radius:3px;
cursor:pointer;
}
.tab-toggles > .item + .item {
margin-left:-5px;
}
.diary.mini {
margin-top:.5rem;
margin-bottom:1.5rem;
border:1px solid #dfe1e1;
border-radius:3px;
}
.diary.mini > .item {
padding:.25rem 0;
}
.diary.mini > .item + .item {
border-top:1px solid #dfe1e1;
}
.fit-diary__item__details .details:not(.strength),
.fit-diary__item__details .details.strength .set {
padding:.25rem .25rem .5rem;
margin-bottom:-.25rem;
border-top:1px solid #dfe1e1;
}
.compound-items .fit-diary__item__details .details {
margin-bottom:.33rem;
}
.fit-diary__item__details .details:not(.strength) {
overflow:hidden;
border-left:1px solid #dfe1e1;
border-right:1px solid #dfe1e1;
}
.fit-diary__item__details .details.strength .set {
border-left:1.5rem solid #dfe1e1;
}
.fit-diary__item__details .set:last-child {
border-right:1px solid #dfe1e1;
}
.fit-diary__item__details .set:before {
content:"set";
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
position:absolute;
left:-1.5rem;
bottom:-.75rem;
height:1.5rem;
line-height:1.5rem;
font-weight:bold;
}
.fit-diary__item__details .set:nth-child(1):before {
content:"set 1";
}
.fit-diary__item__details .set:nth-child(2):before {
content:"set 2";
}
.fit-diary__item__details .set:nth-child(3):before {
content:"set 3";
}
.fit-diary__item__details .row {
margin:0;
}
.fit-diary__item__details .column {
padding-left:.25rem;
padding-right:.25rem;
text-align:center;
}
.fit-diary__item__details label {
line-height:1;
}
.fit-diary__item__details .optional label {
font-style:italic;
}
.fit-diary__item__details input {
text-align:center;
padding:0 .25rem;
max-width:3.5rem;
margin:auto;
font-size:100%;
}
.cal-guide {
padding:1rem 1.5rem;
border:1px solid #dfe1e1;
border-radius:3px;
overflow:hidden;
}
.cal-guide > .title {
width:33.33%;
float:left;
padding-right:1.5rem;
}
.cal-guide > .items {
width:66.67%;
float:left;
}
.cal-guide > .items > .item {
width:33.33%;
float:left;
padding:0 1.5rem;
border-left:1px solid #dfe1e1;
}
.cal-guide > .items > .item > .value {
font-size:2rem;
display:block;
}
.cal-guide h3 {
margin-bottom:0;
font-size:2rem;
line-height:1.5;
font-weight:normal;
color:#515151;
}
.cal-guide p {
margin:0;
}
.negative {
color:red;
}
/**** PRINT ****/
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dppx) {
/* Style adjustments for high resolution devices */
.print-show {
display: block;
visibility: visible;
}
.print-hide {
display: none;
visibility: hidden;
}
}
@media screen {
#printSection {
display: none !important; visibility: hidden !important;
}
.print-only {
display:none;
}
}
@media print {
.do-not-print{display: none !important; visibility: hidden !important;}
.do-print { display:block !important; visibility: visible !important; }
@page {
margin: 1cm 0.5cm;
}
*,
*:before,
*:after {
/* 5/31/2016 - we want colors */
/*background: transparent !important;*/
/*color: black !important;*/
-webkit-filter: none !important;
filter: none !important;
text-shadow: none !important;
}
body {
background:#fff !important;
overflow-y:hidden !important;
}
body * {
visibility:hidden !important;
}
#printSection, #printSection * {
visibility:visible !important;
}
#printSection {
position:absolute;
left:0;
top:0;
}
#printSection .js-journal-sub-section,
#printSection .js-more-info,
#printSection .fitness-program-content,
#printSection .js-daily-plan,
#printSection .expand-section,
#printSection .printshow,
#printSection .custom-radio label {
display:block !important;
visibility:visible;
}
#printSection .track-key,
#printSection .custom-radio input[value="yes"] + label,
#printSection .custom-radio input[value="no"] + label {
display:inline-block !important;
visibility:visible;
}
#printSection .js-more-info video,
#printSection .js-more-info .info-slider,
#printSection .do-not-print,
#printSection .button,
#printable .button,
/*#printSection .pie-chart,*/
#printSection .vidWrap,
#printSection .facts-holder,
#printSection .sm-breaker.x-small-hide,
#printSection .sm-breaker.small-hide,
#printSection .sm-breaker.medium-hide,
#printSection .go-back,
#printSection .mfp-close {
display:none !important;
visibility:hidden;
}
#printSection .one-fourth {
width:25%;
}
.printable-table .row {
border-bottom:1px solid #dfe1e1;
padding:1px 0;
}
.printable-table .row .column {
font-size:90% !important;
}
.p_reset-line-height * {
line-height:1.5 !important;
}
/* ensure that having the "background graphics" option checked off is not required to see radio values */
#printSection .custom-radio input[type="radio"]:checked + label:before {
background-color:transparent;
content:"\2022";
font-size:48px;
line-height:22px;
color:#323232;
}
/* prevent extra pages from printing */
html, body {
height: 99%;
}
/* adjust columns for printing - default uses mobile styling which we do not want */
#printSection .print-one-half {
width:50%;
}
#printSection .print-one-third {
width:33.3333%;
}
#printSection .print-one-fourth {
width:25%;
}
#printSection .print-one-fifth {
width:20%;
}
#printSection .print-three-fifths {
width:60%;
}
#printSection .print-one-sixth {
width: 16.6665%;
}
#printSection .print-one-eighth {
width: 12.5%;
}
/* text alignment */
#printSection .medium-align-center {
text-align:center;
}
#printSection .medium-align-left {
text-align:left;
}
#printSection .medium-align-right {
text-align:right;
}
/* printing from a lightbox */
/*
#printSection * {
overflow:hidden !important;
}
*/
/* 8-13-2015 --- just remove all the buttons to prevent issues, they never need to be printed */
.button {
display:none !important;
}
#printSection {width:100% !important;}
/* print lines between rows in the mini diary view (print recipe) */
#printSection .diary.mini .row + .row {
border-bottom:1px solid #ddd;
}
#printSection .diary.mini .row {
padding-top:.25rem;
padding-bottom:.25rem;
}
.print-menu .fit-diary .column.large-one-fifth {
width:20%;
}
/* hide 'meal item' label */
.print-menu .orange.uppercase.bold {
display:none;
}
.print-menu .row.padTB.bg-light-gray {
background-color:transparent;
padding:0;
}
#printSection .tab.do-print,
#printSection .tab.do-print *:not(.do-not-print) {
/*display:block !important;*/
visibility:visible;
}
#printSection .tab.do-print {
z-index:2;
height:auto;
opacity:1;
overflow:hidden;
padding:0 !important;
border-radius:0;
border:none;
transform:none;
}
/* if printing from inside a popup, the popupWrap causes issues*/
.popupWrap:not(.printer-section),
.wrap--new-search:not(.printer-section) {
display:none !important;
}
}
.floatl {
float: left;
}
.floatr {
float: right;
}
.rowMeasurement {
clear: both;
display: block;
margin: 0 auto;
position: relative;
width: auto;
zoom: 1;
}
.rowMeasurement .rowMeasurement {
margin-right: -0.75rem;
}
#cblshowmemberinterest td {
padding: 0.25rem;
}
.formBottom {
margin-bottom: 0;
}
#js-open-measurements-edit-create td {
padding: 0.05rem;
}
#js-open-measurements-edit-create table {
margin: 0;
}
.w26 {
width: 26%;
}
.nowrapstyle {
white-space: nowrap;
}
#ulStress {
height: 10.5rem;
overflow: auto;
}
ulNutrition {
height: 10.5rem;
overflow: auto;
}
.changeDate {
cursor: pointer;
}
.handCursor {
cursor: pointer;
}
.textCursor {
cursor: text;
}
#divTrackMyWellness a {
cursor: pointer;
}
#divManageMyWellness a {
cursor: pointer;
}
/*Shweta 15 dec 2014: Following class added to remove extra top border on iphone and ipad*/
.txtborderproper {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
/* ------------------------ Added by Tripti Dated: 30-Oct-2014 as this wasn't added by Laurence while file provided DroidSans Font for iPAD & iPhones ------------------------ */
/* --- Copied from fonts.css to here, so that we can directly copy fonts.css file of Laurence as it is ------*/
@font-face {
font-family: 'Droid Sans';
src: url('../fonts/DroidSans.eot');
src: url('../fonts/DroidSans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* ------------------------ End of Addition ------------------------ */
.bold_case {
font-weight: bold;
}
/* ------------------ Added by Arpit for radio buttons of privacy details section in My Profile on Dec, 19 2014-------------*/
.tdRed {
Width: auto;
height: 25px;
background-color: Red;
text-align: center;
padding-left: 8px;
padding-right: 4px;
}
.tdYellow {
Width: auto;
height: 25px;
background-color: Yellow;
text-align: center;
padding-left: 8px;
padding-right: 4px;
}
.tdGreen {
Width: auto;
height: 25px;
background-color: Green;
text-align: center;
padding-left: 8px;
padding-right: 4px;
}
.tdWhite {
Width: auto;
height: 25px;
background-color: White;
text-align: center;
padding-left: 8px;
padding-right: 4px;
}
/* Added by Trupti : For error messages */
.red_color_field_data {
color: red;
}
.black_color_field_data {
color: #515151;
}
/****************************************/
/* Added by Trupti : For display scroll for comments section */
.scrollList {
height: 180px;
overflow: scroll;
}
/****************************************/
/* Added by sanjay : For error hide and show div */
.hidediv {
display: none;
}
.displaydiv {
display: block;
}
/****************************************/
/* Added by Satyen : For Span My Wellness Text at Homepage (Near Logo Position) */
.onlySpanMyWellness {
display: block;
float: left;
}
/* Added by sanjay : For setting overflow auto in ul of fitness,stress and nutrition comment history */
.ulOverflow_auto {
height: 10.5rem;
overflow: auto;
}
/* Added by Arpit for the proper alignment of radio buttons in my contacts section on Dec 30, 2014*/
#rdMeasurementCaloricBurn, #radioBtnLstActivityLevels, th, table td {
overflow: visible;
padding: 0 !important;
vertical-align: top;
}
table.insurance-qualification-form th, table.insurance-qualification-form td {
padding: 0.633rem !important;
}
/*Added by Ravindra on 31st Dec 2014
Purpose: Autocomplete UI*/
ul.ui-autocomplete {
position: absolute;
top: 32px;
padding: 5px 10px 10px;
margin-bottom: 0;
list-style: none;
background-color: #fff;
border: 1px solid #DFE1E1;
border-top: 0;
max-height: 180px;
overflow-y: scroll;
z-index: 3;
}
ul.ui-autocomplete li {
padding: 3px 0;
cursor: pointer;
}
.ui-autocomplete, .ui-autocomplete-input {
z-index: 10000 !important;
}
#cblshowmemberinterest {
float: left;
min-height: 1px;
padding-left: 0.75rem;
padding-right: 0.75rem;
position: relative;
}
/* shweta 1 jan 2015: added following condition for ios issue of interests section */
#cblshowmemberinterest td {
clear: both;
margin-bottom: 0.5rem;
display: block;
}
.frontdivpopup {
z-index: 5000 !important;
}
@media screen and (min-width: 768px) {
#cblshowmemberinterest td {
display: inline-block;
width: 33.3332%;
}
}
/*sanjay 6/1/2015 added class to make border of textbox red on error */
.errorClassForTextBox {
border: 1px solid red;
}
/*sanjay 15/1/2015 added class to make border of textbox red on error */
.cursorNotAllowed {
cursor: not-allowed;
}
.cursorNotAllowed label {
cursor: not-allowed;
}
.cursorNotAllowed input[type="radio"]:checked + label:before {
background: none repeat scroll 0 0 #adadad;
box-shadow: 0 0 0 2px #fff inset;
cursor: not-allowed;
}
/****************************/
/*** Added by trupti for save and track sticky buttons START ***/
.sticky-menu {
background-color: #fff;
bottom: 0;
box-shadow: 0 -2px 4px -2px rgba(51, 51, 51, 0.2);
height: 62px;
left: 0;
padding: 15px 20px;
position: fixed;
right: 0;
text-align: center;
width: 100%;
z-index: 5;
}
.error_messages_dynamic {
text-transform: none;
white-space: nowrap;
}
.error_messages_dynamic_create {
text-transform: none;
white-space: nowrap;
}
/*** Added by trupti for save and track sticky buttons END ***/
/*sanjay 16/1/2015 added class to disable save button in stress diary */
.SaveStressDiasable {
box-shadow: none;
color: #777;
cursor: not-allowed;
opacity: 0.5;
text-shadow: none;
}
/****************************/
.txtdisabledtooltip {
border: 1px solid #dfe1e1;
border-radius: 0;
display: inline-block;
font-family: inherit;
font-size: 100%;
height: 2em;
line-height: 2;
outline: 0 none;
padding: 0 0.5rem;
vertical-align: middle;
background-color: #fff;
}
/** Added by trupti for Fitness Journal activity section **/
input[type="text"][disabled].txtFitnessSubject {
background-color: #eaeded;
color: #999;
cursor: not-allowed;
}
.accordion-link_Fitness {
cursor: pointer;
line-height: 2;
margin-top: 0.25rem;
}
.accordion-link_Nutrition {
cursor: pointer;
line-height: 2;
margin-top: 0.25rem;
}
/**** Following added by Trupti for drag and drop functionality of fitness section *****/
.AM-fitness-ghost {
border: 1px solid #DFE1E1 !important;
}
.PM-fitness-ghost {
border: 1px solid #DFE1E1 !important;
}
/**********************************************************/
.margin_zero {
margin: 0px;
}
/*ul li:last-of-type {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}*/
.iframe {
width: 95%;
height: 800pt;
}
.create-edit-hra input[type='text'] {
width: 10rem;
display: inline-block;
}
.textboxDisable_HRA {
background-color: #eaeded;
cursor: not-allowed;
color: #F7941D !important;
}
@media print {
#divGoalsToggle, #ViewBioMarkersPopupHtml, #imgLogo, #js-mobile-menu-button, #js-chaser {
display: none !important;
}
.mobile-footer {
display: none !important;
}
}
/**** Following added by Sanjayon 2/4/2015*****/
.mealMoreInfo {
cursor: pointer;
font-weight: bold;
}
#divcblshowmemberinterest_Myinterest td {
margin-bottom: 0.5rem;
}
#divcblshowmemberinterest_Myinterest {
padding: 0.9rem;
}
/**************************************************************************************/
/************************Added by Ashwini 11/june/2015 - create/edit Customer Testimonals page styling*********************************/
.testimoialBox {
width: 700px;
height: 52px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
background-color: #FFFFFF;
text-align: justify;
vertical-align: middle;
}
.tetimonialPara {
margin: 0px;
padding: 10px 30px 15px 30px;
text-align: left;
font-size: 14px;
}
.divCorner {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid white;
margin-left: 30px;
}
.hover:hover {
color: #005596;
outline: medium none;
}
/**************************************************************************************/
/************************Added by Ashwini 16/june/2015 - More info you tube link related styles*********************************/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video-container iframe, .video-container object, .video-container embed {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
/**************************************************************************************/
/*Added by Ravindra on 24th Aug 2015: To implement paging*/
.js-to-client, .js-cc-client, .js-breaker, .js-paging-record {
display: none;
}
/*Added by Ashwini on 24th Aug 2015: To resolve journals new comment date design issue*/
.journalsDate {
display: inline !important;
width: 10rem !important;
}
/* Added by Ashwini to disable journals icons on new comment popup 7/Sep/2015*/
.disalbledJournals {
pointer-events: none !important;
}
/*Added by Ravindra on 8th Sep 2015: To set the hand cursor for schedule diary plans*/
.fc-event-container a {
cursor: pointer !important;
}
/*Added by Sanjay on 7th Oct 2015: to hide Video button in Support page*/
.hidden {
visibility: hidden;
}
/*Added by Alroy on 30th Nov 2015: to display default cursor */
.ArrowCursor {
cursor: default;
}
/*Added by Tushar on 07th Jan 2016: to display default cursor */
.PopupPadding {
padding-left: 5px;
}
.resizable.aboutus {
position: relative;
width: 100%;
min-height: 550px !important;
}
ul.manage-images li.item.aboutus {
border: none;
clear: none;
float: left;
height: 200px !important;
width: auto;
padding: .5rem .5rem 1.75rem;
margin: 0;
position: relative;
}
ul.manage-images li.item.aboutus img {
max-height: 100%;
}
@media screen and (max-width:480px) {
ul.manage-images li.item.aboutus {
border: none;
clear: none;
float: none;
height: 100%;
padding: .5rem 0;
}
}
#Regpreloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
/*background-color:rgba(255,255,255,.9);*/
z-index: 999999;
}
#Regstatus {
width: 150px;
height: 150px;
position: absolute;
left: 50%;
top: 50%;
/*background:url(../images/loader.gif) no-repeat center center;
background-size:150px;*/
margin: -75px 0 0 -75px;
text-align: center;
}
/*Added by Ravindra on 19th Feb 2016: For login role popup*/
/*#changeRole-profile {
background: #fff;
margin: auto;
padding: 1rem;
width: auto;
max-width: 30rem;
}*/
/*#changeRole-profile h3 {
font-size: 24px;
color: #8c8c8c;
font-weight: bold;
margin-bottom: 10px;
}
#changeRole-profile ul {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
}
#changeRole-profile ul li {
list-style-type: none;
}*/
/*#changeRole-profile input[type="submit"] {
background-color: #e0e0e0;
border: medium none;
display: block;
font-size: 1rem;
line-height: 1.5rem;
margin: 5px 0;
padding: 3px 10px;
text-align: left;
width: 100%;
white-space: pre-wrap;
}
#changeRole-profile input[type="submit"]:hover {
background-color: #0970ae;
color: #fff;
}
#changeRole-profile input, #fancybox-login-role textarea {
font-size: 1rem;
}*/
.bg-piechart-tertiary {
background-color: #f36618;
}
.bg-piechart-secondary {
background-color: #0ca7e9;
}
.bg-piechart-primary {
background-color: #0970ae;
}
.bg-piechart-Red {
background-color: #FF0000;
}
.bg-piechart-Yellow {
background-color: #F7FF00;
}
.bg-piechart-Green {
background-color: #0DA700;
}
.bg-Red {
background-color: #FF0000;
}
.bg-Yellow {
background-color: #F7FF00;
}
.bg-Green {
background-color: #0DA700;
}
/*Added by Sanjay on 5th April 2016*/
.centerAlign {
text-align: center;
}
.bg-scheduleCoachEdit {
background-color: #cd3367;
}
#create-hra input[type="text"], input[type="number"], textarea[disabled="disabled"] {
/*-webkit-text-fill-color: dimgrey;*/
}
/*Added By Tushar on 02 June 2017 for Risk Factor.*/
.registration-hra .dvRiskFactorSection .custom-radio label {
margin-top: .25rem;
margin-right: .40rem;
display: -webkit-inline-box;
}
.msc-schedule-actionmenu {
position: absolute;
right: 0;
top: 0;
z-index: 999;
width: 100%;
}
/*Added by Amruta to show error message with wrapping on iphone on 5/May/2017*/
@media screen and (max-width: 480px) {
.error_messages_dynamic {
text-transform: none;
white-space: pre-wrap;
}
}
/*Added by Amruta to show error message with wrapping on iphone on search popup 8/May/2017 */
@media screen and (max-width: 480px) {
.error_messages_dynamic_create {
text-transform: none;
white-space: pre-wrap;
}
}
/* Added by Ashwini to not show watch video button for gold gym on register,contact and about 17/Nov/2017
.golds-gym .js-open-lightbox1 {
display: none;
}*/
/* Added by Ashwini to not show watch video button for gold gym on register,contact and about 17/Nov/2017
.golds-gym #WatchRegisterVideo {
display: none;
}*/
/*/* Added by Ashwini for first capital letter 22/Dec/2017
.firstletter-capital {
text-transform:capitalize;
}*/
/* Added by Akhtar for Deactivated text in group auto complete 05/Apr/2018 */
span.msc-deleted-group-code {
text-transform:uppercase;
font-size:.8rem;
line-height:2;
float:right;
padding-left:1rem;
}
span.msc-deleted-group-code:hover {
text-decoration:none;
}
.msc-Planned {
color: #F7941D !important;
}
.msc-disableDayCalories {
color: #333333 !important;
}
/*/* Added by Ashwini for for showing correct height/width when scanning barcode commented this code as new css is given by Jeff for styling
canvas.drawing, canvas.drawingBuffer {
position: absolute;
left: 79px;
top: 140px;
}*/
#scanner-container.viewport {
width: 100%;
height: auto;
position: relative;
}
#scanner-container.viewport canvas,
#scanner-container.viewport video {
width: 100%;
}
#scanner-container.viewport canvas.drawingBuffer {
position: absolute;
top: 0;
left: 0;
}
/* shrink dashboard icons on mobile Added by Alroy on 14/Jan/2019 after discussion with Vrushali and Parag as we have used js-dashboard-icon2 which is not present in GenUI */
@media screen and (max-width:767px) {
#js-dashboard-icons2 > li.column {
width: 16.666%;
padding: 0 .5rem;
}
#js-dashboard-icons2 > li > a > span {
height: 80px;
background-size: 80px;
background-position: center top;
}
#js-dashboard-icons2 > li > a.selected > span {
background-position: center bottom;
}
#js-dashboard-icons2 .noti_bubble {
right: 0;
margin-right: 0;
border-radius: 100%;
font-size: 10px;
padding: 0;
height: 22px;
width: 22px;
line-height: 22px;
text-align: center;
}
}
@media screen and (max-width:639px) {
#js-dashboard-icons2 > li > a {
font-size: .8rem;
}
#js-dashboard-icons2 > li > a > span {
height: 60px;
background-size: 60px;
}
}
@media screen and (max-width:479px) {
#js-dashboard-icons2 > li > a > span {
height: 40px;
background-size: 40px;
}
#js-dashboard-icons2 > li.column {
width: 16.666%;
padding: 0 .25rem;
}
#js-dashboard-icons2 > li > a {
font-size: 0;
}
}
.msc-Associategvhspadding {
padding-left: 5px !important;
}
.smaller-text sup {
top: -0.375rem;
font-size: .66rem;
}
#signatureparent {
color: darkblue;
background-color: darkgrey;
/*max-width:600px;*/
padding: 20px;
}
/*This is the div within which the signature canvas is fitted*/
#signature {
border: 2px dotted black;
background-color: lightgrey;
}
/*This is for adding padding from bottom to journal popup*/
#nutrition-journal_new-comment.popupWrap {
padding-bottom: 3rem;
}
.msc-professionalServiceGroupClientNamelipadding:last-of-type {
padding-bottom: 8px !important;
}
.msc-virtual--end-session--multi-client li:last-of-type {
padding-bottom: var(--size-smaller) !important;
}
.msc-SemiPrivateGroup_ClientNotCharged {
height: 18px;
width: 18px;
border-radius: 50%;
display: inline-block;
background-color: red;
}
/* LIMITED ACCESS dashboard links */
.dash-buttons .premium {
pointer-events: none;
}
.dash-buttons .premium .icon {
position: relative;
/* background-color:#fcfaf4; */
/* background-color:transparent; */
background-color: rgba(99,99,99,.05);
/* color:#dadada; */
/* color:#f5c107; */
color: rgba(0,0,0,.1);
}
.dash-buttons .premium .icon:after {
font-family: ElegantIcons;
content: "\e033";
position: absolute;
right: -.5rem;
top: 0;
font-size: 1.35rem;
line-height: 1;
color: #f5c107;
}
.dash-buttons .premium .noti_bubble {
display: none;
}
/*.premium-note {
display: none;
}
.user--limited .premium-note {
display: block;
}
.dashboard-controls .premium-note {
text-align: center;
background: #efefef;
padding: 1rem;
margin: 0;
color: black;
font-weight: bold;
}
.premium-note .icon {
color: #f5c107;
font-size: 1.5rem;
vertical-align: middle;
margin-right: .5rem;
}*/
.msc-insuranceCardExpiration{
background:none !important;
}
.password-container {
position: relative;
}
.toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.icon-size {
font-size:xx-large;
}
.msc-currentInsuranceQualificationStatusTable th {
padding: var(--size-smallest) !important;
}
.adime-status-indicator {
position: relative;
padding: .25rem;
cursor: pointer;
line-height: 0;
}
.adime-status-indicator:before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
border-radius: 100%;
background: gray;
vertical-align:middle;
}
.adime-status-indicator.all-submitted:before {
background-color: #00ab04;
}
.adime-status-indicator.some-submitted:before {
background-color: #ffdb35;
}
.adime-status-indicator.none-submitted:before {
background-color: #f42434;
}
.adime-status-indicator.other-owner:before {
background-color: #aaa;
}
@media screen and (max-width:1199px) {
.mobile-hide {
display: none !important;
}
}
@media screen and (max-width:770px) {
.you-and-team {
grid-template-columns: 200px 1fr !important;
gap: 60px !important;
}
.you-graphic {
font-size: 70px !important;
line-height: 200px !important;
height: 190px !important;
width: 190px !important;
}
}
/*
* -- SESSIONSCONTAINERS & SECTIONS
* layout for sessionscontainer and sections
*/
@media screen and (max-width:799px) {
/* .section {
padding:var(--size-base) 0;
} */
.msc-sessionscontainer {
/*padding:0 var(--size-small);*/
padding: -1px var(--size-small) !important;
width: 98% !important;
}
}
.OrangeClassicText {
color: #FFA500 !important;
}
.disableAnchor {
pointer-events: none;
cursor:default;
}
.displayCheckbox {
display: initial !important;
}
.hidedirectpayelements {
display: none !important;
}
.msc-agreetermssection {
margin: 0;
width: fit-content;
margin-top: var(--size-small);
border: 1px solid var(--color-grey-light);
padding: var(--size-smallest) var(--size-smaller);
background-color: var(--color-grey-lighter);
border-radius: var(--border-radius-small);
font-size: var(--font-smaller);
}
.msc-doctortype .section-label {
text-transform: uppercase;
font-size: var(--font-smaller);
margin: 0;
margin-bottom: var(--size-smaller);
}
.msc-doctortype .options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: var(--size-smaller);
}
.msc-doctortype .options input[type="radio"] {
display: none;
}
.msc-doctortype .options input[type="radio"] + label {
border: 2px solid var(--color-grey-lighter);
border-radius: var(--border-radius-base);
background-color: var(--color-grey-lighter);
color: var(--color-font);
padding: var(--size-smaller) var(--size-base);
text-transform: uppercase;
font-family: var(--font-family-secondary);
font-size: var(--font-smaller);
font-weight: normal;
display: block;
}
.msc-doctortype .options input[type="radio"]:checked + label {
border-color: var(--color-secondary);
font-weight: bold;
background-color: var(--color-white);
}
.msc-doctortype .options input[type="radio"] + label:hover {
border-color: var(--color-secondary);
background-color: var(--color-white);
}
.purchase-note-on-card.-good {
background-color: var(--color-secondary-light);
color: var(--color-secondary);
border-color: var(--color-secondary);
}
.msc-modal-signin {
position: fixed;
top: var(--size-base);
right: var(--size-base);
font-weight: bold;
text-align: center;
text-transform: uppercase;
opacity: .5;
font-size: var(--font-smaller);
border-radius: 100%;
cursor: pointer;
width: 45px;
height: 45px;
line-height: 45px;
color: inherit;
/*border-width: 1px;
border-style: solid;
border-color: inherit;*/
z-index: 3;
width: 15%;
}
.action-banner .icon.services {
background: url('../images/dash-icon-services.png') no-repeat center top;
background-size: contain;
width: 100%;
height: 50px;
display: inline-block;
}
.CommunicateByInRegPage {
/*border: 1px solid #dadada;
border-radius: var(--border-radius-base);*/
padding: var(--size-smaller) var(--size-small);
}
.TextMessageLogDeliveryStatus {
font-size: 0.65rem !important;
}
.fontsizssixteenpx {
font-size: 16px;
}
/* Added below 2 css class code to handle show/hide of password on microsoft edge browser (to hide the default eye icon) */
input::-ms-reveal {
display: none;
}
input::-ms-clear {
display: none;
}
#ViewServiceDetails table td, #ViewServiceDetails table th {
padding: .633rem !important;
}
/* qTip2 v2.2.1 | Plugins: None | Styles: core | qtip2.com | Licensed MIT | Sat Sep 06 2014 20:21:13 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:200px;min-width:50px;font-size:.85em;line-height:150%;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:medium none;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{box-shadow:0 0 5px rgba(0,0,0,.33);border:1px solid #aeaeae;padding-top:2px;background-color:#eaeaea;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
@charset "utf-8";
/* CSS Document */
/* FACILITY - Elite Sports Club */
.elite-sports-clubs .bg-primary{background-color: #060006;}
.elite-sports-clubs .bg-secondary{background-color: #cc9922;}
.elite-sports-clubs .bg-tertiary,
.elite-sports-clubs .button.active {background-color: #66aabb;}
.elite-sports-clubs .button.bg-primary:hover {background-color: #1f1c1f;}
.elite-sports-clubs .button.bg-secondary:hover {background-color: #a97c12;}
.elite-sports-clubs .button.bg-tertiary:hover,
.elite-sports-clubs .button.active:hover {background-color: #42899b;}
.elite-sports-clubs .text-primary{color: #060006;}
.elite-sports-clubs .text-secondary{color: #cc9922;}
.elite-sports-clubs .text-tertiary {color: #66aabb;}
/* FACILITY - University System of New Hampshire */
.university-system-of-nh .bg-primary{background-color: #3a3037;}
.university-system-of-nh .bg-secondary{background-color: #c8cdb4;}
.university-system-of-nh .bg-tertiary, .university-system-of-nh .button.active {background-color: #c6cbb2;}
.university-system-of-nh .button.bg-primary:hover {background-color: #1e1f1d;}
.university-system-of-nh .button.bg-secondary:hover {background-color: #b7bd9f;}
.university-system-of-nh .button.bg-tertiary:hover, .university-system-of-nh .button.active:hover {background-color: #b7bd9f;}
.university-system-of-nh .text-primary{color: #272628;}
.university-system-of-nh .text-secondary{color: #272628;}
.university-system-of-nh .text-tertiary {color: #4d4d4d;}
/* FACILITY - Keene State College */
.keene-state-college .bg-primary{background-color: #D2232A;}
.keene-state-college .bg-secondary{background-color: #99938C;}
.keene-state-college .bg-tertiary, .university-system-of-nh .button.active {background-color: #333333;}
.keene-state-college .button.bg-primary:hover {background-color: #D2232A;}
.keene-state-college .button.bg-secondary:hover {background-color: #99938C;}
.keene-state-college .button.bg-tertiary:hover, .university-system-of-nh .button.active:hover {background-color: #333333;}
.keene-state-college .text-primary{color: #D2232A;}
.keene-state-college .text-secondary{color: #D2232A;}
.keene-state-college .text-tertiary {color: #4d4d4d;}
/* FACILITY - Plymouth State */
.plymouth-state-college .bg-primary{background-color: #11573F;}
.plymouth-state-college .bg-secondary{background-color: #2a2a2a;}
.plymouth-state-college .bg-tertiary, .university-system-of-nh .button.active {background-color: #033323;}
.plymouth-state-college .button.bg-primary:hover {background-color: #11573F;}
.plymouth-state-college .button.bg-secondary:hover {background-color: #033323;}
.plymouth-state-college .button.bg-tertiary:hover, .university-system-of-nh .button.active:hover {background-color: #033323;}
.plymouth-state-college .text-primary{color: #11573F;}
.plymouth-state-college .text-secondary{color: #11573F;}
.plymouth-state-college .text-tertiary {color: #033323;}
/* FACILITY - Atlantic Club */
.atlantic-club .bg-primary{background-color: #213a71;}
.atlantic-club .bg-secondary{background-color: #102450;}
.atlantic-club .bg-tertiary,
.atlantic-club .button.active {background-color: #8895a7;}
.atlantic-club .button.bg-primary:hover {background-color: #213a71;}
.atlantic-club .button.bg-secondary:hover {background-color: #102450;}
.atlantic-club .button.bg-tertiary:hover,
.atlantic-club .button.active:hover {background-color: #8895a7;}
/* FACILITY - Gold's Gym */
/*
Gold (primary) - ffdd00 (fbe605)
Grey (secondary) - 58585a
Shock Blue (tertiary, accent1) - 00adef
Venice Vibe (, accent2) - 78c9b1
Greys
- 58585a
- 808285
- a7a9ac
- d1d3d4
*/
.golds-gym .bg-primary{background-color: #fbe605;}
.golds-gym .bg-secondary{background-color: #58585a;}
.golds-gym .bg-tertiary,
.golds-gym .button.active {background-color: #00adef;}
.golds-gym .bg-accent2 { background-color:#77c9b1; }
.golds-gym .button.bg-primary:hover {background-color: #fbe605;}
.golds-gym .button.bg-secondary:hover {background-color: #58585a;}
.golds-gym .button.bg-tertiary:hover,
.golds-gym .button.active:hover {background-color: #00adef;}
.golds-gym .text-primary{color: #fbe605;}
.golds-gym .text-secondary{color: #58585a;}
.golds-gym .text-tertiary {color: #00adef;}
/* miscellaneous colors */
.golds-gym .bg-silver { background-color:#d1d3d4; }
.golds-gym .bg-light-gray { background-color:#d1d3d4; }
.golds-gym .bg-gray { background-color:#a7a9ac; }
/* custom section changes */
.golds-gym .footer,
.golds-gym .disclaimers,
.golds-gym .mobile-menu,
.golds-gym .mobile-footer,
.golds-gym #banner {
background-color:#58585a;
}
/* social icons in footer */
.golds-gym .footer .footer-social a {
background-color:#00adef;
color:#58585a;
}
.golds-gym .footer .footer-social a:hover {
background-color:#77c9b1;
}
/* login homepage block */
.golds-gym .home_third.bg-primary {
background-color:#58585a;
}
/* title in registration homepage block */
.golds-gym .home_third h3.sky {
color:#58585a;
}
/* underline when user hovers over a menu item in the main nav */
.golds-gym .main-navigation li:hover > span a {
box-shadow:inset 0 -2px 0 0 #00adef;
}
/* page title on about/contact/register pages */
/* orange titles (pretty much everywhere) */
.golds-gym h1.sky,
.golds-gym h2.orange,
.golds-gym .h2.orange,
.golds-gym h3.orange,
.golds-gym .h3.orange,
.golds-gym h4.orange,
.golds-gym .h4.orange {
color:#58585a;
}
/* "register" buttons on homepage */
.golds-gym #select-a-facility .button.bg-secondary {
background-color:#00adef;
}
/* update major dashboard section headers to use a lighter grey instead of gold */
.golds-gym .dashboard-details .dashboard-heading {
background-color:#808285;
}
/* CUSTOM ICONS */
.golds-gym .dashboard-icons li:hover,
.golds-gym .dashboard-icons a:hover,
.golds-gym .dashboard-icons li a:hover,
.golds-gym .dashboard-icons li .selected {
color:#00adef;
}
.golds-gym .dashboard-icons .fitness,
.golds-gym .type-icon .fitness {
background: url('../images/golds-gym/dash-icon-fitness.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .nutrition,
.golds-gym .type-icon .nutrition {
background: url('../images/golds-gym/dash-icon-nutrition.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .stress,
.golds-gym .type-icon .stress {
background: url('../images/golds-gym/dash-icon-stress.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .schedule {
background: url('../images/golds-gym/dash-icon-schedule.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .measurements {
background: url('../images/golds-gym/dash-icon-measurements.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .journal,
.golds-gym .dashboard-icons .clients {
background: url('../images/golds-gym/dash-icon-journal.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .role,
.golds-gym .dashboard-icons .coaches {
background: url('../images/golds-gym/dash-icon-role.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .facilities,
.golds-gym .dashboard-icons .organizations {
background: url('../images/golds-gym/dash-icon-facilities.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .professionals,
.golds-gym .dashboard-icons .coach-profile,
.golds-gym .dashboard-icons .contacts {
background: url('../images/golds-gym/dash-icon-professionals.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .profile,
.golds-gym .dashboard-icons .workspace,
.golds-gym .dashboard-icons .tools {
background: url('../images/golds-gym/dash-icon-profile.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .risk {
background: url('../images/golds-gym/dash-icon-risk.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .tracking,
.golds-gym .dashboard-icons .support {
background: url('../images/golds-gym/dash-icon-tracking.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .plans {
background: url('../images/golds-gym/dash-icon-plans.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .libraries,
.golds-gym .dashboard-icons .groups {
background: url('../images/golds-gym/dash-icon-libraries.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .adime {
background: url('../images/golds-gym/dash-icon-adime.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .recommendations {
background: url('../images/golds-gym/dash-icon-recommendations.png') no-repeat 50% 0;
}
/* FACILITY - 24 Hour Fitness */
.twofour-hour-fitness .bg-primary{background-color: #ed1b2e;}
.twofour-hour-fitness .bg-secondary{background-color: #221e1f;}
.twofour-hour-fitness .bg-tertiary,
.twofour-hour-fitness .button.active {background-color: #D10317;} /* alternate: 3CB6CE */
.twofour-hour-fitness .button.bg-primary:hover {background-color: #d01425;}
.twofour-hour-fitness .button.bg-secondary:hover {background-color: #3a2d2d;}
.twofour-hour-fitness .button.bg-tertiary:hover,
.twofour-hour-fitness .button.active:hover {background-color: #ed1b2e;}
.twofour-hour-fitness .text-primary{color: #ed1b2e;}
.twofour-hour-fitness .text-secondary{color: #221e1f;}
.twofour-hour-fitness .text-tertiary {color: #D10317;}
/* third color for pie chart since our primary and tertiary colors are the same */
/*.twofour-hour-fitness .nutrition-pie-chart .bg-tertiary { background-color:#3cb6ce; }*/
/*.twofour-hour-fitness .nutrition-pie-chart .text-tertiary { color:#3cb6ce; }*/
/* FACILITY - Cincinnati Sports Club */
.cincinnati-sports-club .bg-primary{background-color: #015030;}
.cincinnati-sports-club .bg-secondary{background-color: #588A64;}
.cincinnati-sports-club .bg-tertiary,
.cincinnati-sports-club .button.active {background-color: #B1C599;}
.cincinnati-sports-club .button.bg-primary:hover {background-color: #015030;}
.cincinnati-sports-club .button.bg-secondary:hover {background-color: #588A64;}
.cincinnati-sports-club .button.bg-tertiary:hover,
.cincinnati-sports-club .button.active:hover {background-color: #B1C599;}
.cincinnati-sports-club .text-primary{color: #015030;}
.cincinnati-sports-club .text-secondary{color: #588A64;}
.cincinnati-sports-club .text-tertiary {color: #B1C599;}
/* FACILITY - Fitness Formula Club */
.fitness-formula-club .bg-primary{background-color: #FF5619;}
.fitness-formula-club .bg-secondary{background-color: #8FB158;}
.fitness-formula-club .bg-tertiary,
.fitness-formula-club .button.active {background-color: #E71F01;}
.fitness-formula-club .button.bg-primary:hover {background-color: #FF5619;}
.fitness-formula-club .button.bg-secondary:hover {background-color: #8FB158;}
.fitness-formula-club .button.bg-tertiary:hover,
.fitness-formula-club .button.active:hover {background-color: #E71F01;}
.fitness-formula-club .text-primary{color: #FF5619;}
.fitness-formula-club .text-secondary{color: #8FB158;}
.fitness-formula-club .text-tertiary {color: #E71F01;}
/* FACILITY - The Wisconsin Athletic Club */
.wisconsin-athletic-club .bg-primary{background-color: #ffba1f;}
.wisconsin-athletic-club .bg-secondary{background-color: #e31a22;}
.wisconsin-athletic-club .bg-tertiary,
.wisconsin-athletic-club .button.active {background-color: #C9BEA8;}
.wisconsin-athletic-club .button.bg-primary:hover {background-color: #ffba1f;}
.wisconsin-athletic-club .button.bg-secondary:hover {background-color: #e31a22;}
.wisconsin-athletic-club .button.bg-tertiary:hover,
.wisconsin-athletic-club .button.active:hover {background-color: #C9BEA8;}
.wisconsin-athletic-club .text-primary{color: #ffba1f;}
.wisconsin-athletic-club .text-secondary{color: #e31a22;}
.wisconsin-athletic-club .text-tertiary {color: #C9BEA8;}
/* FACILITY - Merritt Clubs */
.merritt-clubs .bg-primary{background-color: #94bb21;}
.merritt-clubs .bg-secondary{background-color: #2aacbe;}
.merritt-clubs .bg-tertiary, .merritt-clubs .button.active {background-color: #5cb373;}
.merritt-clubs .button.bg-primary:hover {background-color: #94bb21;}
.merritt-clubs .button.bg-secondary:hover {background-color: #2aacbe;}
.merritt-clubs .button.bg-tertiary:hover, .merritt-clubs .button.active:hover {background-color: #5cb373;}
.merritt-clubs .text-primary{color: #94bb21;}
.merritt-clubs .text-secondary{color: #2aacbe;}
.merritt-clubs .text-tertiary {color: #5cb373;}
/* FACILITY - My Community Moves - Cross */
.mcm-cross .bg-primary{background-color: #fdbe0f;}
.mcm-cross .bg-secondary{background-color: #939598;}
.mcm-cross .bg-tertiary, .mcm-cross .button.active {background-color: #998E70;}
.mcm-cross .button.bg-primary:hover {background-color: #fdbe0f;}
.mcm-cross .button.bg-secondary:hover {background-color: #939598;}
.mcm-cross .button.bg-tertiary:hover, .mcm-cross .button.active:hover {background-color: #998E70;}
.mcm-cross .text-primary{color: #fdbe0f;}
.mcm-cross .text-secondary{color: #939598;}
.mcm-cross .text-tertiary {color: #998E70;}
/* FACILITY - Newtown Athletic Club */
.newtown-athletic-club .bg-primary{background-color: #004071;}
.newtown-athletic-club .bg-secondary{background-color: #939598;}
.newtown-athletic-club .bg-tertiary,
.newtown-athletic-club .button.active {background-color: #002a4a;}
.newtown-athletic-club .button.bg-primary:hover {background-color: #004071;}
.newtown-athletic-club .button.bg-secondary:hover {background-color: #939598;}
.newtown-athletic-club .button.bg-tertiary:hover,
.newtown-athletic-club .button.active:hover {background-color: #002a4a;}
.newtown-athletic-club .text-primary{color: #004071;}
.newtown-athletic-club .text-secondary{color: #939598;}
.newtown-athletic-club .text-tertiary {color: #002a4a;}
/* FACILITY - THE EDGE VT */
.facility-edge .bg-primary{background-color: #013a65;}
.facility-edge .bg-secondary{background-color: #f47b20;}
.facility-edge .bg-tertiary,
.facility-edge .button.active {background-color: #5f8cab;}
.facility-edge .button.bg-primary:hover {background-color: #024d85;}
.facility-edge .button.bg-secondary:hover {background-color: #013a65;}
.facility-edge .button.bg-tertiary:hover,
.facility-edge .button.active:hover {background-color: #487492;}
.facility-edge .text-primary{color: #013a65;}
.facility-edge .text-secondary{color: #f47b20;}
.facility-edge .text-tertiary {color: #5f8cab;}
/* FACILITY - ADIRONDACK */
.facility-adirondack .bg-primary{background-color: #2f49ba;}
.facility-adirondack .bg-secondary{background-color: #666;}
.facility-adirondack .bg-tertiary{background-color: #2f49ba;}
.facility-adirondack .bg-tertiary,
.facility-adirondack .button.active {background-color: #1E2E75;}
.facility-adirondack .button.bg-primary:hover {background-color: #263ea6;}
.facility-adirondack .button.bg-secondary:hover {background-color: #525252;}
.facility-adirondack .button.bg-tertiary:hover,
.facility-adirondack .button.active:hover {background-color: #263ea6;}
.facility-adirondack .text-primary{color: #2f49ba;}
.facility-adirondack .text-secondary{color: #666;}
.facility-adirondack .text-tertiary {color: #1E2E75;}
/* FACILITY - BEVERLY */
.facility-beverly .bg-primary{background-color: #1a325d;}
.facility-beverly .bg-secondary{background-color: #ffba00;}
.facility-beverly .bg-tertiary{background-color: #1a325d;}
.facility-beverly .button.bg-primary:hover {background-color: #13284e;}
.facility-beverly .button.bg-secondary:hover {background-color: #dc9408;}
.facility-beverly .button.bg-tertiary:hover,
.facility-beverly .button.active:hover {background-color: #13284e;}
.facility-beverly .text-primary{color: #1a325d;}
.facility-beverly .text-secondary{color: #ffba00;}
.facility-beverly .text-tertiary {color: #295094;}
.facility-beverly .bg-tertiary,
.facility-beverly .button.active {background-color: #295094;}
/* FACILITY - CAMBRIDGE */
.facility-cambridge .bg-primary{background-color: #1a325d;}
.facility-cambridge .bg-secondary{background-color: #ff0000;}
.facility-cambridge .bg-tertiary{background-color: #1a325d;}
.facility-cambridge .button.bg-primary:hover {background-color: #132647;}
.facility-cambridge .button.bg-secondary:hover {background-color: #c80202;}
.facility-cambridge .button.bg-tertiary:hover,
.facility-cambridge .button.active:hover {background-color: #132647;}
.facility-cambridge .text-primary{color: #1a325d;}
.facility-cambridge .text-secondary{color: #ff0000;}
.facility-cambridge .text-tertiary {color: #295094;}
.facility-cambridge .bg-tertiary,
.facility-cambridge .button.active {background-color: #295094;}
/* FACILITY - CEDARDALE */
.facility-cedardale .bg-primary{background-color: #000f9f;}
.facility-cedardale .bg-secondary{background-color: #93d500;}
.facility-cedardale .bg-tertiary{background-color: #ff7733;}
.facility-cedardale .button.bg-primary:hover {background-color: #000F6D;}
.facility-cedardale .button.bg-secondary:hover {background-color: #81BD00;}
.facility-cedardale .button.bg-tertiary:hover,
.facility-cedardale .button.active:hover {background-color: #E84823;}
.facility-cedardale .text-primary{color: #000f9f;}
.facility-cedardale .text-secondary{color: #93d500;}
.facility-cedardale .text-tertiary {color: #ff7733;}
.facility-cedardale .bg-tertiary,
.facility-cedardale .button.active {background-color: #ff7733;}
/* FACILITY - EXECUTIVE */
.facility-executive .bg-primary{background-color: #05083e;}
.facility-executive .bg-secondary{background-color: #8f8f8f;}
.facility-executive .bg-tertiary{background-color: #696969;}
.facility-executive .button.bg-primary:hover {background-color: #05083e;}
.facility-executive .button.bg-secondary:hover {background-color: #696969;}
.facility-executive .button.bg-tertiary:hover,
.facility-executive .button.active:hover {background-color: #0d47a1;}
.facility-executive .text-primary{color: #05083e;}
.facility-executive .text-secondary{color: #8f8f8f;}
.facility-executive .text-tertiary {color: #696969;}
.facility-executive .bg-tertiary,
.facility-executive .button.active {background-color: #0d47a1;}
/* FACILITY - HAMPSHIREHILLS */
.facility-hampshirehills .bg-primary{background-color: #003266;}
.facility-hampshirehills .bg-secondary{background-color: #66b360;}
.facility-hampshirehills .bg-tertiary{background-color: #003266;}
.facility-hampshirehills .button.bg-primary:hover {background-color: #01264c;}
.facility-hampshirehills .button.bg-secondary:hover {background-color: #4a9145;}
.facility-hampshirehills .button.bg-tertiary:hover,
.facility-hampshirehills .button.active:hover {background-color: #01264c;}
.facility-hampshirehills .text-primary{color: #003266;}
.facility-hampshirehills .text-secondary{color: #66b360;}
.facility-hampshirehills .text-tertiary {color: #004FA1;}
.facility-hampshirehills .bg-tertiary,
.facility-hampshirehills .button.active {background-color: #004FA1;}
/* FACILITY - LACONIA */
.facility-laconia .bg-primary{background-color: #2a5dac;}
.facility-laconia .bg-secondary{background-color: #00a0ee;}
.facility-laconia .bg-tertiary{background-color: #2a5dac;}
.facility-laconia .button.bg-primary:hover {background-color: #184180;}
.facility-laconia .button.bg-secondary:hover {background-color: #0086c7;}
.facility-laconia .button.bg-tertiary:hover,
.facility-laconia .button.active:hover {background-color: #184180;}
.facility-laconia .text-primary{color: #2a5dac;}
.facility-laconia .text-secondary{color: #00a0ee;}
.facility-laconia .text-tertiary {color: #193766;}
.facility-laconia .bg-tertiary,
.facility-laconia .button.active {background-color: #193766;}
/* FACILITY - LONGFELLOW */
.facility-longfellow-natick .bg-primary,
.facility-longfellow-wayland .bg-primary,
.facility-longfellow .bg-primary{background-color: #2d4375;}
.facility-longfellow-natick .bg-secondary,
.facility-longfellow-wayland .bg-secondary,
.facility-longfellow .bg-secondary{background-color: #95c938;}
.facility-longfellow-natick .bg-tertiary,
.facility-longfellow-wayland .bg-tertiary,
.facility-longfellow .bg-tertiary{background-color: #2d4375;}
.facility-longfellow-natick .button.bg-primary:hover,
.facility-longfellow-wayland .button.bg-primary:hover,
.facility-longfellow .button.bg-primary:hover {background-color: #1e2f57;}
.facility-longfellow-natick .button.bg-secondary:hover,
.facility-longfellow-wayland .button.bg-secondary:hover,
.facility-longfellow .button.bg-secondary:hover {background-color: #779d2c;}
.facility-longfellow-natick .button.bg-tertiary:hover,
.facility-longfellow-wayland .button.bg-tertiary:hover,
.facility-longfellow .button.bg-tertiary:hover,
.facility-longfellow-natick .button.active:hover,
.facility-longfellow-wayland .button.active:hover,
.facility-longfellow .button.active:hover {background-color: #1e2f57;}
.facility-longfellow-natick .text-primary,
.facility-longfellow-wayland .text-primary,
.facility-longfellow .text-primary {color: #2d4375;}
.facility-longfellow-natick .text-secondary,
.facility-longfellow-wayland .text-secondary,
.facility-longfellow .text-secondary {color: #95c938;}
.facility-longfellow-natick .text-tertiary,
.facility-longfellow-wayland .text-tertiary,
.facility-longfellow .text-tertiary {color: #4668B5;}
.facility-longfellow-natick .bg-tertiary,
.facility-longfellow-wayland .bg-tertiary,
.facility-longfellow .bg-tertiary,
.facility-longfellow-natick .button.active,
.facility-longfellow-wayland .button.active,
.facility-longfellow .button.active {color: #4668B5;}
/* FACILITY - MANCHESTER */
.facility-manchester .bg-primary{background-color: #1b4164;}
.facility-manchester .bg-secondary{background-color: #3573b9;}
.facility-manchester .bg-tertiary{background-color: #1b4164;}
.facility-manchester .button.bg-primary:hover {background-color: #102b44;}
.facility-manchester .button.bg-secondary:hover {background-color: #2b5d95;}
.facility-manchester .button.bg-tertiary:hover,
.facility-manchester .button.active:hover {background-color: #102b44;}
.facility-manchester .text-primary{color: #1b4164;}
.facility-manchester .text-secondary{color: #3573b9;}
.facility-manchester .text-tertiary {color: #296399;}
.facility-manchester .bg-tertiary,
.facility-manchester .button.active {background-color: #296399;}
/* FACILITY - MOUNTAUBURN */
.facility-mountauburn .bg-primary{background-color: #268eb1;}
.facility-mountauburn .bg-secondary{background-color: #7a975d;}
.facility-mountauburn .bg-tertiary{background-color: #268eb1;}
.facility-mountauburn .button.bg-primary:hover {background-color: #1a6f8c;}
.facility-mountauburn .button.bg-secondary:hover {background-color: #617d45;}
.facility-mountauburn .button.bg-tertiary:hover,
.facility-mountauburn .button.active:hover {background-color: #1a6f8c;}
.facility-mountauburn .text-primary{color: #268eb1;}
.facility-mountauburn .text-secondary{color: #7a975d;}
.facility-mountauburn .text-tertiary {color: #165469;}
.facility-mountauburn .bg-tertiary,
.facility-mountauburn .button.active {background-color: #165469;}
/* FACILITY - ORCHARDHILLS */
.facility-orchardhills .bg-primary{background-color: #565656;}
.facility-orchardhills .bg-secondary{background-color: #008AFF;}
.facility-orchardhills .bg-tertiary{background-color: #565656;}
.facility-orchardhills .button.bg-primary:hover {background-color: 444141;}
.facility-orchardhills .button.bg-secondary:hover {background-color: #036dc7;}
.facility-orchardhills .button.bg-tertiary:hover,
.facility-orchardhills .button.active:hover {background-color: #444141;}
.facility-orchardhills .text-primary{color: #565656;}
.facility-orchardhills .text-secondary{color: #008AFF;}
.facility-orchardhills .text-tertiary {color: #003B6E;}
.facility-orchardhills .bg-tertiary,
.facility-orchardhills .button.active {background-color: #003B6E;}
/* FACILITY - PLYMOUTH */
.facility-plymouth .bg-primary{background-color: #016ad5;}
.facility-plymouth .bg-secondary{background-color: #fbc30c;}
.facility-plymouth .bg-tertiary{background-color: #016ad5;}
.facility-plymouth .button.bg-primary:hover {background-color: #002597;}
.facility-plymouth .button.bg-secondary:hover {background-color: #ddae03;}
.facility-plymouth .button.bg-tertiary:hover,
.facility-plymouth .button.active:hover {background-color: #002597;}
.facility-plymouth .text-primary{color: #016ad5;}
.facility-plymouth .text-secondary{color: #fbc30c;}
.facility-plymouth .text-tertiary {color: #013E7D;}
.facility-plymouth .bg-tertiary,
.facility-plymouth .button.active {background-color: #013E7D;}
/* FACILITY - QUEST */
.facility-quest .bg-primary{background-color: #a1ab1c;}
.facility-quest .bg-secondary{background-color: #f38e32;}
.facility-quest .bg-tertiary{background-color: #a1ab1c;}
.facility-quest .button.bg-primary:hover {background-color: #909915;}
.facility-quest .button.bg-secondary:hover {background-color: #da761b;}
.facility-quest .button.bg-tertiary:hover,
.facility-quest .button.active:hover {background-color: #909915;}
.facility-quest .text-primary{color: #a1ab1c;}
.facility-quest .text-secondary{color: #f38e32;}
.facility-quest .text-tertiary {color: #99591F;}
.facility-quest .bg-tertiary,
.facility-quest .button.active {background-color: #99591F;}
/* FACILITY - SACO */
.facility-saco .bg-primary{background-color: #027dc3;}
.facility-saco .bg-secondary{background-color: #222;}
.facility-saco .bg-tertiary{background-color: #027dc3;}
.facility-saco .button.bg-primary:hover {background-color: #04669e;}
.facility-saco .button.bg-secondary:hover {background-color: #0f0f0f;}
.facility-saco .button.bg-tertiary:hover,
.facility-saco .button.active:hover {background-color: #04669e;}
.facility-saco .text-primary{color: #027dc3;}
.facility-saco .text-secondary{color: #222;}
.facility-saco .text-tertiary {color: #014166;}
.facility-saco .bg-tertiary,
.facility-saco .button.active {background-color: #014166;}
/* FACILITY - SALEM */
.facility-salem .bg-primary{background-color: #520052;}
.facility-salem .bg-secondary{background-color: #eca428;}
.facility-salem .bg-tertiary{background-color: #520052;}
.facility-salem .button.bg-primary:hover {background-color: #450045;}
.facility-salem .button.bg-secondary:hover {background-color: #d7931d;}
.facility-salem .button.bg-tertiary:hover,
.facility-salem .button.active:hover {background-color: #450045;}
.facility-salem .text-primary{color: #520052;}
.facility-salem .text-secondary{color: #eca428;}
.facility-salem .text-tertiary {color: #7F007F;}
.facility-salem .bg-tertiary,
.facility-salem .button.active {background-color: #7F007F;}
/* FACILITY - THOREAU */
.facility-thoreau .bg-primary{background-color: #0f6953;}
.facility-thoreau .bg-secondary{background-color: #1569a7;}
.facility-thoreau .bg-tertiary{background-color: #0f6953;}
.facility-thoreau .button.bg-primary:hover {background-color: #095240;}
.facility-thoreau .button.bg-secondary:hover {background-color: #105a90;}
.facility-thoreau .button.bg-tertiary:hover,
.facility-thoreau .button.active:hover {background-color: #095240;}
.facility-thoreau .text-primary{color: #0f6953;}
.facility-thoreau .text-secondary{color: #1569a7;}
.facility-thoreau .text-tertiary {color: #0A4536;}
.facility-thoreau .bg-tertiary,
.facility-thoreau .button.active {background-color: #0A4536;}
/* FACILITY - WEYMOUTH */
.facility-weymouth .bg-primary{background-color: #4D364B;}
.facility-weymouth .bg-secondary{background-color: #9FA273;}
.facility-weymouth .bg-tertiary{background-color: #4D364B;}
.facility-weymouth .button.bg-primary:hover {background-color: #3D263A;}
.facility-weymouth .button.bg-secondary:hover {background-color: #84875B;}
.facility-weymouth .button.bg-tertiary:hover,
.facility-weymouth .button.active:hover {background-color: #3D263A;}
.facility-weymouth .text-primary{color: #4D364B;}
.facility-weymouth .text-secondary{color: #9FA273;}
.facility-weymouth .text-tertiary {color: #7F597C;}
.facility-weymouth .bg-tertiary,
.facility-weymouth .button.active {background-color: #7F597C;}
/* FACILITY - WORKS */
.facility-works .bg-primary{background-color: #10394f;}
.facility-works .bg-secondary{background-color: #de2304;}
.facility-works .bg-tertiary{background-color: #10394f;}
.facility-works .button.bg-primary:hover {background-color: #0a2d3f;}
.facility-works .button.bg-secondary:hover {background-color: #bf1e04;}
.facility-works .button.bg-tertiary:hover,
.facility-works .button.active:hover {background-color: #0a2d3f;}
.facility-works .text-primary{color: #10394f;}
.facility-works .text-secondary{color: #de2304;}
.facility-works .text-tertiary {color: #1A5C7F;}
.facility-works .bg-tertiary,
.facility-works .button.active {background-color: #1A5C7F;}
/* BETTER U */
.betteru .bg-primary{background-color: #9f0622;}
.betteru .bg-secondary{background-color: #ec1b2e;}
.betteru .bg-tertiary{background-color: #9f0622;}
.betteru .button.bg-primary:hover {background-color: #88041c;}
.betteru .button.bg-secondary:hover {background-color: #cc1425;}
.betteru .button.bg-tertiary:hover,
.betteru .button.active:hover {background-color: #88041c;}
.betteru .text-primary{color: #9f0622;}
.betteru .text-secondary{color: #ec1b2e;}
.betteru .text-tertiary {color: #41748d;}
.betteru .bg-tertiary,
.betteru .button.active {background-color: #41748d;}
/* CMC */
.cmc .bg-primary{background-color: #632c50;}
.cmc .bg-secondary{background-color: #41748d;}
.cmc .bg-tertiary{background-color: #632c50;}
.cmc .button.bg-primary:hover {background-color: #471c38;}
.cmc .button.bg-secondary:hover {background-color: #2d596e;}
.cmc .button.bg-tertiary:hover,
.cmc .button.active:hover {background-color: #471c38;}
.cmc .text-primary{color: #632c50;}
.cmc .text-secondary{color: #41748d;}
.cmc .text-tertiary {color: #b33d26;}
.cmc .bg-tertiary,
.cmc .button.active {background-color: #b33d26;}
/* BEDFORD BULLDIGS */
.bedford-bulldogs .bg-primary{background-color: #AC0D0B;}
.bedford-bulldogs .bg-secondary{background-color: #EF2D34;}
.bedford-bulldogs .bg-tertiary{background-color: #AC0D0B;}
.bedford-bulldogs .button.bg-primary:hover {background-color: #AC0D0B;}
.bedford-bulldogs .button.bg-secondary:hover {background-color: #EF2D34;}
.bedford-bulldogs .button.bg-tertiary:hover,
.bedford-bulldogs .button.active:hover {background-color: #AC0D0B;}
.bedford-bulldogs .text-primary{color: #AC0D0B;}
.bedford-bulldogs .text-secondary{color: #ec1b2e;}
.bedford-bulldogs .text-tertiary {color: #A39B8C;}
.bedford-bulldogs .bg-tertiary,
.bedford-bulldogs .button.active {background-color: #A39B8C;}
.bedford-bulldogs .bg-tertiary:hover {background-color: #3C3139;}
/* LA Fitness */
/* dark blue, gray, gold */
.la-fit .bg-primary,
.la-fit .bg-blue {background-color: #131a64;} /*dark blue*/
.la-fit .bg-secondary,
.la-fit .bg-sky {background-color: #515151;} /*gray*/
.la-fit .bg-tertiary,
.la-fit .bg-orange,
.la-fit .button.active {background-color: #fdb813;} /*gold*/
.la-fit .button.bg-primary:hover,
.la-fit .button.bg-blue:hover {background-color: #000536;}
.la-fit .button.bg-secondary:hover,
.la-fit .button.bg-sky:hover {background-color: #3d3d3d;}
.la-fit .button.bg-tertiary:hover,
.la-fit .button.bg-orange:hover,
.la-fit .button.active:hover {background-color: #eca806;}
.la-fit .text-primary,
.la-fit .blue {color: #131a64;}
.la-fit .text-secondary,
.la-fit .sky {color: #4d4d4d;}
.la-fit .text-tertiary,
.la-fit .orange {color: #fdb813;}
/* underline when user hovers over a menu item in the main nav */
.la-fit .main-navigation li:hover > span a {
box-shadow:inset 0 -2px 0 0 #fdb813;
}
/* CUSTOM DASHBOARD ICONS */
.la-fit .dashboard-icons li:hover,
.la-fit .dashboard-icons a:hover,
.la-fit .dashboard-icons li a:hover,
.la-fit .dashboard-icons li .selected {
color:#fdb813;
}
.la-fit .dashboard-icons .fitness,
.la-fit .type-icon .fitness {
background: url('../images/la-fit/dash-icon-fitness.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .nutrition,
.la-fit .type-icon .nutrition {
background: url('../images/la-fit/dash-icon-nutrition.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .stress,
.la-fit .type-icon .stress {
background: url('../images/la-fit/dash-icon-stress.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .schedule {
background: url('../images/la-fit/dash-icon-schedule.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .measurements {
background: url('../images/la-fit/dash-icon-measurements.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .journal,
.la-fit .dashboard-icons .clients {
background: url('../images/la-fit/dash-icon-journal.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .role,
.la-fit .dashboard-icons .coaches {
background: url('../images/la-fit/dash-icon-role.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .facilities,
.la-fit .dashboard-icons .organizations {
background: url('../images/la-fit/dash-icon-facilities.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .professionals,
.la-fit .dashboard-icons .coach-profile,
.la-fit .dashboard-icons .contacts {
background: url('../images/la-fit/dash-icon-professionals.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .profile,
.la-fit .dashboard-icons .workspace,
.la-fit .dashboard-icons .tools {
background: url('../images/la-fit/dash-icon-profile.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .risk {
background: url('../images/la-fit/dash-icon-risk.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .tracking,
.la-fit .dashboard-icons .support {
background: url('../images/la-fit/dash-icon-tracking.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .plans {
background: url('../images/la-fit/dash-icon-plans.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .libraries,
.la-fit .dashboard-icons .groups {
background: url('../images/la-fit/dash-icon-libraries.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .adime {
background: url('../images/la-fit/dash-icon-adime.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .recommendations {
background: url('../images/la-fit/dash-icon-recommendations.png') no-repeat 50% 0;
}
.ymca .bg-primary,
.ymca .bg-blue {background-color: #00AEEF;} /*light blue*/
.ymca .bg-secondary,
.ymca .bg-sky {background-color: #92278F;} /*purple*/
.ymca .bg-tertiary,
.ymca .bg-orange,
.ymca .button.active {background-color: #C6168D;} /*dark pink*/
.ymca .button.bg-primary:hover,
.ymca .button.bg-blue:hover {background-color: #0B6CD9;}
.ymca .button.bg-secondary:hover,
.ymca .button.bg-sky:hover {background-color: #5D239E;}
.ymca .button.bg-tertiary:hover,
.ymca .button.bg-orange:hover,
.ymca .button.active:hover {background-color: #C90DDE;}
.ymca .text-primary,
.ymca .blue {color: #00AEEF;}
.ymca .text-secondary,
.ymca .sky {color: #92278F;}
.ymca .text-tertiary,
.ymca .orange {color: #C6168D;}
/* FACILITY - Patchwork Wellness */
.facility-patchwork .bg-primary{background-color: #15345B;}
.facility-patchwork .bg-secondary{background-color: #CD4E4C;}
.facility-patchwork .bg-tertiary,
.facility-patchwork .button.active {background-color: #E7A591;}
.facility-patchwork .button.bg-primary:hover {background-color: #CD4E4C;}
.facility-patchwork .button.bg-secondary:hover {background-color: #15345B;}
.facility-patchwork .button.bg-tertiary:hover,
.facility-patchwork .button.active:hover {background-color: #15345B;}
.facility-patchwork .text-primary{color: #15345B;}
.facility-patchwork .text-secondary{color: #CD4E4C;}
.facility-patchwork .text-tertiary {color: #E7A591;}
/* FACILITY - Corfinity */
.corfinity .bg-primary{background-color: #202928;}
.corfinity .bg-secondary{background-color: #17b0b3;}
.corfinity .bg-tertiary,
.corfinity .button.active {background-color: #18cc7f;}
.corfinity .button.bg-primary:hover {background-color: #276961;}
.corfinity .button.bg-secondary:hover {background-color: #35e2e6;}
.corfinity .button.bg-tertiary:hover,
.corfinity .button.active:hover {background-color: #0af28e;}
.corfinity .text-primary{color: #202928;}
.corfinity .text-secondary{color: #17b0b3;}
.corfinity .text-tertiary {color: #18cc7f;}
.progress {
padding: 4px;
background: rgba(0, 0, 0, 0.25);
border-radius: 6px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-bar {
position: relative;
height: 16px;
border-radius: 4px;
-webkit-transition: 1.0s linear;
-moz-transition: 1.0s linear;
-o-transition: 1.0s linear;
transition: 1.0s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-bar:before, .progress-bar:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
}
.progress-bar:before {
bottom: 0;
background: url("../images/stripes.png") 0 0 repeat;
border-radius: 4px 4px 0 0;
}
.progress-bar:after {
z-index: 2;
bottom: 45%;
border-radius: 4px;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}
/*
* Note: using adjacent or general sibling selectors combined with
* pseudo classes doesn't work in Safari 5.0 and Chrome 12.
* See this article for more info and a potential fix:
* http://css-tricks.com/webkit-sibling-bug/
*/
#five:checked ~ .progress > .progress-bar {
width: 5%;
background-color: #f63a0f;
}
#twentyfive:checked ~ .progress > .progress-bar {
width: 25%;
background-color: #f27011;
}
#fifty:checked ~ .progress > .progress-bar {
width: 50%;
background-color: #f2b01e;
}
#seventyfive:checked ~ .progress > .progress-bar {
width: 75%;
background-color: #f2d31b;
}
#onehundred:checked ~ .progress > .progress-bar {
width: 100%;
background-color: #86e01e;
}
.progress-radio {
display: none !important;
}
.progress-label {
display: inline-block;
margin: 0 5px 20px;
padding: 3px 8px;
color: #aaa;
text-shadow: 0 1px black;
border-radius: 3px;
cursor: pointer;
display:none;
}
.progress-radio:checked + .progress-label {
color: white;
background: rgba(0, 0, 0, 0.25);
}
/*!
* Cropper v2.3.4
* https://github.com/fengyuanchen/cropper
*
* Copyright (c) 2014-2016 Fengyuan Chen and contributors
* Released under the MIT license
*
* Date: 2016-09-03T05:50:45.412Z
*/.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff;filter:alpha(opacity=0)}.cropper-dashed,.cropper-modal{opacity:.5;filter:alpha(opacity=50)}.cropper-modal{background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75;filter:alpha(opacity=75)}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-invisible{opacity:0;filter:alpha(opacity=0)}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*
------------------------ =MOBILE ------------------------ */
@media screen and (max-width:767px) {
.mobile-button-half {
float: left;
position: relative;
width: 49%;
}
.mobile-button-half + .mobile-button-half {
margin-left:2%;
}
.mobile-button-half.center-button {
margin-left:25.5%;
}
.mobile-button-third {
float: left;
position: relative;
width: 32%;
}
.mobile-button-third.double {
width:66%;
}
.mobile-button-third + .mobile-button-third {
margin-left:2%;
}
.mobile-button-whole {
width:100%;
}
.mobile-np {
padding:0 !important;
}
.mobile-nm {
margin:0 !important;
}
.mobile-hide {
display:none !important;
}
.mobile-button-trio {
float:left;
position:relative;
width:40%;
}
.mobile-button-trio.button-cancel {
width:16%;
}
.mobile-button-trio + .mobile-button-trio {
margin-left:2%;
}
.mobile-closed {
display:none;
}
.inline-textbox.mobile-full input {
width:100%;
}
}
@media screen and (max-width:639px) {
.phablet-button-half {
float: left;
position: relative;
width: 49%;
}
.phablet-button-half + .phablet-button-half {
margin-left:2%;
}
.phablet-button-half.center-button {
margin-left:25.5%;
}
.phablet-button-whole {
width:100%;
}
.phablet-closed {
display:none;
}
}
@media screen and (max-width:479px) {
.phone-button-whole {
float:none;
width:100%;
margin-left:0 !important;
margin-right:0 !important;
}
.phone-button-whole + .phone-button-whole {
margin-top:.5rem;
}
.phone-button-half {
float: left;
position: relative;
width: 49%;
}
.phone-button-half + .phone-button-half {
margin-left:2%;
}
.phone-button-half.center-button {
margin-left:25.5%;
}
.phone-closed {
display:none;
}
}
.ui-timepicker-wrapper {
overflow-y: auto;
max-height: 150px;
width: 6.5em;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
outline: none;
z-index: 10001;
margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
width: 11em;
}
.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}
.ui-timepicker-duration {
margin-left: 5px; color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888;
}
.ui-timepicker-list li {
padding: 3px 0 3px 5px;
cursor: pointer;
white-space: nowrap;
color: #000;
list-style: none;
margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC; color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888;
cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2;
}
/*
Sample Facility Colors
.primary { #0b406b }
.secondary { #0ca7e9 }
.tertiary { #52b747 }
*/
/**
* GLOBAL STYLING
* styling that affects the entire site
* these changes will not break any existing sections
*/
/* no need to add "class=clear" to every hr... */
hr {
clear:both;
}
/* links to open a lightbox should always have a pointer cursor */
.js-open-lightbox {
cursor:pointer;
}
/* warning about "this is a prescription plan" */
#divPrescriptionPlanMsg {
padding:.75rem;
}
/* increase size of X and go-back links in popups */
@media screen and (max-width:860px) {
.popupWrap .closer {
font-size:1.5rem;
padding-top:0;
padding-bottom:0;
right:0;
}
}
/* standardize spacing around facility image slider */
@media screen and (max-width:767px) {
.main {
padding-top:.75rem;
}
}
/* shrink dashboard icons on mobile */
/* 2018-12-17 MOVED INTO PAGES.CSS to be used globally */
/*@media screen and (max-width:767px) {
#js-dashboard-icons > li.column {
width:16.666%;
padding:0 .5rem;
}
#js-dashboard-icons > li > a > span {
height:80px;
background-size:80px;
background-position:center top;
}
#js-dashboard-icons > li > a.selected > span {
background-position:center bottom;
}
#js-dashboard-icons .noti_bubble {
right:0;
margin-right:0;
border-radius:100%;
font-size:10px;
padding:0;
height:22px;
width:22px;
line-height:22px;
text-align:center;
}
}
@media screen and (max-width:639px) {
#js-dashboard-icons > li > a {
font-size:.8rem;
}
#js-dashboard-icons > li > a > span {
height:60px;
background-size:60px;
}
}*/
@media screen and (max-width:479px) {
.fitness-section .accordion-link,
.nutrition-section .accordion-link,
.nutrition-section .accordion-link_Nutrition {
height:0;
width:0;
overflow:hidden;
}
/* 2018-12-17 MOVED INTO PAGES.CSS to be used globally */
/*#js-dashboard-icons > li > a > span {
height:40px;
background-size:40px;
}
#js-dashboard-icons > li.column {
width:16.666%;
padding:0 .25rem;
}
#js-dashboard-icons > li > a {
font-size:0;
}*/
}
/**
* ~EVERYTHING BELOW IN THIS FILE
* is preceded by .genui__
*
* ~ .label.opened is not a .genui__ element because it is appended to the body when in use
*/
@media screen and (max-width:639px) {
.genui__.accordion-content {
padding-left:0;
padding-right:0;
}
}
/************
Generic Changes
*************/
/* all buttons don't need a "button-square" class */
/* .genui__ .button {
border-radius:0;
} */
/* fix alignment of cancel button's "X" */
.genui__ .button-cancel {
line-height:0;
}
/* success/completed/positive elements */
.genui__ .success,
.genui__ .completed,
.genui__ .positive {
color:#52b747;
}
.genui__ .bg-success,
.genui__ .bg-completed,
.genui__ .bg-positive {
background-color:#52b747;
}
/* failed/incomplete/negative elements */
.genui__ .failed,
.genui__ .incomplete,
.genui__ .negative {
color:#f42434;
}
.genui__ .bg-failed,
.genui__ .bg-incomplete,
.genui__ .bg-negative {
background-color:#f42434;
}
/* align all icons to the middle */
.genui__ [data-icon]:before {
vertical-align:middle;
}
.genui__ .incomplete-data[data-icon]:before {
vertical-align:baseline;
}
/* align about-links to bottom of text */
.genui__ .about-link {
vertical-align:text-bottom;
}
/* image sliders */
.genui__ .info-slider .slick-arrow {
display:none;
}
/* sticky footer buttons for diary (prevents cancel button from dropping to new line when track button reads "Update Tracking") */
@media screen and (max-width:399px) {
.genui__.accordion-content > .sticky-menu,
.genui__.accordion-content > .diary > .sticky-menu {
height:57px;
padding:11px 4px;
}
.genui__.accordion-content > .sticky-menu .button,
.genui__.accordion-content > .diary > .sticky-menu .button {
font-size:100%;
padding:0 .5rem;
}
}
/************
Diary Header & Footer Area
*************/
.genui__ .diary > .diary-header,
.genui__ .diary > .caloric-dashboard,
.genui__ .diary > .diary-accessories,
.genui__ .diary > .diary-section > .diary-actions,
.genui__ .diary > .diary-overview,
.genui__ .diary > .journal,
.genui__ .diary > .diary-tabs {
margin-bottom:2rem;
}
.genui__ .diary-footer {
margin-top:2rem;
padding-left:.75rem;
padding-right:.75rem;
}
.genui__ .diary > .diary-tabs .tab.active {
margin-top:2rem;
}
@media screen and (max-width:639px) {
/*.genui__ .diary > .diary-tabs,*/
.genui__ .diary > .caloric-dashboard,
.genui__ .diary > .diary-accessories,
.genui__ .diary > .diary-section > .diary-actions,
.genui__ .diary > .journal {
margin-bottom:1.5rem;
}
.genui__ .diary > .diary-header {
margin-bottom:1rem;
}
.genui__ .diary-footer,
.genui__ .diary > .diary-tabs .tab.active {
margin-top:1.5rem;
}
}
/****
Diary Header Elements
Date, Print, Daily Routine Title
****/
.genui__ .diary-header {
text-align:center;
}
.genui__ .diary-header .item {
margin-bottom:.25rem;
}
.genui__ .diary-header .title {
color:#515151;
font-size:1rem;
margin:1.5rem 0 0;
display:inline-block;
}
.genui__ .diary-header .title .icon-save {
display:inline-block;
opacity:0;
margin:0;
margin-left:-25px;
transform:translateX(28px);
font-size:1.3rem;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.genui__ .diary-header .title:hover .icon-save {
opacity:1;
}
@media screen and (max-width:639px) {
.genui__ .diary-header .title {
margin-top:.75rem;
}
.genui__ .diary-header .print-link {
display:none;
}
.genui__ .diary-header .item {
margin-bottom:0;
}
}
/************
Diary Tabs
*************/
.genui__ .tab {
z-index:-1;
overflow:hidden;
height:0;
opacity:0;
padding-top:0;
padding-bottom:0;
border-color:transparent;
transform:translateY(-50px);
}
.genui__ .tab.active {
z-index:2;
height:auto;
opacity:1;
padding:1.5rem 0;
border:1px solid #dfe1e1;
background-color:#fefefe;
border-radius:6px;
transform:translateY(0);
-moz-transition: all .33s ease-out;
-webkit-transition: all .33s ease-out;
-o-transition: all .33s ease-out;
transition: all .33s ease-out;
}
.genui__.popupWrap .tab.active,
.wrap--new-search .genui__ .tab.active {
border:none;
padding-bottom:0;
border-radius:0;
}
.wrap--new-search .genui__ .tab-toggles {
margin-top:0;
}
.wrap--new-search .genui__ .tab-toggles * {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.genui__ .tab-footer {
text-align:center;
overflow:hidden;
margin:1rem 0 -1.5rem;
}
.genui__ .tab-footer .item {
float:left;
width:100%;
color:#fff;
padding:.75rem;
text-transform:uppercase;
}
.genui__ .tab-footer .item:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.genui__ .tab-toggles {
width:100%;
overflow:hidden;
text-align:center;
margin-top:-.75rem;
}
.genui__ .tab-toggles .item {
display:inline-block;
padding:.4rem .75rem;
border:1px solid #dfe1e1;
border-radius:6px;
margin-left:.25rem;
margin-right:.25rem;
margin-top:.75rem;
cursor:pointer;
}
.genui__ .tab-toggles .item.active,
.genui__ .tab-toggles .item:hover {
color:#fff;
background-color:#515151;
border-color:#515151;
z-index:3;
}
.genui__.accordion-content > .tabs .tab.active {
background:transparent;
border:none;
padding-left:.5rem;
padding-right:.5rem;
}
@media screen and (min-width:768px) {
.genui__ .tab-toggles .item.medium-hide {
display:none;
}
}
@media screen and (max-width:639px) {
.genui__ .tab-toggles .item {
font-size:.8rem;
padding:.25rem .5rem;
margin-left:.125rem;
margin-right:.125rem;
}
.genui__ .tab.active {
margin-left:.75rem;
margin-right:.75rem;
}
.genui__.popupWrap .tab.active {
margin-left:0;
margin-right:0;
}
}
@media screen and (max-width:479px) {
.genui__ .tab-toggles .item .supp {
display:none;
}
}
/****
Diary Actions
links to Daily Routines, Create
****/
.genui__ .diary-actions {
padding:0;
margin-top:-1.5rem;
margin-bottom:-1.5rem;
overflow:hidden;
}
.genui__ .diary-actions .item {
width:50%;
float:left;
padding:1.5rem .75rem;
text-align:center;
color:#fff;
}
@media screen and (max-width:479px) {
.genui__ .diary-actions .item {
padding:.75rem;
}
.genui__ .diary-actions .supp {
display:none;
}
}
/****
Caloric Dashboard
****/
.genui__ .caloric-dashboard {
padding:0;
margin-top:-1.5rem;
margin-bottom:-1.5rem;
}
.genui__ .caloric-dashboard-header {
overflow:hidden;
text-align:center;
color:#fff;
margin-bottom:1.5rem;
padding:.75rem;
}
.genui__ .caloric-dashboard p {
margin-bottom:0;
}
.genui__ .caloric-dashboard-footer {
max-width:940px;
margin:auto;
margin-top:.75rem;
padding:.75rem 1.5rem 1rem;
}
.genui__ .caloric-dashboard-footer .item {
float:none;
display:inline-block;
vertical-align:middle;
width:50%;
font-size:.8rem;
}
.genui__ .caloric-dashboard-footer .item + .item {
margin-left:-5px;
}
.genui__ .caloric-dashboard-footer .item.notes {
width:100%;
margin-left:0;
margin-top:.75rem;
font-style:italic;
text-align:right;
}
.genui__ .caloric-dashboard-footer .track-manually {
padding-right:.75rem;
}
.genui__ .caloric-dashboard-footer .track-manually a {
background-color:#dfe1e1;
padding:.5rem 1rem;
border-radius:6px;
}
.genui__ .caloric-dashboard-footer .track-keys {
padding-left:.75rem;
text-align:right;
float:right;
}
.genui__ .caloric-dashboard-footer .track-keys .track-key.not-tracked {
margin-left:0;
}
@media screen and (max-width:639px) {
.genui__ .caloric-dashboard-footer {
padding-left:.75rem;
padding-right:.75rem;
}
}
@media screen and (max-width:499px) {
.genui__ .caloric-dashboard-footer .item {
display:block;
width:100%;
text-align:left;
padding:0;
}
.genui__ .caloric-dashboard-footer .item + .item {
margin-left:0;
padding-left:0;
margin-top:.75rem;
}
.genui__ .caloric-dashboard-footer .track-keys {
padding-left:0;
}
}
/****
Track Calories Manually
****/
.genui__ .manual-calories {
overflow:hidden;
border:1px solid #dfe1e1;
border-radius:6px;
}
.genui__ .manual-calories + .note,
.genui__.popupWrap .note {
font-size:.8rem;
padding-left:.75rem;
padding-right:.75rem;
margin:1.5rem auto;
}
.genui__ .manual-tracking {
overflow:hidden;
}
.genui__ .manual-tracking .title {
display:block;
padding-top:.25rem;
}
.genui__ .manual-tracking .title .supp {
display:block;
font-size:.8rem;
line-height:1;
text-transform:lowercase;
}
.genui__ .manual-tracking .item-tracking {
float:left;
position:relative;
padding:.75rem;
text-align:center;
}
.genui__ .manual-tracking.items-three .item-tracking {
width:33.33%;
}
.genui__ .manual-tracking.items-two .item-tracking {
width:50%;
}
.genui__.small-popupWrap .manual-tracking.items-one .item-tracking {
float:none;
width:100%;
max-width:160px;
margin:0 auto .75rem;
border:1px solid #dfe1e1;
border-radius:6px;
}
.genui__ .manual-tracking .old {
background-color:#dfe1e1;
}
.genui__ .manual-tracking .old:before {
content:"";
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 15px solid #dfe1e1;
position:absolute;
top:50%;
right:-15px;
margin-top:-18px;
}
@media screen and (max-width:639px) {
.genui__ .manual-tracking.items-three .item-tracking {
width:50%;
}
.genui__ .manual-tracking.items-three .item-tracking.new {
width:100%;
}
}
@media screen and (max-width:399px) {
.genui__ .manual-tracking .old:before {
border-top-width:14px;
border-bottom-width:14px;
border-left-width:12px;
right:-12px;
margin-top:-14px;
}
}
@media screen and (max-width:349px) {
.genui__ .manual-tracking.items-three .item-tracking {
width:100%;
}
}
/************
Mode: Prescription Plan
*************/
.genui__ .diary.mode-manual-override .cal-value,
.genui__ .diary.mode-manual-override .compound-items .item-calories:after {
opacity:.5;
}
/************
Diary Sections
*************/
.genui__ .diary-section {
overflow:hidden;
clear:both;
border:1px solid #dfe1e1;
border-radius:6px;
margin-bottom:2.5rem;
/*background-color:#fefefe;*/
/*box-shadow:0 0 12px rgba(15,15,15,.1);*/
}
.genui__ .diary-section.off,
.genui__ .diary-section-trigger.off {
display:none !important;
}
.genui__ .diary-section:last-child,
.genui__ .diary-section.closed {
margin-bottom:0;
}
.genui__ .diary-section.closed:not(:last-child) {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.genui__ .diary-section-trigger {
text-align:center;
border:1px solid #dfe1e1;
border-radius:6px;
background-color:#f4f3f1;
/*box-shadow:0 0 12px rgba(15,15,15,.1);*/
}
.genui__ .diary-section.closed + .diary-section,
.genui__ .diary-section.closed:not(.off) + .diary-section-trigger,
.genui__ .diary-section.closed + .diary-section.off + .diary-section-trigger,
.genui__ .diary-section.closed + .diary-section-trigger.off + .diary-section-trigger {
border-top-left-radius:0;
border-top-right-radius:0;
border-top:none;
}
.genui__ .diary-section-trigger:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.1);
}
.genui__ .diary-section-trigger a,
.genui__ .diary-section-trigger a:hover {
font-weight:bold;
text-transform:uppercase;
color:#515151;
display:block;
padding:.75rem;
}
@media screen and (max-width:639px) {
.genui__ .diary-section,
.genui__ .diary-section-trigger {
margin-left:.75rem;
margin-right:.75rem;
font-size:14px;
}
.genui__ .diary-section {
margin-bottom:2rem;
}
}
@media screen and (max-width:479px) {
.genui__ .diary-section,
.genui__ .diary-section-trigger {
margin-left:.5rem;
margin-right:.5rem;
}
.genui__ .diary-section-trigger a .supp {
display:none;
}
}
/****
Diary Section Headers, Footers, Overviews & Lists
****/
.genui__ .diary-section-header,
.genui__ .diary-section-footer,
.genui__ .diary-list {
position:relative;
overflow:hidden;
z-index:3;
height:auto;
opacity:1;
-moz-transition: all .33s ease-out;
-webkit-transition: all .33s ease-out;
-o-transition: all .33s ease-out;
transition: all .33s ease-out;
}
.genui__ .diary-section.closed .diary-list,
.genui__ .diary-section.closed .diary-section-footer {
z-index:-1;
height:0;
opacity:0;
padding-top:0;
padding-bottom:0;
border:none !important;
pointer-events:none;
transform:translateY(-150px);
}
/****
Diary Section Headers
****/
.genui__ .diary-section-header {
cursor:pointer;
padding-top:1rem;
padding-bottom:1rem;
/*border-top-left-radius:6px;
border-top-right-radius:6px;*/
/*border:1px solid transparent;*/
background-color:#f4f3f1;
}
.genui__ .diary-section-header:hover {
box-shadow:inset 0 0 12px rgba(15,15,15,.1);
}
.genui__ .diary-section-header .header-name {
display:inline-block;
vertical-align:middle;
width:90%;
font-size:1.3rem;
font-weight:bold;
text-transform:uppercase;
padding-left:3.5rem;
padding-right:.75rem;
position:relative;
}
.genui__ .diary-section-header .header-name:before {
content:"";
position:absolute;
top:8px;
left:15px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #515151;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.genui__ .diary-section.closed .diary-section-header > .header-name:before {
transform:rotate(-90deg);
}
.genui__ .diary-section-header .tracking-details {
position: absolute;
left:190px;
top:0px;
padding-top:5px;
padding-bottom:5px;
text-decoration:underline;
font-size:.8rem;
text-transform:none;
font-weight:normal;
}
.genui__ .diary.fitness .diary-section-header .tracking-details {
left:220px;
}
.genui__ .diary-section-header .tracking-details:hover,
.genui__ .diary-section-header .tracking-details.completed {
text-decoration:none;
}
.genui__ .diary-section-header .tracking-details.completed:hover:before {
text-decoration:underline;
}
.genui__ .diary-section-header .tracking-details.completed:before {
font-size: 1.6rem;
text-decoration:none;
padding-right:.5rem;
}
.genui__ .diary-section-header .manual-tracking {
position: absolute;
right:.75rem;
top:0px;
padding-top:5px;
padding-bottom:5px;
text-decoration:underline;
font-size:.8rem;
text-transform:none;
font-weight:normal;
}
.genui__ .diary-section-header .manual-tracking:hover {
text-decoration:none;
}
.genui__ .diary-section-header .manual-tracking .icon-manual {
margin-right:.5rem;
}
.genui__ .diary-section-header .header-calories {
display:inline-block;
vertical-align:middle;
margin-left:-5px;
width:10%;
text-align:center;
font-size:1.15rem;
line-height:1.15;
font-weight:bold;
}
.genui__ .diary-section-header .header-calories .label {
display:block;
font-size:.8rem;
text-transform:uppercase;
}
@media screen and (max-width:767px) {
.genui__ .diary-section-header .header-name {
width:85%;
}
.genui__ .diary-section-header .header-calories {
width:15%;
}
}
@media screen and (max-width:639px) {
.genui__ .diary-section:not(.closed) .diary-section-header {
border-bottom:1px solid #dfe1e1;
}
.genui__ .diary-section-header .header-name {
width:75%;
padding-left:4.25rem;
vertical-align:top;
}
.genui__ .diary-section-header .header-name:before {
left:1.25rem;
}
.genui__ .diary-section-header .header-calories {
width:25%;
vertical-align:top;
padding-top:.25rem;
}
.genui__ .diary-section-header .tracking-details,
.genui__ .diary-section-header .manual-tracking {
display:inline;
position:static;
left:auto;
top:auto;
margin-top:.25rem;
}
.genui__ .diary-section-header .manual-tracking {
display:block;
max-width:140px;
}
.genui__ .diary-section-header .header-calories {
font-size:1.6rem;
}
.genui__ .diary-section-header .tracking-details:before {
content:"\A";
white-space:pre;
font-size:0;
}
.genui__ .diary-section-header .tracking-details.completed:hover {
text-decoration:underline;
}
}
@media screen and (max-width:479px) {
.genui__ .diary-section-header .header-name {
width:75%;
font-size:1.1rem;
padding-left:3rem;
}
.genui__ .diary-section-header .header-calories {
width:25%;
}
.genui__ .diary-section-header .header-name:before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #515151;
left:.75rem;
}
}
@media screen and (max-width:349px) {
.genui__ .diary-section-header .header-name {
width:72.5%;
}
.genui__ .diary-section-header .header-calories {
width:27.5%;
}
.genui__ .diary-section-header .tracking-details {
font-size:.8rem;
}
}
/****
Diary Section Footers
****/
.genui__ .diary-section-footer .item {
float:left;
width:auto;
position:relative;
padding:.75rem;
text-align:center;
color:#fff;
font-size:.8rem;
text-transform:uppercase;
}
.genui__ .diary-section-footer .item:not([class*="bg-"]) {
background-color:#aaa;
}
.genui__ .diary-section-footer.items-two .item {
width:50%;
}
.genui__ .diary-section-footer.items-three .item {
width:33.33%;
}
.genui__ .diary-section-footer.items-four .item {
width:25%;
}
.genui__ .diary-section-footer.items-four.with-scanner .item {
width:30%;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan {
width:10%;
padding:.45rem 0;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan img {
max-height:1.8rem;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan span.supp {
display:none;
}
.genui__ .diary-section-footer .item a {
display:block;
color:#fff;
}
.genui__ .diary-section-footer .item:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.genui__ .diary-section-footer .item a:before,
.genui__ .diary-section-footer .item div:before {
padding-right:.375rem;
}
@media screen and (max-width:639px) {
.genui__ .diary-section-footer > .item span.supp {
display:none;
}
.genui__ .diary-section-footer .item {
padding:.75rem .25rem;
}
.genui__ .diary-section-footer.items-four.with-scanner .item:not(.sort) {
width:25%;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan {
width:20%;
}
}
/****
Diary Section Overviews
****/
.genui__ .diary-overview {
border: 1px solid #dfe1e1;
border-radius: 6px;
padding:.75rem;
}
.genui__ .diary-overview p {
margin-bottom:0;
}
.genui__ .diary-overview .title {
display: inline-block;
vertical-align: middle;
width:50%;
font-size: 1.3rem;
font-weight: bold;
text-transform: uppercase;
/*padding:.75rem .75rem .75rem 2.75rem;*/
padding:.75rem;
text-align:center;
margin:0;
color:#515151;
}
.genui__ .diary-overview .title .icon-save {
display:inline-block;
position:absolute;
left:50%;
margin-left:-35px;
top:-45px;
opacity:0;
box-shadow:0 0 6px rgba(0,0,0,.25);
/*margin-left:-25px;
transform:translateX(28px);*/
font-size:1.3rem;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
pointer-events:none;
text-align:center;
background:#111;
border-radius:.25rem;
color:#fff;
padding:.75rem 1.5rem;
}
.genui__ .diary-overview .title .icon-save:after {
border-top:12px solid #111;
border-right:12px solid transparent;
border-left:12px solid transparent;
content:'';
margin-left:-12px;
position:absolute;
bottom:-9px;
left:50%;
width:0;
height:0;
}
.genui__ .diary-overview .title:after {
content:"click to save to library";
font-size:.75rem;
font-weight:100;
display:block;
text-transform:none;
margin-top:.25rem;
}
.genui__ .diary.fitness .diary-overview .title:after {
content:"click to save daily routine to library";
}
.genui__ .diary .diary-overview .title:after {
content:"click to save daily menu to library";
}
.genui__ .diary-overview .title:hover .icon-save {
opacity:1;
}
.genui__ .diary-overview .calories {
width:50%;
display:inline-block;
vertical-align:middle;
margin-left:-5px;
text-align:center;
margin-bottom:-0.25rem;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}
.genui__ .diary-overview .calories.off {
display:none;
}
.genui__ .diary-overview .calories .label {
font-size:.8rem;
text-transform:uppercase;
font-weight:bold;
}
.genui__ .diary-overview .calories > .label {
padding:0 .75rem;
}
.genui__ .diary-overview .calories .item {
width:40%;
display:inline-block;
vertical-align:middle;
padding:.25rem;
}
/*.genui__ .diary-overview .calories.items-two .item {
width:50%;
}*/
.genui__ .diary-overview .calories .item + .item {
margin-left:-5px;
}
.genui__ .diary-overview .calories .off {
display:none;
}
.genui__ .diary-overview .calories .item .value {
font-size:1.3rem;
}
.genui__ .diary-overview .calories .item a {
line-height:1.95rem;
}
.genui__ .diary-overview .calories .note {
font-size:.8rem;
color:#515151;
font-style:italic;
padding-top:.25rem;
}
.genui__ .diary-overview .calories .note .icon-manual {
width:1rem;
}
@media screen and (max-width:767px) {
.genui__ .diary-overview .title {
width:55%;
}
.genui__ .diary-overview .calories {
width:45%;
}
.genui__ .diary-overview .calories .item {
width:50%;
}
}
@media screen and (max-width:639px) {
.genui__ .diary-overview {
margin-left:.75rem;
margin-right:.75rem;
}
.genui__ .diary-overview .title,
.genui__ .diary-overview .calories {
width:100%;
display:block;
}
.genui__ .diary-overview .calories {
width:60%;
margin:auto;
}
.genui__ .diary-overview .title {
text-align:center;
padding-left:.75rem;
padding-right:.75rem;
}
}
@media screen and (max-width:479px) {
.genui__ .diary-overview {
margin-left:.5rem;
margin-right:.5rem;
}
.genui__ .diary-overview .calories {
width:100%;
}
}
/****
Diary Lists
****/
.genui__ .diary-list,
.genui__ .diary-list.sortable {
padding:0;
margin-bottom:0;
background-color:#fefefe;
}
.genui__ .diary-list:not(.compound-items) {
/*box-shadow:0 0 12px rgba(15,15,15,.1);*/
/*border:1px solid #dfe1e1;
border-bottom:none;*/
/*border-top-left-radius:6px;
border-top-right-radius:6px;*/
}
.genui__ .diary-list li,
.genui__ .diary-list li:last-child {
padding:.75rem 0;
margin-bottom:0;
overflow:hidden;
border:none;
}
.genui__ .diary-list .diary-list-header {
font-size:.8rem;
background-color:#515151;
color:#fff;
border-bottom:none;
}
.genui__ .diary-list > .item:not(.myzone-workout):not(.manual-header) {
border-bottom:1px solid #dfe1e1;
}
.genui__ .diary-list > .item:last-child {
border-bottom:none !important;
}
.genui__ .diary-list .item [class^="item-"],
.genui__ .diary-list .compound-header [class^="item-"],
.genui__ .diary-list .diary-list-header [class^="item-"] {
padding-left:.75rem;
padding-right:.75rem;
float:left;
}
.genui__ .diary-list .item .item-actions {
position:absolute;
top:0;
left:0;
width:3.5rem;
text-align:center;
}
.genui__ .diary-list .item .item-actions .editor {
font-size:1.5rem;
line-height:1;
cursor:pointer;
}
.genui__ .diary-list .item .item-name,
.genui__ .diary-list .diary-list-header .item-name {
position:relative;
width:50%;
padding-left:3.5rem;
font-weight:bold;
}
.genui__ .diary-list .item.empty .item-name,
.genui__ .diary-list .diary-list-header .item-name,
.genui__ .diary-list .item.manual-item .item-name,
.genui__ .diary-list .item.myzone-item .item-name {
font-weight:normal;
}
.genui__ .diary-list .item.empty .item-name {
width:100% !important;
}
.genui__ .diary-list .item .item-name .item-actions {
font-weight:bold;
}
.genui__ .diary-list .item .item-summary {
width:40%;
font-weight:normal;
}
.genui__ .diary-list .item .item-tracking,
.genui__ .diary-list .diary-list-header .item-tracking {
width:25%;
font-weight:normal;
text-align:center;
}
.genui__ .diary-list .item .item-serving,
.genui__ .diary-list .diary-list-header .item-serving {
width:17.5%; /* 7.5% is unaccounted for to provide proper visual spacing */
font-weight:normal;
text-align:center;
}
.genui__ .diary-list .item .item-calories,
.genui__ .diary-list .diary-list-header .item-calories {
width:10%;
float:right !important;
text-align:center;
}
/* TODO: confirm this is not needed with new myzone/manual setup */
/*.genui__ .diary.with-myzone-sync.override .item:not(.myzone-workout) .item-calories,
.genui__ .diary.with-manual-calories .item .item-calories {
color:#959595;
font-style:italic;
}*/
.genui__ .toggle-details {
cursor:pointer;
}
.genui__ .toggle-details .icon {
line-height:1;
}
.genui__ .diary-list > .item a,
.genui__ .diary-list > .item a:hover {
color:#515151;
}
.genui__ .diary-actions > [data-icon]:before {
/*font-size:1.5rem;*/
vertical-align:middle;
}
.genui__ .diary-list .item-name span.icon {
vertical-align:text-bottom;
margin-left:.25rem;
padding:0 .25rem;
font-size:1.2rem;
line-height:0;
}
.genui__ .diary-list .item-name span.icon:hover {
color:#515151;
}
/****
Diary Lists: Mini Version
****/
.genui__ .diary.mini {
/*margin-top:.5rem;*/
margin-bottom:1.5rem;
border:1px solid #dfe1e1;
border-radius:4px;
}
.genui__ .diary.mini .item {
padding:.25rem 0;
}
.genui__ .diary.mini .item + .item {
border-top:1px solid #dfe1e1;
}
.genui__ .diary.mini .diary-item-name a,
.genui__ .diary.mini .diary-item-name a:hover {
color:#515151;
}
/****
Diary Lists: Sorting
****/
.genui__ .diary-list.sortable.subSort li {
margin-bottom:0;
}
.genui__ .diary-list .item.sortable-ghost {
max-height:300px;
}
.genui__ .diary-list .item.sortable-ghost:before,
.genui__ .diary-list .item.sortable-ghost.compound .compound-items {
display:none !important;
}
.genui__ .diary-section-footer .item.sort > div {
cursor:pointer;
}
.genui__ .diary-list > .item .dragger,
.genui__ .deactivate-sorting {
display:none;
}
.genui__ .diary-sorting .dragger.disabled {
color:transparent !important;
}
.genui__ .compound-blocker {
background:#fefefe;
opacity:.75;
z-index:4;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}
@media screen and (max-width:639px) {
.genui__ .diary-list > .item .dragger {
line-height:2;
padding:1rem;
}
}
/*.genui__ .diary-list.manual-list .dragger {
display:none !important;
}*/
.genui__ .diary-section.sorting-on > .diary-list {
box-shadow:0 0 12px rgba(15,15,15,.2);
}
.genui__ .diary-section.sorting-on > .diary-list + .diary-list {
margin-top:1.5rem;
}
.genui__ .diary-list.manual-list .manual-header .dragger {
display:none !important;
}
/****
Diary Lists: Fitness
****/
/****
Diary Lists: Nutrition
****/
@media screen and (min-width:640px) {
.genui__ .diary-list.nutrition .item .item-name,
.genui__ .diary-list.nutrition .diary-list-header .item-name {
width:40%;
}
}
/****
Diary List Item: Compound
****/
.genui__ .diary-list .toggle-compound-items {
text-decoration:underline;
cursor:pointer;
}
.genui__ .diary-list .toggle-compound-items:hover {
text-decoration:none;
}
/****
Diary List Item: Manual Workout
****/
.genui__ .diary-list > .manual-header a,
.genui__ .diary-list > .manual-header a:hover,
.genui__ .diary-list > .manual-header .dragger {
color:#fff;
}
.genui__ .manual-header {
color:#fff;
}
.genui__ .diary-list .item .icon-manual,
.genui__ .icon-manual {
width:1.5rem;
border-radius:100%;
padding:3px;
}
.genui__ .diary-list .item .icon-manual:not(.bg-primary),
.genui__ .icon-manual:not(.bg-primary) {
background-color:#848484;
}
/****
Diary List Item: Myzone Workout
****/
.genui__ .diary-list > .myzone-workout a,
.genui__ .diary-list > .myzone-workout a:hover,
.genui__ .diary-list > .myzone-workout .dragger {
color:#fff;
}
.genui__ .diary .icon-myzone {
width:1.5rem;
}
/*.genui__ .myzone-workout .icon-myzone {
border-radius:100%;
border:2px solid #fff;
box-sizing:initial;
}*/
.genui__ .myzone-workout {
background-color:#f03f2f;
color:#fff;
}
@media screen and (max-width:639px) {
.genui__ .diary-list .item .icon-manual {
width:1.5rem;
padding:4px;
}
.genui__ .diary .icon-myzone {
width:1.5rem;
}
}
@media screen and (max-width:767px) {
.genui__ .diary-list .diary-list-header .item-name,
.genui__ .diary-list .item > div.item-name,
.genui__ .diary-list .item.compound .compound-header > div.item-name,
.genui__ .diary-list .item.compound .manual-header > div.item-name {
width:40%;
}
.genui__ .diary-list .item .item-summary {
width:45%;
}
.genui__ .diary-list .item .item-calories,
.genui__ .diary-list .diary-list-header .item-calories {
width:15%;
}
.genui__ .diary-list .diary-list-header .item-tracking,
.genui__ .diary-list .item .item-tracking {
width:27.5%;
padding:0;
}
}
@media screen and (max-width:639px) {
.genui__ .diary-list li,
.genui__ .diary-list li:last-child,
.genui__ .diary-list .item.compound .compound-header {
padding:1rem 0;
}
.genui__ .diary-list .diary-list-header {
display:none;
}
.genui__ .diary-list .item .item-name,
.genui__ .diary-list .item.compound .compound-header .item-name {
padding-left:4.25rem;
font-size:1rem;
line-height:1.25;
}
.genui__ .diary-list .item > div.item-name,
.genui__ .diary-list .item.compound .compound-header > div.item-name {
width:80%;
}
.genui__ .diary-list .item .item-actions {
width:4.25rem;
top:-7px;
}
.genui__ .diary-list .item div.item-summary,
.genui__ .diary-list .item.compound .compound-header div.item-summary {
display:inline-block;
width:auto;
clear:left;
margin-top:.33rem;
margin-left:4.25rem;
padding:0;
}
.genui__ .diary-list .item div.item-serving,
.genui__ .diary-list .item.compound .compound-header div.item-serving {
width:100%;
padding-left:4.25rem;
text-align:left;
margin-top:.33rem;
}
.genui__ .item-tracking input,
.genui__ .item-tracking .label,
.genui__ .item-tracking .value-selector {
vertical-align:middle;
}
.genui__ .toggle-details .icon {
font-size:1.15rem;
padding-left:.25rem;
}
.genui__ .diary-list .item .item-actions .editor {
font-size:2.25rem;
}
.genui__ .diary-list .item .item-calories {
width:20%;
font-size:1rem;
}
}
@media screen and (max-width:479px) {
.genui__ .diary-list .item .item-name,
.genui__ .diary-list .item div.item-tracking,
.genui__ .diary-list .item.compound .compound-header div.item-tracking,
.genui__ .diary-list .item div.item-serving,
.genui__ .diary-list .item.compound .compound-header div.item-serving {
padding-left:3.5rem;
}
.genui__ .diary-list .item div.item-summary,
.genui__ .diary-list .item.compound .compound-header div.item-summary {
margin-left:3.5rem;
}
.genui__ .diary-list .item .item-actions {
width:3.5rem;
top:-6px;
}
.genui__ .diary-list .item .item-actions .editor {
font-size:2rem;
}
.genui__ .diary-list .item > div.item-name,
.genui__ .diary-list .item.compound .compound-header > div.item-name {
width:75%;
}
.genui__ .diary-list .item .item-calories {
width:25%;
}
}
/****
Tracking Fields
****/
.genui__ .item-tracking input,
.genui__ .item-tracking .label,
.genui__ .item-tracking .value-selector {
display:inline-block;
vertical-align:bottom;
text-align:center;
}
.genui__ .item-tracking input,
.genui__ .item-details .field input {
background:transparent;
max-width:80px;
height:2rem;
text-align:center;
font-size:1.3rem;
line-height:1.5rem;
padding:0 .25rem;
margin:auto;
outline:none;
border:1px solid transparent;
border-bottom-color:#515151;
}
.genui__ .item-tracking input {
max-width:3.5rem;
font-size:1rem;
height:1.5rem;
}
.genui__ .item-tracking .value-displayed {
display:inline-block;
vertical-align:bottom;
text-align:center;
line-height:1.5rem;
padding:0 .25rem;
margin:auto;
outline:none;
border:1px solid transparent;
border-bottom-color:#515151;
width:100%;
max-width:3.5rem;
font-size:1rem;
height:1.5rem;
}
.item-tracking.oldstyle .value-displayed,
.item-tracking.oldstyle.active input {
display: inline-block;
border: 1px solid #dfe1e1;
font-size: 90%;
height: 2em;
line-height: 1.5em;
padding: .25rem .5rem;
width:50%;
margin-right:-4px;
vertical-align:middle;
}
.item-tracking.oldstyle.active .value-displayed,
.item-tracking.oldstyle:not(.active) input {
display:none;
}
.item-tracking.oldstyle .wrap--uom-fraction {
position:relative;
display:inline-block;
width:50%;
margin-right:-4px;
padding-left:1rem;
vertical-align:middle;
}
.item-tracking.oldstyle .wrap--uom-fraction .uom-fraction {
position:relative;
top:auto;
left:auto;
margin:0;
}
/* NOTE: hide the input field and display friendly numbers/fractions instead */
.genui__ .item-tracking:not(.active) input {
display:none;
}
.genui__.popupWrap .manual-tracking .item-tracking input {
display:block;
}
.genui__ .item-tracking.active .value-displayed {
display:none;
}
.genui__ .manual-tracking .item-tracking input {
font-size:1.6rem;
max-width:4.5rem;
height:auto;
}
.genui__ .item-tracking input:focus {
max-width:5.75rem;
height:auto;
}
.genui__ .item-tracking input:focus + .label {
display:none;
}
.genui__ .item-tracking .label {
border-bottom:1px solid #515151;
height:1.5rem;
line-height:1.5rem;
min-width:2.75rem;
}
.genui__ .item-tracking input[readonly]:not[rel="tooltip"],
.genui__ .item-details .field input[readonly]:not[rel="tooltip"] {
pointer-events:none;
}
.genui__ .item-tracking input:focus,
.genui__ .item-details .field input:focus,
.genui__ .item-calories.untracked input:focus {
border:1px solid #515151;
}
/****
Portion Selector
****/
.genui__ .item-tracking .label {
padding-right:.25rem;
display:inline-block;
margin-left:-5px;
}
.genui__ .item-tracking .label input[type="radio"],
.genui__ .item-tracking .label:not(.opened) label {
display:none;
}
.genui__ .item-tracking .label input[type="radio"]:checked + label {
display:inline;
}
.genui__ .item.awaiting-label .item-tracking input {
padding-right:3rem;
max-width:5.5rem;
}
.genui__ .item-tracking > .value-selector {
cursor:pointer;
width:1.5rem;
height:1.5rem;
line-height:1.5rem;
font-size:1.25rem;
font-weight:bold;
border-radius:100%;
}
.genui__ .item-tracking > .value-selector:hover {
box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
@media screen and (max-width:639px) {
.genui__ .diary-list .item-tracking > .value-selector {
width:1.5rem;
height:1.5rem;
line-height:1.5rem;
font-size:1.25rem;
font-weight:bold;
border-radius:100%;
color:#fff;
background-color:#515151;
}
.genui__ .diary-list .item-tracking > .value-selector:hover {
box-shadow:inset 0 0 6px rgba(0,0,0,.15);
/*box-shadow:none;*/
}
.genui__ .diary-list .item-tracking input {
margin-left:.25rem;
}
.genui__ .diary-list .item-tracking input + .label {
margin-right:.25rem;
}
}
/* placeholder text color */
.genui__ .item-details input::-webkit-input-placeholder { color:#dadada; }
.genui__ .item-details input::-moz-placeholder { color:#dadada; }
.genui__ .item-details input:-ms-input-placeholder { color:#dadada; }
.genui__ .item-details input:-moz-placeholder { color:#dadada; }
.genui__ .compound-items .item-details input::-webkit-input-placeholder { color:#bcbcbc; }
.genui__ .compound-items .item-details input::-moz-placeholder { color:#bcbcbc; }
.genui__ .compound-items .item-details input:-ms-input-placeholder { color:#bcbcbc; }
.genui__ .compound-items .item-details input:-moz-placeholder { color:#bcbcbc; }
.genui__ .item-tracking input::-webkit-input-placeholder { color:#dadada; }
.genui__ .item-tracking input::-moz-placeholder { color:#dadada; }
.genui__ .item-tracking input:-ms-input-placeholder { color:#dadada; }
.genui__ .item-tracking input:-moz-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input::-webkit-input-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input::-moz-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input:-ms-input-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input:-moz-placeholder { color:#dadada; }
/* hide placeholder on focus */
.genui__ input:focus::-webkit-input-placeholder { color:transparent !important; }
.genui__ input:focus::-moz-placeholder { color:transparent !important; }
.genui__ input:focus:-ms-input-placeholder { color:transparent !important; }
.genui__ input:focus:-moz-placeholder { color:transparent !important; }
/****
~ Portion Selector Labels
these are appended to the so they are not .genui__ elements
****/
.label.opened {
position:absolute;
border:1px solid #515151;
background-color:#f4f3f1;
box-shadow:0 0 6px rgba(0,0,0,.25);
z-index:3;
}
.label.opened input[type="radio"] {
display:none;
}
.label.opened label {
display:block;
padding:.25rem .75rem;
}
.label.opened label + input[type="radio"] + label {
border-top:1px solid #515151;
}
.label.opened label:hover,
.label.opened input[type="radio"]:checked + label {
background-color:#515151;
color:#fff;
}
@media screen and (max-width:639px) {
.label.opened {
position:fixed;
top:25% !important;
left:25% !important;
width:50%;
box-shadow:0 0 16px rgba(0,0,0,.25);
}
.label.opened label {
padding:.75rem .75rem;
}
}
/****
Item Details
****/
.genui__ .item-details {
width:100%;
clear:both;
padding:0;
text-align:center;
overflow:hidden;
}
.genui__ .item-details .field {
float:left;
width:25%;
padding:.25rem .75rem;
}
.genui__ .item-details .field label {
display:block;
font-size:.8rem;
line-height:1.25;
padding-top:.25rem;
}
.genui__ .item-details .field.optional label {
font-style:italic;
}
/****
Diary Lists: Item Details
****/
.genui__ .diary-list .item .item-details {
max-height:0;
opacity:0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.genui__ .diary-list .item.opened > .item-details,
.genui__ .diary-list .item.compound.opened .compound-items > .item-details {
max-height:300px;
opacity:1;
padding:.75rem;
overflow:auto;
}
.genui__ .diary-list .item.compound > .auto-save {
padding:.25rem .75rem 1rem;
text-align:center;
}
.genui__ .diary-list .item.compound > .auto-save:empty {
display:none;
}
.genui__ .diary-list .item .item-details .field label {
white-space:unset;
}
.genui__ .caloric-dashboard .item-details .field {
width:20%;
}
.genui__ .item-details.cardio .field,
.genui__ .item-details.flexibility .field,
.genui__ .item-details.custom .field {
width:14%;/* 7 items */
}
/****
Diary Lists: Item Details: Strength Exercises
****/
.genui__ .item-details.strength .set {
float:left;
width:33.33%;
position:relative;
padding-left:3rem;
}
.genui__ .item-details.strength .set:before,
.genui__ .item-details.strength .set:after {
position:absolute;
left:0;
width:3rem;
line-height:1.5rem;
font-weight:bold;
background:#515151;
color:#fff;
}
.genui__ .item-details.strength .set:before {
content:"set";
font-size:.8rem;
line-height:1.5rem;
height:1.5rem;
top:0rem;
}
.genui__ .item-details.strength .set:after {
top:1.5rem;
font-size:1.3rem;
height:2rem;
}
.genui__ .item-details.strength .set:nth-child(1):after {
content:"1";
}
.genui__ .item-details.strength .set:nth-child(2):after {
content:"2";
}
.genui__ .item-details.strength .set:nth-child(3):after {
content:"3";
}
.genui__ .item-details.strength .set .field {
width:33.33%;
padding-left:.5rem;
padding-right:.5rem;
}
/****
Diary Lists: Item Details: Compound Instructions
****/
.genui__ .compound-instructions.item-details .field {
width:150px;
min-height:66px;
padding-left:0;
padding-right:1.5rem;
}
.genui__ .compound-instructions.item-details .field label {
background-color:#515151;
color:#fff;
padding:3px 6px;
border-radius:4px;
margin-top:.25rem;
display:inline-block;
}
.genui__ .compound-instructions.item-details .field label.off {
background-color:transparent;
color:#515151;
}
.genui__ .compound-instructions.item-details .field label.off:hover {
cursor:pointer;
box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
.genui__ .compound-instructions.item-details .field select {
max-width:135px;
height:2rem;
margin:auto;
text-align:center;
font-size:1.3rem;
line-height:1.5rem;
padding:0 .25rem;
background-color:transparent;
outline:none;
border:1px solid transparent;
border-bottom-color:#515151;
color:#515151;
}
.genui__ .compound-instructions.item-details .field select:focus {
border-color:#515151;
}
.genui__ .compound-instructions.item-details .field select option {
font-size:1rem;
}
@media screen and (max-width:767px) {
.genui__ .item-details .field input {
font-size:1.1rem;
padding:.15rem;
}
.genui__ .item-details.strength .set {
padding-left:1.75rem;
}
.genui__ .item-details.strength .set:before,
.genui__ .item-details.strength .set:after {
width:1.75rem;
}
.genui__ .item-details.strength .set:after {
height:1.75rem;
}
}
@media screen and (max-width:639px) {
.genui__ .item-details.cardio {
text-align:left;
}
.genui__ .item-details.cardio .field,
.genui__ .item-details.flexibility .field,
.genui__ .item-details.custom .field {
width:25%;
float:left;
text-align:center;
}
.genui__ .item-details.cardio .field:nth-child(4n+1) {
clear:both;
}
.genui__ .item-details .field + .field {
margin-left:0;
}
.genui__ .caloric-dashboard .item-details .field {
width:33.33%;
}
.genui__ .caloric-dashboard .item-details .field:nth-child(3n+1) {
clear:both;
}
.genui__ .caloric-dashboard-header .track-keys {
display:block;
float:none;
clear:both;
margin-left:-8px;
}
.genui__ .compound-instructions.item-details .field {
width:50%;
}
.genui__ .compound-instructions.item-details .field + p {
clear:both;
padding-top:.75rem;
}
}
@media screen and (max-width:639px) and (min-width:480px) {
.genui__ .item-details.strength .set {
padding-left:0;
padding-top:1.5rem;
}
.genui__ .item-details.strength .set:before {
display:none;
}
.genui__ .item-details.strength .set:after {
top:0;
left:10%;
font-size:1rem;
height:1.5rem;
width:80%;
line-height:1.5rem;
text-align:center;
}
.genui__ .item-details.strength .set:nth-child(1):after {
content:"set 1";
}
.genui__ .item-details.strength .set:nth-child(2):after {
content:"set 2";
}
.genui__ .item-details.strength .set:nth-child(3):after {
content:"set 3";
}
.genui__ .item-details.strength .set .field {
padding-left:.25rem;
padding-right:.25rem;
}
}
@media screen and (max-width:479px) {
.genui__ .item-details.strength .set,
.genui__ .item-details.strength .set + .set {
display:block;
width:100%;
margin-left:0;
padding-left:2.5rem;
}
.genui__ .item-details.strength .set:before,
.genui__ .item-details.strength .set:after {
width:2.5rem;
}
}
@media screen and (max-width:399px) {
.genui__ .item-details.cardio .field,
.genui__ .item-details.flexibility .field,
.genui__ .item-details.custom .field {
width:33.33%;
}
.genui__ .item-details.cardio .field:nth-child(4n+1) {
clear:none;
}
.genui__ .item-details.cardio .field:nth-child(3n+1) {
clear:left;
}
}
/****
Diary Lists: Compounds
****/
.genui__ .diary-list .item.compound {
border-bottom:none;
padding-top:0 !important;
padding-bottom:0 !important;
}
.genui__ .diary-list .item.compound .compound-header {
background-color:#dfe1e1;
overflow:hidden;
padding-top:.75rem;
padding-bottom:.75rem;
}
.genui__ .diary-list .item.compound.opened .compound-header {
background:#515151;
color:#fff;
}
.genui__ .diary-list .item.compound.opened .compound-header .item-name .js-open-lightbox,
.genui__ .diary-list .item.compound.opened .compound-header .item-name .editor,
.genui__ .diary-list .item.compound.opened .compound-header .item-name .dragger,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking input,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking .label {
color:#fff;
}
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking input,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking .label,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking .value-displayed {
border-bottom-color:#fff;
}
.genui__ .diary-list .item.compound:not(.opened) + .item.compound:not(.opened) {
border-top:1px solid #f4f3f1;
}
/*.genui__ .diary-list .item.compound .compound-items {
border-color:transparent;
}*/
.genui__ .diary-list .item.compound.opened .compound-items {
clear:both;
border:6px solid #515151;
border-bottom-width:12px;
border-top:none;
}
.genui__ .diary-list .item.compound .compound-items .item,
.genui__ .diary-list .item.compound .compound-items .compound-instructions {
height:0;
opacity:0;
z-index:-1;
transform:translateY(-50px);
-moz-transition: all .33s ease-out;
-webkit-transition: all .33s ease-out;
-o-transition: all .33s ease-out;
transition: all .33s ease-out;
}
.genui__ .diary-list .item.compound.opened .compound-items .item,
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
position:relative;
z-index:2;
overflow:hidden;
opacity:1;
height:auto;
transform:translateY(0);
background-color:#dfe1e1;
}
.genui__ .diary-list .item.compound.opened .compound-items .item {
margin-left:-6px;
margin-right:-6px;
}
.genui__ .diary-list .item.compound:not(.opened) .compound-items > .item,
.genui__ .diary-list .item.compound:not(.opened) .compound-items > .compound-instructions {
padding-top:0;
padding-bottom:0;
border:none !important;
pointer-events:none;
}
.genui__ .diary-list .item.compound .compound-items .item {
border-top:1px solid #f4f3f1;
}
/* temporarily hide 'My Portion' values for food items within a meal */
/*.genui__ .diary-list.nutrition .item.compound .compound-items .item .item-tracking {
opacity:0;
}*/
.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories {
line-height:1;
}
.genui__ .diary-list.fitness .item.compound.mode-minutes .compound-items .item .item-calories {
display:none;
}
.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories:after {
content:"per round";
font-size:.8rem;
display:block;
}
.genui__ .diary-list.fitness.manual-list .item.compound .compound-items .item .item-calories:after {
display:none;
}
.genui__ .diary-list .item.compound .compound-items .compound-instructions {
margin:0;
}
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
padding:.75rem 1rem;
}
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions p {
text-align:left;
margin:0;
}
@media screen and (max-width:639px) {
.genui__ .diary-list.fitness .item.compound.mode-minutes .compound-items .item .item-name {
width:100%;
}
.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories {
position:relative;
}
.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories:after {
position:absolute;
width:100%;
text-align:center;
left:0;
}
}
/****
Error Messages
****/
.genui__ .field.has-error > * {
color:#f42434;
border-color:#f42434 !important;
border-width:2px !important;
}
.genui__ .error-list {
list-style:none;
padding:.75rem .75rem 0;
font-size:.8rem;
text-align:left;
color:#f42434;
clear:both;
}
.genui__ .error-list:empty {
padding:0;
}
.genui__ .error-list > li {
padding:0 !important;
border:none;
}
.genui__ .error-list > li:before {
content:"Error: ";
font-weight:bold;
text-transform:uppercase;
}
.genui__ .wrap_serving-selector > * {
vertical-align:middle;
}
.genui__ .wrap_serving-selector input[type="number"] {
display:inline-block;
max-width:60px;
text-align:center;
margin:0 .25rem;
}
.genui__ .wrap_serving-selector .serving-selector {
border-radius:100%;
width:1.5rem;
height:1.5rem;
line-height:1.5rem;
text-align:center;
display:inline-block;
font-size:1.25rem;
font-weight:bold;
cursor:pointer;
}
.genui__ .wrap_serving-selector .serving-selector:hover {
box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
@media screen and (max-width:767px) {
.genui__ .diary-list .diary-list-header .item-name,
.genui__ .diary-list .item > div.item-name,
.genui__ .diary-list .item.compound .compound-header > div.item-name {
width:40%;
}
.genui__ .diary-list .item .item-summary {
width:45%;
}
.genui__ .diary-list .item .item-calories,
.genui__ .diary-list .diary-list-header .item-calories {
width:15%;
}
.genui__ .diary-list .diary-list-header .item-tracking,
.genui__ .diary-list .item .item-tracking {
width:27.5%;
padding:0;
}
}
@media screen and (max-width:639px) {
.genui__ .diary-list li,
.genui__ .diary-list li:last-child,
.genui__ .diary-list .item.compound .compound-header {
padding:1rem 0;
}
.genui__ .diary-list .diary-list-header {
display:none;
}
.genui__ .diary-list .item .item-name,
.genui__ .diary-list .item.compound .compound-header .item-name {
padding-left:4.25rem;
font-size:1rem;
line-height:1.25;
}
.genui__ .diary-list .item > div.item-name,
.genui__ .diary-list .item.compound .compound-header > div.item-name {
width:75%;
}
.genui__ .diary-list .item .item-actions {
width:4.25rem;
top:-7px;
}
.genui__ .diary-list .item div.item-summary,
.genui__ .diary-list .item.compound .compound-header div.item-summary {
margin-left:4.25rem;
width:auto;
clear:left;
}
.genui__ .diary-list .item div.item-serving,
.genui__ .diary-list .item.compound .compound-header div.item-serving {
width:100%;
padding-left:4.25rem;
text-align:left;
/*margin-top:.5rem;*/
}
.genui__ .item-tracking input,
.genui__ .item-tracking .label,
.genui__ .item-tracking .value-selector {
vertical-align:middle;
}
/* Nutrition */
.genui__ .diary-list.nutrition .item:not(.compound),
.genui__ .diary-list.nutrition .item.compound .compound-header {
padding-right:25%;
position:relative;
}
.genui__ .diary-list.nutrition .item > div.item-name,
.genui__ .diary-list.nutrition .item.compound .compound-header > div.item-name {
width:100%;
}
.genui__ .diary-list.nutrition .item div.item-tracking,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
width:25%;
position:absolute;
top:0;
right:0;
text-align:center;
height:100%;
padding:1rem 0 2.25rem;
border-left:1px solid #dfe1e1;
}
.genui__ .diary-list.nutrition .item.manual-header {
padding-right:.75rem !important;
}
.genui__ .diary-list.nutrition .item.manual-header div.item-serving,
.genui__ .diary-list.nutrition .item.manual-item div.item-serving,
.genui__ .diary-list.nutrition .item.manual-header div.item-tracking {
display:none;
}
.genui__ .diary-list.nutrition .item-tracking input,
.genui__ .diary-list.nutrition .item-tracking .label {
border-bottom:none;
vertical-align:bottom;
font-weight:bold;
margin:0;
font-size:1rem;
line-height:1.25;
height:auto;
width:50%;
padding:0;
}
.genui__ .diary-list.nutrition .item-tracking .label {
text-align:center;
padding-left:.75rem;
margin-left:-5px;
}
.genui__ .diary-list.nutrition .item-tracking input {
text-align:center;
padding-right:.25rem;
}
.genui__ .diary-list.nutrition .item-tracking input:focus {
text-align:center;
border:1px solid #515151;
width:90%;
line-height:2;
}
.genui__ .diary-list .item .item-tracking > .value-selector {
position:absolute;
right:0;
top:auto;
bottom:0;
width:50%;
height:2.25rem;
line-height:2.25rem;
border-radius:0;
border-top:1px solid #dfe1e1;
background-color:transparent;
color:#515151;
}
.genui__ .diary-list.nutrition .item.compound.opened .compound-header .item-tracking > .value-selector {
color:#fff;
}
.genui__ .diary-list .item .item-tracking > .value-selector[data-decrement] {
right:50%;
border-right:1px solid #dfe1e1;
}
.genui__ .diary-list .item.compound .item-tracking > .value-selector,
.genui__ .diary-list.nutrition .item.compound .compound-items .item .item-tracking,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
border-color:#f4f3f1;
}
.genui__ .diary-list .item:not(.compound):not(.manual-header) > div.item-serving:before {
content:"Single Serving: ";
}
.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items {
text-transform:capitalize;
}
.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:before {
content:"Show ";
text-decoration:underline;
}
.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:after {
content:" Items";
text-decoration:underline;
}
.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:hover:before,
.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:hover:after {
text-decoration:none;
}
.genui__ .diary-list .item > div.item-tracking:before,
.genui__ .diary-list .item.compound .compound-header div.item-tracking:before {
display:none;
}
.genui__ .toggle-details .icon {
font-size:1.15rem;
padding:.5rem;
padding-left:.25rem;
}
.genui__ .diary-list .item .item-actions .editor {
font-size:2.25rem;
}
.genui__ .diary-list .item .item-calories {
width:25%;
font-size:1rem;
line-height:1.15;
}
.genui__ .diary-list.nutrition .item .item-calories {
width:100%;
font-size:1em; /* ems */
text-align:left;
padding-left:4.25rem;
margin-top:.33rem;
}
.genui__ .diary-list.nutrition .item > div.item-calories:before,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-calories:before {
content:"Calories: ";
}
}
@media screen and (max-width:539px) {
.genui__ .diary-list.nutrition .item-tracking input,
.genui__ .diary-list.nutrition .item-tracking .label {
width:45%;
}
.genui__ .diary-list.nutrition .item-tracking .label {
width:55%;
padding-left:.5rem;
}
}
@media screen and (max-width:479px) {
.genui__ .diary-list .item .item-name,
.genui__ .diary-list .item.compound .compound-header .item-name,
.genui__ .diary-list .item div.item-tracking,
.genui__ .diary-list .item.compound .compound-header div.item-tracking,
.genui__ .diary-list .item div.item-serving,
.genui__ .diary-list .item.compound .compound-header div.item-serving,
.genui__ .diary-list.nutrition .item div.item-calories,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-calories {
padding-left:3rem;
}
.genui__ .diary-list .item div.item-summary,
.genui__ .diary-list .item.compound .compound-header div.item-summary {
margin-left:3rem;
}
.genui__ .diary-list .item .item-actions {
width:3rem;
top:-6px;
padding:0;
}
.genui__ .diary-list .item .item-actions .editor {
font-size:2rem;
}
.genui__ .diary-list .item > div.item-name,
.genui__ .diary-list .item.compound .compound-header > div.item-name {
width:75%;
}
.genui__ .diary-list .item .item-calories {
width:25%;
}
.genui__ .diary-section, .genui__ .diary-section-trigger {
/* margin-left: .75rem; */
/* margin-right: .75rem; */
font-size: 14px;
}
.genui__ .diary-list.nutrition .item:not(.compound),
.genui__ .diary-list.nutrition .item.compound .compound-header {
padding-right: 30%;
}
.genui__ .diary-list.nutrition .item div.item-tracking,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
width:30%;
border-left:1px solid #;
}
.genui__ .diary-list.nutrition .item-tracking input,
.genui__ .diary-list.nutrition .item-tracking .label {
vertical-align:bottom;
width:45%;
}
.genui__ .diary-list.nutrition .item-tracking .label {
font-size:14px;
width:55%;
}
}
/**
* INFO LIGHTBOXES - EXERCISE, CIRCUIT, FOOD ITEM, MEAL
* strict styling for these lightboxes to avoid html changes
* based on test environment 2018-06-30
*
* NOTE: "details" is misspelled in "FoodItemDeatilsPopup"
*/
@media screen and (max-width:767px) {
/* stretch columns to 100% */
#fit-diary__item1__info > .row > .column,
#fit-diary__compound1__info > .row > .column,
#FoodItemDeatilsPopup > .row > .column,
#nut-diary__compound1__info > .row > .column {
width:100%;
padding-left:0.75rem;
padding-right:0.75rem;
}
/* ensure there is a gap between the two sections */
#fit-diary__item1__info > .row > .column + .column,
#fit-diary__compound1__info > .row > .column + .column,
#FoodItemDeatilsPopup > .row > .column + .column,
#nut-diary__compound1__info > .row > .column + .column {
margin-top:1rem;
}
}
/***************************
Gold's Care
***************************/
/* # text-primary */
.golds-gym .genui__ .text-primary,
.golds-gym .genui__ .blue {
color:#00adef;
}
/* # df-e1-e1 */
.golds-gym .genui__ .tab.active {
border-color:#d1d3d4;
}
.golds-gym .genui__ .tab-toggles .item {
border:1px solid #d1d3d4;
}
.golds-gym .genui__ .caloric-dashboard-footer .track-manually a {
background-color:#d1d3d4;
}
.golds-gym .genui__ .manual-calories {
border-color:#d1d3d4;
}
.golds-gym .genui__.small-popupWrap .manual-tracking.items-one .item-tracking {
border-color:#d1d3d4;
}
.golds-gym .genui__ .manual-tracking .old {
background-color:#d1d3d4;
}
.golds-gym .genui__ .manual-tracking .old:before {
border-left-color:#d1d3d4;
}
.golds-gym .genui__ .diary-section {
border-color:#d1d3d4;
}
.golds-gym .genui__ .diary-section-trigger {
border-color:#d1d3d4;
}
.golds-gym .genui__ .diary-overview {
border-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list > .item:not(.myzone-workout):not(.manual-header) {
border-bottom-color:#d1d3d4;
}
.golds-gym .genui__ .diary.mini {
border-color:#d1d3d4;
}
.golds-gym .genui__ .diary.mini .item + .item {
border-top-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list .item.compound .compound-header {
background-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list .item.compound.opened .compound-items .item,
.golds-gym .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
background-color:#d1d3d4;
}
/* # 51-51-51 */
.golds-gym .genui__ .tab-toggles .item.active,
.golds-gym .genui__ .tab-toggles .item:hover {
background-color:#58585a;
border-color:#58585a;
}
.golds-gym .genui__ .diary-section-header .header-name:before {
border-top-color:#58585a;
}
.golds-gym .genui__ .diary-list .diary-list-header {
background-color:#58585a;
}
.golds-gym .genui__ .item-tracking input,
.golds-gym .genui__ .item-details .field input {
border-bottom-color:#58585a;
}
.golds-gym .genui__ .item-tracking .label {
border-bottom-color:#58585a;
}
.golds-gym .genui__ .item-tracking input:focus,
.golds-gym .genui__ .item-details .field input:focus,
.golds-gym .genui__ .item-calories.untracked input:focus {
border-color:#58585a;
}
.golds-gym .label.opened {
border-color:#58585a;
}
.golds-gym .label.opened label + input[type="radio"] + label {
border-top-color:#58585a;
}
.golds-gym .label.opened label:hover,
.golds-gym .label.opened input[type="radio"]:checked + label {
background-color:#58585a;
}
.golds-gym .genui__ .item-details.strength .set:before,
.golds-gym .genui__ .item-details.strength .set:after {
background:#58585a;
}
.golds-gym .genui__ .compound-instructions.item-details .field label {
background-color:#58585a;
}
.golds-gym .genui__ .diary-list .item.compound.opened .compound-header {
background:#58585a;
}
.golds-gym .genui__ .diary-list .item.compound.opened .compound-items {
border-color:#58585a;
}
@media screen and (max-width:639px) {
.golds-gym .genui__ .diary-list .item-tracking > .value-selector {
background-color:#58585a;
}
.golds-gym .genui__ .diary-list.nutrition .item-tracking input:focus {
border-color:#58585a;
}
.golds-gym .genui__ .diary-section:not(.closed) .diary-section-header {
border-bottom-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list.nutrition .item div.item-tracking,
.golds-gym .genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
border-left-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list .item .item-tracking > .value-selector {
border-top-color:1px solid #d1d3d4;
}
.golds-gym .genui__ .diary-list .item .item-tracking > .value-selector[data-decrement] {
border-right-color:#d1d3d4;
}
}
/***************************
UOMs labels w/o abbreviated values
***************************/
.genui__ .diary-list.nutrition .item-tracking {
padding-left:0;
padding-right:0;
}
.genui__ .diary-list.nutrition .item-tracking .label {
min-width:84px; /* fluid ounce */
}
@media screen and (max-width:840px) {
.genui__ .diary-list.nutrition .item-tracking .label {
font-size:.8rem;
min-width:70px;
}
}
/* the following media query was copied from above and made to target ONLY NUTRITION and effects only between 640-767px
*/
/* these styles would typically kick in at 639px and below*/
@media screen and (min-width:640px) and (max-width:767px) {
.genui__ .diary-list.nutrition li,
.genui__ .diary-list.nutrition li:last-child,
.genui__ .diary-list.nutrition .item.compound .compound-header {
padding:1rem 0;
}
.genui__ .diary-list.nutrition .diary-list-header {
display:none;
}
.genui__ .diary-list.nutrition .item .item-name,
.genui__ .diary-list.nutrition .item.compound .compound-header .item-name {
padding-left:4.25rem;
font-size:1rem;
line-height:1.25;
}
.genui__ .diary-list.nutrition .item > div.item-name,
.genui__ .diary-list.nutrition .item.compound .compound-header > div.item-name {
width:75%;
}
.genui__ .diary-list.nutrition .item .item-actions {
width:4.25rem;
top:-7px;
}
.genui__ .diary-list.nutrition .item div.item-summary,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-summary {
padding-left:4.25rem;
width:100%;
clear:left;
}
.genui__ .diary-list.nutrition .item div.item-serving,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving {
width:100%;
padding-left:4.25rem;
text-align:left;
/*margin-top:.5rem;*/
}
.genui__ .diary-list.nutrition .item-tracking input,
.genui__ .diary-list.nutrition .item-tracking .label,
.genui__ .diary-list.nutrition .item-tracking .value-selector {
vertical-align:middle;
}
.genui__ .diary-list.nutrition .item:not(.compound),
.genui__ .diary-list.nutrition .item.compound .compound-header {
padding-right:25%;
position:relative;
}
.genui__ .diary-list.nutrition .item > div.item-name,
.genui__ .diary-list.nutrition .item.compound .compound-header > div.item-name {
width:100%;
}
.genui__ .diary-list.nutrition .item div.item-tracking,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
width:25%;
position:absolute;
top:0;
right:0;
text-align:center;
height:100%;
padding:1rem 0 2.25rem;
border-left:1px solid #dfe1e1;
}
.genui__ .diary-list.nutrition .item.manual-header {
padding-right:.75rem !important;
}
.genui__ .diary-list.nutrition .item.manual-header div.item-serving,
.genui__ .diary-list.nutrition .item.manual-item div.item-serving,
.genui__ .diary-list.nutrition .item.manual-header div.item-tracking {
display:none;
}
.genui__ .diary-list.nutrition .item-tracking input,
.genui__ .diary-list.nutrition .item-tracking .label {
border-bottom:none;
vertical-align:bottom;
font-weight:bold;
margin:0;
font-size:1rem;
line-height:1.25;
height:auto;
width:50%;
padding:0;
}
.genui__ .diary-list.nutrition .item-tracking .label {
text-align:center;
padding-left:.75rem;
margin-left:-5px;
}
.genui__ .diary-list.nutrition .item-tracking input {
text-align:center;
padding-right:.25rem;
}
.genui__ .diary-list.nutrition .item-tracking input:focus {
text-align:center;
border:1px solid #515151;
width:90%;
line-height:2;
}
.genui__ .diary-list.nutrition .item .item-tracking > .value-selector {
position:absolute;
right:0;
top:auto;
bottom:0;
width:50%;
height:2.25rem;
line-height:2.25rem;
border-radius:0;
border-top:1px solid #dfe1e1;
background-color:transparent;
color:#515151;
}
.genui__ .diary-list.nutrition .item.compound.opened .compound-header .item-tracking > .value-selector {
color:#fff;
}
.genui__ .diary-list.nutrition .item .item-tracking > .value-selector[data-decrement] {
right:50%;
border-right:1px solid #dfe1e1;
}
.genui__ .diary-list.nutrition .item.compound .item-tracking > .value-selector,
.genui__ .diary-list.nutrition .item.compound .compound-items .item .item-tracking,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
border-color:#f4f3f1;
}
.genui__ .diary-list.nutrition .item:not(.compound):not(.manual-header) > div.item-serving:before {
content:"Single Serving: ";
}
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items {
text-transform:capitalize;
}
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:before {
content:"Show ";
text-decoration:underline;
}
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:after {
content:" Items";
text-decoration:underline;
}
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:hover:before,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:hover:after {
text-decoration:none;
}
.genui__ .diary-list.nutrition .item > div.item-tracking:before,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking:before {
display:none;
}
.genui__ .diary-list.nutrition .item .item-actions .editor {
font-size:2.25rem;
}
.genui__ .diary-list.nutrition .item .item-calories {
width:100%;
font-size:1em; /* ems */
text-align:left;
padding-left:4.25rem;
margin-top:.33rem;
}
.genui__ .diary-list.nutrition .item > div.item-calories:before,
.genui__ .diary-list.nutrition .item.compound .compound-header div.item-calories:before {
content:"Calories: ";
}
}
/* end copied media query */
@media screen and (max-width:767px) and (min-width:640px) {
.genui__ .diary.nutrition .diary-section-header .header-name {
padding-left:4.25rem;
}
}
@media screen and (max-width:767px) {
.genui__ .diary-list.nutrition .item div.item-tracking {
padding-top:1rem;
}
.genui__ .diary-list.nutrition .item-tracking input[type="number"] {
width:100%;
padding:0 .25rem;
margin:0;
}
.genui__ .diary-list.nutrition .item-tracking .label {
width:100%;
padding:.25rem;
margin:0;
}
}
/***************************
end UOMs labels w/o abbreviated values
***************************/
/***************************
Option Toggles
***************************/
.genui__ .diary-list .item-details .toggle-options {
text-align:left;
padding-top:.75rem;
margin:0;
clear:both;
text-decoration:underline;
font-size:.8rem;
cursor:pointer;
}
.genui__ .diary-list .item-details .toggle-options:hover {
text-decoration:none;
}
.genui__ .diary-list .item-details .options {
clear:both;
text-align:left;
max-height:0;
overflow:hidden;
/*height:2.75rem;*/
}
.genui__ .diary-list .item-details .options.opened {
max-height:300px;
padding-top:0.75rem;
}
.genui__ .diary-list .item-details .options .options-instructions {
margin-bottom:.75rem;
font-size:.8rem;
}
.genui__ .diary-list .item-details .options .item {
width:100%;
/*display:inline-block;*/
/*text-align:center;*/
}
.genui__ .diary-list .item.compound .item-details .options .item {
margin-left:0;
margin-right:0;
border-top:none;
}
/*.genui__ .diary-list .item-details .options .item + .item {
margin-left:.75rem;
}*/
.genui__ .diary-list .item-details .options .item .label {
line-height:1.5rem;
display: inline-block;
/*min-width:10rem;*/
vertical-align: middle;
padding-right:.25rem;
/*font-size:.8rem;*/
}
.genui__ .item.with-selectable-options .toggle-on {
max-height:0;
overflow:hidden;
display:inline-block;
vertical-align: middle;
}
@media screen and (max-width:639px) {
.popupWrap .genui__ .item.with-selectable-options .toggle-on.on {
display:block;
padding-left:0;
padding-top:.25rem;
}
}
.genui__ .item.with-selectable-options .toggle-on.on {
max-height:500px;
padding-left:1.5rem;
}
.genui__ .selectable-options input[type="checkbox"],
.genui__ .selectable-options input[type="radio"] {
display:none;
}
.genui__ .selectable-options input + label {
background:#aaa;
color:#fff;
padding:.25rem .75rem;
font-size:.8rem;
display:inline-block;
}
.genui__ .selectable-options label + input + label {
margin-left:-5px;
border-left:#fff;
}
.genui__ .selectable-options input:checked + label,
.genui__ .selectable-options input:hover + label {
background:#515151;
}
.toggler {
display: none !important;
}
.toggler::selection,
.toggler:after::selection,
.toggler:before::selection,
.toggler *::selection,
.toggler *:after::selection,
.toggler *:before::selection,
.toggler + .toggler-button::selection {
background: none;
}
.toggler + .toggler-button {
outline: 0;
display: block;
width: auto;
max-width:10rem;
margin:auto;
position: relative;
cursor: pointer;
user-select: none;
margin-left:1rem;
background: #aaa;
border-radius:1.25rem;
width:2.5rem;
height:1.25rem;
display:inline-block;
vertical-align:middle;
padding: 2px;
transition: all .4s ease;
}
.toggler + .toggler-button:after,
.toggler + .toggler-button:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.toggler + .toggler-button:after {
left: 0;
border-radius: 50%;
background: #fff;
transition: all .2s ease;
}
.toggler + .toggler-button:before {
display: none;
}
.toggler:checked + .toggler-button {
background: #52b747;
}
.toggler:checked + .toggler-button:after {
left: 50%;
}
/* On/Off */
/*.toggler-skewed + .toggler-button {
overflow: hidden;
backface-visibility: hidden;
transition: all .2s ease;
background: #aaa;
}
.toggler-skewed + .toggler-button:after,
.toggler-skewed + .toggler-button:before {
display: inline-block;
transition: all .2s ease;
width: 100%;
text-align: center;
position: absolute;
line-height: 2em;
color: #fff;
}
.toggler-skewed + .toggler-button:after {
left: 100%;
content: attr(data-tg-on);
}
.toggler-skewed + .toggler-button:before {
left: 0;
content: attr(data-tg-off);
}
.toggler-skewed + .toggler-button:active {
background: #aaa;
}
.toggler-skewed + .toggler-button:active:before {
left: -10%;
}
.toggler-skewed:checked + .toggler-button {
background: #52b747;
}
.toggler-skewed:checked + .toggler-button:before {
left: -100%;
}
.toggler-skewed:checked + .toggler-button:after {
left: 0;
font-weight:bold;
}
.toggler-skewed:checked + .toggler-button:active:after {
left: 10%;
}*/
/***************************
Effort Level Selector
***************************/
.effort-levels {
max-width:1150px;
margin:5% auto;
background:#fff;
overflow-x:hidden;
max-height:90%;
}
.effort-levels .wrap-header {
text-align:center;
padding:.75rem 1.5rem;
}
.effort-levels .wrap-header h2 {
margin:0;
text-transform:uppercase;
font-size:1.6rem;
color:#515151;
}
.effort-levels .wrap-header p {
margin:0;
}
.effort-levels .wrap-items {
display:flex;
flex-wrap:wrap;
}
.effort-levels .wrap-items .item {
flex-grow:1;
width:33.33%;
border:1px solid #fff;
border-collapse:collapse;
}
.effort-levels .wrap-items .item:nth-child(3n+1) {
clear:left;
}
.effort-levels .very-light { background-color:#aaa; }
.effort-levels .light { background-color:#78787A; }
.effort-levels .moderate { background-color:#0F68EA; }
.effort-levels .vigorous { background-color:#02BA4B; }
.effort-levels .very-hard { background-color:#E0D31A; } /*FBEC1D*/
.effort-levels .maximum { background-color:#E40002; }
.effort-levels input {
display:none;
}
.effort-levels label {
display:block;
padding:1.5rem;
color:#fff;
}
.effort-levels .item:hover {
box-shadow:inset 0 0 32px #1a1a1a;
/*box-shadow:inset 0 0 20px rgba(255,255,255,.75);*/
}
.effort-levels label > span {
display:block;
text-align:center;
}
.effort-levels .title {
font-size:2rem;
font-weight:bold;
text-transform:uppercase;
}
.effort-levels .range {
font-weight:bold;
font-size:1.3rem;
margin-bottom:.25rem;
}
.effort-levels .zone {
font-weight:bold;
margin-bottom:.75rem;
}
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions p.effort {
font-size:.8rem;
margin-top:.75rem;
}
.effort-levels .closer {
position:absolute;
top:-38px;
right:50%;
transform:translateX(570px);
color:#fff;
cursor:pointer;
padding:7px 12px;
}
.effort-levels .closer:hover {
color:#bababa;
}
@media screen and (max-width:1150px) {
.effort-levels .closer {
right:5px;
transform:translateX(0);
}
}
@media screen and (max-width:767px) {
.effort-levels {
margin-top:8%;
}
.effort-levels .closer {
font-size:1.5rem;
padding-top:0;
padding-bottom:0;
}
.effort-levels .wrap-items .item {
width:50%;
}
.effort-levels .wrap-items .item:nth-child(3n+1) {
clear:none;
}
.effort-levels .wrap-items .item:nth-child(odd) {
clear:both;
}
.effort-levels .wrap-header h2 {
font-size:1.3rem;
}
.effort-levels .title {
font-size:1.6rem;
}
.effort-levels .range {
font-size:1.15rem;
}
}
@media screen and (max-width:479px) {
.effort-levels .wrap-items .item {
width:100%;
}
.effort-levels .range {
font-size:1rem;
margin-bottom:0;
}
}
/***************************
Print Diary
***************************/
/*
.printer-section .genui__.fitness .header-calories,
.printer-section .genui__.fitness .item-calories,
.printer-section .genui__.fitness .toggle-details .icon {
display:none !important;
}
.printer-section .genui__ .diary-section-header .header-name:before,
.printer-section .genui__ .diary-list .item-actions,
.printer-section .genui__ .diary-list .item .item-details .toggle-options,
.printer-section .genui__ .diary-list .item .item-details .options,
.printer-section .genui__ .diary-list .diary-list-header,
#printSection .genui__ .toggle-details .icon {
display:none;
}
.printer-section .genui__ .item-details input::-webkit-input-placeholder { color:transparent; }
.printer-section .genui__ .item-details input::-moz-placeholder { color:transparent; }
.printer-section .genui__ .item-details input:-ms-input-placeholder { color:transparent; }
.printer-section .genui__ .item-details input:-moz-placeholder { color:transparent; }
.printer-section .genui__ .diary-overview {
border:none;
padding-top:0;
}
.printer-section .genui__ .diary-overview .title {
width:100%;
padding-top:0;
}
.printer-section .genui__ .diary-section-header {
background-color:transparent;
}
.printer-section .genui__ .diary-section-header:after {
content:"Manual Cal Burn";
border-top:1px solid #515151;
width:20%;
position:absolute;
bottom:.5rem;
right:.75rem;
text-align:center;
font-size:.8rem;
}
.printer-section .genui__ .icon-myzone {
width: 1.5rem;
}
.printer-section .genui__ .diary-section-header .header-calories,
.printer-section .genui__ .diary-list .item .item-calories,
.printer-section .genui__ .diary-list .diary-list-header .item-calories {
width:12.5%;
}
.printer-section .genui__ .diary-section-header .header-name,
.printer-section .genui__ .diary-list .diary-list-header .item-name,
.printer-section .genui__ .diary-list .item .item-name {
padding-left:3rem;
}
.printer-section .genui__ .diary-list .item .item-name:before {
content:"";
position:absolute;
top:0;
left:1rem;
width:1.5rem;
height:1.5rem;
border:1px solid #515151;
}
.printer-section .genui__ .diary-list.nutrition .diary-list-header .item-name,
.printer-section .genui__ .diary-list.nutrition .item .item-name {
width:37.5%;
}
.printer-section .genui__ .diary-list.fitness .diary-list-header .item-name,
.printer-section .genui__ .diary-list.fitness .item .item-name,
.printer-section .genui__ .diary-list.fitness .item-summary {
width:42.5%;
float:left;
clear:left;
}
.printer-section .genui__ .diary-list.fitness .item.opened .item-details:not(.compound-instructions) {
width:55%;
float:right;
clear:none;
transform:translateY(-1.5rem); margin-bottom:-1.5rem;
padding-top:0;
}
.printer-section .genui__ .diary-list.fitness .item.opened {
overflow:hidden;
}
.printer-section .genui__ .diary-section-header .header-name {
width:87.5%;
}
.printer-section .genui__ .tab.active {
margin-bottom:2.5rem;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
padding-top:0;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions p {
width:100%;
float:none;
clear:both;
margin-top:.75rem;
}
.printer-section .genui__ .compound-instructions.item-details .field label:not(.off) {
background-color:transparent;
font-weight:bold;
color:#515151;
}
.printer-section .genui__ .item-details .field input {
color:transparent;
}
.printer-section .genui__ .diary-instructions p {
padding:0 1.5rem;
margin-bottom:.5rem;
font-weight:bold;
}
.printer-section .genui__ .compound-instructions {
padding-top:0;
border-bottom:1px solid #f4f3f1;
}
.printer-section .genui__ .compound-instructions .field {
width:25%;
padding-bottom:1.5rem;
}
.printer-section .genui__ .compound-instructions .field.large {
width:75%;
padding-right:.75rem;
}
.printer-section .genui__ .compound-instructions .select {
border-bottom:1px solid #515151;
height:2rem;
}
.printer-section .genui__ .compound-instructions .select .option {
display:inline-block;
padding:0 1rem;
font-size:.8rem;
}
.printer-section .genui__ .compound-instructions .select .option.selected {
font-weight:bold;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-header {
background-color:transparent;
color:#515151;
margin-left:-6px;
margin-right:-6px;
}
.printer-section .genui__ .diary-list .item.compound.opened {
border:6px solid #515151;
border-bottom-width:12px;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items {
border:none;
}
.printer-section .genui__ .diary-list > .item,
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
margin-bottom:.75rem;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .item,
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
background-color:transparent;
}
.printer-section .genui__ .diary-list .item-summary {
padding-left:3rem;
font-size:.8rem;
}
.printer-section .genui__ .diary-list .item.opened > .item-details {
padding-bottom:0;
}
.printer-section .genui__ .item-details .field label {
font-size:.66rem;
}
.printer-section .genui__ .item-details.strength .set {
padding-left:0;
padding-bottom:1rem;
}
.printer-section .genui__ .item-details.strength .set + .set {
border-left:1px solid #f4f3f1;
}
.printer-section .genui__ .item-details.strength .set:before {
display:none;
}
.printer-section .genui__ .item-details.strength .set:after {
top:auto;
bottom:0;
left:0;
width:100%;
text-align:center;
height:1rem;
font-size:.8rem;
color:#515151;
background:transparent;
}
.genui__ .item-details.strength .set:nth-child(1):after {
content:"Set 1";
}
.genui__ .item-details.strength .set:nth-child(2):after {
content:"Set 2";
}
.genui__ .item-details.strength .set:nth-child(3):after {
content:"Set 3";
}
.printer-section .genui__ .item-details.strength .set .field {
padding-left:.125rem;
padding-right:.125rem;
}
*/
.popupWrap.with-printout {
overflow-x:auto !important;
}
.genui__.printout {
min-width:775px;
}
.genui__.printout *:not(.js-printer) {
color:#1a1a1a;
}
.genui__.printout h4 {
font-size:1.1rem;
margin:0;
}
.genui__.printout .diary-section .js-printer {
text-decoration:underline;
margin-left:1rem;
margin-bottom:1rem;
display:inline-block;
}
.genui__ .printout-header .js-printer {
background-color:#aaa;
color:#fff;
text-transform:uppercase;
border-radius:6px;
padding:.75rem;
position:fixed;
top:.75rem;
left:50%;
margin-left:-100px;
width:200px;
box-shadow:0 0 12px rgba(0,0,0,.5);
z-index:5;
}
.genui__ .printout-header .js-printer:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.genui__ .printout-header .js-printer span {
padding-left:.25rem;
color:#fff;
}
.genui__ .printout-header {
text-align:center;
margin-bottom:1.5rem;
}
.genui__ .printout-header .title {
text-transform:uppercase;
margin:0;
}
.genui__ .printout-header .info {
float:left;
width:50%;
text-align:left;
margin-bottom:1.5rem;
}
.genui__ .printout-header .instructions {
width:70%;
padding-right:1.5rem;
}
.genui__ .printout-header .instructions ul {
padding-left:1.25rem;
margin-bottom:0;
font-size:.8rem;
}
.genui__ .printout-header .contact {
width:25%;
padding-left:1.5rem;
}
.genui__ .printout-header .contact small {
line-height:1.25;
display:block;
}
.genui__.printout .diary-section {
border:none;
border-radius:0;
}
.genui__.printout .diary-section + .diary-section {
border-top:1px solid #808080;
padding-top:1.5rem;
}
.genui__ .fill-in {
text-align:center;
color:#d5d5d5;
font-size:.8rem;
}
.genui__ .fill-in .value {
display:block;
color:#d5d5d5;
font-size:1rem;
line-height:1.25;
}
.genui__.printout .diary-section-header,
.genui__.printout .diary-section-header:hover {
background-color:transparent;
padding:0;
box-shadow:none;
margin-bottom:1.5rem;
}
.genui__.printout .diary-section-header .name {
margin:0;
width:50%;
padding-left:1rem;
}
.genui__ .diary-section-header .fill-in {
border-bottom:3px solid #808080;
/*float:right;
width:22.5%;*/
padding:0 .25rem .25rem;
}
/*.genui__ .diary-section-header .title + .fill-in {
margin-left:0.833%;
margin-right:1.666%;
}
.genui__ .diary-section-header .title + .fill-in + .fill-in {
margin-left:1.66%;
margin-right:0.833%;
}*/
.genui__.printout .diary-list .item {
border:1px solid #808080;
padding:0;
border-bottom-color:#808080 !important;
}
.genui__.printout .name,
.genui__.printout .fill-ins {
display:inline-block;
width:50%;
vertical-align:middle;
}
.genui__.printout .diary-list .item .name {
padding:.25rem 1rem;
}
.genui__.printout .fill-ins {
margin-left:-5px;
transform:translateX(5px);
border-left:1px solid #808080;
}
.genui__.printout .diary-section-header .fill-ins {
border-left:none;
}
.genui__.printout .fill-ins .fill-in {
width:25%;
float:left;
padding:.5rem 0 .25rem;
}
.genui__.printout .fill-ins.two .fill-in {
width:50%;
}
.genui__.printout .fill-ins.three .fill-in {
width:33.33%;
}
.genui__.printout .diary-section-header .fill-ins .fill-in {
width:45%;
margin:0 2.5%;
}
.genui__.printout .diary-section-header .fill-ins.three .fill-in {
width:28.33%;
margin:0 2.5%;
}
.genui__.printout .diary-list .item .fill-ins .fill-in + .fill-in {
border-left:1px solid #808080;
}
.genui__.printout .diary-list .item + .item {
border-top:0;
}
.genui__.printout .diary-list .item + .item.compound {
margin-top:1.5rem;
border-top:3px solid #808080;
}
.genui__.printout .diary-list .item .efforts {
border-top:1px solid #808080;
border-bottom:1px solid #808080;
}
.genui__.printout .efforts .label,
.genui__.printout .efforts .options {
width:25%;
display:inline-block;
vertical-align:middle;
}
.genui__.printout .efforts .label {
padding:0 1rem;
}
.genui__.printout .efforts .options {
width:75%;
border-left:1px solid #808080;
margin-left:-5px;
transform:translateX(5px);
}
.genui__.printout .efforts .options .option {
float:left;
width:16.66%;
text-align:center;
font-size:.8rem;
color:#d5d5d5;
padding:.75rem .25rem;
}
.genui__.printout .efforts .options .option.selected {
font-weight:bold;
}
.genui__.printout .item.compound .instructions {
padding:.5rem 1rem;
/*border-bottom:2px solid #808080;*/
font-size:.8rem;
}
.genui__.printout .item.compound .diary-list {
border-top:2px solid #808080;
}
.genui__.printout .item.compound {
border-width:3px;
border-bottom:3px solid #808080 !important;
margin-bottom:1.5rem;
}
.genui__.printout .item.compound > .name {
font-weight:bold;
}
/* correction for larger borders on compounds */
.genui__.printout .item.compound .name,
.genui__.printout .item.compound .efforts .label {
transform:translateX(-2px);
}
.genui__.printout .item.compound .instructions {
margin-left:-2px;
}
.genui__.printout .item.compound .item {
border-left:none;
border-right:none;
}
.genui__.printout .notes {
padding:0 1rem;
margin-bottom:1.5rem;
}
.genui__.printout .textarea {
min-height:250px;
}
.genui__.printout .diary-list.nutrition + .notes .textarea {
min-height:100px;
}
.genui__.printout .effort-guide h4 {
padding-left:1rem;
}
.genui__.printout .effort-guide .wrap-items {
display:flex;
flex-wrap:wrap;
border:1px solid #808080;
}
.genui__.printout .effort-guide .item {
width:33.33%;
flex-grow: 1;
padding:1rem;
text-align:left;
}
.genui__.printout .effort-guide .item:nth-child(2),
.genui__.printout .effort-guide .item:nth-child(3),
.genui__.printout .effort-guide .item:nth-child(5),
.genui__.printout .effort-guide .item:nth-child(6) {
border-left:1px solid #808080;
}
.genui__.printout .effort-guide .item:nth-child(1),
.genui__.printout .effort-guide .item:nth-child(2),
.genui__.printout .effort-guide .item:nth-child(3) {
border-bottom:1px solid #808080;
}
.genui__.printout .effort-guide .item h5 {
margin-bottom:0;
text-transform:uppercase;
}
.genui__.printout .effort-guide .item h5 small {
font-size:1rem;
font-weight:normal;
}
.genui__.printout .effort-guide .item p {
margin-bottom:0;
font-size:.8rem;
}
.genui__ .printout-footer .logos .item {
width:50%;
display:inline-block;
vertical-align:middle;
padding:0 1rem;
}
.genui__ .printout-footer .logos .item + .item {
text-align:right;
margin-left:-5px;
}
.genui__ .printout-footer .logos img {
max-width:200px;
max-height:100px;
}
@media print {
/* prevent item from splitting onto two pages */
.genui__.printout .diary-list .item,
.genui__.printout .effort-guide,
.genui__.printout .notes { page-break-inside: avoid; }
/*.printer-section .genui__ .diary-list .item:not(.compound) { page-break-inside: avoid; }*/
}
/**
* JOURNALS
* updated to include uploaded image
*/
.journal-image-preview {
min-height:48px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
overflow:hidden;
}
.journal-image-preview .has-multi {
position:absolute;
top:0;
right:0;
height:100%;
color:#fff;
font-weight:bold;
line-height:48px;
padding:0 .75rem;
text-align:center;
box-shadow:-6px 0 6px rgba(0,0,0,.5);
}
.resize-image--wrapper input[type="file"] {
display:none;
}
.resize-image--wrapper .item.preview {
padding-right:0;
}
/*.resize-image--wrapper.allow-multiple input[type="file"] + label {
display:block;
width:auto;
}*/
.resize-image--wrapper.allow-multiple .item.preview {
width:33.33%;
display:inline-block;
padding-left:.75rem;
padding-right:.75rem;
vertical-align:top;
}
.resize-image--wrapper.allow-multiple.existing-uploads .item.preview {
margin-left:-5px;
}
@media screen and (max-width:699px) {
.resize-image--wrapper.allow-multiple .item.preview {
width:50%;
}
}
@media screen and (max-width:479px) {
.resize-image--wrapper.allow-multiple .item.preview {
width:100%;
padding-left:0;
padding-right:0;
}
.resize-image--wrapper.allow-multiple.existing-uploads .item.preview {
margin-left:0;
}
}
.resize-image--wrapper.allow-multiple.existing-uploads .divider {
border-bottom:1px solid #dfe1e1;
padding-bottom:1.5rem;
}
.resize-image--wrapper .item.preview img {
margin-top:1.5rem;
box-shadow:0 0 8px rgba(0,0,0,.5);
border-radius:8px;
max-width:100%;
max-height:1000px;
/*border:1px solid #dfe1e1;*/
}
.resize-image--wrapper.allow-multiple .item.preview img {
width:100%;
}
.resize-image--error {
display:none;
margin-top:1.5rem;
}
.resize-image--wrapper .item.preview .resize-image--rotation,
.resize-image--wrapper .item.preview .delete-image-prep {
font-size:.8rem;
padding:5px;
bottom:3px;
cursor:pointer;
}
.resize-image--wrapper .item.preview .resize-image--rotation {
position:absolute;
left:15px;
}
.resize-image--wrapper .item.preview .delete-image-prep {
right:15px;
}
/**
* Action Menus & Messages
* Action messages are shown when default actions are not available and we want to display a message to the user describing why actions are not available
*/
.action-icon:before {
display:inline-block;
vertical-align:top;
font-size:2rem;
line-height:.75;
}
.action-message {
font-size:.8rem;
line-height:1.5;
padding:.5rem;
color:#fff;
}
/**
* Button Filters
* - filter by association
*/
.section-selectors {
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.section-selectors > .button {
flex:1 0 26%; /* fit 3 per row */
border:2px solid #fff;
line-height:2;
}
.section-selectors > .button:hover,
.section-selectors > .button:focus {
box-shadow:inset 0 0 8px rgba(0,0,0,.25);
}
@media screen and (max-width:399px) {
.section-selectors > .button {
flex:1 0 34%; /* fit 2 per row */
}
}
/**
* alert/banner
* - no professional found, go add one
*/
.alert {
border-radius:1rem;
padding:1.5rem;
box-shadow:0 0 6px rgba(0,0,0,.25);
margin-bottom:1.5rem;
position:relative;
}
.alert > .closer {
position:absolute;
top:0;
right:0;
padding:.5rem;
cursor:pointer;
}
.alert > .closer:hover {
opacity:.5;
}
.alert > .title {
width:100%;
}
.alert > .body {
width:70%;
padding-right:1.5rem;
font-size:.9rem;
}
.alert > .action {
width:30%;
}
.alert h4 {
margin-bottom:0;
}
.alert p {
margin-bottom:1;
}
.alert .button {
width:100%;
max-width:300px;
margin:auto;
height:auto;
line-height:1.33;
white-space:normal;
padding:.5rem;
border-radius:.25rem;
/*text-transform:none;*/
font-weight:bold;
border:2px solid #fff;
}
.alert.bg-secondary,
.alert.bg-secondary h4,
.alert > .closer {
color:#fff;
}
.alert .bottom {
padding-top:1rem;
}
.alert .hide-alert {
font-weight:bold;
color:#777;
}
.alert.bg-positive {
border-color:#1d8013;
background-color:#eefced;
color:#1d8013;
}
.alert.bg-positive h4 {
color:#1d8013;
}
.alert.bg-positive .button {
background-color:#1d8013;
color:#fff;
}
.alert.bg-error {
border-color:#a3000c;
background-color:#ffe9ea;
color:#a3000c;
}
.alert.bg-error h4 {
color:#a3000c;
}
.alert.bg-error .button {
background-color:#a3000c;
color:#fff;
}
@media screen and (max-width:767px) {
.alert {
text-align:center;
margin-left: .75rem;
margin-right: .75rem;
}
.alert > .body {
width:100%;
padding-right:0;
}
.alert > .action {
width:100%;
padding-top:1rem;
}
}
.flexed {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.results.flexed {
justify-content:flex-start;
align-items:flex-start;
}
.flexed.flex-spaced {
justify-content:space-between;
}
.flexed.flex-start {
justify-content:flex-start;
}
.flexed.flex-top {
align-items:flex-start;
}
.flexed.flex-end {
justify-content:flex-end;
}
.flexed.flex-same-height {
align-items:stretch;
}
.flexed.flex-grow > .i {
flex-grow:1;
}
.flexed.i-two > .i,
.flexed > .i.half {
flex:1 0 34%; /* 2 per row */
max-width:50%;
}
.flexed > .i.half {
min-width:50%;
}
.flexed > .i.one-third {
max-width:33.33%;
min-width:33.33%;
}
.flexed > .i.two-thirds {
max-width:66.66%;
min-width:66.66%;
}
.flexed.i-three > .i {
flex:1 0 26%; /* 3 per row */
max-width:33.33%;
}
.wrap-cards.i-three > .i {
max-width:calc(33.33% - 1rem);
}
.filters .flexed {
margin-left:-.5rem;
margin-right:-.5rem;
}
.filters .flexed > .i {
padding:.5rem;
}
.flexed > .i.full {
width:100%;
/*min-width:100%;*/
max-width:100%;
flex-basis: 100%;
}
/*.flexed > .i + .i.full,
.flexed > .i.full + .i {
margin-left:0;
}*/
/*.cards > .i {
margin:.5rem;
background:#fff;
box-shadow: 0 0 4px rgba(0,0,0,.25);
border-radius:4px;
overflow:hidden;
}
.results.cards {
display:flex;
flex-direction:row;
flex-wrap:wrap;
padding:.5rem 0;
}
.results.cards > .i img {
width:100%;
}
.results.cards > .i h3 {
font-size:1.15rem;
padding:.5rem 1rem 0;
margin:0;
}
.results.cards > .i h3 small {
display:block;
line-height:1.75;
}
.results.cards > .i a {
display:block;
padding:0 1rem .5rem;
}*/
/*.list-pros > .i {
flex:1 0 32%
max-width:33.33%;
max-width:calc(33.33% - 1rem);
}
.list-pros > .i .expertise {
margin-top:-44px;
padding:4px;
position:relative;
background:rgba(0,0,0,.33);
}
.list-pros > .i .expertise .i {
width:36px;
height:36px;
margin:0 3px;
}
.list-pros > .i .expertise .i img {
width:100%;
border:2px solid #fff;
border-radius:100%;
}*/
.card .details {
display:none;
}
.star {
color:#FFD700;
font-size:1.5rem;
display:inline-block;
vertical-align:middle;
line-height:0;
margin-top:-3px;
}
.list-pros .star {
margin-top:-1px;
margin-left:-3px;
}
/* ENTERING NUTRITION FACTS */
.enter-nutrition-facts input {
height:2rem;
font-size:1rem;
}
.enter-nutrition-facts .column:not(.unlabeled) input {
padding-right:3.75rem;
}
.enter-nutrition-facts .label {
position:absolute;
bottom:0;
right:.75rem;
width:4rem;
height:2rem;
font-size:1rem;
}
.enter-nutrition-facts span.label {
border-left:1px solid #dfe1e1;
padding:.15rem .5rem .15rem 1rem;
}
html.mobile .webcap.active .webcam,
html.mobile .webcap-supp.active .webcam {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
z-index: 9;
}
/* Mobile-specific styles for standard and supplemental webcam */
html.mobile .webcap.active .webcam .wrap-viewer label,
html.mobile .webcap.active .webcam > .sm-breaker,
html.mobile .webcap.active .webcam > .breaker,
html.mobile .webcap-supp.active .webcam .wrap-viewer label,
html.mobile .webcap-supp.active .webcam > .sm-breaker,
html.mobile .webcap-supp.active .webcam > .breaker {
display: none;
}
html.mobile .webcap.active .webcam .wrap-viewer,
html.mobile .webcap-supp.active .webcam .wrap-viewer {
height: 100%;
}
html.mobile .webcap.active .webcam .webcam-capture.front,
html.mobile .webcap.active .webcam .webcam-capture.back,
html.mobile .webcap.active .webcam .webcam-stop,
html.mobile .webcap-supp.active .webcam .webcam-capture.front,
html.mobile .webcap-supp.active .webcam .webcam-capture.back,
html.mobile .webcap-supp.active .webcam .webcam-stop {
position: fixed;
left: 0;
top: 0;
white-space: pre-wrap;
height: auto;
width: 25%;
}
html.mobile .webcap.active .webcam .webcam-capture.back,
html.mobile .webcap-supp.active .webcam .webcam-capture.back {
left: 25%;
}
html.mobile .webcap.active .webcam .webcam-stop,
html.mobile .webcap-supp.active .webcam .webcam-stop {
left: 50%;
width: 50%;
}
html.mobile.orientation_landscape .webcap.active .webcam .webcam-capture.front,
html.mobile.orientation_landscape .webcap-supp.active .webcam .webcam-capture.front {
width: 120px;
left: auto;
right: 0;
top: 0;
}
html.mobile.orientation_landscape .webcap.active .webcam .webcam-capture.back,
html.mobile.orientation_landscape .webcap-supp.active .webcam .webcam-capture.back {
width: 120px;
left: auto;
right: 0;
top: 44px;
}
html.mobile.orientation_landscape .webcap.active .webcam .webcam-stop,
html.mobile.orientation_landscape .webcap-supp.active .webcam .webcam-stop {
width: 120px;
left: auto;
right: 0;
top: 88px;
}
html.mobile .webcap.active .webcam .wrap-webcam-video,
html.mobile .webcap-supp.active .webcam .wrap-webcam-video {
padding: 0;
height: 100%;
z-index: -1;
}
html.mobile .webcap.active .webcam .wrap-previews,
html.mobile .webcap-supp.active .webcam .wrap-previews {
position: fixed;
bottom: 15%;
left: 0;
}
html.mobile .webcap.active .webcam .wrap-preview > label,
html.mobile .webcap.active .webcam .wrap-preview > .button,
html.mobile .webcap-supp.active .webcam .wrap-preview > label,
html.mobile .webcap-supp.active .webcam .wrap-preview > .button {
display: none;
}
html.mobile .webcap.active .webcam .wrap-previews .wrap-preview,
html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview {
width: 100px;
position: absolute;
left: 20px;
bottom: 0;
box-shadow: 0 0 16px rgba(0, 0, 0, .25);
}
html.mobile .webcap.active .webcam .wrap-previews .wrap-preview.back,
html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview.back {
left: auto;
right: 20px;
}
html.mobile .webcap.active .webcam .wrap-previews .wrap-preview.viewing,
html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview.viewing {
width: 100%;
height: 100%;
position: fixed;
background: #000;
margin: auto;
padding: 0;
max-width: 10000px;
overflow-y: scroll;
overflow-x: hidden;
top: 0;
bottom: 0;
left: 0;
z-index: 1003;
}
html.mobile .webcap.active .webcam .wrap-previews .wrap-preview.viewing > .button,
html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview.viewing > .button {
display: block;
}
.wrap-webcap, .wrap-webcap-supp {
background: #fff;
max-width: 1200px;
margin: auto;
max-height: 90%;
overflow-y: auto;
position: relative;
top: 5%;
}
.wrap-client-info {
padding:1.5rem;
text-align:center;
}
.wrap-client-info .title {
font-weight:normal;
text-transform:uppercase;
margin-bottom:.75rem;
}
.wrap-client-info .client-info {
max-width:400px;
margin:auto;
}
.wrap-client-info .client-info > * {
display:inline-block;
vertical-align:middle;
margin:0;
}
.wrap-client-info .client-info > p {
padding-left:1.5rem;
text-align:left;
}
.wrap-webcap .wrap-footer,
.wrap-webcap-supp .wrap-footer {
text-align: center;
padding: 1.5rem .75rem;
}
.wrap-webcap .wrap-footer p,
.wrap-webcap-supp .wrap-footer p {
margin: 0;
}
.wrap-webcap .ready,
.wrap-webcap-supp .ready {
display: none;
margin: .75rem 0;
}
.wrap-webcap .ready .field,
.wrap-webcap-supp .ready .field {
padding: 1.5rem;
background-color: #efefef;
max-width: 400px;
margin: 0 auto 1rem;
}
.wrap-webcap .ready .field label,
.wrap-webcap-supp .ready .field label {
font-weight: bold;
}
.wrap-webcap .ready .field label + small,
.wrap-webcap-supp .ready .field label + small {
margin-bottom: .75rem;
}
.wrap-webcap .ready .field input,
.wrap-webcap-supp .ready .field input {
text-align: center;
background-color: transparent;
border: none;
border-bottom: 2px solid #515151;
font-size: 1.3rem;
}
.wrap-webcap .ready .field input:focus,
.wrap-webcap-supp .ready .field input:focus {
outline: none;
border: 2px solid #515151;
box-shadow: inset 0 0 12px rgba(0, 0, 0, .25);
font-size: 2rem;
}
.wrap-webcap .ready .field input:focus::-webkit-input-placeholder,
.wrap-webcap-supp .ready .field input:focus::-webkit-input-placeholder {
color: transparent;
}
.wrap-webcap .ready .field input:focus:-moz-placeholder,
.wrap-webcap-supp .ready .field input:focus:-moz-placeholder {
color: transparent;
}
.wrap-webcap .ready .field input:focus::-moz-placeholder,
.wrap-webcap-supp .ready .field input:focus::-moz-placeholder {
color: transparent;
}
.wrap-webcap .ready .field input:focus:-ms-input-placeholder,
.wrap-webcap-supp .ready .field input:focus:-ms-input-placeholder {
color: transparent;
}
.webcap, .webcap-supp {
overflow: hidden;
}
.webcap > .item,
.webcap-supp > .item {
float: left;
text-align: center;
background-color: #aaa;
color: #fff;
position: relative;
}
.webcap > .item:hover,
.webcap-supp > .item:hover {
box-shadow: inset 0 0 32px #1a1a1a;
cursor: pointer;
}
.webcap.requires-two > .item,
.webcap-supp.requires-two > .item {
width: 50%;
border-left: 4px solid #fff;
}
.webcap > .item + .item,
.webcap-supp > .item + .item {
border-right: 4px solid #fff;
}
.webcap .item.captured,
.webcap-supp .item.captured {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #1a1a1a;
}
.webcap .item .pre,
.webcap-supp .item .pre {
padding: 5rem 1.5rem;
}
.webcap .item .post,
.webcap-supp .item .post {
display: none;
position: absolute;
bottom: 1.5rem;
left: 0;
width: 100%;
}
.webcap .item.captured .post,
.webcap-supp .item.captured .post {
display: block;
text-align: center;
}
.webcap .item.captured .post .captured,
.webcap-supp .item.captured .post .captured {
display: none;
}
.webcap .item.captured .post .captured.previewing,
.webcap-supp .item.captured .post .captured.previewing {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
background-color: #101010;
overflow-y: auto;
padding: 1.5rem 3rem;
}
@media screen and (max-width: 767px) {
.webcap .item.captured .post .captured.previewing,
.webcap-supp .item.captured .post .captured.previewing {
padding: .75rem;
}
}
.webcap .item.captured .post .captured.previewing img,
.webcap-supp .item.captured .post .captured.previewing img {
display: block;
margin: auto;
}
.webcap .item.captured .post .captured.previewing p,
.webcap-supp .item.captured .post .captured.previewing p {
text-transform: uppercase;
}
.webcap .item.captured .post .captured.previewing p small,
.webcap-supp .item.captured .post .captured.previewing p small {
display: block;
text-transform: none;
}
.webcap .item.captured .post button,
.webcap-supp .item.captured .post button {
background: transparent;
border: 2px solid #fff;
color: #fff;
font-weight: bold;
outline: none;
text-transform: uppercase;
padding: .25rem .75rem;
margin: 0 .375rem;
text-shadow: 0 0 4px rgba(0, 0, 0, .75);
}
.webcap .item.captured .post button:hover,
.webcap-supp .item.captured .post button:hover {
background: #fff;
color: #1a1a1a;
text-shadow: none;
}
.webcap .item.captured .pre,
.webcap-supp .item.captured .pre {
opacity: 0;
z-index: -1;
}
.webcap .item .pre span,
.webcap-supp .item .pre span {
display: block;
text-transform: uppercase;
}
.webcap > .item .icon,
.webcap-supp > .item .icon {
font-size: 5rem;
line-height: 1;
}
.webcap > .item .title,
.webcap-supp > .item .title {
font-size: 2rem;
}
.webcam, .webcam-supp {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
/*opacity:0;*/
z-index:-1;
transform:translateY(-200%);
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.webcam.active, .webcam-supp.active {
transform: translateY(0);
/*opacity:1;*/
z-index: 5;
}
.webcam-failed, .webcam-failed-supp {
display: none;
max-width: 640px;
margin: auto;
clear: both;
overflow: hidden;
}
.webcam.failed + .webcam-failed {
display: block;
padding: 1.5rem 4px 0;
}
/* Adjust to target the child of .webcam-supp.failed-supp */
.webcam-supp + .failed-supp {
display: block;
padding: 1.5rem 4px 0;
}
.webcam-failed .title, .webcam-failed-supp .title {
font-size: 1.3rem;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: .75rem .75rem .5rem;
background-color: #f42434;
color: #fff;
margin: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.webcam-failed .details, .webcam-failed-supp .details {
padding: 1.5rem;
border: 2px solid #f42434;
border-top: none;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.webcam-failed .details p, .webcam-failed-supp .details p {
margin-bottom: .75rem;
}
.webcam-failed .details ol, .webcam-failed-supp .details ol {
margin-bottom: 0;
padding-left: 2rem;
}
.webcam .webcam-buttons {
position:absolute;
top:33.33%;
right:50px;
z-index:10;
width:160px;
text-align:center;
}
.webcam-buttons > *,
.webcap .item.captured .post button,
.webcap-supp .item.captured .post button {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.webcam-buttons .webcam-capture {
width:120px;
height:120px;
border-radius:100%;
border:6px solid #fff;
box-shadow: 0 0 16px rgba(0,0,0,.75), inset 0 0 2px rgba(0,0,0,.75);
outline:none;
}
.webcam-buttons .webcam-capture:before {
font-size:3rem;
color:#fff;
}
.webcam-buttons .webcam-capture:hover {
/*background:#dadada;*/
box-shadow:0 0 4px rgba(0,0,0,.75), inset 0 0 16px rgba(0,0,0,.75);
/*box-shadow: 0 0 4px rgba(0,0,0,.75);*/
}
.webcam-buttons .sub {
color:#fff;
border:2px solid #fff;
outline:none;
font-size:.8rem;
text-transform:uppercase;
box-shadow: 0 0 8px rgba(0,0,0,.75), inset 0 0 0 rgba(0,0,0,.75);
padding:.25rem .75rem;
width:auto;
display:block;
margin-top:1.5rem;
margin-left:auto;
margin-right:auto;
}
.webcam-buttons .sub + .sub {
margin-top:1rem;
}
.webcam .webcam-flip,
.webcam .webcam-torch {
display:none;
}
.webcam .webcam-flip:hover,
.webcam .webcam-torch:hover {
box-shadow:0 0 2px rgba(0,0,0,.75), inset 0 0 4px rgba(0,0,0,.75);
}
.webcam-buttons .sub.active {
background-color:#fff !important;
color:#515151 !important;
}
.webcam .webcam-exit {
display:inline-block;
font-size:3rem;
color:#fff;
text-shadow:0 0 4px rgba(0,0,0,.75);
margin-top:1rem;
cursor:pointer;
background:transparent;
width:60px;
height:60px;
border-radius:100%;
}
.webcam .webcam-exit:before {
display:block;
line-height:60px;
margin-left:-3px;
}
.webcam .webcam-exit:hover {
background-color:#fff;
color:#1a1a1a;
}
@media screen and (max-width:1200px) {
.webcam .webcam-buttons {
width:80px;
}
html.orientation_portrait .webcam .webcam-buttons {
transform:rotate(90deg);
top:auto;
bottom:0;
right:33.33%;
}
.webcam-buttons .webcam-capture {
width:70px;
height:70px;
border:4px solid #fff;
box-shadow: 0 0 12px rgba(0,0,0,.75), inset 0 0 2px rgba(0,0,0,.75);
}
.webcam-buttons .webcam-capture:before {
font-size:2rem;
}
.webcam-buttons .webcam-capture:hover {
box-shadow:0 0 2px rgba(0,0,0,.75), inset 0 0 8px rgba(0,0,0,.75);
}
.webcam .webcam-exit {
font-size:2rem;
width:45px;
height:45px;
}
.webcam .webcam-exit:before {
line-height:45px;
}
}
.webcam .wrap-webcam-video {
z-index:9;
height:100%;
width:100%;
background:#1a1a1a;
}
.webcam video {
/* Make video to at least 100% wide and tall */
min-width: 100%;
min-height: 100%;
max-height: 100%;
max-width: 100%;
/* Setting width & height to auto prevents the browser from stretching or squishing the video */
width: auto;
height: auto;
/* Center the video */
/*position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);*/
}
.webcam canvas {
opacity:0;
}
@media screen and (max-width:767px) {
.webcap.requires-two > .item,
.webcap-supp.requires-two > .item {
width: 100%;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
}
.webcap > .item + .item,
.webcap-supp > .item + .item {
border-top: 4px solid #fff;
}
}
/*
* ADDED 2019-03-26
* for new consultation setup in Sales/Prac Admin
*/
.wrap-webcap .ready.multiple-fields,
.wrap-webcap-supp .ready.multiple-fields {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 800px;
margin: auto;
align-items: center;
justify-content: center;
}
.wrap-webcap .ready.multiple-fields .field,
.wrap-webcap-supp .ready.multiple-fields .field {
flex: 1 0 34%; /* 2 per row */
min-width: 40%;
margin-left: 4px;
}
.wrap-webcap .ready.multiple-fields .field input:focus,
.wrap-webcap-supp .ready.multiple-fields .field input:focus {
font-size: 1.3rem;
}
.wrap-webcap .ready.multiple-fields .field + .button,
.wrap-webcap-supp .ready.multiple-fields .field + .button {
margin-top: .75rem;
margin-bottom: 1.5rem;
width: 100%;
max-width: 400px;
}
@media screen and (max-width:639px) {
.wrap-webcap .ready.multiple-fields .field,
.wrap-webcap-supp .ready.multiple-fields .field {
flex: 1 0 51%; /* 1 per row */
min-width: 100%;
margin-left: 0;
}
}
/*
* NOTES and NOTES
* - any way to deal with 6px padding on each side of mfp-container
*/
/**
* HELPERS
* placeholder text, scrollbar styling
*/
.new-search input::-webkit-input-placeholder { color:#d2d2d2; }
.new-search input::-moz-placeholder { color:#d2d2d2; }
.new-search input:-ms-input-placeholder { color:#d2d2d2; }
.new-search input:-moz-placeholder { color:#d2d2d2; }
.new-search * {
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.new-search ::-webkit-scrollbar-track {
background: none;
}
.new-search ::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.new-search ::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 12px;
}
.new-search .button {
border-radius:0;
}
/**
* SEARCH POPUP WRAPPER
*/
.wrap--new-search {
width:100%;
height:98%;
max-width:978px;
margin:auto;
margin-top:1%;
/*padding:3rem 2rem;*/
}
.iphone .wrap--new-search {
height:88%;
}
.wrap--new-search > .new-search {
background-color:#fff;
/*box-shadow:0 0 8px rgba(0,0,0,.7);*/
}
.new-search {
display:flex;
flex-direction:column;
height:100%;
overflow:hidden;
}
.new-search > .top {
box-shadow:0 2px 8px rgba(0,0,0,.25);
z-index:2;
}
.new-search > .bottom {
box-shadow:0 -2px 8px rgba(0,0,0,.25);
z-index:2;
}
.new-search > .list {
flex:1;
position:relative;
overflow-y:auto;
z-index:1;
}
/**
* SEARCH AREA: TOP, BOTTOM
* search bar, filters, toggles
*/
.new-search > .top .type-buttons,
.new-search > .bottom {
width:100%;
display:flex;
flex-direction:row;
border-bottom:1px solid #fff;
}
@media screen and (min-width:768px) {
.new-search > .top > .item.searcher {
width:60%;
float:left;
}
.new-search > .top > .item.type-buttons {
width:40%;
float:left;
border-bottom:none;
}
.new-search > .top > .item.type-buttons .button {
height:3rem;
line-height:2.5;
}
}
.new-search > .bottom {
border-top:1px solid #fff;
border-bottom:none;
font-size:1.2rem;
}
.new-search > .top .type-buttons .button,
.new-search > .bottom .button {
flex:1;
padding-top:.15rem;
padding-bottom:.15rem;
height:auto;
}
.new-search > .bottom .button {
padding-top:.5rem;
padding-bottom:.5rem;
}
.new-search > .bottom .button.button-cancel {
max-width:16.67%;
}
.new-search > .bottom .button.button-return {
text-transform:none;
font-size:100%;
}
/*.new-search > .bottom .button.toggle-basket {
flex-grow:2;
}*/
.new-search > .top .type-buttons .button:hover,
.new-search > .bottom .button:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.new-search > .top .type-buttons .button + .button,
.new-search > .bottom .button + .button {
border-left:1px solid #fff;
}
.new-search > .top .searcher {
position:relative;
}
.new-search > .top input,
.new-search > .top select {
width: 100%;
line-height: 2rem;
font-size:1.2rem;
height: auto;
padding:.5rem .75rem;
border:none;
background-color:transparent;
}
.new-search > .top select {
padding-top:.75rem;
padding-bottom:.75rem;
}
.new-search > .top .searcher input {
padding-right:20%;
}
.new-search > .top .searcher.with-scanner input {
padding-right:36%;
}
.new-search > .top .searcher .wrap-toggle {
position:absolute;
right:0;
top:0;
width:16.6%;
height:100%;
text-align:center;
cursor:pointer;
height:100%;
padding-top:.33rem;
}
.new-search > .top .searcher.with-scanner .wrap-toggle.scanner {
right:16.66%;
border-right:1px solid #fff;
padding-top:.45rem;
}
.new-search > .top .searcher .wrap-toggle small {
/*line-height:1;
white-space:nowrap;
text-transform:uppercase;
display:block;*/
/* VISUALLY HIDE THIS INSTRUCTIONAL TEXT */
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
.new-search > .top .searcher .wrap-toggle:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.new-search > .top .searcher .wrap-toggle.filters .toggle-filters:before {
font-size:40px;
color:#fff;
}
.new-search > .top .searcher .wrap-toggle.scanner img {
max-height:35px;
}
/*
@media screen and (max-width:767px) {
.new-search > .top .searcher input:focus {
padding-right:.75rem;
}
.new-search > .top .searcher input:focus + .wrap-toggle,
.new-search > .top .searcher input:focus + .wrap-toggle + .wrap-toggle {
right:-17% !important;
}
}
*/
.new-search > .top .wrap-filters {
max-height:0;
overflow:hidden;
display: flex;
flex-wrap: wrap;
clear:both;
border-top:1px solid #dfe1e1;
}
.new-search.with-filters > .top .wrap-filters {
max-height:500px;
}
.new-search > .top .wrap-filters > .item {
width:50%;
border-top:1px solid #dfe1e1;
border-bottom:1px solid #dfe1e1;
}
.new-search > .top .wrap-filters > .item:nth-child(odd) {
border-right:1px solid #dfe1e1;
}
.new-search > .top .wrap-filters > .item.empty {
border:none !important;
}
@media screen and (min-width:768px) {
.new-search > .top .wrap-filters > .item {
width:25%;
}
.new-search > .top .wrap-filters > .item.empty.items-three {
width:75%;
}
.new-search > .top .wrap-filters > .item:nth-child(4n+2) {
border-right:1px solid #dfe1e1;
}
.new-search.with-filters > .top .wrap-filters {
padding:1.5rem .75rem 0;
}
.new-search > .top .wrap-filters .item.category{
border-left:1px solid #dfe1e1;
}
.new-search > .top .wrap-filters .item.unit {
border-right:1px solid #dfe1e1;
}
}
.new-search > .top .wrap-filters > .item.type-buttons {
width:100%;
padding-top:.75rem;
display:block;
border:none;
}
.new-search > .top .wrap-filters > .item.type-buttons .title {
font-weight:bold;
font-size:.8rem;
padding:0 .75rem;
display:block;
width:100%;
}
.new-search > .top .wrap-filters > .item.type-buttons .wrap-buttons {
display:flex;
flex-wrap: wrap;
width:100%;
}
.new-search > .top .wrap-filters > .item.type-buttons .wrap-buttons .button {
padding-top:.3rem;
padding-bottom:0;
}
/*.new-search.with-filters > .top .wrap-filters > .item.type-buttons .wrap-buttons .button {
flex-
}*/
.new-search > .top .wrap-filters > .item.close-filters,
.new-search > .top .wrap-filters > .item.clear-filters {
text-align:center;
border-top:none;
padding:1.5rem .75rem;
width:50%;
border:none;
}
@media screen and (min-width:768px) {
.new-search > .top .wrap-filters > .item.type-buttons {
width:40%;
}
.new-search > .top .wrap-filters > .item.close-filters,
.new-search > .top .wrap-filters > .item.clear-filters {
width:25%;
padding-top:2.5rem;
padding-bottom:.5rem;
}
.new-search > .top .wrap-filters > .item.clear-filters {
margin-left:10%;
}
}
/*.new-search.with-filters > .top .wrap-filters > .item:nth-child(odd) {
padding-right:.25rem;
}
.new-search.with-filters > .top .wrap-filters > .item:nth-child(even) {
padding-left:.25rem;
}*/
.new-search > .top .head-row {
padding-top:.75rem;
padding-bottom:.75rem;
/*border-top:1px solid #dfe1e1;*/
border-bottom:1px solid #dfe1e1;
}
@media screen and (min-width:768px) {
.new-search > .top > .head-row {
padding-top:1.5rem;
}
/*.new-search.with-filters > .top > .head-row {
border-top:none;
}*/
}
/**
* SEARCH AREA: BOTTOM
* save, basket, exit
*/
@media screen and (min-width:768px) {
.new-search > .top > .item,
.new-search > .bottom {
max-width:600px;
margin:auto;
border-left:1px solid #dfe1e1;
border-right:1px solid #dfe1e1;
}
/* modify search filters - no toggling between types */
.new-search.types-one > .top > .item {
max-width:none;
}
}
/* modify search filters - no toggling between types */
.new-search.types-one > .top > .item.type-buttons {
display:none !important;
}
.new-search.types-one > .top > .item.searcher {
width:100%;
}
/**
* SEARCH LIST
*/
/*TEMP*/
/*.new-search .list > .item { min-height:400px; background:blue; }
.new-search .list > .item:nth-child(odd) { background:orangered; }*/
/*endTEMP*/
.new-search > .list {
padding-top:1.5rem;
padding-bottom:1.5rem;
overflow-y:scroll;
}
/* force a "scrollbar" to ensure the header row always lines up with the columns in the main list */
.new-search > .top .wrap-filters + .head-row {
overflow-y:scroll;
}
/**
* STAGING AREA
*/
.new-search > .wrap--basket {
max-height:0;
overflow:hidden;
/*position:absolute;
top:0;
left:0;*/
width: 100%;
background: #fff;
}
.new-search.with-basket > .wrap--basket {
max-height:2000px;
height:100%;
z-index:2;
padding-top:1.5rem;
padding-bottom:1.5rem;
overflow-y:auto;
}
.new-search.with-basket > .top,
.new-search.with-basket > .list {
max-height:0;
overflow:hidden;
padding:0;
}
/* disable transitioning for certain elements */
.new-search.with-basket > .top,
.new-search.with-basket > .list,
.new-search > .wrap--basket,
.new-search > .wrap--basket .item.compound .compound-header * {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
/* if alternative basket is used (diary layout) */
.new-search.with-basket .wrap--basket.genui__ {
padding-left:.75rem;
padding-right:.75rem;
}
.new-search > .wrap--basket .item.compound.opened .compound-header .item-actions a {
color:#fff;
}
.label.opened {
z-index:9005;
}
.new-search .wrap--basket.genui__ .item.compound .item-name .toggle-compound-items {
text-decoration:none;
}
.new-search .wrap--basket.genui__ .item.compound .item-tracking .toggle-compound-items:after {
content:"Click to View Ingredients";
display:block;
font-size:.8rem;
}
.new-search .wrap--basket.genui__ .item.compound.opened .item-tracking .toggle-compound-items:after {
content:"Click to Close Ingredients";
}
@media screen and (min-width:768px) {
.new-search .wrap--basket.genui__ .item.compound.opened .compound-header {
border-top:3px solid #fff;
}
}
/* PULLED FROM PRODUCTION */
.viewport video {
background: #000;
}
#scanner-container.viewport {
width: 100%;
height: auto;
position: relative;
}
#scanner-container.viewport canvas,
#scanner-container.viewport video {
width: 100%;
}
#scanner-container.viewport canvas.drawingBuffer {
position: absolute;
top: 0;
left: 0;
}
/* end PULLED FROM PRODUCTION */
/* NEW STYLING */
.scanner {
text-align:center;
}
.scanner input::-webkit-input-placeholder { color:#dadada; }
.scanner input::-moz-placeholder { color:#dadada; }
.scanner input:-ms-input-placeholder { color:#dadada; }
.scanner input:-moz-placeholder { color:#dadada; }
.scanner .tab-toggles {
display:flex;
flex-direction:row;
}
.scanner .tab-toggles .item {
background-color:transparent;
outline:none;
font-size:1.3rem;
font-weight:bold;
text-transform:uppercase;
flex:1;
}
.scanner .tab-toggles .item .details {
font-size:.8rem;
font-weight:normal;
display:block;
text-transform:none;
}
/* text and number used in case*/
.scanner-type--manual input[type="text"],
.scanner-type--manual input[type="number"] {
font-size:1.5rem;
width:100%;
border:1px solid #dfe1e1;
text-align:center;
margin:.25rem auto 0;
max-width:300px;
outline:none;
box-shadow:none;
}
.scanner-type--manual input[type="text"]:focus,
.scanner-type--manual input[type="number"]:focus {
border:none;
border-bottom:1px solid #dfe1e1;
}
.scanner-type--manual input + button {
width:100%;
max-width:300px;
}
.scanner .tab > .details {
display:none;
}
.scanner-type--file input[type="file"] {
display:none;
}
.scanner-type--file input[type="file"] + label {
font-size:1.3rem;
color:#fff;
padding:.75rem;
width:100%;
max-width:300px;
display:block;
margin:auto;
cursor:pointer;
border-radius:6px;
}
.scanner-type--file input[type="file"] + label:hover {
box-shadow:inset 0 0 8px rgba(0,0,0,.5);
}
.scanner-type--file input[type="file"] + label:before {
font-size:2rem;
display:block;
}
.scanner .error {
margin-top:.25rem;
}
.scanner .step {
margin-bottom:.25rem;
}
.scanner-barcodes {
max-width:516px;
margin:auto;
margin-bottom:1.5rem;
}
@media screen and (max-width:767px) {
.scanner .tab-toggles .item .extra {
display:none;
}
}
@media screen and (max-width:699px) {
.scanner .tab-toggles .item {
font-size:1rem;
}
.scanner-select.tab-toggles .item .details {
display:none;
}
.scanner .tab-toggles .item .extra {
display:inline;
}
.scanner .tab > .details {
display:block;
}
}
@media screen and (max-width:479px) {
.scanner .tab-toggles .item .extra {
display:none;
}
.scanner > .instructions {
display:none;
}
}
.popupWrap.fullscreen.with-sidebar {
display:flex;
flex-direction:row;
padding:0;
overflow:hidden;
max-width:95%;
}
.popupWrap.fullscreen.with-sidebar > .closer {
margin-left:0;
left:auto;
right:7.5%;
}
.popupWrap.fullscreen > .sidebar {
min-width:350px;
max-width:350px;
padding:1.5rem 0.75rem;
box-shadow:0px 0px 12px rgba(0,0,0,.15);
overflow-y:auto;
}
.popupWrap.fullscreen > .main-content {
flex-grow:1;
padding:0.75rem;
padding-left:1.5rem;
overflow-y:auto;
}
.filter-section + .filter-section {
margin-top:2.25rem;
}
.filter-section .label {
text-align:center;
margin-bottom:.25rem;
font-weight:bold;
}
.graphs {
display:flex;
flex-wrap:wrap;
flex-direction:row;
/*border-top:1px solid #dfe1e1 !important;*/
}
.graphs > .item:not(.active) {
display:none;
}
.graphs > .item {
width:50%;
/*width:100%;*/
/*border:1px solid #dfe1e1;*/
border-top:none;
padding:0.75rem .375rem 1.5rem;
}
.graphs > .item:nth-child(even) {
border-left:none;
}
.filter-instructions {
text-align:center;
font-size:.8rem;
margin-bottom:1.5rem;
}
.wrap-toggle-sidebar {
display:none;
position:fixed;
top:5%;
left:2.5%;
width:95%;
z-index:1002;
/*if calc is available*/
left:calc(2.5% + 6px);
width:calc(95% - 12px);
}
.toggle-sidebar {
display:block;
width:100%;
outline:none;
box-shadow:3px 0px 12px rgba(0,0,0,.25);
border-radius:0;
}
.toggle-sidebar:hover {
box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.filter-section {
clear:both;
}
.filter-section .label {
margin-bottom:.75rem;
}
.filter-section .label small {
display:block;
line-height:1;
font-weight:normal;
}
.filter-section.filter--sources {
text-align:center;
}
.filter-section .legend {
display:inline-block;
text-align:left;
list-style:none;
padding-left:0;
margin-bottom:0;
}
.filter-section .legend.selectable li {
cursor:pointer;
}
.filter-section .legend.selectable li:hover {
/*font-weight:bold;*/
text-shadow: 0 1px 0 #515151;
}
.filter-section .legend.selectable li:not(.active) {
opacity:.5;
}
.filter-section .legend span {
display:inline-block;
text-align:center;
min-width:30px;
}
.filter-section .legend .point--circle {
font-size:1.35rem;
}
.filter-section .legend .point--rect {
font-size:1.2rem;
}
.graph-timeframe > .item {
width:50%;
display:inline-block;
vertical-align:top;
text-align:center;
padding:0 .75rem;
}
.graph-timeframe > .item + .item {
margin-left:-5px;
}
.graph-timeframe > .item select {
background-color:transparent;
font-size:1.3rem;
border:none;
/* border-bottom:2px solid #515151; */
border:1px solid #515151;
text-align:center;
}
.graph-timeframe > .item select + label {
display:block;
margin-top:.25rem;
}
.item-menu .category-title {
margin-bottom:.75rem;
text-align:center;
border-bottom:1px solid rgba(0,0,0,.25);
}
.item-menu .category + .category-title {
margin-top:1.5rem;
}
.item-menu .category {
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.item-menu .item {
flex:1 0 40%; /* 2 per column */
min-width:40%;
/*max-width:50%;*/
padding:0 .25rem .75rem .25rem;
}
.item-menu .item input[type="checkbox"] {
display:none;
}
.item-menu .item label {
padding-left:26px;
position:relative;
display:block;
}
.item-menu .item label:hover {
text-shadow: 0 1px 0 #515151;
}
.item-menu .item label:before {
position:absolute;
top:1px;
left:0;
content:'\2713';
display:inline-block;
vertical-align: middle;
width:20px;
height:20px;
line-height:20px;
font-size:1.33rem;
font-weight:bold;
text-align: center;
color:transparent;
border:1px solid #333;
margin:0 6px 0 0px;
}
.item-menu .item input[type='checkbox']:checked + label:before,
.item-menu .item label:hover:before {
color:#515151;
}
.item-menu .item input[type='checkbox']:checked + label:before {
opacity:1;
}
.item-menu .item label:hover:before {
opacity:.5;
}
@media screen and (max-width:1249px) {
.graphs > .item {
width:100%;
}
}
@media screen and (max-width:939px) {
.popupWrap.fullscreen.with-sidebar {
overflow:auto;
display:block;
padding-top:36px; /* allow room for toggle-sidebar button */
}
.popupWrap.fullscreen > .sidebar {
width:100%;
max-width:100%;
min-width:100%;
}
.popupWrap.fullscreen > .main-content {
padding-left:.75rem;
}
.wrap-toggle-sidebar {
display:block;
}
}
@media screen and (max-width:939px) and (min-width:549px) {
.graph-filters .filter--sources,
.graph-filters .filter--timeframe {
float:left;
width:50%;
}
.graph-filters .filter--timeframe {
margin-top:0;
clear:none;
}
.graph-filters .item-menu .item {
flex: 1 0 26%; /* 3 per column */
min-width:26%;
max-width:33%;
}
}
@media screen and (max-width:549px) {
.filter-section + .filter-section {
margin-top:1.5rem;
}
}
@media screen and (max-width:399px) {
.graph-filters .item-menu .item {
flex: 1 0 100%; /* 1 per column */
min-width:100%;
max-width:100%;
}
.graph-timeframe > .item select {
font-size:1.15rem;
}
}
/*****
NOTES
- positive green: #2ecc40;
- light gray: #dfe1e1;
- gray: #525252;
- darker gray: #999;
- pad/marg scale: .75rem 1.5rem 2.25rem 3rem;
- font size scale: 1.15rem 1.3rem 1.6rem;
- breakpoints: 1249, 939, 767, 639, 479, 399;
*****/
/***************
FORM FIELDS
****************/
.fields {
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-left:-0.375rem;
margin-right:-0.375rem;
margin-bottom:-0.75rem;
text-align:left;
}
.fields + .fields {
margin-top:.75rem;
}
.fields .item {
min-width:50%;
padding:0 .375rem .75rem;
flex:1 0 34%; /* 2 per row */
}
.fields .item.full {
min-width:100%;
}
.waiver .fields .item {
min-width:25%;
max-width:25%;
flex:1 0 21%; /* 4 per row */
}
.waiver .fields .item.full {
min-width:50%;
max-width:50%;
}
.fields .item input,
.fields .item select {
background-color:transparent;
border:none;
border-bottom:2px solid #dfe1e1;
font-size:1rem;
padding:0 .5rem;
}
.fields .item select {
padding:0 .25rem;
}
.fields.big .item input,
.fields.big .item select {
font-size:1.3rem;
}
.fields .item input::-webkit-input-placeholder { color:#dadada; }
.fields .item input::-moz-placeholder { color:#dadada; }
.fields .item input:-ms-input-placeholder { color:#dadada; }
.fields .item input:-moz-placeholder { color:#dadada; }
.fields .item input:focus {
border:1px solid #dfe1e1;
}
.fields .item input[disabled="disabled"],
.fields .item select[disabled="disabled"] {
background-color:#f5f5f5;
color:#515151;
}
.fields.align-center,
.fields.align-center .item input,
.fields.align-center .item select {
text-align:center;
}
.fields .item input + label,
.fields .item select + label {
font-size:.8rem;
padding:0 .5rem;
}
.fields + .option-buttons {
margin-top:1.5rem;
}
.option-buttons > .button {
width:100%;
}
.option-buttons > .button + .button {
margin-top:.75rem;
}
.option-buttons > .button[disabled="disabled"] {
border:1px solid #dfe1e1;
}
/***************
SIDEBAR LAYOUT
****************/
.wrap-mobile-buttons {
display:none;
position:fixed;
bottom:5%;
left:2.5%;
width:95%;
z-index:1002;
/*if calc is available*/
left:calc(2.5% + 6px);
width:calc(95% - 12px);
}
.wrap-mobile-buttons .button {
width:100%;
}
@media screen and (max-width:939px) {
.wrap-mobile-buttons {
display:block;
}
.popupWrap.fullscreen.with-sidebar.questionnaire {
padding-bottom:36px;
}
.popupWrap.fullscreen.with-sidebar.questionnaire .sidebar {
display:none;
}
.popupWrap.fullscreen.with-sidebar.questionnaire .sidebar .buttons {
display:none;
}
.popupWrap.fullscreen.with-sidebar.questionnaire .sidebar .buttons.outside-actions {
display:block;
margin-top:1.5rem;
}
}
/***************
QUESTIONNAIRE
****************/
/**
* MAIN SECTIONS
*/
.questionnaire .section {
padding:2.25rem .75rem;
overflow:hidden;
border-collapse:collapse;
border-bottom:1px solid #dfe1e1;
}
.questionnaire .main-content > .section:first-child {
padding-top:1.5rem;
}
.questionnaire .main-content > .section:last-child {
padding-bottom:1.5rem;
border-bottom:none;
}
/**
* TITLE AREA
* contains questionnaire title and client details
*/
.questionnaire .title {
text-align:center;
margin:1rem auto 0;
width:100%;
}
.questionnaire .title h4 {
font-weight:normal;
text-transform:uppercase;
margin-bottom:0;
}
.questionnaire .title p {
margin-bottom:0;
}
.questionnaire .title p + p {
margin-top:1.5rem;
}
.questionnaire .client-details {
margin:1.5rem 0;
}
/**
* AVAILABLE ACTIONS
* contains history of questionnaires, link to start new questionnaire
*/
.questionnaire .actions {
margin-bottom:.75rem;
text-align:center;
}
.questionnaire .actions select {
width:auto;
margin:auto;
}
.questionnaire .actions .note {
font-size:.8rem;
margin:.75rem 0 0;
}
.questionnaire .actions > .item + .item {
margin-top:1.5rem;
}
/**
* IF QUESTIONNAIRE HAS SIDEBAR
* sidebar-specific adjustments
*/
.popupWrap.fullscreen.questionnaire > .sidebar {
min-width:300px;
max-width:300px;
}
.questionnaire .sidebar {
display:flex;
flex-direction:column;
}
.questionnaire .sidebar .title {
max-height:50%; /* precaution to ensure the save/cancel buttons are always visible without scrolling */
overflow-y:auto;
}
.questionnaire .sidebar .buttons {
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-top:auto;
}
.questionnaire .sidebar .buttons .button:not(.button-cancel) {
flex-grow:1;
min-width:100%;
}
.questionnaire .sidebar .buttons .button + .button {
margin-top:.75rem;
}
/**
* MAIN SECTION LABELS & CLOSE LINKS
* includes counter for how much of the section is completed
* when 100% complete, add styling to show "completed" (positive green color)
*/
.questionnaire .section-label {
font-size:1.6rem;
text-transform:uppercase;
margin-bottom:0;
cursor:pointer;
}
.questionnaire .completed.section .section-label {
color:#2ecc40;
font-weight:normal;
}
.questionnaire .section-label .completion {
float:right;
font-size:1.3rem;
line-height:2.5rem;
font-weight:100;
text-transform:none;
padding-left:1rem;
}
.questionnaire .completed.section .section-label .completion {
color:#2ecc40;
}
.questionnaire .close-section {
display:none;
text-align:center;
margin:2rem 0 0;
}
.questionnaire .completed.section .close-section {
display:block;
}
/**
* QUESTIONS
*/
.questionnaire .question {
margin-top:2.25rem;
margin-bottom:.25rem;
font-size:1.3rem;
}
/**
* TRIGGERED QUESTIONS
* triggered questions are toggled by answering a prior question
*/
.questionnaire .triggered {
max-height:0;
overflow:hidden;
clear:both;
margin:0;
}
.questionnaire .triggered.active {
max-height:2000px; /* this should provide plenty of room, we are not triggering too many questions at once */
padding:0 0 1rem;
}
/* empty triggered sections give us a triggered section for each answer in the triggering question... this could be removed by adjusting js */
.questionnaire .triggered.empty {
padding:0;
}
.questionnaire .trigger-link {
display:inline-block;
clear:both;
text-decoration:underline;
padding-top:1rem;
cursor:pointer;
}
/**
* ANSWERS
* many answer section are "big-buttons"
*/
.questionnaire .answer {
width:100%;
}
.questionnaire .answer textarea {
width:100%;
max-width:480px;
padding:.5rem;
}
.questionnaire label {
line-height:1.25;
}
.big-buttons {
display:flex;
flex-wrap:wrap;
margin-left:1px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
margin-top:1px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
}
.big-buttons {
padding-right:1px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
}
.triggered .big-buttons {
padding-right:2px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
}
.big-buttons.display-only label {
cursor:default;
}
.big-buttons input[type="radio"],
.big-buttons input[type="checkbox"] {
display:none;
}
.big-buttons input[type="radio"] + label,
.big-buttons input[type="checkbox"] + label {
position:relative;
display:flex;
flex:1 0 21%; /* 4 per row */
max-width:25%;
flex-wrap:wrap;
align-items:center;
justify-content:center;
text-align:center;
height:100px; /* set a default height so all buttons are the same size */
font-size:1.15rem;
text-transform:uppercase;
color:#333;
background:transparent;
border:solid 1px #525252;
box-sizing:border-box;
padding:.75rem;
margin-left:-1px; /* since border-collapse is not available */
margin-top:-1px; /* since border-collapse is not available */
}
/* hover effects */
.big-buttons input[type="radio"]:not([disabled="disabled"]) + label:hover,
.big-buttons input[type="checkbox"]:not([disabled="disabled"]) + label:hover {
box-shadow:inset 0 0 0 4px #999;
}
.big-buttons input[type="radio"].highlight:not([disabled="disabled"]) + label:hover,
.big-buttons input[type="checkbox"].highlight:not([disabled="disabled"]) + label:hover {
box-shadow:inset 0 0 0 5px #999;
}
.big-buttons input[type="radio"]:checked:not([disabled="disabled"]) + label:hover,
.big-buttons input[type="checkbox"]:checked:not([disabled="disabled"]) + label:hover {
box-shadow:inset 0 0 0 4px #fff;
}
.big-buttons input[type="radio"]:checked + label,
.big-buttons input[type="checkbox"]:checked + label {
color:#fff;
background:#999;
}
/* disabled buttons */
.big-buttons input[type="radio"][disabled="disabled"] + label,
.big-buttons input[type="checkbox"][disabled="disabled"] + label {
cursor:not-allowed;
opacity:.55;
}
/* highlight previous answers */
.big-buttons input[type="radio"].highlight + label,
.big-buttons input[type="checkbox"].highlight + label {
box-shadow:inset 0 0 0 3px #525252;
}
/* triangle pointing to triggered questions */
/*.big-buttons input[type="radio"][data-trigger]:not(.empty):checked + label:before,
.big-buttons input[type="checkbox"][data-trigger]:not(.empty):checked + label:before {
content:"";
z-index:2;
position:absolute;
bottom:-20px;
left:50%;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-top:20px solid #999;
margin-left:-20px;
width:0;
height:0;
}*/
/* pseudo-border for triangle pointing to triggered questions */
/*.big-buttons input[type="radio"][data-trigger]:not(.empty):checked + label:after,
.big-buttons input[type="checkbox"][data-trigger]:not(.empty):checked + label:after {
content:"";
width:0;
height:0;
border-left:22px solid transparent;
border-right:22px solid transparent;
border-top:22px solid #525252;
position:absolute;
bottom:-22px;
left:50%;
margin-left:-22px;
z-index:1;
}*/
/* for highlighted buttons */
.big-buttons input[type="radio"][data-trigger]:not(.empty):checked + label.highlight:before,
.big-buttons input[type="checkbox"][data-trigger]:not(.empty):checked + label.highlight:before {
bottom:-16px;
}
.big-buttons label small {
display:block;
width:100%;
font-size:.75rem;
line-height:1.25;
}
/**
* ALERTS
* notification when section is completed
* ~ could remove "questionnaire-" from class name but want to ensure we don't clash with any existing alerts
*/
.questionnaire-alert {
z-index:9999;
position:fixed;
left:0;
top:0;
width:100%;
background-color:#dadada; /* bg-color will be set by alert status (success, error, etc.) */
color:#fff;
box-sizing:border-box;
padding:.5rem 1rem;
text-align:center;
box-shadow:0 6px 12px rgba(0,0,0,.25);
}
.questionnaire-alert strong {
text-transform:uppercase;
}
.questionnaire-alert.completed {
background-color:#2ecc40;
}
@media screen and (max-width:1249px) {
.questionnaire .section-label {
font-size:1.3rem;
}
.questionnaire .section-label .completion {
font-size:1rem;
line-height:2.1rem;
}
.big-buttons input[type="radio"] + label,
.big-buttons input[type="checkbox"] + label {
flex:1 0 26%; /* 3 per row */
max-width:33.33%;
}
.questionnaire .question {
font-size:1.15rem;
}
}
@media screen and (max-width:959px) {
.popupWrap.fullscreen.questionnaire > .main-content {
padding-left:.75rem;
}
.questionnaire .section-label .completion {
line-height:1.4rem;
}
}
@media screen and (min-width:940px) {
/* precaution in place for when a user goes from mobile view to larger view */
.popupWrap.fullscreen.questionnaire > .sidebar {
display:flex !important;
}
}
@media screen and (max-width:939px) {
.popupWrap.fullscreen.questionnaire {
min-height:90%;
}
.popupWrap.fullscreen.questionnaire > .sidebar {
min-width:100%;
max-width:100%;
}
.questionnaire .sidebar .title {
margin-top:0;
max-height:100%;
overflow-y:hidden;
}
.questionnaire .section-label {
font-size:1.6rem;
}
.questionnaire .section-label .completion {
font-size:1.3rem;
line-height:2.1rem;
}
.questionnaire .question {
font-size:1.3rem;
}
}
@media screen and (max-width:767px) {
.questionnaire .section-label {
font-size:1.3rem;
}
.questionnaire .section-label .completion {
font-size:1rem;
line-height:1.8rem;
}
}
@media screen and (max-width:639px) {
.questionnaire .section-label .completion {
float:none;
display:block;
padding-left:0;
margin-top:.25rem;
}
.questionnaire .question {
font-size:1.15rem;
}
.big-buttons input[type="radio"] + label,
.big-buttons input[type="checkbox"] + label {
font-size:1rem;
}
.big-buttons input[type="radio"] + label,
.big-buttons input[type="checkbox"] + label {
flex:1 0 34%; /* 2 per row */
max-width:50%;
}
}
@media screen and (max-width:479px) {
.questionnaire .section {
padding:1.5rem .25rem;
}
}
@media screen and (max-width:399px) {
.big-buttons input[type="radio"] + label,
.big-buttons input[type="checkbox"] + label {
flex:1 0 51%; /* 1 per row */
max-width:100%;
}
}
/**
* WAIVERS
*
*/
/**
* SIGNATURES
* finger/mouse signature area
*/
.wrap-signature {
margin:1.5rem auto;
}
.wrap-signature > .instructions {
margin-bottom:0;
}
.wrap-signature .DEMO-AREA {
width:100%;
height:200px;
background:#f5f5f5;
border:2px solid #515151;
}
/* TABLES */
._hc table {
border:1px solid #bababa;
width:100%;
text-align:left;
margin-bottom:0;
}
._hc table.align-center {
text-align:center;
}
._hc table.i-four td {
width:25%;
}
._hc table thead {
background-color:#515151;
color:#fff;
font-size:.8rem;
/*text-transform:uppercase;*/
}
/*._hc table thead tr td:first-child {
font-size:1rem;
line-height:1.2;
font-weight:bold;
}*/
/*._hc table tr.header {
background-color:#efefef;
height:auto;
}
._hc table tr.header td {
font-size:.8rem;
line-height:1.5;
}
._hc table tr.header td:first-child {
font-size:1rem;
line-height:1.2;
font-weight:bold;
}*/
/* TODO: border-radius not working on table (tried more than just this so far) */
._hc table thead tr:first-child {
border-top-left-radius:6px;
border-top-right-radius:6px;
}
._hc table tbody tr:last-child {
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}
/* important tag needed to override table td in bundle */
._hc table td {
padding:.5rem .75rem !important;
}
._hc td:not(.name) {
white-space: nowrap;
vertical-align:middle;
}
._hc .smaller-text table td {
padding:.25rem;
}
._hc .smaller-text table td.buttoned .button {
height: auto;
line-height: 1;
}
._hc table td.buttoned.smaller-text .button {
height:100%;
line-height:1;
}
._hc table td.label-buttoned {
padding-top:0;
padding-bottom:0;
vertical-align: middle;
}
._hc table td.inputted {
padding-top:.25rem;
padding-bottom:.25rem;
vertical-align: middle;
}
._hc table td.inputted input {
width:auto;
display:inline;
}
._hc table td.buttoned {
padding:0;
vertical-align: middle;
height:2rem;
}
._hc table td.buttoned {
border-color:#fff;
}
._hc table td.buttoned .button {
height:100%;
width:100%;
display:block;
border-radius:0;
}
._hc table thead td + td {
border-left:1px solid #fff;
}
._hc table tbody tr + tr {
border-top:1px solid #bababa;
}
._hc table td + td {
border-left:1px solid #bababa;
}
._hc table tbody td small {
font-size:.8rem;
line-height:1.2;
}
._hc table.pricing tbody {
font-size:.9rem;
}
._hc table.pricing td {
padding:.5rem .33rem .25rem !important;
}
._hc table.pricing td.buttoned .button {
height: auto;
line-height: 1;
}
@media screen and (max-width:499px) {
._hc .data-table {
font-size:.8rem;
}
._hc .data-table .smaller-text {
font-size:.67rem;
}
._hc .data-table td {
padding: .25rem;
}
}
._hc.filters .i > .button {
font-size:.8rem;
}
._hc.filters .i > .button,
._hc.filters .i > input {
margin-top:.25rem;
}
._hc.filters .button.filter:focus {
outline:none;
}
._hc.filters select.filter {
padding: .33rem;
height: auto;
}
._hc.filters .filter-button {
color:#515151;
}
._hc.filters .filter-button > .icon {
vertical-align:middle;
line-height:0;
font-size:1rem;
margin-right:.25rem;
}
._hc.results {
padding:.75rem 0;
}
._hc.wrap-cards {
margin-left:-.5rem;
margin-right:-.5rem;
}
._hc .card {
/*padding:.75rem;*/
border:1px solid #efefef;
box-shadow: 0 0 4px rgba(0,0,0,.25);
border-radius:4px;
overflow:hidden;
}
._hc .card.js-open-lightbox:hover {
box-shadow: 0 0 8px rgba(0,0,0,.5);
}
._hc .professional {
align-items:stretch;
}
/*._hc .professional .thumb {
width:130px;
}*/
/*._hc .professional .summary {
padding:.75rem 1.5rem;
}*/
._hc .professional .summary h3 {
margin-bottom:0;
}
._hc .professional .cta {
margin-left:auto;
}
._hc .professional .cta .button {
height:100%;
border-radius:0;
padding-left:.75rem;
padding-right:.75rem;
min-width:130px;
}
/*.card.active {
width:100%;
max-width:100%;
flex:1 0 100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
}
.card.active .summary {
width:33.33%;
width:calc(33.33% - 1rem);
}*/
._hc .card.active .details {
display:block;
padding:1.5rem;
width:100%;
}
._hc .card.active .details p > small {
line-height:1.25;
}
._hc .card.active .details p:last-child {
margin-bottom:0;
}
._hc .card h3 {
margin-bottom:.75rem;
}
._hc .card-actions .button {
display:inline-block;
margin-bottom:.75rem;
}
._hc .card .summary p {
margin-bottom:.75rem;
}
._hc .summary .subtitle {
width:100%;
display:block;
line-height:1.5;
}
._hc .summary .subtitle label {
/*color:#515151;*/
font-weight:normal;
}
._hc .button {
border-radius:0;
outline:none;
}
._hc .card {
/*width:31.33%;
float:left;*/
margin:.75rem .5rem;
}
._hc .card--single {
margin:0;
}
._hc .card--inline {
display:inline-block;
}
._hc .card.js-open-lightbox:focus {
outline:none;
}
._hc.wrap-best-match {
overflow:hidden;
}
._hc .best-match {
padding-bottom:2.5rem;
}
._hc .best-match .slick-arrow {
top:auto;
bottom:0;
margin:0 .5rem;
height:2rem;
width:2rem;
line-height:2rem;
text-align:center;
background:#bababa;
color:#fff;
}
/*._hc .best-match .wrap-match .card {
max-width:300px;
margin:auto;
}*/
._hc .thumb {
width:100%;
}
._hc .thumb img {
width:100%;
}
._hc .summary {
padding:.75rem;
}
._hc .summary p:last-child {
margin-bottom:0;
}
._hc .detailed-view .summary {
padding:.75rem 0;
}
._hc .summary h3 {
font-size:1.25rem;
}
._hc .cta .button {
width:100%;
}
._hc .main {
padding:0;
}
._hc .card.active,
._hc .detailed-view {
width:100%;
max-width:100%;
flex:1 0 100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
}
._hc .card.active .main,
._hc .detailed-view .main {
width:33.33%;
width:calc(33.33% - 1rem);
}
._hc .card.active .main {
border-right:1px solid #efefef;
}
._hc .card.active .details,
._hc .detailed-view .details {
display:block;
width:66.67%;
padding:0 1.5rem;
}
._hc .card.active .details {
padding:.75rem 1.5rem;
}
._hc .card .wrap-buttons > .button {
border-left:1px solid #fff;
border-right:1px solid #fff;
}
._hc .datepicker-range input {
display:inline-block;
width:80px;
min-width:80px;
padding-top:0;
padding-bottom:0;
}
/*@media screen and (min-width:768px) {
._hc .card.program {
flex-direction:row-reverse;
}
}*/
._hc .card {
background-color:#fff;
}
._hc .card .flag {
width:20%;
padding:1rem .5rem;
align-items:center;
position:relative;
}
._hc .card .bar {
text-align:center;
font-weight:bold;
padding:.25rem;
text-transform:uppercase;
color:#fff;
}
@media screen and (min-width:768px) {
._hc .card.program {
flex-direction:row-reverse;
}
}
._hc .card.program .main {
width:80%;
padding:0;
align-items:flex-start;
}
/*._hc .card.program .secondary {
width:35%;
padding:0;
}*/
._hc .flag ul {
list-style:none;
padding:0;
margin:0;
text-align:center;
font-size:1rem;
line-height:1.4;
}
._hc .flag li + li {
margin-top:.5rem;
}
._hc .flag li.title {
font-size:1.2rem;
font-weight:bold;
}
._hc .flag li label {
display:block;
font-size:.8rem;
font-weight:bold;
}
._hc .card .flag p {
/*color:#fff;*/
margin:0;
text-align:center;
}
._hc .card .flag p > span {
display:block;
}
/*._hc .card .flag .title {
font-size:1.5rem;
text-transform:uppercase;
font-weight:bold;
}
._hc .card .flag .footnote {
margin-top:.5rem;
display:block;
width:100%;
padding:.5rem;
font-size:.8rem;
text-align:center;
}*/
._hc .card.program {
overflow:visible;
}
._hc .card .flag.with-actions {
padding-bottom:3rem;
}
._hc .card .flag .wrap-actions {
position:absolute;
left:0;
bottom:0;
width:100%;
}
._hc .card .flag .wrap-actions a {
display:block;
}
/* @media screen and (min-width:700px) {
._hc .card .flag .wrap-actions a {
border-bottom-left-radius:4px;
}
} */
._hc .card.program .thumb {
width:200px;
padding:.75rem;
margin:auto;
}
._hc .card.program .summary {
flex:1 0 50%;
padding:1rem;
}
._hc .card.program .secondary {
margin-bottom:.5rem;
align-items:flex-start;
}
._hc .card.program .secondary .thumb {
width:60px;
padding:0;
}
._hc .card.program .secondary .summary {
padding:0 0 0 1rem;
}
._hc .card.program .secondary h4 {
font-size:1.1rem;
}
._hc .card.program .price {
margin-bottom:.25rem;
}
._hc .card .wrap-actions > a + a {
margin-left:1rem;
}
._hc .detailed-view .secondary {
justify-content:flex-start;
}
._hc .detailed-view .secondary .summary {
padding:0 1rem;
}
._hc .detailed-view .secondary .summary h4 {
margin-bottom:0;
}
._hc .detailed-view .secondary .summary h4 + a {
font-size:.8rem;
}
._hc .detailed-view .secondary .thumb {
width:60px;
}
._hc .button.heightless {
height:auto;
line-height:1.5;
border-radius:0;
display:block;
padding:.75rem;
}
._hc .separate-filters > .i {
border-left:1px solid #fff;
border-right:1px solid #fff;
}
._hc .separate-filters.i-four > .i {
width:25%;
}
@media screen and (max-width:599px) {
._hc .separate-filters.i-four > .i {
width:50%;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
}
.button.icon-only [data-icon] {
margin:0;
}
.wrap-info-buttons .button.info-button {
height:auto;
line-height:1.5;
border-radius:0;
display:block;
padding:.75rem;
}
.wrap-info-buttons .button.info-button .title {
font-weight:bold;
font-size:1.2rem;
}
.wrap-info-buttons .button.info-button .info {
display:block;
font-size:.8rem;
line-height:1.2;
white-space:normal;
text-transform:none;
}
.expandable-text {
position:relative;
overflow:hidden;
max-height:6rem;
/*padding-bottom:1rem;*/
padding-bottom:1.5rem;
margin-bottom:1.5rem;
cursor:pointer;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.pricing .expandable-text.expand-single {
max-height:4.5rem;
margin-bottom:0;
}
.pricing .expandable-text.expand-single:before {
content:"View Description";
}
.expandable-text:after {
content:"";
position:absolute;
bottom:1rem;
left:0;
width:100%;
height:2rem;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
}
.expandable-text:before {
content:"click to expand";
text-decoration:underline;
font-size:.8rem;
position:absolute;
bottom:0;
left:0;
width:100%;
border-top:#dfe1e1;
background:#fff;
z-index:2;
}
.expandable-text:hover:before {
text-decoration:none;
}
.expandable-text.active,
.pricing .expandable-text.expand-single.active {
/* max-height: 1000px; */
max-height: none; /* responsive height - added to ensure full text is visible */
cursor: default;
margin-bottom: 0;
padding-bottom: 0;
}
.expandable-text.active:before,
.expandable-text.active:after {
display:none;
}
._hc table.wrap-clients td {
width:auto;
height:auto;
vertical-align:middle;
}
._hc table.wrap-clients tbody td {
padding:0;
}
._hc table.wrap-clients .thumbnail {
width:60px;
}
._hc table.wrap-clients .name {
/*width:100%;*/
}
._hc table.wrap-clients .name,
._hc table.wrap-clients .status--services {
padding:.5rem .75rem;
}
._hc table.wrap-clients .status {
width:100px;
text-align:center;
}
._hc table.wrap-clients .button {
min-height:60px;
line-height:60px;
width:100%;
text-transform:none;
}
._hc .wrap-clients hr,
._hc .wrap-groups hr {
margin-top:.75rem;
}
._hc .icon-link {
width:2.5rem;
text-align:center;
}
._hc .icon-link img {
padding:.25rem;
max-width:45px;
-moz-transition: all .25s ease;
-webkit-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
._hc .icon-link:hover img {
padding:.5rem;
}
._hc .wrap-icon-links {
margin-top:-.25rem;
}
._hc .wrap-icon-links > a {
vertical-align:top;
}
._hc .wrap-icon-links > a + a {
margin-left:.25rem;
}
._hc .with-notification {
position:relative;
display:inline-block;
min-width:60px;
}
._hc .with-notification .label {
font-size:.8rem;
display:none;
}
._hc .with-notification .alert_noti {
position:absolute;
top:25px;
right:5px;
}
._hc .with-notification .alert_noti:not(.alert_new) {
font-weight:bold;
font-size:1.25rem;
top:20px;
}
._hc .client.row .button.js-open-action-menu,
._hc .group.row .button.js-open-action-menu {
font-size: 2rem;
padding:.25rem .25rem .1rem;
line-height: 0;
height: auto;
float:left;
margin-right:1rem;
}
._hc.wrap-timekeeper {
display:none;
position:fixed;
bottom:1.5rem;
right:1.5rem;
width:300px;
z-index:9;
background-color:#fff;
box-shadow:0 0px 10px 0 rgba(0,0,0,.25);
}
._hc .timekeeper h2 {
font-size:1rem;
text-align:center;
margin-bottom:.5rem;
padding:.25rem .75rem;
}
._hc.wrap-timekeeper:not(.active) .status--ongoing {
display:none;
}
._hc.wrap-timekeeper.active .status--waiting {
display:none;
}
._hc .timekeeper .title {
margin-bottom:.5rem;
padding:0 .75rem;
}
._hc .timekeeper h4 {
margin:0;
font-size:1rem;
}
._hc .timekeeper ul {
padding-left:0;
margin:0;
list-style:none;
font-size:.8rem;
/*font-style:italic;*/
}
._hc .timekeeper .body {
text-align:center;
padding:.25rem .75rem;
}
._hc .timekeeper .body p {
margin:0;
font-size:.8rem;
font-style:italic;
}
._hc .timekeeper .controls {
font-size:.8rem;
}
._hc .timekeeper .controls > .button {
max-width:100%;
padding:.5rem .25rem;
line-height:1;
height:auto;
border-radius:0;
}
._hc .timer-stopwatch {
font-size:1rem;
}
._hc .timer-stopwatch span {
font-size:1.25rem;
font-weight:bold;
}
._hc.wrap-timekeeper .minimizer,
._hc.wrap-timekeeper .expander {
position:absolute;
top:0;
right:0;
margin-top:-1.5rem;
height:1.5rem;
line-height:1.5rem;
color:#aaa;
border:2px solid #aaa;
border-bottom:0;
background-color:transparent;
font-weight:bold;
border-radius:0;
padding: 0 1rem;
}
._hc.wrap-timekeeper.minified .title,
._hc.wrap-timekeeper.minified .body p,
._hc.wrap-timekeeper.minified .controls {
max-height:0;
padding:0;
margin:0;
overflow:hidden;
}
._hc.wrap-timekeeper:not(.minified) .expander,
._hc.wrap-timekeeper.minified .minimizer {
display:none;
}
._hc.wrap-timekeeper.minified {
width:200px;
}
._hc.wrap-timekeeper.minified h2 {
margin:0;
text-transform:none;
padding:.5rem;
}
._hc .card.pricing {
margin:1.5rem 0;
}
._hc .pricing .title {
padding:.5rem 1rem;
border-bottom: 1px solid #efefef;
overflow:hidden;
}
._hc .pricing .title h2 {
float:left;
font-size:1rem;
line-height:1.5;
text-transform:uppercase;
margin:0;
width:calc(100% - 200px);
}
._hc .pricing .title h2 small,
._hc .pricing .title h2 a {
font-weight:normal;
text-transform:none;
}
._hc .pricing .title h2 a {
float:right;
}
._hc .pricing .title .notice {
display:block;
float:right;
width:200px;
padding: .5rem 1rem;
margin:-.5rem -1rem;
text-align:center;
font-weight:bold;
/*color:#fff;*/
}
._hc .pricing .title .notice a {
font-weight:normal;
}
._hc .pricing .selector {
width:200px;
}
._hc .pricing .selector .button,
._hc .button-fill {
width:100%;
height:100%;
padding-top:.75rem;
padding-bottom:.75rem;
line-height:1.2;
white-space:normal;
}
._hc .pricing .selector .button small {
display:block;
line-height:1;
/*padding-bottom:.5rem;*/
}
._hc .pricing .items {
flex-grow:1;
width:calc(100% - 200px);
}
._hc .pricing .items > .i {
padding:.5rem 0;
text-align:left;
min-width:33.33%;
padding-left:1rem;
padding-right:1rem;
}
._hc .pricing .items > .i label {
display:block;
}
._hc .pricing .items > .i + .i {
border-left:1px solid #efefef;
}
._hc .pricing .items .i.reimbursements {
width:100%;
border:none;
border-top:1px solid #efefef;
}
._hc .big-field input {
text-align:center;
font-size:2rem;
border:none;
border-bottom:2px solid #efefef;
margin-bottom:1rem;
}
._hc .big-field input:focus {
box-shadow:0 0 6px rgba(0,0,0,.25);
}
._hc .big-field .button {
display:block;
width:100%;
}
._hc .search-input {
position:relative;
}
._hc .search-input > input {
height:1.5rem;
}
._hc .search-input > .button {
position: absolute;
right: 0;
top: 0;
height: auto;
line-height: 1.25;
padding: .2rem .5rem 0;
height: 1.5rem;
}
@media screen and (max-width:799px) {
.wrap-cards.flexed.i-three {
justify-content:center;
}
.wrap-cards.flexed.i-three > .i:not(.full) {
flex:1 0 34%; /* 3 per row */
max-width:300px;
}
._hc .detailed-view .main {
width:100%;
border-bottom: 1px solid #dfe1e1;
padding-bottom:1rem;
display:flex;
flex-direction:row;
}
._hc .detailed-view .main .thumb {
/*float:left;*/
max-width:300px;
width:50%;
padding-right:.75rem;
}
._hc .detailed-view .main .summary {
padding-top:0;
flex-grow:1;
}
._hc .detailed-view .details {
width:100%;
padding:1.5rem 0;
}
._hc .pricing .title h2 {
width:calc(100% - 150px);
}
._hc .pricing .title .notice {
width:auto;
}
._hc .pricing .selector {
width:100%;
}
}
@media screen and (max-width:699px) {
._hc .card.program .main {
width:100%;
}
._hc .card.program .thumb {
width:200px;
}
._hc .card .flag {
width:100%;
padding:.5rem 1rem;
}
._hc .card .flag p {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
}
._hc .card .flag .title,
._hc .card .flag .subtitle {
margin:0 .5rem;
}
._hc .card .flag .footnote {
width:auto;
margin-top:0;
margin-left:auto;
}
._hc .pricing .title .notice {
float:right;
}
._hc .pricing .items > .i {
min-width:50%;
flex-grow:1;
border-bottom:1px solid #efefef;
}
._hc .pricing .items .i.reimbursements {
border-top:none;
}
}
@media screen and (max-width:599px) and (min-width:500px) {
._hc .card .summary h3 {
font-size:1.1rem;
}
._hc .card.program .thumb {
width:150px;
}
}
@media screen and (max-width:599px) {
._hc .detailed-view .main {
display:block;
}
._hc .detailed-view .main .thumb {
width:100%;
margin:auto;
padding-right:0;
text-align:center;
}
._hc .detailed-view .main .summary {
padding-top:1.5rem;
margin:auto;
max-width:300px;
}
}
@media screen and (max-width:499px) {
/* ._hc.wrap-cards {
margin-left:0rem;
margin-right:0rem;
} */
.wrap-cards.flexed.i-three > .i,
.wrap-cards.flexed.i-three > .i:not(.full) {
flex:1 0 100%;
}
._hc .card.program.flex-same-height {
align-items:center;
}
._hc .card.program .main {
flex-direction:column-reverse;
align-items:center;
}
._hc .card.program .main > .summary {
width:100%;
}
._hc .card.program .main > .thumb {
width:100%;
text-align:center;
padding:1rem 1rem 0;
}
._hc .card.program .main > .thumb img {
max-width:200px;
}
._hc .pricing .title h2 {
width:100%;
}
._hc .pricing .title .notice {
float:none;
text-align:left;
}
._hc .pricing .items > .i {
min-width:100%;
border-left:none;
}
._hc .pricing .items .i.reimbursements a {
display:block;
padding:0 1rem;
}
}
@media screen and (max-width:399px) {
._hc .with-notification {
min-width:50px;
}
}
/* LIST OF AVAILABILITY */
._hc .remove-list-item {
cursor:pointer;
}
._hc .remove-list-item .icon {
opacity:.5;
float:right;
}
._hc .remove-list-item:hover {
text-decoration:underline;
}
._hc .remove-list-item:hover .icon {
opacity:1;
}
._hc .inline-list.separated li {
display:inline-block;
}
@media screen and (max-width:599px) {
._hc .inline-list.separated li {
display:block;
margin:0;
}
._hc .inline-list.separated li:not(li:first-child) {
margin-top:.5rem;
}
}
/* ACTIONS WITH LARGE ICONS */
._hc .icon-actions > .i {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
text-align:left;
padding:1rem;
border:1px solid #dadada;
border-radius:1rem;
}
._hc .icon-actions > .i:hover {
box-shadow:inset 0 0 10px rgba(0,0,0,.25);
}
._hc .icon-actions > .i + .i {
margin-top:1rem;
}
._hc .icon-actions .icon {
padding-right:1rem;
font-size:2.5rem;
}
._hc .icon-actions .details h4,
._hc .icon-actions .details p {
margin:0;
color:inherit;
}
.close-expandable-text {
margin-top: 35px !important;
}
/*
* -- VARIABLES
* colors, sizing, fonts, etc.
*/
:root {
/* color */
--color-primary: #083C71;
--color-primary-light:#f6faff;
--color-primary-gradient:linear-gradient(45deg, rgba(8,60,113,1) 0%, rgba(0,179,202,1) 100%);
--color-secondary: #56B748;
--color-secondary-light: #f0f5f0;
/* --color-secondary-light:#F2F9F1; */
--color-accent: #00B3CA; /* #0ca7e9; */
--color-accent-light: #EBFDFF;
--color-white: #fff;
--color-black: #000;
--color-grey: #cacaca;
--color-grey-dark: #777;
--color-grey-light: #e1e1e1;
--color-grey-lighter: #f1f1f1;
--color-grey-lightest: #fcfcfe;
--color-font: #515151;
--color-managing: #515151;
/* --color-alert: #f03413; */
--color-alert: #e76060;
--color-alert-light: #fbf6f6;
--color-alert-lightest: #fdf8f8;
--color-success: #61da05;
--color-success-light: #e1f5d1;
--color-warning: #ddb102;
--color-inbody: #971b2f;
/* size */
--size-base: 1rem;
--size-large:1.5rem;
--size-larger:2rem;
--size-largest:3rem;
--size-small:.75rem;
--size-smaller:.5rem;
--size-smallest:.25rem;
/* fonts */
--font-family-primary:'Roboto', Arial, Helvetica, sans-serif;
--font-family-secondary: 'Oswald', Arial, Helvetica, sans-serif;
/* font size */
--font-base: 1rem;
--font-large: 1.25rem;
--font-larger: 1.5rem;
--font-largest: 2rem;
--font-small: .9rem;
--font-smaller: .75rem;
--font-smallest: .6rem;
/* title size */
--title-base:3rem;
--title-large:4rem;
--title-small:2.5rem;
/* icon size TODO v */
--icon-size-base:2rem;
--icon-size-large:2.5rem;
--icon-size-larger:5rem;
--icon-size-small:1.5rem;
/* icon size TODO ^ */
--icon-base: 1.5rem;
--icon-large: 2rem;
--icon-larger: 2.75rem;
--icon-largest:3.5rem;
--icon-small: 1.25rem;
--icon-smaller:1rem;
--icon-smallest:.8rem;
/* line height */
--line-height-small: 1;
--line-height-base:1.2;
--line-height-large:1.5;
/* border radius */
--border-radius-base: .5rem;
--border-radius-small: .25rem;
--border-radius-large: 1rem;
/* min/max sizing */
--min-section-size:280px;
--min-touchable-size:50px;
/* shadows */
--shadow-base: 0 0 var(--size-smaller) rgba(0,0,0,.12);
--shadow-base-light: 0 0 var(--size-smaller) rgba(0,0,0,.08);
--shadow-base-dark: 0 0 var(--size-smaller) rgba(0,0,0,.2);
--shadow-small: 0 0 var(--size-smallest) rgba(0,0,0,.12);
--shadow-large: 0 0 var(--size-base) rgba(0,0,0,.12);
}
@media screen and (max-width:1199px) {
:root {
/* min/max sizing */
--min-section-size:220px;
}
}
/*
* -- RESET STYLING
* reset styling being used in other global files
* ... the global files could be updated so this isn't necessary
*/
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
height:auto;
line-height:1.2;
font-size:var(--font-base);
}
select {
color:var(--color-font);
}
.button {
height:auto;
line-height:1;
}
._hc .button {
border-radius:var(--border-radius-base);
}
sup {
top:0;
font-size:1em;
line-height:1;
vertical-align:initial;
}
.navigation-bar .logo {
padding-top:0;
padding-bottom:0;
}
.navigation-bar .logo .masthead {
display:block;
}
.header .main-header {
/* padding-top:1rem; */
/* padding-bottom:1rem; */
position:relative;
z-index:8;
padding:0;
}
.masthead {
line-height:1;
}
.form {
margin-bottom:0;
}
#js-site-wrapper > .wrap > .main { padding-top: 0; }
#js-header {height:auto;}
.container {
max-width:1280px;
padding:0 1rem;
}
html, body {
font-family:var(--font-family-primary);
}
h1, h2, h3, h4, h5, h6 {
font-family:var(--font-family-secondary);
}
.button {
font-family:var(--font-family-primary);
}
@media screen and (max-width: 767px) {
.sticky-menu {
bottom: 0 !important;
}
}
.mfp-container {
padding:0;
}
p.nbm {
margin-bottom:0 !important;
}
.popupWrap,
.small-popupWrap {
border-radius:var(--border-radius-base);
}
.sticky-menu {
height:auto;
}
/*
* -- GLOBAL DEFAULTS
* for body/html and other core elements
*/
html {
overflow-y:auto;
}
html, body {
font-family:'Roboto', Arial, Helvetica, sans-serif;
/* font-family:'Oswald', Arial, Helvetica, sans-serif; */
font-weight:300;
font-size:18px;
height:100%;
}
body {
background-color:var(--color-white);
}
img {
max-width:100%;
max-height:100%;
}
@media screen and (max-width:999px) {
html, body {
font-size:16px;
}
}
/*
* -- TEXT
* fonts, titles
*/
h1, h2, h3, h4, h5, h6, p,
.h1, .h2, .h3, .h4, .h5, .h6, .p {
color:inherit;
line-height:var(--line-height-base);
margin:0 0 var(--size-large);
}
h1, h2, h3, h4, h5, h6 {
font-family:'Oswald', Arial, Helvetica, sans-serif;
font-weight:400;
}
h1 {
font-size:var(--title-large);
text-transform:uppercase;
}
h2 {
font-size:var(--title-base);
text-transform:uppercase;
}
h3 {
font-size:var(--font-larger);
}
p,
.form,
li {
font-weight:300;
line-height:var(--line-height-large);
}
p:last-child {
margin-bottom:0;
}
h1 strong, h2 strong, h3 strong, h4 strong, .title strong {
color:var(--color-secondary)
}
ul[class^="list-"] {
list-style:none;
padding:0;
}
/*
* -- HELPERS
* miscellaneous helper elements like spacers and special font styling
*/
sup.brandmark {
font-size:65%;
top:0;
vertical-align:super;
}
.oppo-strong {
font-weight:100;
}
p.highlight {
font-style:italic;
color:var(--color-secondary);
}
.vertical-space {
display:block;
height:var(--size-large);
}
.vertical-space.-large {
height:var(--size-larger);
}
.vertical-space.-smallest {
height:var(--size-smallest);
}
.horizontal-space {
display:inline-block;
width:var(--size-base);
}
.border-radius-base {
border-radius:var(--border-radius-base);
}
/*
* -- BUTTONS
*/
.button {
background-color:var(--color-primary);
background-color:var(--color-secondary);
color:var(--color-white);
font-family:'Oswald', Arial, Helvetica, sans-serif;
background-color:var(--color-secondary);
padding:var(--size-smaller) var(--size-base);
font-weight:bold;
text-transform:uppercase;
border:none;
outline:none;
font-size:var(--font-base);
border-radius:var(--border-radius-small);
text-decoration:none;
display:inline-block;
text-align:center;
white-space:normal; /* TODO: ensure this is not having negative impact */
}
.button:focus {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.5);
}
.button:hover {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.5);
cursor:pointer;
}
.button.-alt,
.button.bg-primary,
.button.bg-primary:hover {
background-color:var(--color-primary);
}
.button.bg-secondary,
.button.bg-secondary:hover {
background-color:var(--color-accent);
}
.button.-grey,
.button.bg-gray,
.button.bg-gray:hover {
background-color:var(--color-grey);
}
.button.bg-red,
.button.-alert {
background-color:var(--color-alert);
}
.button.-subdued {
background-color:transparent;
color:#333;
border-radius:var(--border-radius-base);
/* border:1px solid #dadada; */
background-color:#efefef;
font-weight:100;
}
.button.-simple {
font-weight:normal;
text-transform:none;
background:transparent;
border:1px solid var(--color-grey-dark);
color:var(--color-grey-dark);
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.bg-primary .button.-alt {
background-color:var(--color-accent);
}
.button.-alt.-bordered {
border:2px solid var(--color-primary);
color:var(--color-primary);
background-color:transparent;
font-weight:500;
}
.button.-alt.-bordered:hover {
background-color:var(--color-primary);
color:#fff;
}
.bg-primary .button.-alt.-bordered {
border:1px solid var(--color-accent);
color:var(--color-accent);
}
.bg-primary .button.-alt.-bordered:hover {
background-color:var(--color-accent);
color:#fff;
box-shadow:none;
}
a.filter-button:hover {
text-decoration:none;
}
.button.-menu {
font-size:2.35rem;
color:var(--color-primary);
background-color:transparent;
margin-left:.5rem;
border:none;
}
.button.-menu:hover, .button.-menu:focus {
color:#b0b0b0;
box-shadow:none;
}
.button.-accent {
background-color:var(--color-accent);
color:var(--color-white);
}
.button.-toggle {
background-color:var(--color-grey);
}
.button.-toggle._active {
background-color:var(--color-primary);
}
.button.-bordered {
border:.1rem solid var(--color-secondary);
background-color:transparent;
color:inherit;
padding:.25rem 1rem;
border-radius:var(--border-radius-small);
}
.button.-white {
background-color:var(--color-white);
color:inherit;
}
.button.-cta {
font-size:var(--font-large);
border-radius:var(--border-radius-base);
padding:var(--size-base) var(--size-larger);
}
.button.-cta.-xl {
padding:var(--size-larger);
}
.button-xlarge {
font-size:var(--font-large);
padding-top:var(--size-small);
padding-bottom:var(--size-small);
}
.button-xlarge.button-cancel {
font-size:var(--font-large);
padding:var(--size-small);
line-height:1;
}
.button .icon {
pointer-events:none;
}
.button.active,
.button.bg-tertiary,
.button.bg-tertiary:hover {
background-color:var(--color-secondary);
}
.button.-small {
font-size:var(--font-small);
padding:var(--size-smaller) var(--size-small);
}
.button.-block {
display:block;
width:100%;
}
.button + .button.-block {
margin-top:var(--size-smaller);
}
/*
* -- LINKS
*/
.link {
color:var(--color-secondary);
text-decoration:underline;
}
.link:hover {
text-decoration:none;
}
.link.-accent {
color:var(--color-accent);
}
/*
* -- COLORS
* text and background colors
*/
.bg-primary,
.-bg-primary {
background-color:var(--color-primary);
}
.bg-primary-light {
background-color:var(--color-primary-light);
}
.bg-grey-light{
background-color:var(--color-grey-light);
}
.bg-white{
background-color:var(--color-white);
}
section.bg-primary,
.bg-gradient .link {
color:var(--color-white);
}
strong.-accent {
color:var(--color-accent);
}
.bg-gradient,
.-bg-primary-gradient {
background:var(--color-primary-gradient);
}
.color--color-secondary {
color:var(--color-secondary);
}
.bg-tertiary,
.bg-orange {
background-color:var(--color-secondary);
}
.text-tertiary,
.orange {
color:var(--color-secondary);
}
/*
* -- FORMS
* form layout, inputs, labels, buttons, etc.
*/
/* form elements */
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="email"],
input.search-field {
border:1px solid #dadada;
padding:var(--size-smaller) var(--size-small);
border-radius:var(--border-radius-base);
}
select {
border:1px solid #dadada;
width:100%;
padding:var(--size-smaller) var(--size-small);
height:auto;
border-radius:var(--border-radius-base);
-webkit-appearance: none;
}
select .placeholder {
color:red;
}
textarea {
min-height:100px;
border-radius:var(--border-radius-base);
padding:var(--size-smaller) var(--size-small);
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
cursor:pointer;
}
.form input[type="checkbox"] + label,
.form input[type="radio"] + label {
padding-left:2rem;
}
input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before,
.checkmark-only label:hover,
.custom-checkbox label:hover:before {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
}
.checkmark-only label,
.custom-checkbox label:before {
border-radius:var(--border-radius-small);
width:26px;
height:26px;
line-height:26px;
}
.form label {
display:block;
padding:0 var(--size-small) var(--size-smaller);
font-weight:normal;
text-transform:uppercase;
font-size:var(--size-small);
}
.form ::placeholder {
opacity: .25;
}
.form input:focus {
outline:none;
box-shadow:0 0 .5rem .1rem rgba(120,120,150,.25);
}
.form.-large input[type="text"],
.form.-large input[type="password"],
.form.-large input[type="email"],
.form.-large input[type="tel"],
.form.-large textarea {
padding:var(--size-base);
font-size:var(--font-large);
}
/* form layout */
.form {
margin:0;
}
.form-body {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
}
.form-row,
.form-item {
width:100%;
margin-bottom:var(--size-base);
}
.form-row:last-child,
.form-item:last-child {
margin-bottom:0;
}
@media screen and (min-width:1000px) {
.form-body.-flex-medium {
gap:0 var(--size-base);
}
.form-body.-flex-medium .form-row,
.form-body.-flex-medium .form-item {
flex-basis:34%;
flex-grow:1;
}
}
/* .form-body .form-row {
margin-bottom:var(--size-base);
} */
.form-row:last-child,
.form-item:last-child {
margin-bottom:0;
}
.form-row.-multi,
.form-item.-multi {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
gap:0 1rem;
margin-bottom:0;
}
.form-row.-multi > .i,
.form-item.-multi > .i {
flex-grow:1;
flex-basis:34%;
margin-bottom:var(--size-base);
/* min-width:200px; */
}
@media screen and (max-width:799px) {
.form-row > .i.mobile-whole,
.form-item > .i.mobile-whole {
width:100%;
}
.form-row > .i.mobile-half,
.form-item > .i.mobile-half {
flex-basis:34%;
}
}
.form-header {
position:relative;
}
.form-header {
margin-bottom:1.5rem;
}
.form-header .title,
.form-title .title {
margin:0;
text-transform:uppercase;
font-size:1.75rem;
font-weight:300;
letter-spacing:1px;
}
.form-header p {
font-size:var(--font-small);
}
.form .form-submit {
margin-top:var(--size-base);
width:100%;
}
.form .form-submit .button:hover {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.15);
}
.form-submit.-multi {
display:flex;
flex-direction:row;
gap:var(--size-small);
}
.form-submit.-multi .button:not(.button-cancel) {
flex-grow:1;
}
.form .form-submit .button-cancel {
width:auto;
background-color:var(--color-grey);
}
.form .form-footer {
margin-top:var(--size-base);
}
.form .notice {
background-color:#efefef;
border-radius:var(--border-radius-large);
padding:var(--size-base);
}
.form-header + .notice {
margin-bottom:var(--size-larger);
}
.form-submit + .notice,
.form-footer + .notice {
margin-top:var(--size-larger);
}
.form .helper-message {
font-size:var(--font-smaller);
line-height:var(--line-height-base);
padding:var(--size-smallest) var(--size-smaller);
}
.form-success {
display:none;
padding:var(--size-largest);
text-align:center;
color:var(--color-white);
}
.form-success h1,
.form-success h2 {
color:var(--color-white);
}
.form-error {
display:block;
margin:auto;
margin-bottom:var(--size-base);
/* border:2px solid var(--color-alert); */
/* color:var(--color-alert); */
/* background:var(--color-alert-light); */
color:var(--color-white);
background:var(--color-alert);
padding:var(--size-smaller);
border-radius:var(--border-radius-base);
font-size:var(--font-small);
font-weight:bold;
box-shadow:0 0 6px rgba(0,0,0,.25);
}
.form-notice {
display:block;
margin:auto;
margin-top:var(--size-smaller);
color:var(--color-grey);
/* background:var(--color-grey-light); */
padding:var(--size-smallest) var(--size-smaller);
border-radius:var(--border-radius-base);
font-size:var(--font-small);
/* font-weight:bold; */
/* box-shadow:0 0 6px rgba(0,0,0,.25); */
border:1px solid var(--color-grey-light);
}
.form-notice.-success,
.form-notice.-enabled {
/* background:var(--color-secondary-light); */
color:var(--color-secondary);
border-color:var(--color-secondary);
}
.form-notice.-enabled:before {
content:"\2713";
display:inline-block;
padding:0 var(--size-smaller);
}
.form.-with-sidebar .form-body {
width:60%;
float:left;
}
.form div.form-sidebar {
width:40%;
float:right;
padding:0;
padding-left:3rem;
}
/* ** FORMS */
.form .button,
.form input[type="submit"] {
width:100%;
padding:var(--size-base) var(--size-small);
font-size:var(--font-large);
border-radius:var(--border-radius-base);
}
.form .sticky-buttons .button {
font-size:var(--font-base);
padding:var(--size-small);
}
.form .row {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
margin:0 -1rem 1rem;
}
.form .row > p {
padding: 0 1rem;
margin:0;
flex:1;
}
.form .row.wrap-submit {
margin-bottom:0;
margin-top:2rem;
}
/* .form-header .title {
margin:0;
margin-bottom:var(--size-base);
text-align:center;
font-weight:bold;
font-size:var(--font-base);
text-transform:uppercase;
} */
/* input[type="checkbox"] + label:before {
content:"\2713";
height:1.5rem;
width:1.5rem;
font-size:1.5rem;
line-height:1.5rem;
display:inline-block;
border:1px solid var(--color-black);
border-radius:var(--border-radius-small);
text-align:center;
margin-right:.5rem;
color:transparent;
vertical-align:middle;
}
input[type="checkbox"]:checked + label:before {
color:inherit;
}
input[type="checkbox"] + label:hover:before {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
} */
/*
* -- SPECIAL FORM ELEMENTS
* 2FA verification codes,
*/
input.verify-code,
input.program-code {
font-size:var(--title-large);
font-weight:bold;
text-align:center;
text-transform: uppercase;
display:block;
margin-left:auto;
margin-right:auto;
border:2px solid transparent;
border-radius:0;
}
input.program-code {
font-size:var(--title-base);
}
input.verify-code:focus,
input.program-code:focus {
box-shadow:none;
border-bottom-color:var(--color-grey);
}
.status .label {
border:1px solid var(--color-grey-light);
background-color:var(--color-white);
padding:var(--size-smallest) var(--size-smaller);
text-transform:uppercase;
font-weight:bold;
display:inline-block;
border-radius:var(--border-radius-base);
/* min-width:200px; */
}
.status .link {
/* color:var(--color-black); */
font-size:var(--font-smaller);
text-transform:uppercase;
}
.status .control {
display:inline-block;
}
.status .label + .control {
margin-left:var(--size-base);
}
.status.-enabled .label {
border-color:var(--color-secondary);
color:var(--color-secondary);
}
.status.-enabled .label:before {
content:"\2713";
font-weight:bold;
margin-right:var(--size-small);
}
.status.-disabled .label {
color:var(--color-grey-light);
}
.status.-can-enable .label {
}
main {
min-height:90%;
}
/* browse buttons */
.wrap-browse-buttons {
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
/* flex-wrap:wrap; */
gap:var(--size-smaller);
/* padding:1rem 0; */
overflow-x:auto;
position:relative;
padding-top:var(--size-smallest);
padding-bottom:var(--size-smallest);
}
/* .wrap-browse-buttons > .i {
flex:1 0 34%;
max-width:calc(50% - 1rem);
} */
.browse-button {
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
border-radius:var(--border-radius-base);
padding:var(--size-base) var(--size-smaller);
height:100%;
width:100%;
/* background-color:transparent; */
/* border:3px solid var(--color-white); */
/* color:var(--color-white);
background: linear-gradient(45deg, rgba(8,60,113,1) 0%, rgba(0,179,202,1) 100%);
box-shadow:0 0 .25rem rgba(0,0,0,.25); */
background-color:var(--color-grey-lighter);
color:inherit;
}
.browse-button:hover {
color:inherit;
}
.wrap-browse-buttons.-small .browse-button {
padding:var(--size-small) var(--size-large);
border:2px solid var(--color-white);
}
.wrap-browse-buttons.-small .browse-button .title {
font-weight:bold;
font-size:var(--font-small);
}
.browse-button._active {
/* background: rgba(0,179,202,1); */
/* color: var(--color-accent); */
/* background:var(--color-white);
border-color:var(--color-accent);
color:inherit; */
color:var(--color-white);
background: linear-gradient(45deg, rgba(8,60,113,1) 0%, rgba(0,179,202,1) 100%);
box-shadow:0 0 .25rem rgba(0,0,0,.25);
cursor:default;
box-shadow:none;
}
.browse-button._active:hover {
box-shadow:none;
}
.browse-button .icon {
width:50px;
font-size:30px;
line-height:1;
text-align:center;
margin-right:.5rem;
}
.browse-button .title {
flex:1;
text-align:left;
font-weight:600;
text-transform:uppercase;
font-size:var(--font-base);
}
.browse-button .title small {
display:block;
line-height:1.2;
font-weight:100;
font-size:var(--font-smaller);
}
@media screen and (max-width:799px) {
.wrap-browse-buttons > .i {
/* max-width:calc(35% - 1rem); */
min-width:260px;
max-width:290px;
}
.wrap-browse-buttons {
margin-right:-2rem;
}
.wrap-browse-buttons:after {
content:"";
height:1px;
display:block;
flex:1 0 1.5rem;
}
}
@media screen and (max-width:599px) {
.wrap-browse-buttons {
padding-top:0;
}
.wrap-browse-buttons > .i {
max-width:55%;
min-width:200px;
}
.browse-button .icon {
width:100%;
font-size:var(--icon-larger);
margin-right:0;
margin-bottom:var(--size-base);
}
.browse-button .title {
text-align:center;
}
.browse-button .title small {
font-size:var(--font-small);
}
}
@media screen and (min-width:800px) {
.wrap-browse-buttons > .i {
flex:1 0 26%;
max-width:33.33%;
}
.wrap-browse-buttons.-small > .i {
flex:none;
max-width:auto;
}
}
/*
* -- SITE WRAPPER
* wraps header and main content
*/
.site-wrapper {
/* allow room to clear fixed header */
padding-top:4rem;
}
.site-wrapper #js-header {
position:fixed;
top:0;
left:0;
right:0;
z-index:8;
box-shadow:0 .25rem .25rem rgba(0,0,0,.1);
}
/*
* -- HEADER
* global header
*/
#js-header,
.header {
height:auto;
/* background:var(--color-white); */
}
/*
* -- NAVIGATION
* navigation bar and similar nav elements
*/
.navigation-bar {
display:flex;
flex-direction:row;
/* justify-content:space-between; */
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
margin-left:.5rem;
margin-right:.5rem;
padding:1rem;
}
/* .navigation-bar > .item {
flex-grow:0;
} */
.navigation-bar > .nav {
/* flex-grow:1; */
text-align:right;
}
.navigation-bar > .item:not(.logo) + .item:not(.logo) {
margin-left:var(--size-large);
}
.navigation-bar .logo {
z-index:99;
text-align:left;
margin:0;
flex-grow:1;
}
.navigation-bar .logo .masthead {
/* display:inline-block; */
display:flex;
align-items:center;
margin-right:auto;
max-width:200px;
height:50px;
padding:var(--size-smallest) 0;
}
.navigation-bar .logo .masthead img {
margin:0;
max-width:100%;
max-height:100%;
}
/* .navigation-bar .logo img {
margin:0;
} */
.navigation-bar .search {
flex-grow:1;
}
@media screen and (min-width:600px) {
.logo .mobile-only {
display:none !important;
}
}
@media screen and (max-width:599px) {
.navigation-bar .logo .masthead {
max-width:140px;
}
.logo .desktop-only {
display:none !important;
}
.header .main-header {
padding-top:var(--size-smaller);
padding-bottom:var(--size-smaller);
}
}
@media screen and (max-width:449px) {
.navigation-bar .logo .masthead {
max-width:100px;
}
}
/*
* -- FOOTER
* global footer
*/
/*
* -- CONTAINERS & SECTIONS
* layout for containers and sections
*/
.container {
max-width:1280px;
margin:0 auto;
/* padding:0 1rem; */
}
.container.-medium {
max-width:1000px;
}
.container.-small {
max-width:600px;
}
.section.-tightest {
padding-top:0;
padding-bottom:0;
}
@media screen and (max-width:799px) {
/* .section {
padding:var(--size-base) 0;
} */
.container {
padding:0 var(--size-small);
}
}
/* -section */
.wrap-sidebar-section {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.wrap-sidebar-section.-reverse {
flex-direction:row-reverse;
}
.wrap-sidebar-section .section-body {
flex:1;
}
.wrap-sidebar-section .sidebar {
width:250px;
}
.wrap-sidebar-section .section-body + .sidebar,
.wrap-sidebar-section.-reverse .sidebar {
margin-left:var(--size-larger);
}
.sidebar .filters .i {
margin-top:1rem;
font-size:.8rem;
}
.sidebar ._hc.filters .i.main-filter {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.sidebar ._hc.filters .i.main-filter .button {
flex-basis:50%;
width:auto;
}
.sidebar .title {
font-size:var(--font-base);
margin-bottom:var(--size-base);
}
/*
* -- FLEXED LAYOUTS
* flex-rows, halves, etc.
*/
.wrap-halves {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
/* align-items:center; */
}
.wrap-halves > .half {
max-width:50%;
}
.wrap-halves > .half:first-child {
padding-right:var(--size-large);
}
.wrap-halves > .half:last-child {
padding-left:var(--size-large);
}
/*
* -- CARDS
* content items, typically with a border or box-shadow to show separation
*/
._mod .section-body ._hc.results {
padding:0;
}
._hc .card {
border-radius:.5rem;
}/* details-cards */
.detail-cards .graphic {
display:flex;
align-items:center;
justify-content:center;
width:200px;
min-height:100px;
}
.detail-cards .name {
flex-grow:1;
padding:var(--size-base);
}
.detail-cards .name > * {
margin-bottom:0;
}
.detail-cards .buttons {
padding:var(--size-smaller);
}
.detail-cards .buttons .button {
display:block;
padding:var(--size-base) var(--size-smaller);
}
@media screen and (min-width:700px) {
.detail-cards > .item {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:stretch;
/* border:1px solid var(--color-black); */
/* border-radius:var(--border-radius-large); */
}
.detail-cards .graphic img {
padding:.5rem;
max-height:150px;
}
.detail-cards .buttons {
width:200px;
}
.detail-cards .buttons .button + .button {
margin-top:var(--size-smaller);
}
.detail-cards > .item + .item {
margin-top:1rem;
padding-top:1rem;
border-top:1px solid #ddd;
}
}
@media screen and (max-width:699px) {
.list-facilities.detail-cards {
display:grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: var(--size-small);
}
.detail-cards .graphic {
height:120px;
width:100%;
}
.detail-cards .graphic img {
max-width:150px;
}
.detail-cards .buttons {
display:flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
gap:var(--size-smallest);
}
.detail-cards .buttons .button {
flex:1;
}
}
/*
* -- LISTS
* stylized lists
*/
/* list titles */
.list-title {
margin-bottom:3rem;
}
.list-title > * {
margin-bottom:0;
}
.list-title .title {
font-size:var(--font-largest);
font-weight:100;
}
/* list of icons */
.list-icons {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
background-color:var(--color-grey-light);
padding:var(--size-base);
/* margin-left:-1rem;
margin-right:-1rem; */
border-radius:var(--border-radius-base);
}
.list-icons li {
/* background-color:#fff; */
/* color:var(--color-primary); */
/* border:1px solid var(--color-primary); */
color:inherit;
text-align:center;
}
.list-icons.-circles li {
display:inline-block;
width:50px;
height:50px;
border-radius:100%;
border:1px solid var(--color-black);
vertical-align:top;
}
.list-icons.-features li {
flex-basis:17%;
flex-grow:1;
padding-left:var(--size-smallest);
padding-right:var(--size-smallest);
}
.list-icons li + li {
margin-left:.5rem;
}
.list-icons .icon:before,
.list-icons .icon.-extra {
font-size:25px;
line-height:50px;
font-weight:bold;
}
.list-icons .icon.-extra {
font-size:1rem;
}
.list-icons.-features {
padding-top:var(--size-base);
padding-bottom:var(--size-base);
}
.list-icons.-features .icon:before {
font-size:var(--title-small);
line-height:1;
}
.list-icons .text {
display:block;
line-height:1;
margin-top:var(--size-smaller);
}
.list-icons.-features .text {
font-size:var(--font-small);
}
/*
* -- POPUPS
* overwrites popupWraps to make full-screen
*/
/* ._mod .popupWrap:not(.small-popupWrap), */
.popupScreen {
width:100%;
max-width:100%;
height:100%;
max-height:100%;
overflow-x:auto;
overflow-y:auto;
margin:0;
top:0; bottom:0;
left:0; right:0;
padding:0 1rem;
/* TODO: if popupWrap is flexed instead of fixing content to page */
display:flex;
flex-direction:column;
padding:0;
overflow:hidden;
background-color:var(--color-white);
}
/* ._mod .popupWrap:after, */
.popupScreen:after {
/* NOTE: this is an empty breaker to give space to the bottom of a popup.... may be needed if a button can potentially be covered by smartphone's core navigation controls */
display:none;
}
/* ._mod .popupWrap:not(.small-popupWrap) .section-body, */
.popupScreen .section-body {
flex:1;
overflow-y:auto;
overflow-x:hidden;
padding:var(--size-larger) 0;
}
/* ._mod .section-header, */
.popupScreen .section-header {
box-shadow:0 0 1.5rem rgba(0,0,0,.75);
z-index:3;
padding:.5rem 1rem;
background:#083C71;
color:#fff;
}
/* ._mod .section-header-row, */
.popupScreen .section-header-row {
/* display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap; */
display:grid;
align-items:center;
}
.popupScreen .section-header-row .closer,
.popupScreen .section-header-row .buttons,
.popupScreen .section-header-row .extras,
.popupScreen .section-header-row .title {
grid-column-start:1;
grid-row-start:1;
}
.popupScreen .section-header-row .title { justify-self:center; }
.popupScreen .section-header-row .closer { justify-self:left; }
.popupScreen .section-header-row .buttons,
.popupScreen .section-header-row .extras { justify-self:right; }
/* ._mod .section-header-row.-bordered, */
.popupScreen .section-header-row.-bordered {
border-top: 1px solid rgba(255,255,255,.25);
margin-top: 1rem;
}
/* ._mod .section-footer, */
.popupScreen .section-footer,
.popupScreen .section-header {
padding: .5rem;
box-shadow:0 0 .5rem rgba(0,0,0,.25);
z-index:3;
}
/* ._mod .section-footer .button, */
.popupScreen .section-footer .button {
border-radius:.25rem;
max-width:400px;
font-size:var(--size-base);
}
/* ._mod .popupWrap:not(.small-popupWrap) .closer, */
.popupScreen .closer {
--closer-size: 1.1rem;
--closer-color: #fff;
position:relative;
top:auto; bottom:auto;
left:auto; right:auto;
margin-top:0;
margin-left:0;
padding:0;
color:#dadada;
opacity:.5;
}
/* ._mod .popupWrap .closer:hover, */
.popupScreen .closer:hover {
opacity:1;
cursor:pointer;
}
/* ._mod .popupWrap:not(.small-popupWrap) .closer:before, */
.popupScreen .closer:before {
content:'';
display:inline-block;
margin:0 auto;
margin-bottom:-4px;
margin-left:var(--size-base);
height: var(--closer-size);
width: var(--closer-size);
border-top: 2px solid var(--closer-color);
border-left: 2px solid var(--closer-color);
}
/* ._mod .popupWrap:not(.small-popupWrap) .closer:before, */
.popupScreen .closer:before {
transform: rotate(-45deg);
}
/* ._mod .popupWrap.with-sticks.stuck .wrap-sticks, */
.popupScreen.with-sticks.stuck .wrap-sticks {
top:0;
margin:0;
}
/* ._mod .popupWrap.with-sticks.stuck .wrap-sticks .sticks, */
.popupScreen.with-sticks.stuck .wrap-sticks .sticks {
margin:0;
}
.popupScreen .section-header .buttons,
.popupScreen .section-header .extras {
text-align:right;
}
/* ._mod .popupWrap .section-header h4, */
.popupScreen .section-header .title {
text-align:center;
text-transform:uppercase;
font-size:var(--font-base);
font-weight:400;
color:inherit;
margin:0;
}
/* ._mod .popupWrap .section-header h4 .subtitle, */
.popupScreen .section-header .subtitle {
display:block;
text-transform:none;
font-size:.8rem;
color:inherit;
}
.popupScreen .section-header .extras img {
max-width:50px;
max-height:40px;
border-radius:var(--border-radius-small);
}
@media screen and (max-width:799px) {
._mod .popupWrap .section-body,
.popupScreen .section-body {
padding-top:var(--size-large);
padding-bottom:var(--size-large);
}
.popupScreen .section-header-row {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}
.popupScreen .section-header-row .title {
padding-left:var(--size-base);
text-align:left;
flex-grow:1;
}
.popupScreen .section-header-row .buttons,
.popupScreen .section-header-row .extras {
justify-self:flex-end;
}
.popupScreen .section-header-row .button {
padding-left:var(--size-smaller);
padding-right:var(--size-smaller);
}
}
/*
* -- PAGE: LOCATIONS
*/
/* - details view */
._hc .detailed-view .main .thumb img.logo {
border-radius:0;
max-width:90%;
}
._hc .detailed-view .main .thumb img + img {
margin-top:var(--size-base);
}
._hc .contact-list {
list-style:none;
padding-left:0;
margin:0;
}
._hc .contact-list li + li {
margin-top:var(--size-small);
}
._hc .contact-list .icon {
display:inline-block;
vertical-align:middle;
font-size:var(--size-large);
color:var(--color-grey);
width:3rem;
text-align:center;
}
._hc .contact-list .text {
display:inline-block;
vertical-align:middle;
color:var(--color-black);
}
/*
* -- PAGE: STORE RESULTS
*/
.results.wrap-cards .alert {
text-align:center;
margin:var(--size-larger) var(--size-smaller) 0;
width:100%;
}
/*
* -- PAGE: PROFESSIONALS
*/
/* - details view */
._hc .detailed-view .main {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
width:100%;
}
._hc .detailed-view .main .thumb {
margin:0;
padding-right:var(--size-larger);
max-width:400px;
}
._hc .detailed-view .main .thumb img {
border-radius:1rem;
overflow:hidden;
}
._hc .detailed-view .main .summary {
padding:0;
flex:1;
max-width:100%;
min-width:50%;
}
._hc .detailed-view .summary p.label {
font-size:var(--font-base);
}
._hc .detailed-view .summary p.label .icon {
font-size:var(--font-large);
}
._hc .detailed-view .summary h3 {
font-size:var(--font-largest);
text-transform:uppercase;
margin-bottom:var(--size-base);
}
._hc .detailed-view .details {
padding:0;
margin-top:var(--size-largest);
width:100%;
}
._hc .detailed-view .additional-options {
font-size:var(--font-smaller);
}
._hc .detailed-view .additional-options p:last-child {
margin-bottom:0;
}
._hc .detailed-view .slideout {
width:100%;
background-color:var(--color-grey-light);
border:1px solid #515151;
padding:var(--size-larger) var(--size-base);
margin:var(--size-base) 0;
border-radius:var(--border-radius-base);
}
._hc .detailed-view .slideout-footer {
margin-top:var(--size-largest);
text-align:center;
font-size:var(--font-small);
}
.list-professionals .card {
border:none;
box-shadow:none;
border:1px solid var(--color-grey);
}
.list-professionals .card.js-open-lightbox:hover {
transform: scale(1.01);
}
@media screen and (max-width:899px) {
._hc .detailed-view .main .thumb {
max-width:38%;
}
}
@media screen and (max-width:499px) {
._hc .detailed-view .main {
flex-wrap:wrap;
}
._hc .detailed-view .main .thumb {
max-width:300px;
min-width:200px;
margin:auto;
margin-bottom:var(--size-large);
padding-right:0;
}
._hc .detailed-view .main .summary {
width:100%;
}
.detailed-view .buy-buttons {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.detailed-view .buy-buttons .button {
flex-grow:1;
max-width:calc(50% - 4px);
}
.detailed-view .buy-buttons.-single .button {
max-width:100%;
}
}
/* - list of professionals */
.list-professionals.wrap-cards {
display:grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: var(--size-base);
}
.list-professionals .card .summary {
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items:flex-start;
flex-wrap:wrap;
flex-grow:1;
}
.list-professionals .card .summary .button {
font-size:var(--font-smallest);
white-space:pre-wrap;
padding:var(--size-smaller);
/* background-color:var(--color-secondary-light); */
border:2px solid var(--color-secondary);
color:var(--color-font);
background-color:transparent;
font-weight:bold;
/* account for line-height on name text */
/* margin-bottom:.15rem; */
/* position:relative;
overflow:hidden;
padding-right:30px; */
display:flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
gap:var(--size-smallest);
box-shadow:0 0 .15rem rgba(0,0,0,.1);
}
.list-professionals .card .summary .button:after {
content:"\00BB";
display:inline-block;
color:var(--color-secondary);
font-size:var(--font-large);
font-weight:normal;
line-height:0;
transform:translateY(2px);
}
.list-professionals .card .summary .button:hover {
background-color:var(--color-secondary);
color:var(--color-white);
}
.list-professionals .card .summary .button:hover:after {
color:var(--color-white);
}
/* @media screen and (min-width:700px) {
.list-professionals .card .summary .button {
width:70px;
}
} */
.list-professionals .card .bar {
background:var(--color-primary);
color:var(--color-white);
border:3px solid transparent;
text-align:left;
padding:.25rem 1rem;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
.list-professionals .bar .label {
flex-grow:1;
font-size:var(--font-base);
font-weight:100;
}
.list-professionals .bar .icon {
font-size:var(--font-larger);
line-height:var(--font-large);
opacity:.5;
}
.list-professionals .summary .title {
font-family:var(--font-family-secondary);
font-size:var(--font-larger);
text-transform:uppercase;
font-weight:600;
color:var(--color-font);
flex-grow:1;
}
.summary p.label {
width:100%;
text-transform:none;
font-weight:100;
font-size:var(--font-small);
margin-bottom:var(--size-smallest) !important;
}
.summary .icon {
margin-right:var(--size-smallest);
color:var(--color-secondary);
font-size:var(--icon-small);
line-height:1;
display:inline-block;
vertical-align:middle;
}
.summary .location {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}
/* .wrap-cards.list-professionals > .i + .i {
margin-top:1rem;
} */
.wrap-cards.list-programs > .card.full {
width:100%;
}
.list-professionals .thumb {
position:relative;
}
.list-professionals .thumb .image-dot {
position:absolute;
bottom:var(--size-smaller);
right:var(--size-smaller);
box-shadow:0 0 5px rgba(0,0,0,.5);
}
.image-dot {
width:50px;
height:50px;
border-radius:100%;
background-color:var(--color-white);
padding:var(--size-smaller);
display:flex;
align-items:center;
justify-content:center;
}
@media screen and (max-width:499px) {
.list-professionals.wrap-cards {
max-width:400px;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (min-width:500px) {
.wrap-cards.list-professionals > .i {
/* flex:1 0 34%; */
/* max-width:calc(50% - 1rem); */
/* margin:0 .5rem; */
/* margin-bottom:1rem; */
/* margin-top:1rem; */
}
.list-professionals.wrap-cards {
grid-template-columns: repeat(auto-fill, minmax(220px, .5fr));
}
}
@media screen and (min-width:800px) {
/* .wrap-cards.list-professionals > .i {
flex:1 0 26%;
max-width:calc(33.33%);
} */
.list-professionals.wrap-cards {
grid-template-columns: repeat(auto-fill, minmax(240px, .333fr));
}
}
@media screen and (min-width:1180px) {
/* .wrap-cards.list-professionals > .i {
flex:1 0 21%;
max-width:calc(25%);
} */
.list-professionals.wrap-cards {
grid-template-columns: repeat(auto-fill, minmax(240px, .25fr));
}
}
/* @media screen and (max-width:499px) {
.wrap-cards.list-professionals {
margin-left:0;
margin-right:0;
}
.list-professionals .card {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
box-shadow:none;
margin:0;
}
.list-professionals .card .thumb {
width:33.33%;
max-width:180px
}
.list-professionals .thumb .location {
bottom:var(--size-smallest);
right:var(--size-smallest);
width:30px;
box-shadow:0 0 2px rgba(0,0,0,.5);
padding:var(--size-smallest);
}
.list-professionals .card .summary {
border:none;
display:flex;
flex-direction:column;
flex-grow:1;
align-items:flex-start;
justify-content:center;
border-left:0;
}
.list-professionals .card .summary .title {
font-size:var(--font-larger);
flex-grow:0;
}
.list-professionals .card .summary .label {
font-size:var(--font-base);
}
.list-professionals .card .summary .button {
display:none;
}
} */
/*
* -- PAGE: PROGRAMS
*/
.list-programs > .card + .card {
margin-top:var(--size-large);
}
.detailed-view .main .summary > * {
margin-bottom:var(--size-base);
}
.detailed-view .main .summary > *:last-child {
margin-bottom:0;
}
@media screen and (max-width:699px) {
._hc .card.program .main {
flex-direction:row-reverse;
align-items:flex-start;
justify-content:flex-start;
}
._hc .card.program .main > .thumb {
max-width:160px;
padding:0;
margin-top:var(--size-base);
}
}
@media screen and (max-width:499px) {
._hc .card.program .main > .thumb {
max-width:120px;
}
}
@media screen and (max-width:449px) {
._hc .card.program .main > .thumb {
max-width:80px;
}
}
/*
* -- PAGE: INSURANCE
*/
/* photo capture */
/* .webcap.requires-two > .item {
width:100%;
float:none;
border:none;
border-radius:var(--border-radius-base);
}
.webcap.requires-two > .item + .item {
margin-top:var(--size-smallest);
}
.webcap .item .pre {
padding:1rem;
}
.webcap .item.captured .post button {
font-size:var(--font-smaller);
}
.webcap > .item .icon {
font-size:4rem;
}
.webcap > .item .title {
font-size:var(--font-larger);
font-weight:bold;
}
.webcap .item span.instructions {
text-transform:lowercase;
}
.webcap .item.captured {
background-size:contain;
background-color:#aaa;
} */
.webcap {
display:flex;
flex-direction:row;
gap:var(--size-base);
flex-wrap:wrap;
}
.webcap > .item .title {
font-size:var(--size-larger);
}
.webcap.requires-two > .item {
margin:0;
width:100%;
min-width:400px;
flex:1;
border:none;
border-radius:var(--border-radius-base);
}
@media screen and (min-width:700px) {
.webcap {
flex-wrap:nowrap;
}
.webcap.requires-two > .item {
width:auto;
min-width:0;
}
}
/*
* -- WELLNESS PROFILE POPUP
*/
.form.wellness-profile .form-body {
gap:0 var(--size-base);
align-items:stretch;
}
.form.wellness-profile .form-row {
flex-basis:34%;
flex-grow:1;
border:1px solid var(--color-grey);
border-radius:var(--border-radius-base);
padding:var(--size-base);
background-color:var(--color-grey-lighter);
}
.form.wellness-profile .form-error {
margin-bottom:0;
margin-top:var(--size-small);
}
.form.wellness-profile .form-submit {
margin-top:var(--size-base);
}
.form.wellness-profile label .subtitle {
/* display:block; */
line-height:1;
font-size:var(--font-smaller);
}
.form.wellness-profile .form-row > input[type="text"],
.form.wellness-profile .form-row > input[type="number"],
.form.wellness-profile .form-row > select {
font-size:var(--font-large);
background-color:var(--color-white);
font-weight:bold;
border:1px solid var(--color-grey);
}
.form.wellness-profile .form-row > input[type="text"]:focus,
.form.wellness-profile .form-row > input[type="number"]:focus,
.form.wellness-profile .form-row > select:focus {
border-color:var(--color-secondary);
box-shadow:none;
}
.form.wellness-profile input.labeled {
display:inline-block;
max-width:5rem;
text-align:center;
}
.form.wellness-profile input.labeled + .input-label {
display:inline-block;
margin-left:var(--size-smallest);
}
.form.wellness-profile .custom-radio {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--size-smaller);
}
.form.wellness-profile .custom-radio label {
padding:var(--size-base);
text-transform:uppercase;
border:1px solid var(--color-grey-dark);
border-radius:var(--border-radius-base);
text-align:center;
height:100%;
font-weight:bold;
}
.form.wellness-profile .custom-radio label > span {
padding-left:0;
}
.form.wellness-profile .custom-radio label .subtitle {
text-transform:none;
font-weight:normal;
display:block;
}
.form.wellness-profile .custom-radio label:before {
display:none;
}
.form.wellness-profile .custom-radio input:not(:checked) + label {
background-color:var(--color-grey-light);
color:var(--color-grey-dark);
}
.form.wellness-profile .custom-radio input:checked + label {
background-color:var(--color-white);
border-color:var(--color-secondary);
}
@media screen and (max-width:799px) {
.form.wellness-profile .custom-radio {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:499px) {
.form.wellness-profile .form-row {
flex-basis:100%;
}
.form.wellness-profile .custom-radio {
grid-template-columns: repeat(1, 1fr);
}
}
/*
* -- POPUPS
*/
.popupWrap .extra-instructions,
.popupScreen .extra-instructions {
background-color:var(--color-grey-lighter);
border-radius:var(--border-radius-base);
padding:var(--size-base);
text-align:left;
margin-bottom:var(--size-large);
}
/* ** HELPERS */
.-flexed {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
.-flexed > .accessory {
padding:1.5rem 3rem;
}
.bordered {
border-radius:var(--border-radius-base);
}
.gap { margin-bottom:var(--size-base); }
.gap.-large { margin-bottom:var(--size-large); }
.gap.-larger { margin-bottom:var(--size-larger); }
.gap.-largest { margin-bottom:var(--size-largest); }
.gap.-small { margin-bottom:var(--size-small); }
.gap.-smaller { margin-bottom:var(--size-smaller); }
.gap.-smallest { margin-bottom:var(--size-smallest); }
/* ** PAGE HEADER */
.header.-page {
/* border-bottom:1px solid var(--color-primary);
*/
position:relative;
z-index:9;
box-shadow:0 .25rem .5rem rgba(0,0,0,.15);
}
/* .header.-page:before {
content:"";
width:100%;
height:100%;
background-image:url('images/bg-dots-square.png');
background-size:6px;
position:absolute;
top:0;
left:0;
opacity:.15;
z-index:-1;
}
*/
.header.-page > .container {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
height:80px;
}
.footer.-page {
background-color:var(--color-primary);
color:var(--color-white);
padding:1rem;
}
.header-controls {
align-items:center;
display:flex;
flex-direction:row-reverse;
}
.navigation-bar.logo-only > .item {
flex:1;
text-align:center;
}
.navigation-bar.logo-only .logo img {
max-width:250px;
max-height:100px;
}
/* .navigation-bar .logo .masthead {
max-width:200px;
max-height:70px;
} */
/* ** NAVIGATION */
nav ul {
padding:0;
margin:0;
list-style:none;
font-size:var(--font-small);
}
/* .nav-menu li:after {
content:"";
display:block;
width:100%;
height:.25rem;
margin-top:-.25rem;
}
.sub-menu li:after {
margin-top:.5rem;
}
.nav-menu li:not(.-special):hover:after {
background-color: var(--color-black);
} */
/* .nav-menu a:not(.button):hover {
border-color:#dadada;
box-shadow:inset 0 0 .25rem rgba(0,0,0,.25);
} */
/* .home .navigation-bar .actions a.--login {
display:none;
} */
.register .navigation-bar .actions a.--register {
display:none;
}
._shc .navigation-bar .actions {
display:none;
}
.navigation-bar .wrap-mobile-nav {
display:none;
}
@media screen and (max-width:999px) {
.main-header .header {
padding-left:.5rem;
padding-right:.5rem;
}
/* .navigation-bar .search {
display:none;
} */
.navigation-bar .logo {
flex:1;
}
.navigation-bar > .nav {
display:none;
}
.navigation-bar > .actions {
display:block;
z-index:3;
}
/* .navigation-bar .actions .button {
font-weight:500;
font-size:var(--font-smaller);
padding:var(--size-smaller);
border-radius:var(--border-radius-small);
} */
.navigation-bar .wrap-mobile-nav {
display:block;
text-align:right;
}
#mobile-nav {
/* opacity:0; */
z-index:-1;
/* transform:translateX(100%); */
pointer-events:none;
position:fixed;
height:100%;
top:0;
right:0;
padding-top:5rem;
/* width:auto; */
background-color:var(--color-white);
color:var(--color-white);
width:100%;
overflow:hidden;
transition: all 0.35s ease-out;
/* max-height:0; */
transform:translateY(0) translateX(100%);
}
.wrap-mobile-nav._active #mobile-nav {
/* opacity:1; */
z-index:2;
pointer-events:inherit;
/* transform:translateX(0); */
transition: all 0.35s ease-out;
/* max-height:500px; */
transform:translateY(0) translateX(0);
}
#mobile-nav li {
display:block;
}
#mobile-nav li a:not(.button) {
border-bottom:1px solid #dadada;
}
#mobile-nav li:first-child a:not(.button) {
border-top:1px solid #dadada;
}
/* #mobile-nav li:hover {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
} */
.nav-menu {
text-align:center;
}
.nav-menu a {
font-size:var(--font-larger);
font-weight:500;
font-family:'Oswald', Arial, Helvetica, sans-serif;
padding:var(--size-small) var(--size-large);
}
.nav-menu a.button {
margin-top:var(--size-large);
margin-left:var(--size-large);
margin-right:var(--size-large);
display:block;
}
.nav-menu a:not(.button) {
color:#333;
border-radius:0;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
text-transform:uppercase;
}
.nav-menu a:not(.button) .icon {
height:100%;
width:4rem;
display:block;
font-size:var(--font-largest);
margin-right:var(--size-base);
text-align:center;
}
.nav-menu a:hover {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
text-decoration:none !important;
}
}
@media screen and (min-width:1000px) {
.header.-page .header-controls {
display:none;
}
.nav-menu {
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
font-weight:400;
}
.nav-menu a:not(.button) {
color:inherit;
text-decoration:none !important;
text-transform:uppercase;
height:100%;
padding:var(--size-smaller);
/* border:1px solid transparent; */
/* border:none !important; */
border-radius:var(--border-radius-base);
font-size:var(--font-smaller);
}
.nav-menu a:not(.button):hover {
background-color:var(--color-grey-lighter);
}
#site-nav li {
cursor:pointer;
}
#site-nav li a:not(.button) {
line-height:80px;
}
.nav-menu li + li {
margin-left:1rem;
}
.nav-menu .sub-menu {
background:var(--color-white);
text-align:left;
position:absolute;
top:80px;
left:0;
width:100%;
opacity:0;
pointer-events:none;
overflow:hidden;
box-shadow:0 .25rem .25rem rgba(0,0,0,.25);
}
.nav-menu .sub-menu .container {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.nav-menu .sub-menu li {
margin-left:0;
padding:.5rem;
}
.nav-menu li:hover .sub-menu {
padding:2rem 1rem;
opacity:1;
pointer-events:all;
transition:opacity .15s ease-out;
}
.sub-menu.-mega .description {
width:45%;
}
.sub-menu.-mega h3 {
font-size:var(--font-larger);
}
.sub-menu.-mega p {
font-size:var(--font-large);
}
.sub-menu.-mega ul {
display:flex;
flex-direction:row;
justify-content:flex-start;
flex-wrap:wrap;
}
.sub-menu.-mega li {
width:50%;
}
}
/* @media screen and (max-width:599px) {
.navigation-bar > .actions {
display:none;
}
} */
/*.logo img {
max-height:55px;
}*/
.logo img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
img.logo-mark {
display:none
}
@media screen and (max-width:500px) {
img.logo-full {
display:none;
}
img.logo-mark {
display:inline-block;
}
}
/* ** SECTIONS */
.content > .section {
padding-top:var(--size-larger);
padding-bottom:var(--size-larger);
}
.content > .section.-large {
padding-top:5rem;
padding-bottom:5rem;
}
.section-title {
margin-bottom:1rem;
/* margin-left:-1rem;
margin-right:-1rem; */
}
.section-title .title {
font-size:var(--font-larger);
font-weight:inherit;
font-family:inherit;
margin:0;
}
.section-title .actions {
margin-left:1rem;
margin-bottom:.5rem;
}
.section-title .actions .button {
font-size:var(--font-small);
}
.page-title {
font-size:var(--font-larger);
margin-bottom:var(--size-smaller);
}
.page-title.-large {
font-size:var(--font-largest);
/* padding:1rem; */
padding-bottom:var(--size-base);
margin-bottom:var(--size-base);
}
.page-title .icon,
.section-title .title .icon {
color:var(--color-secondary);
display:inline-block;
margin-right:1rem;
vertical-align: middle;
}
.page-title .icon.-large,
.section-title .title .icon.-large {
font-size:var(--font-largest);
}
.page-title img.icon {
max-width:50px;
}
.section-title.-alert,
.section-title.-alert strong,
.section-title.-alert .icon {
color:var(--color-alert);
}
@media screen and (max-width:999px) {
.section-title .title {
font-size:var(--font-large);
}
}
@media screen and (min-width:600px) {
.section-title.-with-actions {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}
}
.section-title,
.page-title {
font-weight:100;
font-family:'Roboto';
letter-spacing:1px;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
padding-bottom:var(--size-smaller);
}
.popupScreen .page-title {
text-transform: none;
}
.page-title.-welcome {
text-transform: none;
padding-top:0;
}
/* disabled buttons */
.button.bg-tertiary[disabled],
.button.bg-tertiary.-disabled {
background:transparent;
border:1px solid var(--color-grey);
color:var(--color-grey);
font-weight:300;
box-shadow:none;
}
.button.bg-tertiary[disabled]:hover,
.button.bg-tertiary.-disabled {
box-shadow:none;
cursor:default;
}
/* * STEPS */
.section.steps {
min-height:300px;
}
.steps .step._active {
opacity:0;
animation: revealIn .35s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.steps .step:not(._active) {
z-index:-1;
pointer-events:none;
display:none;
}
.steps .page-title {
text-transform:none;
}
.step-header {
margin-bottom:var(--size-large);
}
/* LOGIN PAGE */
.cta {
text-align:center;
padding:1rem;
}
.cta h2 {
margin-bottom:.25rem;
}
/* Blocks */
.blocks {
text-align:center;
}
.list-blocks {
margin:0;
margin-top:2rem;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
}
.list-blocks li {
margin:1rem 1rem 0;
flex-grow:1;
}
.list-blocks .icon {
font-size:5rem;
min-width:5rem;
margin-bottom:1rem;
text-align:center;
}
.icon.-accent {
color:var(--color-accent);
}
/* CARDS */
.cards {
text-align:center;
}
.cards .header {
margin-bottom:3rem;
}
.cards .footer {
margin-top:3rem;
}
.wrap-cards {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
gap:var(--size-base);
}
.wrap-cards .card {
flex-grow:1;
/* margin:0 1rem; */
}
.card {
box-shadow: 0 0 1rem rgba(0, 0, 0, .25);
border-radius: .5rem;
overflow:hidden;
}
.card .summary {
padding:var(--size-base);
color:initial;
text-align:left;
}
.card h3, .card h4, .card p {
margin:0;
}
.card img {
display:block;
width:100%;
}
.slides {
position:relative;
}
.slides > .container {
position:initial;
}
.slides .header, .slides .footer {
text-align:center;
}
.slides .header {
margin-bottom:3rem;
}
.slides .footer {
margin-top:3rem;
}
.wrap--slides > .i {
max-height:0;
opacity:0;
transform:translateY(5rem);
overflow:hidden;
}
.wrap--slides > .i._active {
opacity:1;
max-height:1000px;
transform:translateY(0);
transition:opacity .35s ease-in, transform .2s ease-out;
}
.wrap--slides > .i.-flexed {
justify-content:space-around;
}
.wrap--slides > .i.-flexed:nth-child(even) {
flex-direction:row-reverse;
}
.wrap--slides > .i .content {
max-width:500px;
font-size:1.5rem;
margin-top:1rem;
}
.quote h3 {
font-size:2rem;
}
.quote p {
font-size:1.5rem;
}
.slides .card {
width:270px;
}
.slides .control {
position:absolute;
top:0;
bottom:0;
left:0;
width:100px;
justify-content:center;
align-items:center;
display:flex;
background:rgba(0,0,0,.25);
background: linear-gradient(90deg, rgba(99,99,99,0.35) 0%, rgba(0,0,0,0) 100%);
user-select: none;
}
.slides .control.-next {
right:0;
left:auto;
background: linear-gradient(270deg, rgba(99,99,99,0.35) 0%, rgba(0,0,0,0) 100%);
}
.slides .control:hover {
background:rgba(0,0,0,.15);
cursor:pointer;
}
/* * TRANSITIONAL ITEMS */
.wrap-transitional-text {
position:relative;
}
.transitional-text .i {
position:absolute;
/* top:0; */
left:0;
opacity:0;
transition: opacity 0.33s ease-in-out;
}
.transitional-text .i._active {
opacity:1;
}
.title .wrap-transitional-text {
display:block;
font-size:var(--title-large);
min-height:var(--title-large);
}
/* placeholder so transitional-text takes up a line of space */
.wrap-transitional-text:before {
content:"";
font-size:0;
opacity:0;
height:100%;
display:block;
}
p.transitional-text .i {
margin-left:.5rem;
}
/* * LIST OF FEATURES */
section .header {
padding-bottom:2rem;
}
.header h2, .header h3 {
margin-bottom:0;
}
.header p {
font-size:var(--font-large);
margin-top:2rem;
}
.list-features {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:flex-start;
margin:0 -1rem;
}
.list-features li {
flex-basis:100%;
padding:3rem 1rem 0;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-content:flex-start;
}
.list-features .content {
flex:1;
margin-top:.25rem;
}
.list-features h3,
.list-features p {
margin:0 0 .5rem;
}
.list-features p {
font-size:.9rem;
}
.list-features a {
font-size:.9rem;
}
.list-features .button {
font-size:var(--font-small);
padding:.25rem .5rem;
border-radius:var(--border-radius-small);
}
.list-features .graphic {
width:5rem;
height:5rem;
margin-right:1.5rem;
border-radius:100%;
background-color:var(--color-primary);
/* border:1px solid white; */
box-shadow:inset 0 0 .5rem rgba(0,0,0,.5);
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}
.list-features .graphic .icon {
font-size:2.5rem;
color:#fff;
line-height:0;
}
@media screen and (min-width:999px) {
.list-features li {
flex-basis:50%;
}
.list-features .graphic {
width:7rem;
height:7rem;
}
.list-features .graphic .icon {
font-size:4rem;
}
.list-features .button {
font-size:var(--font-smaller);
}
}
/*
#section--personal-wellness-team,
#section--personal-wellness-team > .container {
position: relative;
} */
#section--personal-wellness-team {
background-color:var(--color-primary-light);
}
/* #section--personal-wellness-team:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-image:url('/images/group-silhouette.png');
background-position:center 9rem;
background-size:contain;
background-repeat:no-repeat;
opacity:.07;
pointer-events:none;
z-index:0;
} */
/* * SIDECARS * content / graphic * graphic / content * content / graphic */
.sidecar {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
.sidecar:nth-child(even) {
flex-direction:row-reverse;
}
.sidecar:nth-child(odd) .content {
text-align:right;
}
.sidecar + .sidecar {
margin-top:4.5rem;
}
/* .sidecars.-with-text .sidecar + .sidecar {
margin-top:4.5rem;
}
*/
.sidecar .content {
padding:0 1rem;
flex-grow:1;
max-width:50%;
}
.sidecar p {
font-size:var(--font-large);
}
.sidecar .graphic {
width:55%;
}
.sidecar .graphic img {
max-width:90%;
display:block;
margin:auto;
}
.sidecar.-text-focused .graphic {
width:40%;
}
.sidecar.-text-focused .graphic img {
max-width:300px;
}
.sidecar.-text-focused .content {
text-align:left;
flex-grow:0;
font-size:var(--font-largest)
}
/* * MESSAGES / CONVERSATIONS */
.list-messages {
position:relative;
border:1.5rem solid black;
border-bottom-width:3rem;
border-top:none;
border-bottom-left-radius:1rem;
border-bottom-right-radius:1rem;
min-height:270px;
width:380px;
margin:auto;
box-shadow:0 2rem 2rem rgba(0,0,0,.25);
}
.list-messages:before {
content:"";
position:absolute;
top:0;
left:0;
width:calc(100% + 3rem);
margin-left:-1.5rem;
height:2rem;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}
.list-messages .i {
position:absolute;
bottom:0rem;
right:2rem;
left:2rem;
/* display:none;
*/
}
.list-messages .i._active {
/* display:block;
*/
}
.list-messages p {
color: #fff;
border-radius: .5rem;
padding: .5rem 1rem;
max-width:90%;
background-color:var(--color-primary);
margin-left:auto;
margin-bottom:2rem;
box-shadow:0 .15rem .15rem rgba(0,0,0,.5);
font-size:.8rem;
font-weight:400;
}
.list-messages p.response {
background: #cacaca;
margin-left:0;
margin-right:auto;
}
.list-messages .response.-typing {
font-size: 2.5rem;
line-height: 1.75rem;
max-width:4rem;
padding:0 0 .25rem;
text-align:center;
}
.list-messages + .controls {
margin-top:-2.5rem;
position:relative;
text-align:center;
}
/* .controls .button {
text-transform:lowercase;
font-size:.8rem;
padding:0;
margin:0 .25rem;
width:2rem;
height:2rem;
border-radius:100%;
background-color:#444;
}
.controls .button.-prev {
padding-right:.125rem;
}
.controls .button.-next {
padding-left:.125rem;
} */
/* * PHONE SIMULATION */
.phone-simulation {
position:relative;
border:1rem solid black;
border-radius:var(--border-radius-large);
margin:0 auto;
box-shadow:0 2rem 2rem rgba(0,0,0,.25);
width:330px;
background-color:#fff;
}
.phone-simulation h3 {
background-color:var(--color-accent);
text-align:center;
padding:1rem 0;
margin:0;
}
.phone-simulation .buttons {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
}
.phone-simulation .buttons .button {
flex-basis:34%;
flex-grow:1;
border-radius:0;
margin:.25rem .25rem;
padding:1rem .25rem;
font-size:var(--font-small);
background-color:var(--color-primary);
/* color:var(--color-primary);
*/
}
.phone-simulation h4 {
background-color:var(--color-primary-light);
color:var(--color-black);
text-align:center;
margin:1rem 0;
padding:1rem;
}
/* ** SIDE-BY-SIDE */
.side-by-side {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.side-by-side + .side-by-side {
margin-top:var(--size-larger);
}
.side-by-side.-centered {
align-items:center;
}
.side-by-side > .content {
width:50%;
}
.side-by-side > .graphic {
/* max-width:600px; */
flex-grow:1;
}
@media screen and (max-width:699px) {
.side-by-side {
flex-direction:column;
}
.side-by-side > .graphic,
.side-by-side > .content {
width:100%;
margin-left:0;
margin-right:0;
}
.side-by-side > .graphic {
margin-bottom:var(--size-large);
}
}
@media screen and (min-width:700px) {
.side-by-side > .graphic {
margin-right:2rem;
}
.side-by-side.-oppo > .graphic {
margin-right:0;
margin-left:2rem;
}
.side-by-side.-oppo > .content {
order:1;
}
.side-by-side.-oppo > .graphic {
order:2;
}
}
@media screen and (min-width:1000px) {
.side-by-side > .graphic {
margin-right:4rem;
}
.side-by-side.-oppo > .graphic {
margin-left:4rem;
}
}
/* POLAROIDS */
.polaroid {
background: #fff;
padding: 1rem 1rem 0;
box-shadow: 0 0.2rem 1rem rgba(0,0,0,0.1);
border-radius:var(--border-radius-small);
cursor:pointer;
z-index:1;
}
.polaroid img {
border-radius:var(--border-radius-small);
}
.caption {
padding:1rem;
font-size:var(--font-base);
}
.caption > *:last-child {
margin-bottom:0;
}
.polaroid .caption {
padding:2rem 1rem;
color:#515151;
}
/* .polaroid .caption p {
font-family:cursive;
} */
.graphic.-tilt .polaroid:before {
content: '';
position: absolute;
z-index: -1;
}
.graphic.-tilt {
transform: translateX(1rem) scale(.8, .8) rotate(-3deg);
transition: all 0.35s;
}
.-oppo .graphic.-tilt {
transform: translateX(-1rem) scale(.8, .8) rotate(3deg);
}
.graphic.-tilt .polaroid:before {
transform: rotate(5deg);
height: 20%;
width: 47%;
bottom: 30px;
right: 12px;
box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
transition: all 0.35s;
}
.side-by-side.-oppo .graphic.-tilt .polaroid:before {
transform: rotate(-6deg);
left: 12px;
right:auto;
}
.graphic.-tilt.-oppo .polaroid:before {
right:12px;
left:auto;
}
.graphic.-tilt:hover {
filter: none;
transform: scale(1, 1) rotate(0deg) !important;
}
.graphic.-tilt:hover .polaroid:before {
content: '';
position: absolute;
z-index: -1;
transform: scale(.9, .9) rotate(0deg) !important;
height: 90%;
width: 90%;
bottom: 0%;
right: 5%;
box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
transition: all 0.35s;
}
.side-by-side .content p {
font-size:var(--font-large);
line-height:var(--line-height-large);
}
.polaroid.js-open-lightbox {
position:unset;
}
@media screen and (max-width:699px) {
.graphic.-tilt {
transform: translateX(-.25rem) scale(.9, .9) rotate(3deg);
}
.-oppo .graphic.-tilt {
transform: translateX(0) scale(.9, .9) rotate(-3deg);
}
}
/* * IMAGE BUBBLES */
.image-bubbles {
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-end;
max-width:450px;
}
.image-bubbles .i {
padding:2rem;
height:150px;
width:250px;
background-color:var(--color-white);
border-radius:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
box-shadow:0 0 .5rem rgba(0,0,0,.25);
margin-bottom:-3rem;
}
.image-bubbles .i:nth-child(even) {
transform:translateX(-125px);
}
.image-bubbles .i:last-child {
margin-bottom:0;
}
/* * IMAGE STRIP */
.image-strip {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}
/* * NOTEPADS */
/*
/* */
/* .notepads > .i {
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-image:url('images/bg-paper.jpg');
width:70%;
padding:1rem 1rem 1rem 4rem;
}
.notepads > .i.-washed {
opacity:.5;
font-size:50%;
width:30%;
}
*/
.list-checkmarks li + li {
margin-top:.25rem;
}
.list-checkmarks li:before {
font-family: eleganticons;
content: "R";
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
/* content: '\2714'; */
color:var(--color-secondary);
margin-right:.5rem;
margin-left:.5rem;
}
.list-checkmarks.-alt li:after {
display:none;
}
.list-checkmarks.-alt li:before {
content: '\2717';
color:var(--color-alert);
font-size:200%;
line-height:var(--font-large);
vertical-align:sub;
margin-right:.5rem;
}
/* TODO: make this better.. */
.wrap-controls > * {
margin-left:.5rem;
}
.wrap-controls > *:first-child {
margin-left:0;
}
.wrap-buttons.-stacked > * {
display:block;
}
.wrap-buttons.-stacked > * + * {
margin-top:1rem;
}
/* FULL PAGE LAYOUT */
/* .header {
position:fixed;
bottom:0;
left:0;
right:0;
z-index:99;
text-align:right;
padding-right:5rem;
}
*/
.bg-gradient [type="checkbox"] + label:before {
border-color:#fff;
}
.scroll-note {
display:inline-block;
position:relative;
line-height:1;
padding:0 1rem .5rem .5rem;
border-radius:var(--border-radius-base);
}
.scroll-note .text {
font-size:var(--font-smaller);
font-weight:400;
line-height:1;
opacity:.75;
}
.scroll-note .icon {
position:absolute;
top:0;
right:0;
z-index:-1;
pointer-events:none;
}
.icon.-bounce {
--icon-opacity: .05;
--icon-opacity-bounce:.33;
opacity:var(--icon-opacity);
font-size:4rem;
line-height:0;
width:1rem;
height:1rem;
animation:bounce;
animation-duration: 5s;
animation-iteration-count:infinite;
transform-origin: bottom;
}
/* ANIMATIONS */
/* ANIM: Bounce */
.animation--bounce {
animation-name: bounce;
animation-timing-function: ease;
}
@keyframes bounce {
0% { transform: scale(1,1) translateY(0); }
30% { transform: scale(1,1) translateY(0); opacity:var(--icon-opacity); }
37% { transform: scale(1,.9) translateY(-20px); }
44% { transform: scale(1,1.2) translateY(0); opacity:var(--icon-opacity-bounce); }
50% { transform: scale(1,1) translateY(-8px); opacity:var(--icon-opacity-bounce); }
55% { transform: scale(1,1) translateY(0); }
60% { transform: scale(1,1) translateY(0); opacity:var(--icon-opacity); }
}
/* **NAV BUTTONS XL */
.nav-buttons-xl > .i {
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
flex-basis:26%;
flex-grow:1;
border:1px solid var(--color-grey);
border-radius:var(--border-radius-large);
padding:var(--size-larger) var(--size-base);
font-weight:100;
/* margin:0 var(--size-base); */
/* background-color:var(--color-primary); */
/* color:#fff; */
}
.nav-buttons-xl .button {
display:block;
}
.nav-buttons-xl .button + .button {
margin-top:var(--size-small);
}
.nav-buttons-xl .title {
margin-bottom:var(--size-base);
text-align:center;
font-weight:300;
text-transform:uppercase;
font-family:'Roboto';
letter-spacing:1px;
font-size:var(--font-large);
width:100%;
}
.nav-buttons-xl .icon {
margin-bottom:var(--size-larger);
color:var(--color-black);
}
/* .nav-buttons-xl img.icon {
max-width:100%;
max-height:100px;
} */
.nav-buttons-xl .content {
flex-grow:1;
width:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.nav-buttons-xl .content .text {
flex-grow:1;
margin-bottom:var(--size-base);
}
.icon.-xl {
line-height:0;
text-align:center;
display: block;
font-size:var(--icon-size-larger);
pointer-events:none;
}
@media screen and (max-width:599px) {
.nav-buttons-xl > .i + .i {
margin-top: var(--size-large);
}
.nav-buttons-xl > .i {
max-width:400px;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (max-width: 599px) {
.nav-buttons-xl {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--size-base);
}
.nav-buttons-xl > .i {
flex: 1 1 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
/* Tablet (600px to 1199px) � 2 columns */
@media screen and (min-width: 600px) and (max-width: 1199px) {
.nav-buttons-xl {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--size-base);
}
.nav-buttons-xl > .i {
flex: 1 1 calc(50% - var(--size-base));
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}
/* Desktop (1200px and up) � 4 columns */
@media screen and (min-width: 1200px) {
.nav-buttons-xl {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
width: 100%;
gap: var(--size-base);
}
.nav-buttons-xl > .i {
flex: 1 1 calc(25% - var(--size-base));
max-width: 300px;
}
}
/* ** CHOICE GRID */
.choice-grid {
position:relative;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
/* display:grid;
grid-template-columns: 1fr var(--min-section-size);
grid-gap: var(--size-small);
overflow:hidden; */
}
.choice-grid > .i {
text-align:center;
}
.graphic.-circled-icon {
padding:2rem;
border-radius:100%;
border:5px solid var(--color-black);
}
.graphic.-circled-icon > .icon {
font-size:4rem;
line-height:0;
color:#fff;
}
.choice-grid .graphic {
margin:auto;
max-width:200px;
max-height:200px;
margin-bottom:1rem;
display:flex;
align-items:center;
}
.choice-grid > .i.-side {
flex-basis:var(--min-section-size);
min-width:var(--min-section-size);
display:flex;
flex-direction:column;
border:1px solid #dadada;
background-color:var(--color-grey-lightest);
border-radius:var(--border-radius-large);
}
.choice-grid > .i.-side > .choice-option .content {
width:100%;
}
.choice-option {
padding:var(--size-larger) var(--size-base);
}
.choice-option.-main {
padding:var(--size-larger);
}
.choice-option + .choice-option {
border-top:1px solid #dadada;
}
.choice-option .title {
font-size:var(--font-larger);
margin-bottom:1rem;
}
.choice-option .title small {
display:block;
font-size:var(--font-base);
}
.choice-option p {
margin-bottom:var(--size-base);
}
.choice-option p:last-child {
margin-bottom:0;
}
.choice-option.-small p {
font-size:var(--font-smaller);
}
.choice-option .button {
display:block;
width:100%;
}
@media screen and (max-width:999px) {
.choice-grid {
flex-direction:column-reverse;
}
.choice-grid > .i,
.choice-grid > .i.-side {
max-width:100%;
width:100%;
}
.choice-grid > .i.-side > .choice-option .content {
max-width:500px;
margin-left:auto;
margin-right:auto;
}
}
.form-with-instructions {
display:flex;
flex-direction:row;
justify-content:flex-start;
/* align-items:stretch; */
}
.form-with-instructions > .instructions {
padding:var(--size-larger) var(--size-large);
width:var(--min-section-size);
/* border-right:1px solid #dadada; */
font-size:var(--font-small);
text-align:center;
}
.form-with-instructions .title {
font-size:var(--font-larger);
}
.form-with-instructions > .body {
padding:2rem;
flex:1;
text-align:left;
}
.form-with-instructions label {
padding-top:0;
padding-bottom:0;
}
@media screen and (max-width:599px) {
.form-with-instructions {
display:block;
}
.form-with-instructions > .body {
padding-left:0;
padding-right:0;
}
.form-with-instructions > .instructions {
display:none;
}
}
/* simple form */
.simple-form {
padding:1rem;
}
.simple-form .title {
text-transform:none;
font-size:var(--font-larger);
}
/* todo: remove !important... */
.simple-form input {
font-size:var(--font-large) !important;
}
.simple-form .form-section +.form-section {
margin-top:2rem;
}
.form-section + hr {
margin:2rem 0;
}
.form-section p {
margin-bottom:1rem;
}
.form + .form-extras {
margin-top:2rem;
}
.flex-row {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.simple-form .flex-row {
align-items:center;
align-items:stretch;
border-radius:var(--border-radius-large);
overflow:hidden;
}
.form .flex-row input:first-child {
border-top-right-radius:0;
border-bottom-right-radius:0;
flex-grow:1;
border:none;
}
.form .flex-row .button:last-child {
border-top-left-radius:0;
border-bottom-left-radius:0;
width:auto;
font-size:var(--font-base);
}
/* misc */
.highlight-bar {
padding:.5rem;
text-align:center;
background-color:#efefef;
}
.wrap-graphic img {
border-radius:var(--border-radius-large);
}
/* numbered list of instructions */
.page-title + .steps {
margin-top:3rem;
}
.step.-tight {
margin:auto;
max-width:500px;
}
.step .wrap-submit {
max-width:500px;
margin-left:auto;
margin-right:auto;
margin-top:3rem;
}
.list-instructions {
clear: both;
list-style: none;
padding:0;
}
.list-instructions li {
position: relative;
counter-increment: count--list-instructions;
padding-left: 80px;
padding-top:10px;
}
@media screen and (min-width:1200px) {
.list-instructions.-horizontal {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
margin-left:-1rem;
margin-right:-1rem;
}
.list-instructions.-horizontal li {
flex:1;
margin:0 1rem;
}
}
.list-instructions li + li {
margin-top:var(--size-base);
}
.list-instructions li::before {
content: counter(count--list-instructions);
position: absolute;
left:0;
top:0;
height: 60px;
width: 60px;
color: #fff;
background: var(--color-primary);
border-radius: 100%;
font-size: var(--font-larger);
font-weight:bold;
text-align: center;
line-height:60px;
}
.list-instructions .title {
margin:0;
margin-bottom:var(--size-smallest);
}
.list-instructions .details {
margin:0;
}
/* list info */
.list-info li {
padding:var(--size-small) var(--size-base);
font-size:var(--font-large);
line-height:1;
}
.list-info li:not(:last-child) {
margin-bottom:var(--size-smallest);
}
.list-info li:nth-child(odd) {
background-color:#f5f5f5;
}
.list-info li .label {
width:100%;
display:block;
font-size:var(--size-base);
text-transform:uppercase;
margin-bottom:var(--size-smaller);
}
.list-info li .value {
font-size:var(--size-large);
}
.list-info li .value {
font-weight:500;
}
.list-info li .details {
font-size:var(--font-small);
display: block;
}
.list-info .-highlight {
color:var(--color-secondary);
}
@media screen and (min-width:1000px) {
.list-info li {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
text-transform:uppercase;
}
.list-info li .label {
width:200px;
}
}
/* service tabs */
.service-tabs .title {
font-weight:normal;
font-size:var(--font-base);
}
.service-tab-menu {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
gap:var(--size-smallest);
}
.service-tab-menu .button {
background-color:transparent;
color:var(--color-font);
/* border:1px solid var(--color-grey); */
/* border-bottom:none; */
font-weight:100;
padding-bottom:.5rem;
margin-bottom:.25rem;
}
/* .service-tab-menu .label {
background-color:var(--color-grey);
color:var(--color-white);
font-weight:100;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
pointer-events:none;
padding-bottom:.75rem;
margin-bottom:0;
} */
.service-tab-menu .button._active {
border-color:var(--color-secondary);
font-weight:bold;
}
.service-tab {
/* border:2px solid var(--color-grey); */
/* border-radius:var(--border-radius-base); */
/* border-top-left-radius:0; */
overflow:hidden;
}
.service-tab:not(._active) {
display:none;
}
/* price table */
.table-header,
.table-footer {
width:100%;
/* font-size:var(--font-smaller); */
/* padding:var(--size-smaller); */
}
.table-header {
/* background-color:var(--color-primary);
color:var(--color-white); */
/* text-transform:uppercase; */
}
/* PRICE BLOCKS */
.price-blocks {
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:var(--size-smaller);
}
.price-blocks.-comparison {
grid-template-columns:repeat(2, 1fr);
}
.price-blocks > li {
padding:var(--size-small) var(--size-small);
border:1px solid var(--color-grey-lighter);
border-radius:var(--border-radius-base);
text-align:center;
display:flex;
flex-direction:column;
justify-content: flex-end;
}
.price-blocks > li.item-alt {
grid-column: 1 / -1;
display:grid;
grid-template-columns: 1fr 150px;
text-align:left;
}
.price-blocks .item-alt .label {
grid-column:1;
order:1;
align-self:end;
}
.price-blocks .item-alt .price {
grid-column:2;
order:2;
color:var(--color-accent);
margin:0;
text-align:center;
}
.price-blocks .item-alt .description {
grid-column:1;
order:3;
font-size:var(--font-smaller);
padding-right:var(--size-base);
}
.price-blocks .item-alt .action {
grid-column:2;
order:4;
margin:0;
justify-self: auto;
}
.price-blocks .item-alt .button {
background-color:var(--color-accent);
width:100%;
}
.pros-container {
display: grid;
grid-template-columns: 1fr 1fr; /* Two equal-width columns */
gap: 20px; /* Add space between the columns */
width: 100%; /* Ensure the container takes full width */
margin-bottom: 10px;
}
.item-alt-2 {
padding: 10px;
text-align: center;
border: 1px solid #ccc;
background-color: #f9f9f9;
border-radius: 10px; /* Rounds the borders */
margin-bottom: 10px; /* Adds 10px space at the bottom of each item */
box-sizing: border-box; /* Ensure padding is included in width */
}
.item-alt-2 button {
font-size: var(--font-smaller);
}
.price-blocks .table-header + li:not(.table-header) {
border-top:none;
}
.price-blocks .table-header {
grid-column: 1;
grid-row: 1 / 10;
text-align:center;
padding:var(--size-base) var(--size-smaller);
line-height:var(--line-height-base);
font-size:var(--font-small);
text-transform:uppercase;
border-right:1px solid var(--color-grey-lighter);
margin:auto;
}
.price-blocks .table-header .icon {
font-size:var(--icon-size-base);
display:block;
margin-bottom:var(--size-smaller);
}
.price-blocks .table-header small {
display:block;
}
.price-blocks .label {
display:block;
font-family:var(--font-family-secondary);
text-transform: uppercase;
font-size:var(--font-base);
font-weight:bold;
line-height:var(--line-height-base);
margin-bottom:var(--size-smaller);
}
.price-blocks .price {
display:block;
color:var(--color-secondary);
font-size:var(--font-larger);
font-weight:normal;
margin-bottom:var(--size-smaller);
}
.price-blocks .price:last-child {
margin-bottom:0;
}
.price-blocks .price small {
font-size:var(--font-smaller);
line-height:1;
}
.price-blocks .price:not(.-free):before,
.price-blocks .price .strike:before {
content:"$";
font-size:var(--font-small);
vertical-align:text-top;
}
.price-blocks .strike {
color:var(--color-grey);
text-decoration:line-through;
font-size:var(--font-small);
display:inline-block;
margin-left:var(--size-smallest);
}
.price-blocks .price .strike:before {
font-size:var(--font-smallest);
}
.price-blocks .detail {
display:block;
font-size:var(--font-smaller);
line-height:var(--line-height-small);
margin-bottom:var(--size-smaller);
}
.price-blocks .action {
display:block;
justify-self:flex-end;
}
.price-blocks .action .button {
font-size:var(--font-smaller);
width:100%;
font-weight:500;
}
.price-blocks .action .button small {
display:block;
font-weight:normal;
}
@media screen and (max-width:699px) {
.price-blocks {
grid-template-columns:repeat(2, 1fr);
}
.price-blocks > li.item-alt {
grid-template-columns: 1fr 100px;
}
}
@media screen and (max-width:499px) {
.price-blocks {
grid-template-columns:repeat(3, 1fr);
}
}
@media screen and (max-width:399px) {
.price-blocks {
grid-template-columns:repeat(1, 1fr);
}
}
/* end price blocks */
/* PRICE TABLE */
.price-table {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
list-style:none;
padding:0;
border:1px solid #efefef;
border-radius:var(--border-radius-base);
border-collapse: collapse;
text-align:center;
overflow:hidden;
}
.price-table .table-header .icon {
color:var(--color-accent);
}
.table-header,
.table-footer {
width:100%;
font-size:var(--font-smaller);
padding:.5rem;
}
.table-header {
text-transform:uppercase;
background-color:var(--color-primary-light);
}
.price-table > li:not(.table-header):not(.table-footer) {
flex:1;
padding:var(--size-base) var(--size-smaller);
}
.price-table > li:not(.table-header):not(.table-footer) + li:not(.table-header):not(.table-footer) {
border-left:1px solid #efefef;
}
.price-table .label {
display:block;
font-size:var(--font-small);
font-weight:normal;
line-height:var(--line-height-base);
margin-bottom:var(--size-smaller);
}
.price-table .price {
display:block;
color:var(--color-secondary);
font-size:var(--font-large);
font-weight:normal;
}
.price-table .price small {
font-size:var(--font-smaller);
display:block;
line-height:1;
}
.price-table .price:not(.-free):before,
.price-table .price .strike:before {
content:"$";
font-size:var(--font-small);
vertical-align:text-top;
}
.price-table .strike {
color:var(--color-grey);
text-decoration:line-through;
font-size:var(--font-small);
display:inline-block;
margin-left:var(--size-smallest);
}
.price-table .price .strike:before {
font-size:var(--font-smallest);
}
.price-table .note {
display:block;
font-size:var(--font-smaller);
}
.price-table .-highlight {
color:var(--color-secondary);
display:block;
}
.price-table .table-footer {
background:var(--color-primary-light);
}
/* end price table */
.buy-buttons {
clear:both;
}
.buy-buttons .button {
border-radius:var(--border-radius-base);
padding:var(--size-base);
min-width:120px;
}
@media screen and (min-width:800px) {
.buy-buttons .button {
font-size:var(--font-large);
min-width:200px;
}
}
/* disclaimer */
.disclaimer {
font-size:var(--font-smaller);
padding:var(--size-base);
background-color:#efefef;
border-radius:var(--border-radius-base);
margin-top:var(--size-larger);
}
.disclaimer p {
margin-bottom:0;
}
.disclaimer p + p {
margin-top:var(--size-base);
}
/* popup filters */
.popupFilters {
height:100%;
width:100%;
padding:2rem;
}
.popupFilters > .container {
background:#fff;
border-radius:var(--border-radius-large);
width:100%;
height:100%;
/* max-width:1200px; */
margin:auto;
/* padding:0; */
padding:var(--size-base);
overflow:hidden;
}
.popupFilters .section-title {
margin-bottom:0;
}
.popupFilters .filters,
.popupFilters .questionnaire {
padding:var(--size-base);
overflow-y:auto;
max-height:100%;
}
.popupFilters .filters.-with-sticky-header {
max-height:90%;
}
.popupFilters > .closer {
position:absolute;
top:0;
right:0;
background:white;
}
.popupFilters .sidebar {
background-color:#efefef;
padding:var(--size-base);
border-radius:var(--border-radius-base);
margin-top:var(--size-base);
max-width:200px;
display:none !important;
}
.filters .section-title {
font-size:var(--font-large);
}
.filters .instructions {
font-size:var(--font-smaller);
}
.filter-set .title {
margin:0;
font-size:var(--font-small);
/* text-transform:uppercase; */
color:#8f8f8f;
margin-bottom:var(--font-small);
padding-left:var(--size-smaller);
}
.filter-set .subtitle {
display:block;
font-size:var(--font-smaller);
font-weight:300;
margin-top:var(--size-smallest);
}
.filters .button {
border:1px solid #8f8f8f;
color: #333;
background-color:transparent;
font-weight:300;
font-size:var(--font-small);
margin-bottom:var(--size-smallest);
}
.filters.-small .button {
font-size:var(--font-small);
padding:var(--size-smaller);
text-transform:none;
}
.filters .button.active {
color:var(--color-secondary);
border-color:var(--color-secondary);
background-color:transparent;
box-shadow:inset 0 0 0 2px var(--color-secondary);
font-weight:500;
}
.filter-set.-main .button {
padding-top:var(--size-large);
padding-bottom:var(--size-large);
min-width:30%;
}
.filter-set.-presets .button {
width:100%;
font-size:var(--font-smaller);
}
.filter-set.-presets .button + .button {
margin-top:var(--size-small);
}
.filter-set .button {
min-width:22%;
}
.filter-category {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
width:100%;
padding-top:var(--size-large);
}
.filter-category + .filter-category {
margin-top:var(--size-large);
border-top:1px solid #efefef;
}
.filter-category .filter-label {
max-width:200px;
/* padding-left:var(--size-base); */
padding-right:var(--size-base);
}
.filter-category .filter-body {
flex:1;
padding-left:var(--size-base);
}
.filter-body.-halves {
/* display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
margin-left:-.5rem;
margin-right:-.5rem; */
display:grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
flex-wrap:wrap;
gap:var(--size-large);
}
.filter-body.-halves .filter-set + .filter-set {
margin-top:0;
}
.filter-label .title {
margin:0;
margin-bottom:var(--size-smallest);
font-size:var(--font-large);
text-transform:uppercase;
color:#8f8f8f;
background-color:#efefef;
border-top-right-radius:var(--border-radius-large);
border-bottom-right-radius:var(--border-radius-large);
padding:var(--size-smallest);
padding-left:var(--size-base);
}
.filter-label .instructions {
padding-left:var(--size-smaller);
}
.filter-set + .filter-set {
margin-top:var(--size-large);
}
.filters .custom-checkbox input[type='checkbox']:checked + label:before {
background-color:var(--color-secondary);
color:var(--color-white);
border-color:var(--color-secondary);
}
.questionnaire .answers {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
margin:-.25rem;
}
.questionnaire .answers .button {
flex-basis:34%;
flex-grow:1;
margin:.25rem;
padding-top:var(--size-base);
padding-bottom:var(--size-base);
max-width:calc(50% - .5rem);
}
.day-of-week .button {
width:auto;
min-width:50px;
padding-left:var(--size-smallest);
padding-right:var(--size-smallest);
text-transform:none;
}
.date-range input {
max-width:150px;
display:inline-block;
background-color:transparent;
background-color:#f8f8f8;
}
@media screen and (max-width:599px) {
.popupFilters {
padding:var(--size-base);
}
.popupFilters .section-title {
padding:var(--size-base);
}
.popupFilters .section-title .title {
display:none;
}
.popupFilters .section-title .actions {
text-align:right;
margin:0;
}
.popupFilters .filters {
padding:0;
}
.popupFilters > .container {
padding:0;
}
.popupFilters .section-body {
padding:var(--size-base);
}
.filter-category {
display:block;
}
.filter-category:first-child {
padding-top:0;
}
.filter-category .filter-label {
max-width:100%;
padding-right:0;
margin-bottom:var(--size-base);
}
.filter-category .filter-body {
padding-left:0;
}
}
/* start line */
.start-line {
display:inline-block;
border-top:1px solid var(--color-black);
border-bottom:1px solid var(--color-black);
padding:.5rem 3rem;
/* border-radius:var(--border-radius-base); */
color:var(--color-black);
font-size:var(--font-base);
font-weight:100;
}
/* online-inperson */
.online-inperson {
font-size:var(--font-smaller);
font-weight:bold;
}
.online-inperson .icon {
color:var(--color-secondary);
margin-right:var(--size-smallest);
}
.online-inperson .separator:before {
content:"";
padding-left:var(--size-small);
padding-right:var(--size-small);
}
/* new modals with animation */
.modal-container {
position: fixed;
height: 100%;
width: 100%;
top: 0; bottom:0;
left: 0; right:0;
transform: scale(0);
z-index:99;
}
.modal-container._active {
transform:scale(1);
}
.modal-container._closed {
transform: scale(1);
animation: travelDownFromTop .75s 0s linear forwards;
}
.modal-background {
background: rgba(0, 0, 0, 0.8);
vertical-align: middle;
/* padding:4rem 1rem 0; */
height:100%;
width:100%;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
.modal-container._active .modal-background {
/* background-color is set as starting position, animation moves background-color to final value */
background-color:rgba(255, 255, 255, 0);
animation: revealBackgroundIn .75s 0s ease-out forwards;
}
.modal-container._closed .modal-background {
/* background-color is set as starting position, animation moves background-color to final value */
background-color:rgba(255, 255, 255, .525);
animation: revealBackgroundOut 1.5s 0s ease-in forwards;
}
.modal {
/* padding: var(--size-large); */
display: inline-block;
border-radius: var(--border-radius-base);
position: relative;
z-index:99;
width:100%;
height:100%;
}
.modal-content {
position: relative;
/* max-height:100%; */
height:100%;
overflow-y: scroll;
padding:100px var(--size-base) var(--size-large);
}
.modal-nav {
position:fixed;
background-color:var(--color-white);
height:80px;
width:100%;
z-index:1;
box-shadow:0 0 .5rem rgba(0,0,0,.15);
}
.modal-logo {
position:fixed;
top:var(--size-small);
left:var(--size-small);
max-width:200px;
z-index:3;
cursor:pointer;
}
.modal-closer {
position:fixed;
top:var(--size-base);
right:var(--size-base);
font-weight:bold;
text-align:center;
text-transform:uppercase;
opacity:.5;
font-size:var(--font-smaller);
border-radius:100%;
cursor:pointer;
width:45px;
height:45px;
line-height:45px;
color:inherit;
border-width:1px;
border-style:solid;
border-color:inherit;
z-index:3;
}
.modal-closer:hover {
background:var(--color-white);
color:var(--color-black);
}
.modal-container._active .modal-nav,
.modal-container._active .modal-logo,
.modal-container._active .modal-closer {
opacity:0;
animation: revealIn .5s 1s linear forwards;
}
.modal-container._closed .modal-nav,
.modal-container._closed .modal-logo,
.modal-container._closed .modal-closer {
opacity:1;
animation: revealOut .2s 0s linear forwards;
}
.modal-header {
text-align:center;
margin-bottom:var(--size-large);
font-size:var(--font-large);
color:inherit;
}
.modal-header .title {
margin:0;
margin-bottom:var(--size-large);
}
.modal-header p {
font-weight:bold;
color:var(--color-black);
}
.modal-container .nav-buttons-xl > .i {
background:#fff;
}
.modal-container .nav-buttons-xl p {
font-size:var(--font-small);
padding-left:var(--size-small);
padding-right:var(--size-small);
/* margin-bottom:var(--size-base); */
}
.modal-container._active .modal-header {
opacity:0;
animation: revealInWithMovement 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container._closed .modal-header {
opacity:1;
animation: revealOutWithMovement .25s .2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-body {
position:relative;
max-width:1280px;
margin:auto;
}
.modal-container._active .modal-body {
overflow:hidden;
/* max-height:0; */
/* animation: expandHeight 3s 1.25s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; */
top:100%;
animation: travelUpFromBottom 3s .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container._closed .modal-body {
/* animation: reduceHeight .25s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; */
top:0;
animation: travelDownFromTop .25s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-body .instructions {
max-width:600px;
margin:auto;
text-align:center;
}
.modal-body .instructions p {
font-weight:400;
font-size:var(--font-smaller);
}
@media screen and (max-width:999px) {
.modal-background {
/* padding:4rem 0 1rem; */
height:100%;
position:relative;
}
.modal-nav {
height:60px;
}
.modal {
/* padding:var(--size-base); */
}
/*.modal-logo img {
max-width:180px;
}*/
.modal-logo img {
max-width: 100%;
max-height: 100px; /* Prevent tall logos from breaking layout */
height: auto;
display: block;
margin: 0 auto;
object-fit: contain; /* Optional: prevents distortion if aspect ratio is odd */
}
.modal-content {
/* padding-top:4rem; */
}
.modal-container._active .modal-body {
/* flex-grow:1; */
/* overflow-y:scroll; */
margin:auto;
}
.modal-closer {
height:35px;
width:35px;
line-height:35px;
}
}
@keyframes expandHeight {
0% {
max-height:0;
}
100% {
max-height:2000px;
}
}
@keyframes reduceHeight {
0% {
max-height:2000px;
}
100% {
max-height:0;
}
}
@keyframes travelUpFromBottom {
0% {
transform:scale(1);
top:100%;
}
/* 20% {
top:10%;
} */
50% {
top:1%;
}
100% {
top:0;
}
}
@keyframes travelDownFromTop {
0% {
top:0;
}
20% {
top:80%;
}
50% {
top:98%;
}
99% {
transform: scale(1);
}
100% {
top:100%;
transform: scale(0);
}
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
@keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes revealBackgroundIn {
0% {
background-color:rgba(255, 255, 255, 0);
}
50% {
}
100% {
background-color:rgba(255, 255, 255, .525);
}
}
@keyframes revealBackgroundOut {
0% {
background-color:rgba(255, 255, 255, .525);
}
50% {
}
100% {
background-color:rgba(255, 255, 255, 0);
}
}
@keyframes revealIn {
0% {
opacity:0;
}
50% {
opacity:.3;
}
100% {
opacity:1;
}
}
@keyframes revealInWithMovement {
0% {
opacity:0;
transform:translateY(100px);
}
50% {
opacity:.9;
/* transform:translateY(200px); */
}
75% {
/* transform:translateY(10px); */
}
/* 90% {
opacity:.9;
} */
100% {
opacity:1;
transform:translateY(0);
}
}
@keyframes revealOut {
0% {
opacity:1;
}
80% {
opacity:.9;
}
100% {
opacity:0;
}
}
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 0.9);
}
}
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.9);
}
100% {
background: rgba(0, 0, 0, 0);
}
}
@keyframes scaleUp {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes scaleDown {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
@keyframes scaleDownFadeOut {
0% {
transform: scale(1);
/* opacity: 1; */
}
100% {
transform: scale(0);
/* opacity: 0; */
}
}
@keyframes scaleBack {
0% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@keyframes scaleForward {
0% {
transform: scale(0.85);
}
100% {
transform: scale(1);
}
}
@keyframes quickScaleDown {
0% {
transform: scale(1);
}
99.9% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
/* HAMBURGER MENU */
.hamburger {
/* font: inherit; */
/* display: inline-block; */
display:block;
overflow: visible;
margin: 0;
/* padding: var(--size-small); */
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity,filter;
z-index:99;
position:relative;
}
.hamburger-box {
position: relative;
display:block;
width: 35px;
height: 35px;
transform:translateY(-5px);
}
.hamburger-inner {
top: 50%;
display: block;
margin-top:-2px
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
position: absolute;
width: 30px;
height: 3px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 4px;
background-color:var(--color-grey);
}
/* @media screen and (max-width:699px) {
.hamburger-box {
width:30px;
height:25px;
}
} */
.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner:after,
.hamburger:hover .hamburger-inner:before {
background-color:#333;
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: ""
}
.hamburger-inner:before {
top:-10px
}
.hamburger-inner:after {
bottom:-10px
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
transition-duration:.13s
}
.hamburger--collapse .hamburger-inner:after {
top: -20px;
transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}
.hamburger--collapse .hamburger-inner:before {
transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}
.wrap-mobile-nav._active .hamburger-inner {
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, -10px, 0) rotate(-45deg)
}
.wrap-mobile-nav._active .hamburger-inner:after {
top: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
opacity:0
}
.wrap-mobile-nav._active .hamburger-inner:before {
top: 0;
transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
transform:rotate(-90deg)
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
transition-duration:.13s
}
.hamburger--collapse-r .hamburger-inner:after {
top: -20px;
transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}
.wrap-mobile-nav._active .hamburger-inner:before {
transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}
.wrap-mobile-nav._active .hamburger-inner {
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, -10px, 0) rotate(45deg)
}
.wrap-mobile-nav._active .hamburger-inner:after {
top: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
opacity:0
}
.wrap-mobile-nav._active .hamburger-inner:before {
top: 0;
transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
transform:rotate(90deg)
}
.separate-or {
position:relative;
text-align:center;
}
.separate-or:before,
.separate-or:after {
content:"";
display:block;
position:absolute;
width:calc(50% - 2rem);
height:1px;
/* background:var(--color-secondary); */
/* background:#dadada; */
background:#515151;
top:50%;
left:0;
}
.separate-or:after {
left:auto;
right:0;
}
.separate-or .text {
/* font-weight:400; */
font-weight:bold;
/* text-transform:uppercase; */
/* font-size:var(--font-base); */
}
._hc.filters .i.main-filter .button {
height:auto;
padding:.65rem 1rem .5rem;
font-size:inherit;
line-height:1;
text-align:center;
/* font-size:1rem; */
}
._hc.filters .i.main-filter .button + .button {
margin-left:.5rem;
}
._hc.filters .i.main-filter .button .icon {
font-size:1.5rem;
display:block;
margin:0 auto .5rem;
}
/* STATS OVERVIEW */
._hc .stats {
display:flex;
flex-direction:row;
justify-content:flex-start;
flex-wrap:wrap;
align-items:center;
padding:1rem 0;
}
._hc .stats > .i {
padding:0 1rem;
text-align:center;
flex-grow:1;
}
._hc .stats .label {
margin:0;
text-transform:uppercase;
font-size:.8rem;
}
._hc .stats .value {
margin:0;
font-size:2rem;
font-weight:bold;
line-height:1;
position:relative;
display:inline-block;
}
._hc .stats .value .dollarsign {
font-size:1rem;
position: absolute;
left: -10px;
top: 4px;
}
._hc .stats > .i.actions {
flex-grow:3;
text-align:right;
}
@media screen and (max-width:699px) {
._hc .stats > .i.mobile-full {
flex-basis:100%;
margin-top:1rem;
text-align:center;
}
}
.icon-banner {
padding:var(--size-base);
text-align:center;
margin-bottom:var(--size-large);
}
.icon-banner.-alert {
background-color:var(--color-alert);
color:var(--color-white);
}
.icon-banner .icon {
font-size:var(--title-base);
line-height:0;
}
.instruction-title {
font-size:var(--font-larger);
}
.results-title {
font-size:var(--font-largest);
}
.results-title.-success {
color:var(--color-secondary);
}
.results-title.-empty {
color:var(--color-grey);
}
.results-title.-alert {
color:var(--color-alert);
}
.select-banner {
padding:var(--size-base);
border-radius:var(--border-radius-base);
background-color: var(--color-grey-lighter);
/* border:1px solid var(--color-black); */
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}
.select-banner .instructions,
.select-banner .options {
flex-grow:1;
flex-basis:50%;
}
.select-banner .title {
font-size:var(--size-base);
text-transform:uppercase;
margin-bottom:var(--size-smallest);
}
.select-banner .instructions {
font-size:var(--size-small);
}
.select-banner .options {
align-self:stretch;
display:flex;
flex-grow:1;
justify-content:flex-end;
align-items:center;
vertical-align:middle;
gap:var(--size-smaller);
}
.select-banner .options .button {
height:100%;
background-color:var(--color-grey);
/* background-color:transparent !important; */
/* color:var(--color-black); */
/* border:1px solid var(--color-black); */
border-radius:var(--border-radius-small);
flex-grow:1;
flex-basis:33.33%;
}
.select-banner .options .button:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.select-banner .options .button.active {
/* color:var(--color-secondary); */
/* border-color:var(--color-secondary); */
background-color:var(--color-secondary);
border-width:3px;
}
@media screen and (max-width:699px) {
.select-banner .instructions,
.select-banner .options {
flex-basis:100%;
text-align:center;
}
.select-banner .instructions {
margin-bottom:var(--size-base);
}
}
.integration-instructions {
border-radius:var(--border-radius-base);
border:1px solid var(--color-black);
padding:var(--size-base);
text-align:left;
}
.integration-instructions.-main {
background-color:var(--color-white);
margin:0 var(--size-small) var(--size-base);
padding:var(--size-small);
}
.integration-instructions.-mini {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:var(--size-small);
}
.integration-instructions .logo {
display:block;
margin:0 auto var(--size-small);
}
.integration-instructions.-mini .logo {
max-width:3rem;
margin:0;
}
.integration-instructions .instructions {
margin-bottom:var(--size-small);
}
.integration-instructions.-mini .instructions {
margin:0;
font-size:var(--font-smaller);
flex:1;
}
.integration-instructions .instructions p:not(:last-child),
.integration-instructions .instructions .value:not(:last-child) {
margin-bottom:var(--size-small);
}
.integration-instructions .instructions .value {
border:3px solid var(--color-black);
background-color:var(--color-grey-light);
border-radius:var(--border-radius-small);
padding:var(--size-smallest) var(--size-small);
font-size:var(--font-larger);
font-weight:bold;
text-align:left;
}
.integration-instructions .instructions input.value {
background-color:var(--color-white);
padding-top:var(--size-small);
padding-bottom:var(--size-small);
}
.integration-instructions .button {
display:block;
}
.integration-instructions.-inbody .button {
/* background-color:var(--color-inbody); */
background-color:transparent;
color:var(--color-inbody);
border:3px solid var(--color-inbody);
}
.integration-instructions .text.-sidenote {
/* margin-top:var(--size-base); */
font-size:var(--font-small);
font-style:italic;
}
.integration-instructions .form input {
font-size:var(--font-larger);
font-weight:bold;
}
.integration-instructions .form label {
font-weight:bold;
text-transform:uppercase;
font-size:var(--font-small);
padding-bottom:var(--size-smallest);
}
.integration-instructions .form-submit {
margin-top:var(--size-large);
}
.integration-instructions .form-submit .button {
padding:var(--size-smaller);
font-size:var(--font-base);
}
.integration-result-summary {
padding:var(--size-base) var(--size-small);
border:1px solid var(--color-black);
border-radius:var(--border-radius-base);
box-shadow:0 0 .5rem rgba(0,0,0,.25);
margin-top:.5rem;
margin-bottom:.5rem;
text-align:center;
}
.integration-result-summary .logo {
margin-bottom:var(--size-smallest);
}
.integration-result-summary .date:not(:last-child) {
margin-bottom:var(--size-small);
}
.integration-result-summary .date .value {
display:block;
font-weight:bold;
}
.integration-result-summary .values {
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
gap:var(--size-base);
}
.integration-result-summary .values > .i {
min-width:80px;
flex:1;
background-color:var(--color-grey-light);
border-radius:var(--border-radius-base);
padding:var(--size-smallest);
padding-top:var(--size-small);
}
.integration-result-summary .values .value {
display:block;
font-size:var(--title-small);
font-weight:bold;
line-height:1;
}
.integration-result-summary .values .label {
display:block;
}
.integration-result-summary .buttons {
margin-top:var(--size-base);
}
.integration-result-outdated {
background-color:var(--color-grey-lighter);
padding:var(--size-base) var(--size-small);
border-radius:var(--border-radius-base);
}
.integration-result-outdated .date .value {
color:var(--color-alert);
font-weight:bold;
display:block;
}
.integration-result-summary .button {
background-color:var(--color-inbody);
color:var(--color-white);
padding:var(--size-small) var(--size-smallest);
}
.content-list {
padding:0;
list-style:none;
}
.content-list li + li {
margin-top:var(--size-large);
padding-top:var(--size-large);
border-top:1px solid var(--color-grey);
}
.content-list img {
width:100%;
}
.content-list img:not(:last-child) {
margin-bottom:var(--size-base);
}
.fetching {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
.fetching .loading-icon {
width:var(--font-largest);
}
.fetching .text {
font-size:var(--font-small);
}
.fetching .loading-icon + .text,
.fetching .text + .loading-icon {
padding-left:var(--size-base);
}
.fixed-full-screen-image {
position:fixed;
top:0;left:0;
bottom:0;right:0;
z-index:9999;
background:white;
width:100%;
height:100%;
}
.fixed-full-screen-image img {
width:100%;
}
.result-details {
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
gap:var(--size-small);
text-align:center;
}
.result-details .result {
flex:1;
}
.result-details p {
margin:0;
}
.result-details .label,
.result-details .value {
display:block;
}
.result-details .title {
width:100%;
margin:0;
}
.result-details .label {
font-size:var(--font-smaller);
text-transform:uppercase;
}
.result-details .value {
font-weight:bold;
}
.result-details .result.-past .value {
opacity:.5;
}
.input-comparison {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
gap:var(--size-small);
}
.input-comparison .previous-value,
.input-comparison .current-value {
flex:1;
}
.input-comparison .current-value {
font-weight:bold;
}
input.inline-number,
select.inline-number {
max-width:3.5rem;
text-align:center;
display:inline;
}
input.inline-number {
padding-left:var(--size-smallest);
padding-right:var(--size-smallest);
}
input.inline-number.-dollar {
font-weight:bold;
margin-left:var(--size-smallest);
max-width:4.5rem;
}
.comm-list {
list-style:none;
padding:0;
margin:0;
}
.comm-list .icon {
display:inline-block;
width:2rem;
text-align:center;
}
.contact-cards {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
gap:var(--size-base);
}
.contact-card {
flex-basis:100%;
}
.contact-card {
padding:var(--size-base);
box-shadow: none;
border: 1px solid var(--color-grey);
}
.contact-card .header {
margin-bottom:var(--size-base);
}
.contact-card .footer {
padding:0;
margin-top:var(--size-base);
color:inherit;
}
.contact-card .footer .button {
display:block;
width:100%;
}
.contact-card .body p {
font-size:var(--font-small);
}
.contact-card p + p {
margin-top:var(--size-base);
}
.contact-card .title {
font-size:var(--size-larger);
}
.contact-card .subtitle {
font-size:var(--size-base);
font-weight:lighter;
display:block;
}
.contact-card .comm-list {
margin-top:var(--size-small);
font-size:var(--size-base);
}
@media screen and (min-width:500px) {
.contact-card:not(.-full) {
flex:1 0 34%;
max-width:calc(50% - var(--size-smaller));
}
}
/* .countdownTimer {
color:var(--color-secondary);
} */
.wrap--countdownTimer._almost-expired .countdownTimer {
color:var(--color-alert);
font-weight:bold;
}
.wrap--countdownTimer._expired .countdownTimer {
color:var(--color-alert);
font-weight:bold;
opacity:.5;
}
.countdownTimer-expired {
display:none;
color:var(--color-alert);
}
.countdownTimer-expired .link {
color:inherit;
}
.wrap--countdownTimer._expired .countdownTimer-expired {
display:block;
}
.wrap--countdownTimer._expired .countdownTimer-dependent {
display:none
}
.countdownTimer-reset,
.countdownTimer-reset-max {
display:none;
}
.wrap--countdownTimer._reset .countdownTimer-reset,
.wrap--countdownTimer._reset-max .countdownTimer-reset-max {
display:block;
}
.wrap--countdownTimer._reset-max .countdownTimer-expired {
display:none;
}
.timeframeGrid {
display:flex;
flex-direction:row;
}
.timeframeGrid .col-label,
.timeframeGrid .row-label.-blank {
height:2rem;
}
.timeframeGrid .row-label {
height:3rem;
font-size:var(--font-small);
}
.timeframeGrid .row-label small {
display:block;
line-height:1;
}
.timeframeGrid-item {
height:3rem;
width:3rem;
border:1px solid black;
color:transparent;
font-size:var(--font-smallest);
}
.timeframeGrid-item._active {
background-color:var(--color-secondary);
}
.statement-batch .label {
display:block;
margin-bottom:var(--size-small);
}
.statement-batch + .statement-batch {
margin-top:var(--size-large);
}
.statement-option:not(._active) {
background-color:var(--color-grey-lighter);
color:var(--color-grey-dark);
}
.statement-option small {
display:block;
font-weight:normal;
}
.statement-attributes {
margin-top:var(--size-small);
}
.statement-attribute + .statement-attribute {
margin-left:var(--size-small);
}
.statement-output {
/* display:none; */
padding:var(--size-base);
background-color:var(--color-grey-lightest);
min-height:0;
height:auto;
}
.instruction-button {
padding:var(--size-base);
border:2px solid var(--color-secondary);
border-radius:var(--border-radius-base);
/* margin-left:-1rem;
margin-right:-1rem; */
}
.instruction-button .title {
font-family:'Roboto', Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:0;
font-size:var(--font-large);
color:var(--color-secondary);
font-weight:400;
margin-bottom:var(--size-base);
}
.instruction-button .text {
margin-bottom:var(--size-base);
}
.instruction-button .icon {
display:inline-block;
font-size:1.25rem;
width:30px;
text-align:center;
margin-right:var(--size-smaller);
}
.instruction-button .button {
display:block;
width:100%;
font-size:var(--font-large);
padding:var(--size-base);
}
.search-results-title {
padding:0 var(--size-small);
}
.search-results-title .title {
margin:0;
text-transform:uppercase;
font-weight:lighter;
}
.search-results-title + .wrap-browse-buttons {
margin-top:var(--size-base);
}
.title-extras {
font-size:var(--font-small);
text-transform:none;
display:flex;
align-items:center;
gap:var(--size-smaller);
}
.title-extras .image-dot {
width:35px;
height:35px;
padding:7px;
border:1px solid var(--color-grey-light);
}
@media screen and (max-width:499px) {
.title-extras {
margin-top:var(--size-base);
}
}
@media screen and (min-width:500px) {
.title.-with-extras {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
}
._hc.wrap-cards {
margin-left:0;
margin-right:0;
gap:var(--size-base);
}
._hc.wrap-cards > .card {
margin:0;
}
/* starting grid */
.starting-grid {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--size-base);
/* background-color:var(--color-grey-lighter); */
}
.starting-grid > .i {
background-color:var(--color-white);
border-radius:var(--border-radius-base);
padding:var(--size-base);
}
.starting-grid .icon.-xl {
font-size:var(--icon-size-large);
}
/* faciliy details card */
.facility-card {
padding:var(--size-base);
border:1px solid var(--color-grey-light);
border-radius:var(--border-radius-base);
}
.facility-card .logo {
text-align:center;
margin-bottom:var(--size-small);
}
.facility-card .logo img {
max-width:200px;
}
.facility-card .details {
font-size:var(--font-smaller);
}
.facility-card .title {
font-size:var(--font-small);
margin-bottom:var(--size-smallest);
}
@media screen and (min-width:600px) {
.facility-card {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
gap:var(--size-base);
}
.facility-card > .details {
flex-grow:1;
}
.facility-card .logo img {
max-width:150px;
}
}
.wrap-button-options {
display:flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
gap:var(--size-small);
}
.wrap-button-options .button {
flex:1;
padding-top:var(--size-base);
padding-bottom:var(--size-base);
}
.wrap-button-options .button + .button:not(.-subdued) {
background-color:var(--color-primary);
}
.button.exit-process {
font-size:var(--font-smaller);
font-weight:normal;
padding-top:var(--size-smaller);
padding-bottom:var(--size-smaller);
background-color:transparent;
border:1px solid var(--color-grey-dark);
color:var(--color-grey);
text-transform:none;
}
.page-banner {
padding:var(--size-small) var(--size-base);
background:var(--color-secondary);
color:var(--color-white);
/* border:4px solid var(--color-secondary); */
border-radius:var(--border-radius-base);
}
address .address-body {
display:block;
padding:var(--size-smaller) var(--size-base);
}
.list-detailed-actions {
list-style:none;
padding:0;
border-radius: var(--border-radius-base);
border:1px solid var(--color-grey-dark);
}
.list-detailed-actions > li {
padding:var(--size-base);
}
.list-detailed-actions > li + li {
border-top:1px solid var(--color-grey-dark);
}
@keyframes confetti-spin {
0% {
transform: rotate3d(0, 1, 1, 360deg);
}
50% {
transform: rotate3d(0, 1, 1, 180deg);
}
100% {
transform: rotate3d(0, 0, 0, 0);
}
}
@keyframes confetti-fall {
0% {
transform: translateY(0px);
opacity: 1;
}
50% {
opacity: 1;
}
100% {
transform: translateY(50vh);
opacity: 0;
}
}
.animated-confetti {
pointer-events:none;
position:absolute;
width:100%;
height:50vh;
top:0; left:0;
overflow:hidden;
}
.confetti {
position: absolute;
animation: confetti-fall 3s ease-out infinite;
width: 20px;
height: 20px;
}
.confetti::before {
content: "";
display: block;
width: 100%;
height: 100%;
animation: confetti-spin 1s linear infinite;
}
.confetti:nth-child(3n+1)::before {
background-color: var(--color-primary);
}
.confetti:nth-child(3n+2)::before {
background-color: var(--color-secondary);
}
.confetti:nth-child(3n)::before {
background-color: var(--color-accent);
}
.confetti:nth-child(2)::before {
animation-delay: -5s;
animation-fill-mode: backwards;
animation-duration: 1.5s;
}
.confetti:nth-child(3)::before {
animation-delay: -3s;
}
.confetti:nth-child(4)::before {
animation-delay: -2.5s;
animation-fill-mode: backwards;
animation-duration: 1.2s;
}
.confetti:nth-child(5)::before {
animation-delay: -4s;
}
.confetti:nth-child(6)::before {
animation-delay: -6s;
animation-fill-mode: backwards;
animation-duration: 1.1s;
}
.confetti:nth-child(7)::before {
animation-delay: -1.5s;
}
.confetti:nth-child(8)::before {
animation-delay: -2s;
animation-fill-mode: backwards;
animation-duration: 1.8s;
}
.confetti:nth-child(9)::before {
animation-delay: -3.5s;
}
.confetti:nth-child(10)::before {
animation-delay: -2.5s;
animation-fill-mode: backwards;
animation-duration: 1.3s;
}
.confetti:nth-child(1) {
left: 10%;
width: 20px;
height: 20px;
}
.confetti:nth-child(2) {
left: 20%;
animation-delay: -5s;
width: 15px;
height: 15px;
}
.confetti:nth-child(3) {
left: 2%;
animation-delay: -1.2s;
width: 10px;
height: 10px;
}
.confetti:nth-child(4) {
left: 47%;
animation-delay: -2.5s;
width: 12px;
height: 12px;
}
.confetti:nth-child(5) {
left: 54%;
animation-delay: -4.1s;
transform: scale(1.3);
}
.confetti:nth-child(6) {
left: 60%;
animation-delay: -6.8s;
width: 16px;
height: 16px;
}
.confetti:nth-child(7) {
left: 73%;
animation-delay: -1.5s;
width: 18px;
height: 18px;
}
.confetti:nth-child(8) {
left: 80%;
animation-delay: -2s;
width: 22px;
height: 22px;
}
.confetti:nth-child(9) {
left: 88%;
animation-delay: -3.5s;
width: 8px;
height: 8px;
}
.confetti:nth-child(10) {
left: 950%;
animation-delay: -2.5s;
width: 24px;
height: 24px;
}
/* .animated-title {
position: relative;
}
.animated-title .title {
text-transform:none;
font-weight:bold;
text-shadow: .1rem .1rem 0 var(--color-white);
position:relative;
z-index:2;
color:var(--color-secondary);
font-family:var(--font-family-secondary);
}
.animated-title .title:after {
content: attr(data-animated-shadow);
position: absolute;
top: .2rem; left: .2rem;
z-index: -1;
text-shadow: none;
background-image:
linear-gradient(
45deg,
transparent 45%,
var(--color-accent) 45%,
var(--color-accent) 55%,
transparent 0
);
background-size: .17rem .17rem;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shad-anim 30s linear infinite;
}
@keyframes shad-anim {
0% {background-position: 0 0}
0% {background-position: 100% -100%}
} */
.card-section {
/* background-color:var(--color-primary-light); */
/* background-color:var(--color-primary); */
/* color:white; */
/* border-top:1px solid var(--color-grey); */
text-align:center;
padding:0 var(--size-smaller);
}
.thumb + .card-section,
.card-section + .card-section {
padding-top:var(--size-small);
}
.card-section:last-child {
padding-bottom:var(--size-small);
}
.card-section .title {
font-size:var(--font-smallest);
margin:0;
margin-bottom:var(--size-smaller);
text-transform:uppercase;
display:none;
}
.card-section .options {
display: flex;
flex-direction: row;
flex-wrap: nowrap; /* Ensures that flex items do not wrap */
justify-content: space-between;
align-items: center;
gap: 0;
}
.card-section .options .i {
flex:1;
font-size:var(--font-smallest);
text-transform:uppercase;
padding:0 var(--size-smallest);
font-weight:bold;
line-height:1;
}
.card-section .online-inperson {
font-size:var(--font-smallest);
text-transform:uppercase;
}
.card-section .online-inperson .icon {
font-size:var(--font-smaller);
}
.category-options {
display:flex;
flex-direction:row;
justify-content: center;
align-items:stretch;
gap:var(--size-base);
padding:0;
list-style:none;
}
.category-options .option {
border:1px solid var(--color-grey);
border-radius:var(--border-radius-base);
padding:var(--size-base) var(--size-smaller);
text-align:center;
width:160px;
cursor:pointer;
}
.category-options .option._active {
background-color:var(--color-primary);
color:var(--color-white);
}
.category-options .title {
display:block;
font-size:var(--font-small);
font-weight:normal;
text-transform:uppercase;
}
.category-options .icon {
display:block;
font-size:var(--icon-larger);
}
.services.card-section .options {
gap:var(--size-smaller);
}
.services .options > .i {
background-color:var(--color-grey-lighter);
color:inherit;
font-weight:normal;
/* color:inherit; */
/* background-color:var(--color-primary); */
/* color:var(--color-white); */
/* color:var(--color-primary); */
/* background-color:var(--color-primary-light); */
/* border:2px solid var(--color-primary); */
border-radius:var(--border-radius-base);
padding:var(--size-smaller);
}
.bundle-list {
display:grid;
grid-template-columns: 1fr 1fr;
gap:var(--size-smaller);
list-style:none;
padding:0;
}
.bundle-list li {
padding:var(--size-base) var(--size-smaller);
border-radius:var(--border-radius-base);
border:1px solid var(--color-grey-lighter);
flex:1;
}
.purchase-options > .section {
padding:0;
}
.purchase-options > .section + .section {
margin-top:var(--size-base);
}
.purchase-options .section-label {
text-transform:uppercase;
/* font-family:var(--font-family-secondary); */
font-size:var(--font-smaller);
margin:0;
margin-bottom:var(--size-smaller);
}
.purchase-options .options {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
gap:var(--size-smaller);
}
.purchase-options .options input[type="radio"] {
display:none;
}
.purchase-options .options input[type="radio"] + label {
border:2px solid var(--color-grey-lighter);
border-radius:var(--border-radius-base);
background-color:var(--color-grey-lighter);
color:var(--color-font);
padding:var(--size-smaller) var(--size-base);
text-transform:uppercase;
font-family:var(--font-family-secondary);
font-size:var(--font-smaller);
font-weight:normal;
display:block;
}
.purchase-options .options input[type="radio"]:checked + label {
border-color:var(--color-secondary);
font-weight:bold;
background-color:var(--color-white);
/* color:var(--color-white); */
}
.purchase-options .options input[type="radio"] + label:hover {
border-color:var(--color-secondary);
background-color:var(--color-white);
}
.purchase-options .note {
border-radius:var(--border-radius-base);
background-color:var(--color-primary-light);
/* border:1px solid var(--color-primary); */
padding:var(--size-smaller) var(--size-base);
font-size:var(--font-smaller);
}
.purchase-options .note + .note {
margin-top:var(--size-smaller);
}
.purchase-options .note .title {
font-size:var(--font-small);
margin-bottom:0;
}
.purchase-options .instruction {
margin-bottom:var(--size-large);
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
gap:var(--size-smaller);
}
.purchase-options .instruction .text {
flex-shrink:1;
padding-top:5px;
}
.purchase-options .instruction .instruction-number {
min-width:40px;
}
.instruction-number {
display:inline-block;
vertical-align:middle;
border-radius:100%;
background-color:var(--color-primary);
color:var(--color-white);
font-weight:bold;
font-size:var(--font-large);
text-align:center;
line-height:40px;
width:40px;
height:40px;
}
.purchase-builder {
display:grid;
grid-template-columns: 260px 1fr;
gap:var(--size-larger);
}
.purchase-builder .purchase-list {
grid-column:1;
padding:var(--size-large) 0;
}
.purchase-builder .purchase-list .graphic {
max-width:70px;
border-radius:var(--border-radius-base);
overflow:hidden;
}
.purchase-builder .purchase-list .item-options {
margin-top:var(--size-large);
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--size-small);
text-align:center;
}
.purchase-builder .purchase-list .item-options .title {
grid-column: 1 / -1;
font-size:var(--font-smaller);
font-weight:100;
text-transform:uppercase;
}
.purchase-builder .purchase-list .item-options .selected-option {
border:1px solid var(--color-secondary);
text-transform:uppercase;
padding:var(--size-smallest) var(--size-smaller);
border-radius:var(--border-radius-base);
font-family:var(--font-family-secondary);
font-size:var(--font-small);
font-weight:400;
}
.purchase-builder .purchase-list .item-options .selected-option.-full {
grid-column: 1 / -1;
}
.purchase-builder .edit-options {
grid-column:1 / -1;
background-color:var(--color-grey-lighter);
border-radius:var(--border-radius-base);
padding:var(--size-smallest) var(--size-smaller);
font-size:var(--font-smaller);
text-transform:lowercase;
margin-top:var(--size-smallest);
cursor:pointer
}
.purchase-builder .edit-options:before {
content:"";
border: solid var(--color-grey);
border-width: 0 3px 3px 0;
display: inline-block;
vertical-align:middle;
padding: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.purchase-builder .edit-options:hover {
box-shadow:inset 0 0 6px rgba(0,0,0,.15);
}
.purchase-builder .purchase-list .professional {
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: flex-start;
gap:var(--size-small);
}
.purchase-builder .purchase-list .title {
font-size:var(--font-larger);
margin:0;
}
.purchase-builder .purchase-list .label {
font-size:var(--font-smaller);
margin:0;
}
.purchase-builder .icon {
color:var(--color-secondary);
}
.purchase-builder .purchase-list .purchase-options {
margin-top:var(--size-base);
}
.price-table .selectable-button._active {
border-color:var(--color-secondary);
}
.price-table .selectable-button:not(._active) {
background-color:var(--color-grey-lightest);
}
.price-table .selectable-button:not(._active) .button {
background-color:var(--color-grey-lighter);
color:var(--color-font);
}
.purchase-builder > .purchase-options {
width:100%;
grid-column:2;
background-color:var(--color-white);
border-radius:var(--border-radius-base);
box-shadow:var(--shadow-large);
padding:var(--size-large) var(--size-large);
}
.purchase-builder .purchase-options .section {
padding:0;
}
.purchase-builder .purchase-options .section + .section {
margin-top:var(--size-larger);
padding-top:var(--size-larger);
border-top:1px solid var(--color-grey-lighter);
/* border-top:10px solid var(--color-secondary-light); */
}
@media screen and (min-width:1000px) {
.purchase-builder .purchase-list {
align-self:start;
position: sticky;
top:0;
}
}
.quantity-input {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
gap:var(--size-small);
}
.quantity-input input {
border:none;
outline:none;
border-radius:0;
padding:0;
width:100px;
font-size:var(--title-base);
line-height:1;
font-weight:bold;
text-align:center;
border-radius:var(--border-radius-base);
border:1px solid var(--color-secondary);
/* box-shadow:0 0 var(--size-smaller) rgba(0,0,0,.07); */
box-shadow:var(--shadow-small);
/* border-bottom:var(--size-smallest) solid var(--color-secondary); */
}
.quantity-input label {
flex-grow:1;
/* font-weight:bold; */
font-size:var(--font-base);
padding-bottom:var(--size-small);
}
.quantity-input.-with-buttons {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:var(--size-smallest);
}
.quantity-input .quantity-button.-minus {
order:1;
}
.quantity-input > input {
order:2;
}
.quantity-input .quantity-button.-plus {
order:3;
}
.quantity-input .quantity-button {
background-color:transparent;
/* border:1px solid var(--color-grey-lighter); */
/* box-sizing:unset; */
color:var(--color-secondary);
font-size:var(--font-largest);
width:var(--min-touchable-size);
height:var(--min-touchable-size);
line-height:var(--min-touchable-size);
padding:0;
border-radius:100%;
}
.bundle-selector {
list-style:none;
padding:0;
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
/* display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap; */
gap:var(--size-smaller);
margin-top:var(--size-large);
}
.bundle-selector > .header {
grid-column:1 / -1;
font-style:italic;
width:100%;
padding-left:var(--size-small);
padding-right:var(--size-small);
font-size:var(--size-small);
}
.bundle-selector > .option {
border:1px solid var(--color-grey-lighter);
border-radius:var(--border-radius-base);
text-align:left;
padding:var(--size-small);
background-color:var(--color-grey-lightest);
min-width:150px;
display:flex;
flex-direction:column;
justify-content:flex-end;
font-size:var(--font-small);
cursor:pointer;
}
.bundle-selector .option._active,
.bundle-selector .option:hover {
/* border-color:var(--color-accent-light); */
background-color:var(--color-white);
}
.bundle-selector .option._active {
font-style:italic;
font-weight:bold;
}
/* .bundle-selector .option._active {
font-weight:bold;
} */
.bundle-selector .label {
display:block;
/* font-weight:bold; */
}
.bundle-selector .price {
display:block;
font-size:var(--font-smaller);
/* font-weight:bold; */
}
.bundle-selector .discount {
display:block;
/* font-style:italic; */
font-size:var(--font-smaller);
}
.bundle-selector .base-rate {
}
.subtotal-summary {
list-style: none;
padding: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap; /* Ensures that flex items do not wrap */
gap: var(--size-base);
}
.subtotal-summary .total .value {
font-weight:bold;
font-size:var(--title-small);
color:var(--color-secondary);
line-height:var(--line-height-base);
}
.subtotal-summary .total .text {
display:block;
font-size:var(--font-smaller);
white-space:nowrap;
}
.subtotal-summary .details {
border-left:1px solid var(--color-grey-lighter);
}
.subtotal-list {
list-style:none;
padding-left:0;
padding-left:var(--size-base);
margin:0;
}
.subtotal-list + .subtotal-list {
border-top:1px solid var(--color-grey-lighter);
margin-top:var(--size-smaller);
padding-top:var(--size-smaller);
}
.subtotal-summary.-mini {
gap:var(--size-small);
}
.subtotal-summary.-mini .total {
font-size:var(--size-large);
}
.subtotal-summary.-mini .subtotal-list {
font-size:var(--size-small);
}
.purchase-options .wrap-cta {
margin-top:var(--size-large);
}
.purchase-options .cta-note {
font-size:var(--font-smaller);
font-style:italic;
}
.payment-method-list {
list-style:none;
padding:0;
display:flex;
flex-direction:column;
border-radius:var(--border-radius-base);
gap:var(--size-smaller);
}
.payment-method-list > .option {
display:grid;
grid-template-columns:1fr 80px;
padding:var(--size-small);
border-radius:var(--border-radius-base);
border:1px solid var(--color-grey-lighter);
}
.payment-method-list > .option .title,
.payment-method-list > .option .details {
grid-column:1;
}
.payment-method-list > .option .selector {
grid-column:2;
}
.payment-method-list > .option .title {
font-weight:bold;
}
.section-body.-section-pops {
background-color:var(--color-grey-lightest);
}
.popupScreen.pmt-wrapper .section-body {
padding:0;
}
/*
.popupScreen.pmt-wrapper .section-body > .container,
#divAuthorizeNetPopup,
.AuthorizeNetPopupOuter,
.AuthorizeNetPopupInner {
height:100%;
}
.pmt-frame {
width:100%;
height:100%;
padding:var(--size-base) 0;
overflow:hidden;
display:flex;
flex-direction:column;
} */
/* .pmt-header {
margin-bottom:var(--size-base);
} */
/* IF no scrollbar for iframe */
/* .pmt-frame iframe { min-height:1055px !important; } */
/* .iframe-sample-page {
--color-secondary: rgb(0, 83, 238);
--border-radius-base: 0;
font-family:serif;
}
.iframe-sample-page .button {
font-family:sans-serif;
width:auto;
}
.iframe-sample-page .form {
max-width:800px;
margin-left:auto;
margin-right:auto;
}
.iframe-sample-page .form-body {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:var(--size-base);
}
.iframe-sample-page label {
font-size:var(--font-base);
font-weight:bold;
}
.pmt-frame iframe {
min-height:434px;
} */
.iframe-sample-page img {
height:750px;
margin:auto;
}
.iframe-sample-page img.desktop {display:none;}
.iframe-sample-page img.mobile {display:block;}
@media screen and (min-width:450px) {
.iframe-sample-page img.desktop {display:block;}
.iframe-sample-page img.mobile {display:none;}
.iframe-sample-page img {
height:433px;
min-width:750px;
}
}
.pmt-frame iframe {
width:100%;
border:none;
height:750px;
}
@media screen and (min-width:450px) {
.pmt-frame iframe {
height:433px;
}
}
.selectable-options {
display: grid;
gap: var(--size-smaller);
grid-template-columns: repeat(2, 1fr);
}
.selectable-options.-full {
grid-template-columns: repeat(1, 1fr);
}
.selectable-options.-halves {
grid-template-columns: repeat(2, 1fr);
}
.selectable-options.-thirds {
grid-template-columns: repeat(3, 1fr);
}
.selectable-options.-fourths {
grid-template-columns: repeat(4, 1fr);
}
.selectable-options input[type="checkbox"],
.selectable-options input[type="radio"] {
display:none;
}
.selectable-option {
padding: var(--size-small) var(--size-small);
border: 2px solid var(--color-grey-lighter);
border-radius: var(--border-radius-base);
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: var(--color-grey-lightest);
}
.selectable-option.-mini {
padding:var(--size-small) var(--size-smaller);
}
.selectable-option .label {
display: block;
font-family: var(--font-family-secondary);
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
line-height: var(--line-height-base);
margin-bottom: var(--size-smaller);
cursor:pointer;
}
.selectable-option.-mini .label {
margin-bottom:0;
font-size:var(--font-small);
margin-bottom:var(--size-smallest);
font-weight:normal;
}
.selectable-option .description {
display:block;
font-size:var(--font-smaller);
line-height:1;
}
.selectable-option .action {
display:block;
padding: var(--size-smaller) var(--size-base);
background-color: var(--color-grey-lighter);
font-weight: 500;
font-size:var(--font-smaller);
color: var(--color-font);
}
.selectable-options input:checked + .selectable-option {
border-color:var(--color-secondary);
background-color:var(--color-white);
/* box-shadow:0 0 .25rem rgba(0,0,0,.1); */
box-shadow:var(--shadow-small);
}
.selectable-options input:checked + .selectable-option .action {
background-color:var(--color-secondary);
color:var(--color-white);
}
.selectable-options input:checked + .selectable-option .action:after {
content:"ed";
}
.selectable-option.-button {
padding:var(--size-smallest) var(--size-smaller);
}
.selectable-option.-button .label {
margin:0;
font-weight:400;
font-size:var(--font-small);
}
.selectable-options input:checked + .selectable-option.-button {
background-color:var(--color-secondary);
color:var(--color-white);
}
.option-details {
margin-top:var(--size-large);
font-size:var(--font-smaller);
padding:0 var(--size-small);
/* background-color:var(--color-grey-lighter); */
border-radius:var(--border-radius-base);
font-style:italic;
}
.option-details p:not(:last-child) {
margin-bottom:var(--size-smaller);
}
.option-details ul {
margin-bottom:0;
}
.selectable-option.-check {
display:grid;
gap:var(--size-base);
grid-template-columns:40px 1fr;
text-align:left;
align-items:center;
}
.selectable-option.-check:before {
content:"\2713";
display:block;
width:40px;
height:40px;
line-height:40px;
border-radius:var(--border-radius-base);
border:1px solid var(--color-grey-light);
color:transparent;
text-align:center;
font-size:var(--font-largest);
}
.selectable-options input:checked + .selectable-option.-check:before {
color:var(--color-secondary);
}
.price-options {
display:grid;
/* grid-template-columns: 1fr 1fr 1fr 1fr; */
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap:var(--size-smaller);
margin-top:var(--size-large);
}
.price-options .header-text {
grid-column:1 / -1;
font-style:italic;
width:100%;
padding-left:var(--size-small);
padding-right:var(--size-small);
font-size:var(--size-small);
margin:0;
}
.price-options input[type="checkbox"],
.price-options input[type="radio"] {
display:none;
}
.price-options > .option {
border:1px solid var(--color-grey-lighter);
border-radius:var(--border-radius-base);
text-align:left;
padding:var(--size-small);
background-color:var(--color-grey-lightest);
min-width:150px;
display:flex;
flex-direction:column;
justify-content:flex-end;
font-size:var(--font-small);
cursor:pointer;
}
.price-options input:checked + .option,
.price-options .option:hover {
background-color:var(--color-white);
/* box-shadow:0 0 var(--size-smallest) rgba(0,0,0,.05); */
box-shadow:var(--shadow-small);
}
.price-options input:checked + .option:not(.-default),
.price-options .option:not(.-default):hover {
border-color:var(--color-secondary);
}
.price-options input:checked + .option {
font-style:italic;
font-weight:bold;
}
.price-options .label {
display:block;
font-weight:bold;
}
.price-options .price {
display:block;
font-size:var(--font-smaller);
}
.price-options .discount {
display:block;
font-size:var(--font-smaller);
}
.purchase-agreements {
overflow: hidden;
margin-top:var(--size-larger);
margin-bottom:var(--size-larger);
}
.bundle-extras > .item:not(._active),
.bundle-extras > .item._active.-empty {
display:none;
}
.bundle-extras > .item {
margin-top:var(--size-larger);
padding:var(--size-base);
background-color:var(--color-grey-lighter);
border-radius:var(--border-radius-base);
/* border:1px solid var(--color-grey-lighter); */
}
.bundle-extras .title {
margin-bottom:var(--size-smallest);
font-size:var(--font-base);
}
.bundle-extras .instructions {
font-size:var(--font-smaller);
margin-bottom:var(--size-base);
}
.purchase-note-on-card {
margin:0;
/* margin-right:auto; */
width:fit-content;
margin-top:var(--size-small);
border:1px solid var(--color-grey-light);
padding:var(--size-smallest) var(--size-smaller);
background-color:var(--color-grey-lighter);
border-radius:var(--border-radius-small);
font-size:var(--font-smaller);
}
.purchase-note-on-card.-warning {
background-color:var(--color-alert-lightest);
color:var(--color-alert);
border-color:var(--color-alert);
}
.highlighted-details {
padding:var(--size-base);
border-radius:var(--border-radius-base);
border:1px solid var(--color-grey-light);
}
.highlighted-details .title {
margin-bottom:var(--size-base);
font-size:var(--size-base);
text-transform:uppercase;
}
.highlighted-details p:not(:last-child) {
margin-bottom:var(--size-small);
font-size:var(--font-small);
}
.highlighted-details p.highlighted {
color:var(--color-success);
font-size:var(--font-base);
}
.highlighted-details .label {
display:block;
font-size:var(--size-smaller);
text-transform:uppercase;
font-weight:bold;
}
.bundle-threshold-close {
background-color:var(--color-primary-light);
padding:var(--size-small);
border-radius:var(--border-radius-base);
margin-top:var(--size-base);
color:var(--color-primary);
border:1px solid var(--color-primary);
}
.bundle-threshold-close:not(._active) {
display:none;
}
.bundle-threshold-close .title {
margin:0;
font-size:var(--font-small);
font-style:italic;
font-weight:bold;
}
.bundle-threshold-close .text {
font-size:var(--font-smaller);
margin:0;
}
/* MOBILE STYLING for purchase professionals and bundles */
@media screen and (max-width:1099px) {
}
@media screen and (max-width:849px) {
.purchase-builder {
display:block;
}
.purchase-builder .purchase-list {
display:flex;
gap:var(--size-base);
flex-direction:row;
justify-content:center;
align-items:flex-start;
padding-top:0;
}
.purchase-builder .purchase-list .item-options {
margin-top:0;
}
.purchase-builder .purchase-list .item-options .title {
display:none;
}
.selectable-options.-fourths,
.selectable-options.-thirds {
grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
}
.selectable-options.-halves {
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
}
}
@media screen and (max-width:499px) {
.purchase-builder .purchase-list {
flex-direction:column;
justify-content:flex-start;
align-items:center;
}
.purchase-builder > .purchase-options {
padding:var(--size-large) var(--size-base);
}
}
@media screen and (max-width:399px) {
.subtotal-summary .total .value {
font-size:var(--font-largest);
}
}
.filter-advanced-toggler {
padding:var(--size-base) var(--size-smaller);
font-size:var(--font-small);
}
.filtered-results-quantity {
width:100%;
font-size:var(--font-small);
}
.filtered-results-quantity .text:hover {
text-decoration:underline;
}
.filtered-results-quantity .value {
font-weight:bold;
}
@media screen and (max-width:600px) {
.filtered-results-quantity {
text-align:right;
margin-top:var(--size-small);
}
}
.alert-text {
color:var(--color-alert);
}
.warning-text {
color:var(--color-warning);
}
.tiny-text {
font-size:var(--font-smaller);
font-weight:bold;
}
.detailed-breakdown {
background-color:var(--color-grey-lighter);
border-radius:var(--border-radius-large);
padding:var(--size-base);
margin-top:var(--size-base);
margin-bottom:var(--size-base);
}
.detailed-breakdown > .title {
text-align:left;
font-size:var(--font-larger);
text-transform:uppercase;
font-weight:100;
padding:0 var(--size-small);
margin-bottom:var(--size-smaller);
}
.quantity-blocks {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, .25fr));
/* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
grid-gap: var(--size-small);
list-style-type:none;
padding:0;
}
.quantity-blocks > .item {
border:1px solid var(--color-grey-light);
background-color:var(--color-white);
border-radius:var(--border-radius-base);
padding:var(--size-smaller);
text-align:center;
}
.quantity-blocks .value {
display: block;
font-size:var(--title-small);
line-height:1;
font-weight:bold;
}
.quantity-blocks .label {
display:block;
font-size:var(--font-smaller);
}
.quantity-blocks .value .subset {
font-size:var(--size-base);
}
.quantity-blocks .value.-fade {
color:var(--color-grey);
}
.sessions-table > .item {
padding:var(--size-small);
background-color:var(--color-grey-lightest);
border-radius:var(--border-radius-base);
}
.sessions-table > .item + .item {
margin-top:var(--size-small);
}
.sessions-table .title {
font-size:var(--size-base);
text-align:left;
}
.sessions-table .title .subtitle {
display:block;
font-size:var(--size-small);
}
.sessions-table .title:not(:first-child) {
margin-top:var(--size-smallest);
}
.sessions-table .details {
list-style:none;
padding:0;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
gap:var(--size-small);
margin:0;
font-size:var(--font-small);
}
.sessions-table .details .value {
display:block;
font-weight:bold;
}
.sessions-table .details .label {
display:block;
}
@media screen and (min-width:800px) {
.sessions-table > .item {
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:var(--size-small);
}
}
.dropdown-trigger-section:not(._active) {
display:none;
}
.table-list {
border:1px solid var(--color-grey-lighter);
border-radius:var(--border-radius-base);
width:100%;
overflow:hidden;
text-align:center;
}
.table-list > .item {
display:grid;
gap:var(--size-small);
}
.table-list > .item + .item {
border-top:1px solid var(--color-grey-lighter)
}
.table-list .item.-header {
background-color:var(--color-grey-lighter);
font-weight:bold;
font-size:var(--font-smaller);
text-transform:uppercase;
}
.table-list .item .cell.-full {
grid-column:1/-1;
}
.table-list .cell.-key {
flex-grow:1;
text-align:left;
}
.table-list .cell.-action .icon {
color:var(--color-alert);
width:var(--min-touchable-size);
}
.table-list > .item {
font-size:var(--font-small);
padding: var(--size-smallest) var(--size-smallest);
}
.table-list > .item.-header {
font-size:var(--font-smallest);
}
.table-list.-client-sessions {
max-width:330px;
}
.table-list.-client-sessions > .item {
display:grid;
gap:var(--size-smallest);
grid-template-columns:1fr 100px;
align-items:center;
}
.table-list.-client-sessions.interactive-table > .item {
grid-template-columns: var(--min-touchable-size) 1fr 100px;
}
.table-list.-client-sessions.interactive-table.-no-action > .item {
grid-template-columns: 1fr 100px;
}
.table-list.-client-sessions > .item.-full {
grid-template-columns:1fr;
padding:var(--size-smallest);
}
/* .table-list.-client-sessions .item.-required {
font-style:italic;
} */
.instructional-text {
font-size:var(--font-small);
background-color:var(--color-grey-lighter);
border-radius:var(--border-radius-base);
padding:var(--size-base);
}
.button-like {
padding:var(--size-smaller);
border-radius:var(--border-radius-base);
background-color:var(--color-grey-lighter);
font-size:var(--font-smallest);
text-transform:uppercase;
}
.extra-details {
padding:var(--size-small);
border-radius:var(--border-radius-base);
border:1px solid var(--color-grey-light);
background-color:var(--color-grey-lighter);
}
.extra-details > .title {
font-size:var(--font-base);
font-weight:bold;
margin-bottom:0;
}
.extra-details > .label {
margin-bottom:0;
font-size:var(--font-small);
}
.extra-details.-light {
background-color:var(--color-grey-lightest);
}
.expedite-buttons {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:stretch;
gap:var(--size-smaller);
}
.expedite-buttons.-centered {
justify-content:center;
text-align:center;
}
.expedite-buttons .section-label {
width:100%;
font-size:var(--font-small);
margin:0;
font-style:italic;
text-transform:none;
}
.expedite-buttons .button {
min-width:100px;
background-color:var(--color-white);
border:1px solid var(--color-secondary);
border-radius:var(--border-radius-base);
text-align:center;
color:var(--color-font);
box-shadow:var(--shadow-base-light);
}
.expedite-buttons .button.-alert {
border-color:var(--color-alert);
}
.expedite-buttons .button:hover {
box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
.expedite-buttons .button .title {
display:block;
font-weight:normal;
font-size:var(--font-small);
}
.expedite-buttons .button .label {
display:block;
font-weight:100;
font-size:var(--font-smaller);
}
.expedite-buttons .button .title + .label {
margin-top:var(--size-smallest);
}
.expedite-buttons.-small .button .title {
font-size:var(--font-smaller);
}
.expedite-buttons.-small .button .label {
font-size:var(--font-smallest);
}
.expedite-buttons .button.active {
background-color:var(--color-secondary);
color:var(--color-white);
}
.expedite-buttons .button.active.-alert {
background-color:var(--color-alert);
}
.expedite-buttons .button.active .label {
font-weight:bold;
}
.mini-checklist {
list-style:none;
padding:0;
margin:0;
border:1px solid var(--color-grey-light);
border-radius:var(--border-radius-base);
background-color:var(--color-grey-lightest);
}
.mini-checklist > li {
padding:var(--size-smaller);
margin:0;
border-top:1px solid var(--color-grey-light);
text-align:left;
}
.mini-checklist .instructions {
text-align:inherit;
}
.mini-checklist .instructions:first-child {
border-top:none;
}
.mini-checklist input[type='checkbox']:not(:checked) + label {
color:var(--color-grey);
}
.mini-checklist input[type='checkbox']:not(:checked) + label:before {
border-color:var(--color-grey);
}
.mini-checklist .button.-remover {
float:right;
font-size:var(--font-smaller);
color:var(--color-alert-lightest);
background-color:var(--color-alert);
}
/* Question-Answer-Grid (used with Schedule Sessions) */
.question-answer-grid .question {
text-align:center;
font-size:var(--font-largest);
font-weight:200;
border-bottom:1px solid var(--color-grey-light);
padding-bottom:var(--size-small);
}
.question-answer-grid .answers {
display:grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap:var(--size-base);
}
.question-answer-grid .answers [type="checkbox"],
.question-answer-grid .answers [type="radio"] {
display:none;
}
.question-answer-grid .answer {
padding:var(--size-large) var(--size-small);
border: 1px solid var(--color-grey-lighter);
border-radius: var(--border-radius-base);
text-align: center;
background-color: var(--color-grey-lightest);
box-shadow:var(--shadow-base-light);
}
.question-answer-grid .answer:hover {
border-color:var(--color-secondary);
box-shadow:inset 0 0 6px rgba(0,0,0,.15);
background-color:var(--color-white);
}
.question-answer-grid .answer .label {
display: block;
font-family: var(--font-family-secondary);
text-transform: uppercase;
font-size: var(--font-large);
font-weight: bold;
line-height: var(--line-height-base);
cursor:pointer;
}
.question-answer-grid .answer .icon {
font-size:var(--icon-larger);
}
.question-answer-grid .answer .description {
display:block;
margin:0;
margin-top:var(--size-smaller);
line-height:1;
}
.purchase-list .section-label {
font-size:var(--font-small);
text-transform:uppercase;
margin-bottom:var(--size-small);
}
.purchase-list .section-label:not(:first-child) {
margin-top:var(--size-large);
}
.purchase-list .section-label + .item-options {
margin-top:0;
}
.purchase-builder.session-builder .purchase-list {
padding-top:0;
}
.purchase-builder.session-builder .purchase-list > p {
margin-bottom:0;
}
.session-builder ._hc .schedule-table:not(.detailed) .name {
width:auto;
}
@media screen and (max-width:849px) {
.purchase-builder.session-builder .purchase-list,
.purchase-builder.setup-replacement .purchase-list {
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--size-base);
}
.purchase-builder.session-builder .purchase-list > .vertical-space,
.purchase-builder.setup-replacement .purchase-list > .vertical-space {
display:none;
}
.purchase-builder.session-builder .purchase-list > .item-options,
.purchase-builder.setup-replacement .purchase-list > .item-options {
grid-column:1 / -1;
}
}
@media screen and (max-width:549px) {
.purchase-builder.session-builder .purchase-list,
.purchase-builder.setup-replacement .purchase-list {
grid-template-columns:1fr;
}
}
.quantity-input.-small input {
width:3ch;
font-size:var(--title-small);
}
.quantity-input.-small .button {
color:var(--color-grey);
}
.filters .button.active.-small {
box-shadow:none;
border-color:var(--color-secondary);
}
.user-sessions-card {
background-color:var(--color-white);
padding:var(--size-large);
border-radius:var(--border-radius-large);
box-shadow:var(--shadow-large);
display:grid;
grid-template-columns:1fr;
gap:var(--size-large);
}
.user-sessions-card .user-details {
display:grid;
grid-template-columns:100px 1fr;
gap:var(--size-base);
}
.user-sessions-card .user-details .image img {
border-radius:var(--border-radius-base);
}
.highlighted-subsection {
padding:var(--size-base);
border-radius:var(--border-radius-base);
border:1px solid var(--color-grey-light);
background-color:var(--color-grey-lighter);
}
.session-details .vertical-space {
clear:both;
}
.session-details .main-title {
font-size:var(--font-largest);
margin:0;
}
.session-details .subtitle {
display:block;
font-weight:300;
}
.session-details .main-title .subtitle {
font-size:var(--font-large);
}
.session-details .notes {
/* font-style:italic; */
}
.session-details .notes .label {
display:block;
font-weight:normal;
font-size:var(--font-smaller);
text-transform:uppercase;
font-style:normal;
}
.session-details .instructions .title {
text-align:center;
font-size:var(--font-base);
text-transform:uppercase;
}
.session-details .instructions p {
font-size:var(--font-small);
}
.session-details .actions {
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--size-small);
}
.session-details .actions .button {
font-size:var(--font-small);
}
.session-details .actions .button.-full {
grid-column:-1/1
}
.session-details .actions .button.-subdued {
border:1px solid var(--color-grey);
}
.attribute-tags {
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--size-small);
list-style:none;
padding:0;
margin:0;
}
.attribute-tags .icon {
color:var(--color-secondary);
}
.attribute-tags > .i {
text-align:center;
text-transform:uppercase;
font-family:var(--font-family-secondary);
border:1px solid var(--color-grey-light);
border-radius:var(--border-radius-base);
padding:var(--size-smallest) var(--size-smaller);
font-weight:normal;
}
.attribute-tags > .i.-full {
grid-column:-1/1
}
.thumbnailed-title {
display:grid;
grid-template-columns: 70px 1fr;
gap:var(--size-base);
align-items: center;
}
.thumbnailed-title .thumb {
border-radius:var(--border-radius-base);
overflow:hidden;
}
.thumbnailed-title .icon {
color:var(--color-secondary);
}
.thumbnailed-title .main-title {
font-size:var(--font-larger);
font-family:var(--font-family-secondary);
font-weight:normal;
}
.thumbnailed-title .subtitle {
display:block;
font-weight:300;
line-height:1;
font-size:var(--font-small);
}
.instruction-list {
font-size:var(--font-large);
}
.instruction-list li + li {
margin-top:var(--size-base);
}
.video-thumbnail-frame {
border:.35rem solid #0d0d0d;
box-shadow:0 0 2rem rgba(0,0,0,.2);
border-radius:var(--size-large);
overflow:hidden;
cursor:pointer;
}
@media screen and (min-width:700px) {
.video-thumbnail-frame {
transform:scale(1.25) translateY(3.5rem) translateX(-1rem) perspective(800px) rotateY(-30deg);
}
}
.important-notice {
background-color:var(--color-success-light);
/* color:var(--color-white); */
border:1px solid var(--color-font);
box-shadow:var(--shadow-large);
border-radius:var(--border-radius-base);
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
gap:var(--size-base);
padding:var(--size-base);
margin-bottom:var(--size-larger);
}
.important-notice .title {
font-size:var(--font-base);
text-transform:uppercase;
margin:0;
margin-bottom:var(--size-smallest);
}
.important-notice p {
font-size:var(--font-small);
line-height:var(--line-height-base);
}
.important-notice .text {
flex:1;
}
.important-notice .actions {
min-width:200px;
}
.important-notice .button {
background-color:var(--color-font);
}
.cta-banner {
display: grid;
grid-template-columns: 1fr minmax(100px, 200px);
align-items:center;
gap:var(--size-large);
padding:var(--size-large);
border:1px solid var(--color-grey-lighter);
border-radius: var(--border-radius-base);
box-shadow:var(--shadow-base-light);
}
.cta-banner:not(:first-child) {
margin-top:var(--size-largest);
}
.cta-banner p {
font-size:var(--font-large);
font-weight:500;
color:var(--color-grey-dark);
}
.cta-banner strong {
color:var(--color-secondary);
}
.cta-banner .button {
display:block;
}
.quantity-dot {
background-color:var(--color-alert);
color:var(--color-white);
border-radius:100%;
padding:0 var(--size-smaller);
/* font-weight:bold; */
font-size:var(--font-small);
}
.quantity-dot-sm {
background-color: var(--color-alert);
color: var(--color-white);
border-radius: 100%;
padding: 0 var(--size-smaller);
/* font-weight:bold; */
font-size: 12px;
}
/* this is being used to counteract the first row of table's status-icon details from being cutoff */
@media screen and (max-width:699px) {
._hc .schedule-table thead td {
padding-top:var(--size-base) !important;
padding-bottom:var(--size-base) !important;
}
}
.main-footer {
background-color:var(--color-grey-lighter);
color:var(--color-font);
padding:var(--size-largest) 0 var(--size-base);
}
.main-footer.-dashboard {
padding:var(--size-base) 0;
}
/* this is to go along with an old .wrap class that puts all dashboard content into 980px wide max wrapper... see _core.css */
.main-footer.-dashboard .container {
max-width:980px;
}
.main-footer .wrap-sections {
display:grid;
grid-template-columns: repeat(4, 1fr);
gap:var(--size-large);
}
.main-footer.-dashboard .wrap-sections {
display:flex;
align-items:center;
}
.main-footer .section {
padding:0;
}
.main-footer .section.-stretch {
grid-column: 2 / 4;
}
.main-footer .wrap-copyright {
padding-top:var(--size-large);
text-align:center;
font-size:var(--font-smaller);
}
.main-footer .logo {
max-width:200px;
}
.main-footer .title {
font-size:var(--font-base);
text-transform:uppercase;
margin-bottom:var(--size-base);
}
.main-footer .menu {
list-style:none;
padding:0;
margin:0;
font-size:var(--font-small);
}
.main-footer .menu li + li {
margin-top:var(--size-smallest);
}
@media screen and (max-width:699px) {
.main-footer .wrap-sections {
grid-template-columns: repeat(2, 1fr);
}
}@media screen and (max-width:399px) {
.main-footer .wrap-sections {
grid-template-columns: repeat(1, 1fr);
}
}
.cta-heading {
text-align:center;
position:relative;
margin-bottom:var(--size-larger);
padding-left:var(--size-larger);
padding-right:var(--size-larger);
}
.cta-heading .title {
font-size:var(--font-base);
font-weight:100;
background-color:var(--color-white);
display:inline-block;
z-index:3;
position:relative;
margin:0;
padding:0 var(--size-larger);
}
.cta-heading .title strong {
font-size:var(--font-largest);
font-weight:500;
}
.cta-heading .subtitle {
display:block;
letter-spacing:1px;
margin-top:var(--size-smallest);
}
.cta-heading:before {
content:"";
height:1px;
width:100%;
position:absolute;
bottom:50%;
left:0;
background-color:var(--color-secondary);
z-index:0;
}
.cta-heading .title { background-color:var(--color-white); }
.bg-primary .cta-heading .title { background-color:var(--color-primary); }
.bg-primary-light .cta-heading .title { background-color:var(--color-primary-light); }
@media screen and (max-width:499px) {
.cta-heading .title {
padding:0 var(--size-large);
}
.cta-heading .title strong {
font-size:var(--font-larger);
}
}
.service-type:not(._active) {
display:none;
}
.nav-menu .sub-menu-label {
display:block;
}
.nav-menu .sub-menu-label:hover {
box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
}
.sub-menu-label + .nav-menu {
max-height:0;
overflow:hidden;
transition: all 0.35s ease-out;
}
.sub-menu-label._active + .nav-menu {
max-height:500px;
background-color:var(--color-grey-lighter);
}
.sub-menu-label + .nav-menu li:first-child a {
border-top:none !important;
}
.sub-menu-label._active .icon--open-more {
transform:rotate(90deg);
}
.sub-menu-label._active + .nav-menu a:not(.sub-menu-label) {
padding-left:var(--size-largest);
}
.video-popup-wrapper {
display:none;
position:fixed;
z-index:99;
width:100%;
height:100%;
top:0; bottom:0;
left:0; right:0;
/* background:red; */
}
.video-popup-wrapper._active {
display:block;
}
.video-popup-wrapper .modal-background {
padding:var(--size-largest);
overflow-y:scroll;
}
.video-popup-wrapper .body {
width:100%;
max-width:980px;
height:100%;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
}
.video-popup-wrapper .video-wrapper {
width:100%;
position: relative;
padding-bottom: 56.25%;
/*padding-top: 25px;*/
height: 0;
box-shadow:var(--shadow-large);
border-radius:var(--border-radius-large);
overflow:hidden;
}
.video-popup-wrapper .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.video-popup-wrapper video {
background:black;
}
.video-popup-wrapper .header {
position:fixed;
top:0;
right:0;
width:100%;
z-index:99;
}
@media screen and (max-width:699px) {
.video-popup-wrapper .modal-background {
padding:var(--size-base);
}
}
.header-icons .dashboard-icons {
grid-template-columns:none;
grid-auto-columns: 70px;
grid-auto-flow: column;
padding:var(--size-small) var(--size-smaller) 0;
justify-content:center;
}
.header-icons .dashboard-icons .icon {
width:auto;
height:auto;
background-color:transparent;
margin-bottom:var(--size-smallest);
}
.header-icons .dashboard-icons .icon:before {
font-size:var(--icon-size-small);
line-height:1;
}
.header-icons .dashboard-icons .selected .icon {
background-color:transparent;
color:var(--color-accent);
}
@media screen and (max-width:699px) {
#always-on-dashboard-icons {
display:none;
}
}
._hc .card .special-note {
/* display:inline-block; */
background-color:var(--color-secondary-light);
padding:var(--size-smaller);
border-radius:var(--border-radius-base);
font-style:italic;
font-size:var(--font-smaller);
margin:var(--size-smallest) 0;
}
._hc .card .special-note.-with-icon {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:nowrap;
gap:var(--size-smallest);
}
._hc .card .special-note .icon {
font-style:normal;
color:var(--color-font);
}
._hc .card.professional .special-note {
margin:0 var(--size-smaller) var(--size-smaller);
padding:var(--size-smallest);
text-align:center;
}
.purchase-options .note.-insurance {
background-color:var(--color-secondary-light);
}
.purchase-options .note.-insurance.-large {
font-size:var(--font-small);
}
.purchase-options .note.-insurance.-large .title {
font-size:var(--font-base);
margin-bottom:var(--size-smaller);
padding-bottom:var(--size-smaller);
border-bottom:1px solid var(--color-grey-light);
}
.purchase-options .note.-insurance.-large p:not(:last-child) {
margin-bottom:var(--size-small);
}
.bg-alert-light {
background-color:var(--color-alert-lightest);
}
.bg-success-light {
background-color:var(--color-success-light);
}
.wrap-webcap {
border-radius:var(--border-radius-base);
}
.webcap {
padding:var(--size-base);
}
/* .list-professionals.wrap-cards {
align-items:stretch;
} */
.purchase-builder .instructions {
grid-column:1 / -1;
font-size:var(--font-smaller);
margin-bottom:var(--size-smallest);
}
.purchase-builder .alternate-path {
grid-column:1 / -1;
background-color:var(--color-success-light);
font-size:var(--font-small);
}
.image-dot {
background-color:var(--color-grey-lighter);
}
.image-dot.-alt {
background-color:var(--color-secondary);
color:var(--color-white);
}
.title-extras .image-dot .icon {
font-size:var(--font-large);
}
.title-extras .image-dot + .text {
color:var(--color-secondary);
}
.list-professionals .thumb .image-dot .icon {
font-size:var(--icon-size-base);
line-height:0;
}
.list-professionals .thumb .image-dot + .image-dot {
right:70px;
}
.price-blocks > li {
justify-content:flex-start;
}
.price-blocks .button.-insurance {
background-color:var(--color-secondary-light);
color:var(--color-font);
}
@media screen and (min-width:700px) {
.wrap-webcap .item-overview {
max-width:700px;
margin-left:auto;
margin-right:auto;
display:grid;
grid-template-columns: 1fr 1fr;
justify-content:center;
align-items:flex-start;
gap:var(--size-base);
}
.wrap-webcap .item-overview .thumbnailed-title {
order:2;
}
.wrap-webcap .item-overview .attribute-tags {
order:1;
}
}
@media screen and (max-width:699px) {
.wrap-webcap .item-overview .attribute-tags {
margin-top:var(--size-base);
}
}
@media screen and (max-width:499px) {
.webcap.requires-two > .item {
min-width:100% !important;
}
}
.webcam video {
/* this is fixing issue where webcap buttons are hidden by video feed while still having higher z-index and still being clickable ... issue is strange inconsistent behavior */
position:relative;
z-index:1;
}
.wrap-webcap .informational-text {
max-width:700px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:var(--font-small);
}
.insurance-fields .cta-heading .title {
font-size:var(--font-small);
}
.insurance-fields .cta-heading .title strong {
font-size:var(--font-large);
margin-bottom:var(--size-base);
}
.wrap-insurance-fields {
clear:both;
}
.insurance-fields {
padding-top:var(--size-largest);
}
.insurance-fields .row.bg-light-gray {
border-radius:var(--border-radius-base);
}
.insurance-fields:nth-child(odd) .row.bg-light-gray {
background-color:var(--color-secondary-light);
}
.insurance-fields:nth-child(even) .row.bg-light-gray {
background-color:var(--color-primary-light);
}
.insurance-fields:nth-child(even) .cta-heading strong {
color:var(--color-primary);
}
.insurance-fields:nth-child(even) .cta-heading:before {
background-color:var(--color-primary);
}
.button-grid {
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:var(--size-small);
}
.currency-field{
padding-left:1rem;
position:relative;
}
.currency-field:before {
content:"$";
position:absolute;
left:0;
top:0;
bottom:0;
display:flex;
justify-content:center;
align-items:center;
}
/* layout and min-width of columns */
.multi-column-form th,
.multi-column-form td {
text-align:center;
-webkit-hyphens:none;
vertical-align:middle;
}
.multi-column-form th:first-child {
text-align:right;
font-weight:300;
}
.multi-column-form tbody tr,
.multi-column-form tbody + thead tr {
border-top:1px solid var(--color-white);
border-collapse: collapse;
}
.multi-column-form tr.section-label td,
.multi-column-form tr.section-label th {
padding-bottom:0;
}
.multi-column-form tbody .filler {
background-color:var(--color-white);
z-index:0;
}
/* make label cells sticky (top and left side of table) */
.wrap--multi-column-form {
width: 100%;
max-height: 60vh;
overflow: auto;
}
.multi-column-form thead th {
position: sticky;
top: 0;
z-index: 1;
width: 100px;
background: white;
}
.multi-column-form thead th:first-child {
position: sticky;
left: 0;
z-index: 2;
}
.multi-column-form tbody th {
position: sticky;
left: 0;
background: white;
z-index: 1;
}
.multi-column-form tbody th {
min-width:140px;
}
.multi-column-form tbody td {
width:120px;
min-width:120px;
}
/* color of columns */
.insurance-qualification-form thead th:not(:first-child) {
color:white;
}
.insurance-qualification-form thead th:nth-child(2) {
background-color:goldenrod;
}
.insurance-qualification-form tbody td:nth-child(2) {
background-color:rgb(251, 242, 221);
}
.insurance-qualification-form thead th:nth-child(3) {
background-color:gray;
}
.insurance-qualification-form tbody td:nth-child(3) {
background-color:rgb(221, 221, 221);
}
.insurance-qualification-form thead th:nth-child(4) {
background-color:salmon;
}
.insurance-qualification-form tbody td:nth-child(4) {
background-color:rgb(247, 207, 203);
}
.insurance-qualification-form thead th:nth-child(5) {
background-color:slategray;
}
.insurance-qualification-form tbody td:nth-child(5) {
background-color:rgb(209, 230, 251);
}
.insurance-qual-filters {
display:grid;
grid-template-columns: repeat(4, 1fr);
gap:var(--size-base);
align-content:start;
}
@media screen and (max-width:599px) {
.insurance-qual-filters {
grid-template-columns: repeat(2, 1fr);
}
}
.expedite-buttons.insurance-qual-filters .button {
padding:var(--size-small) var(--size-smaller);
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-direction: column;
}
.expedite-buttons.insurance-qual-filters .title {
font-size:var(--size-base);
text-align:center;
width:100%;
}
.expedite-buttons.insurance-qual-filters .label {
font-size:var(--font-base);
text-align:left;
text-transform: none;
width:100%;
}
.expedite-buttons.insurance-qual-filters .label.-center {
text-align:center;
}
.expedite-buttons.insurance-qual-filters .title + .label {
margin-top:var(--size-smaller);
}
.insurance-qual-filters .label strong {
width:1.5rem;
text-align:center;
display:inline-block;
}
.insurance-qual-filters .button.active .label {
font-weight:100;
}
.insurance-qualification-form input[type="text"]::placeholder {
font-size:var(--font-smaller);
color:var(--color-grey);
}
.insurance-qualification-form .input-for-label {
font-size:var(--font-smaller);
margin-bottom:var(--size-smaller);
}
.wrap-quick-info-table {
border:1px solid var(--color-grey);
border-radius:var(--border-radius-base);
}
.wrap-quick-info-table.-small {
max-width:400px;
margin-left:auto;
margin-right:auto;
}
.quick-info-table {
margin:0;
text-align:center;
}
.quick-info-table tbody th {
font-size:var(--font-smaller);
padding:var(--size-smallest);
text-align:left;
}
.quick-info-table td {
padding:0;
vertical-align:middle;
border-left:1px solid var(--color-grey);
}
.quick-info-table thead th,
.quick-info-table thead td {
background-color:transparent;
font-weight:normal;
font-size:var(--font-smaller);
padding:0;
min-width:60px;
}
.quick-info-table tbody tr {
border-top:1px solid var(--color-grey);
}
.visit-limit-row td {
vertical-align: top;
}
.split-inputs {
display:flex;
flex-direction:row;
text-align:center;
}
.split-inputs label {
font-size:var(--font-smaller);
}
.split-inputs input {
text-align:center;
}
.split-inputs > .i:nth-child(odd) input {
border-top-right-radius:0;
border-bottom-right-radius:0;
border-right:1px solid var(--color-black);
}
.split-inputs > .i:nth-child(even) input {
border-top-left-radius:0;
border-bottom-left-radius:0;
border-left:1px solid var(--color-black);
}
.quick-question-input {
padding:var(--size-smaller) var(--size-smallest);
border-radius:var(--border-radius-base);
background: rgba(255, 255, 255, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.3px);
-webkit-backdrop-filter: blur(7.3px);
}
.quick-question-input label {
font-size:var(--font-smaller);
text-align:center;
display:block;
}
.quick-question-input input {
display:inline-block;
width:60px;
text-align:center;
font-weight:bold;
font-size:var(--font-small);
}
.list--notifications .upcoming-activity-flag {
text-align:center;
display:block;
padding:var(--size-smaller);
}
.upcoming-activity-flag.bg-alert {
background-color: var(--color-alert);
color:var(--color-white);
}
/* 2024-03-11
- updates to Browse Professionals list are here
- updates to Price Blocks are here
- updates to Professional Details layout is here
- insurance carrier list
*/
.list-professionals.wrap-cards {
align-items:stretch;
}
.list-professionals.wrap-cards > .card {
display:flex;
flex-direction:column;
}
.list-professionals .summary .wrap-name {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:var(--size-small);
justify-content:space-between;
align-items:center;
}
.list-professionals .summary .title {
font-size:var(--font-large);
}
.list-professionals .summary .title.-small {
font-size:var(--font-small);
}
.list-professionals .summary p.label {
/* font-size:var(--font-smaller); */
white-space:nowrap;
overflow:hidden;
}
.list-professionals .card .summary .button {
padding:var(--size-smaller) var(--size-smallest);
}
.list-professionals .card .summary .button:after {
display:none;
}
@media screen and (max-width:499px) {
.list-professionals.wrap-cards {
margin-left:auto;
margin-right:auto;
}
}
.price-blocks .price {
font-size:var(--font-large);
}
@media screen and (max-width:999px) and (min-width:800px) {
._hc .detailed-view .main .thumb {
max-width:35%;
}
}
@media screen and (max-width:799px) and (min-width:700px) {
.price-blocks {
grid-template-columns:repeat(2, 1fr);
}
}
@media screen and (max-width:599px) and (min-width:500px) {
._hc .detailed-view .main {
flex-wrap:wrap;
}
._hc .detailed-view .main .thumb{
max-width: 400px;
min-width: 300px;
flex-basis:100%;
margin: auto;
margin-bottom: var(--size-large);
padding-right: 0;
}
}
@media screen and (max-width: 699px) and (min-width:400px) {
.price-blocks {
grid-template-columns: repeat(2, 1fr);
}
}
.tag-list {
list-style-type:none;
padding-left:0;
margin-bottom:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:var(--size-smaller);
}
.tag-list li {
font-family:var(--font-family-secondary);
padding:var(--size-smaller);
border:1px solid var(--color-font);
border-radius:var(--border-radius-base);
font-size:var(--font-small);
line-height:1;
}
.little-flag-highlight {
display:block;
color:var(--color-secondary);
font-size:var(--font-smaller);
}
/* 2024-03-20
- highlight column in insurance pre-qual form (service that client explicitly requested qualification for)
- show warning messages to practitioner/admin that client does not have enough sessions for program or card will expire during program
- fix alignment of text in header rows (so all text lines up at bottom of cell)
*/
.insurance-qualification-form .highlighted-column-text {
display:block;
font-size:var(--font-smallest);
font-weight:normal;
line-height:1;
}
.insurance-qualification-form .contain-text {
margin-left:auto;
margin-right:auto;
max-width:500px;
}
.multi-column-form thead th {
vertical-align:bottom;
line-height:var(--line-height-base);
}
/* 2024-04-03 - added -with-gen-notes and -with-adime-notes and -with-multiple-appointments */
/* NOTE: there were issues with simply adding a border to the , so border was added to inside the table cell */
.ui-datepicker .appt-date.-with-gen-notes a,
.ui-datepicker .appt-date.-with-adime-notes a {
border-radius:100%;
line-height:50px; /* line-height:60px; is being set for standard dates... subtract ~width of border to keep circle round */
border-width:6px;
border-style:solid;
}
.ui-datepicker .appt-date.-with-gen-notes a:hover,
.ui-datepicker .appt-date.-with-adime-notes a:hover {
box-shadow:inset 0 0 15px rgba(0,0,0,.5); /* use thicker inset shadow on hover so it clears the border */
}
.ui-datepicker .appt-date.-with-gen-notes a {
border-color:#202020;
}
.legend-appointment-calendar .item.-with-gen-notes .key {
border:4px solid #202020;
}
.ui-datepicker .appt-date.-with-adime-notes a {
border-color:#7dcde3;
}
.legend-appointment-calendar .item.-with-adime-notes .key {
border:4px solid #7dcde3;
}
.ui-datepicker .appt-date.-with-multiple-appointments,
.legend-appointment-calendar .item.-with-multiple-appointments .key {
background: repeating-linear-gradient(
0deg,
#053f72,
#053f72 6px,
#075aa4 6px,
#075aa4 12px
);
}
.legend-appointment-calendar .item.-with-multiple-appointments .key {
background: repeating-linear-gradient(
0deg,
#053f72,
#053f72 3px,
#075aa4 3px,
#075aa4 6px
);
}
/* 2024-04-09 - added fix for thumbnailed-title not centering properly */
.center-grid {
display:flex;
justify-content:center;
}
/* 2024-04-09 - added fix for icon-actions menu
--- max icons equal-width and centered
--- give some space between title text and paragraph text */
._hc .icon-actions .icon {
flex-basis: 80px;
flex-grow: 0;
flex-shrink: 0;
text-align:center;
}
._hc .icon-actions .details h4 {
margin-bottom:var(--size-smallest);
}
/* 2024-04-19 - added fix for nutrition filters */
.new-search > .top .wrap-filters > .item.type-buttons .wrap-buttons .button {
padding-top:var(--size-smaller);
padding-bottom:var(--size-smaller);
}
.new-search > .top input,
.new-search > .top select {
height:100%;
}
/* 2024-05-13 - now that "Services" is being used in the 3 start block, "Find Location" is moving below */
@media screen and (min-width:801px) {
.nav-buttons-xl.start-options {
flex-wrap:wrap;
}
.nav-buttons-xl > .full-width-start-option {
max-width:860px;
flex-direction:row;
align-items:center;
gap:var(--size-larger);
padding:var(--size-larger);
}
.nav-buttons-xl > .full-width-start-option .icon {
margin:0;
}
.nav-buttons-xl > .full-width-start-option .title {
margin-bottom:var(--size-small);
text-align:left;
}
.nav-buttons-xl > .full-width-start-option .text {
margin-bottom:var(--size-base);
}
.nav-buttons-xl > .full-width-start-option .text p {
padding:0;
}
.nav-buttons-xl > .full-width-start-option .buttons {
display:flex;
flex-direction:row;
gap:var(--size-base);
justify-content: flex-start;
}
.nav-buttons-xl > .full-width-start-option .buttons .button {
margin:0;
}
}
/* 2024-05-13 - Services setup is following the Professionals setup... slight modifications needed */
.purchase-options .options input[type=radio][disabled] + label {
cursor:default;
border-color:var(--color-grey-light);
border-width:1px;
background-color:var(--color-grey-lighter);
}
.service .purchase-options label .subtext {
display:block;
font-weight:100;
font-size:var(--font-smaller);
text-transform:none;
}
.service .price-blocks .item-alt .price {
color:var(--color-secondary);
}
.service .price-blocks .item-alt .button {
background-color:var(--color-secondary);
}
.purchase-list .item.service {
display:grid;
grid-template-columns: 60px 1fr;
gap:var(--size-base);
align-items:center;
}
.purchase-list .item.service .title {
font-weight:100;
font-size:var(--font-base);
}
.purchase-list .item.service .subtext {
grid-column:1/-1;
font-size:var(--font-smaller);
}
.purchase-list .item.service .subtext .label {
display:block;
font-weight:bold;
font-size:var(--font-smallest);
}
@media screen and (max-width:850px) {
.purchase-list .item.service .subtext {
text-align:center;
}
}
/* 2024-05-15 -- buttons in ADIME Appoointment Calendar (and General Notes Calendar) */
.row-of-buttons {
display:flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
gap:var(--size-small);
flex-wrap:wrap;
}
.row-of-buttons > .button {
display:block;
flex:1;
}
@media screen and (max-width:499px) {
.row-of-buttons {
flex-direction:column;
gap:var(--size-smaller);
}
}
/* 2024-05-20 -- resources */
.question-answer-grid .question.-small {
font-size:var(--font-large);
border-bottom:none;
}
.section-title.-nb {
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.resource-list {
border-top:solid 1px var(--color-grey-lighter);
}
.resource-item,
.weekly-resource {
padding-top:var(--size-base);
padding-bottom:var(--size-base);
border-bottom:solid 1px var(--color-grey-lighter);
padding-left:var(--size-small);
padding-right:var(--size-small);
}
.resource-item .actions {
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items:center;
gap:var(--size-small);
margin-top:var(--size-smaller);
}
.resource-item .text p {
margin:0;
}
.resource-item .label {
font-size:var(--font-small);
font-style:italic;
}
.resource-item .title {
font-size:var(--font-large);
}
.weekly-resource .items {
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:center;
gap:var(--size-base);
}
.weekly-resource .items > li {
position:relative;
flex:1;
border:1px solid var(--color-grey-light);
border-radius:var(--border-radius-base);
padding:var(--size-smaller);
cursor:pointer;
}
.weekly-resource .items > li.item-missing {
background-color:var(--color-grey-lighter);
}
.weekly-resource .items > li:hover {
box-shadow:var(--shadow-base);
}
.weekly-resource .items > li > a {
display:block;
color:var(--color-font);
}
.weekly-resource .text {
text-align:center;
}
.weekly-resource .title {
font-family:var(--font-family-secondary);
text-transform:uppercase;
font-weight:bold;
margin:0;
}
.weekly-resource .subtitle {
margin:0;
font-size:var(--font-small);
}
.weekly-resource .items .name {
display:block;
font-size:var(--font-smaller);
text-transform:uppercase;
font-weight:bold;
}
.weekly-resource .items .status {
display:block;
font-size:var(--font-smaller);
text-decoration:underline;
/* color:var(--color-success); */
}
.weekly-resource .item-missing .status {
font-style:italic;
font-size:var(--font-small);
/* color:var(--color-font); */
}
@media screen and (min-width:600px) {
.resource-item {
display:grid;
grid-template-columns:1fr minmax(250px, 30%);
gap:var(--size-base);
align-items:center;
}
.resource-item .actions {
text-align:right;
margin-top:0;
}
}
@media screen and (min-width:768px) {
.weekly-resource {
padding-top:var(--size-small);
padding-bottom:var(--size-small);
display:grid;
grid-template-columns:minmax(60px, 12%) 1fr;
gap:var(--size-base);
align-items:center;
}
}
@media screen and (max-width:767px) {
.weekly-resource .text {
margin-bottom:var(--size-smaller);
}
}
@media screen and (max-width:599px) {
.weekly-resource .items {
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:var(--size-small);
}
}
@media screen and (max-width:399px) {
.weekly-resource .items {
grid-template-columns:1fr 1fr;
}
}
.sortable-resources .list-resources {
display:grid;
grid-template-columns:1fr 1fr 1fr;
}
.sortable-resources ul.list-resources.sortable li.item,
.sortable-resources .list-resources> .item {
position:relative;
float: none;
width: 100%;
border:none !important;
border-radius:var(--border-radius-base);
background-color:var(--color-white);
padding:var(--size-smaller);
}
.sortable-resources ul.manage-images.sortable li.item {
padding-bottom:1.75rem;
}
.sortable-resources ul.manage-images.sortable li.item.sortable-custom-ghost {
background-color:var(--color-grey);
box-shadow:var(--shadow-base);
opacity:.15;
}
.sortable-resources .list-resources {
counter-reset: slideNumber;
}
.sortable-resources .list-resources > .item,
.sortable-resources .list-resources > .item.sortable-custom-ghost {
counter-increment: slideNumber;
}
.sortable-resources .list-resources > .item:before {
content: counter(slideNumber);
position:absolute;
top:0;
left:0;
font-size:var(--font-large);
color:var(--color-white);
background-color:var(--color-accent);
box-shadow:var(--shadow-base);
font-weight:bold;
width:30px;
height:30px;
display:flex;
justify-content:center;
align-items:center;
border-radius:100%;
}
/* 2024-05-22 -- fix cropper control buttons */
.cropper-controls .button.cropper-control {
padding:var(--size-smaller) var(--size-base);
}
.custom-button-container {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--size-smaller);
}
.custom-option-button {
font-family: var(--font-family-secondary);
padding: var(--size-smaller);
border: 1px solid var(--color-font);
border-radius: var(--border-radius-base);
font-size: var(--font-small);
line-height: 1;
}
.custom-option-button.selected {
background-color: #007bff;
color: white;
}
.hidden {
display: none !important;
}
.break-word {
overflow-wrap: break-word;
word-break: break-all;
hyphens: auto;
}
.map-container {
height: 960px; /* Ensure the container takes the full viewport height */
width: 100%; /* Ensure the container takes the full width */
position: relative; /* Ensure it's positioned correctly */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
}
.thumb {
float: left;
margin-right: 20px;
}
.rounded-circle-image {
max-width: 160px;
width: 160px;
height: auto;
border-radius: 50%;
object-fit: cover;
}
.service-details {
overflow: hidden; /* To clear the float */
}
.service-details h4,
.service-details p {
margin-left: 15px;
padding: 0;
}
.service-details p {
margin-top: 5px;
}
.column.medium-two-fifths-map {
width: 40%; /* Fixed width for the column */
position: static; /* Make the column position static */
}
.search-container {
display: flex;
justify-content: center;
margin-top: 27px;
}
.search-container input[type="text"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.search-container button {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
margin-left: 5px;
cursor: pointer;
}
/* Layout */
.flex-container {
display: flex;
flex-direction: row;
align-items: stretch; /* make columns equal height */
}
.listings {
flex: 1;
}
/* make the RIGHT COLUMN sticky */
.map-container {
flex: 0 0 33%;
max-width: 33%;
position: -webkit-sticky; /* Safari */
position: sticky; /* sticky column */
top: 20px; /* resting offset */
margin-left: 15px;
overflow: visible !important; /* sticky requires this */
/* extend the sticky container far downward without adding page whitespace */
padding-bottom: 400px; /* push the container�s bottom way down */
margin-bottom: -400px; /* neutralize the visual space */
}
/* inner wrapper just stays normal */
.map-sticky {
position: static;
width: 100%;
}
/* make sure ancestors don�t kill sticky */
.container, .row, .column, .flex-container {
overflow: visible !important;
}
/* In case Leaflet adds inline width, override it */
#map-services.leaflet-container {
width: 100% !important;
}
.container, .row, .column {
overflow: visible !important;
}
@media (max-width: 768px) {
.map-container, .mylocation-hide {
display: none;
}
}
.mylocation-container {
display: flex;
flex-direction: column;
justify-content: flex-end; /* Pushes content to the bottom */
height: 100%; /* Ensure it fills the parent */
}
.parent-container { /* Add this if the parent lacks height */
display: inline-block;
align-self: flex-end;
height: 100%; /* Ensure the parent also has a defined height */
}
.calendar-legend-container {
border: 1px solid grey;
padding: 10px;
border-radius: 3px;
margin-bottom: 5px;
}
.calendar-legend {
display: flex;
justify-content: space-around;
margin-top: 5px;
}
.legend-item {
display: flex;
flex-direction: column; /* Stack elements vertically */
align-items: center;
text-align: center;
font-size: 10px;
}
.availability {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 3px; /* Small radius for all */
margin-bottom: 5px; /* Adds space between the square and text */
}
.both {
border: 2px solid black; /* Black border for both AM and PM */
}
.ui-datepicker td {
text-align: center;
justify-content: center; /* Horizontal centering */
align-items: center; /* Vertical centering */
}
.ui-datepicker td.both {
border: none;
outline: 2px solid #000;
border-radius: 4px;
outline-offset: -5px;
}
.am {
border: 2px solid lightblue; /* Light blue border for AM only */
}
.ui-datepicker td.am {
border: none;
outline: 2px solid lightblue;
border-radius: 4px;
outline-offset: -5px;
}
.pm {
border: 2px solid orange; /* Orange border for PM only */
}
.ui-datepicker td.pm {
border: none;
outline: 2px solid orange;
border-radius: 4px;
outline-offset: -5px;
}
.session-table {
border: 1px solid var(--color-grey-light);
border-radius: var(--border-radius-base);
width: 100%;
max-width: 330px;
overflow: hidden;
text-align: left;
}
.session-table .item {
display: grid;
grid-template-columns: 1fr 100px; /* Split into two columns */
font-size: var(--font-small);
padding: var(--size-smallest);
align-items: center;
}
.session-table .item + .item {
border-top: 1px solid var(--color-grey-light);
}
.session-table .item-header {
background-color: var(--color-grey-light);
font-weight: bold;
font-size: var(--font-smaller);
text-transform: uppercase;
grid-template-columns: 1fr 100px; /* Ensure header matches the item layout */
}
.cell {
text-align: left;
padding: 5px;
}
.form-group {
width: 230px;
text-align: center;
margin: 0 auto 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.form-group label {
margin-bottom: 5px;
text-align: left;
position: relative;
}
.form-group label::after {
content: " *";
color: red;
}
.form-group input {
width: 100%;
padding: 5px;
box-sizing: border-box;
text-align: center;
}
/* Hide additional info by default */
#additional-info-supp {
display: none;
}
/* Show additional info when "Yes" is selected */
#yes-option:checked ~ #additional-info-supp {
display: block;
}
/* Ensure "No" hides the additional info */
#no-option:checked ~ #additional-info-supp {
display: none;
}
.align-center {
/* display: flex; */
justify-content: center;
align-items: center;
text-align: center; /* This will center the text inside the container */
}
.red {
color: #FF0000 !important;
}
.margin-right {
margin-left: -5px !important;
}
/* SMS Chat Container */
.sms-chat-container {
font-family: Arial, sans-serif;
background: #f5f5f5;
border-radius: 8px;
padding: 1rem;
}
/* Chat Window */
.chat-window {
display: flex;
flex-direction: column;
gap: 10px;
max-height: 300px;
overflow-y: auto;
margin: 1rem 0;
padding: 1rem;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Message Bubble */
.message-bubble {
max-width: 75%;
padding: 10px 15px;
border-radius: 20px;
display: inline-block;
position: relative;
}
.message-bubble p {
margin: 0;
}
.message-time {
font-size: 0.75rem;
color: #888888;
margin-top: 5px;
display: block;
text-align: right;
}
/* Sender Style */
.message-bubble.sender {
align-self: flex-end;
background: #d0e7ff; /* Light blue */
color: #000;
}
/* Receiver Style */
.message-bubble.receiver {
align-self: flex-start;
background: #d3f8d3; /* Light green */
color: #000;
}
/* Input Area */
.send-message {
display: flex;
gap: 10px;
margin-top: 1rem;
align-items: center;
}
.send-message textarea {
flex: 1;
resize: none;
border: 1px solid #ccc;
border-radius: 20px;
padding: 10px 15px;
font-size: 1rem;
}
.send-button {
background: #25d366;
color: white;
border: none;
padding: 10px 20px;
border-radius: 20px;
cursor: pointer;
font-weight: bold;
}
.send-button:hover {
background: #1abf57;
}
/* Container for Tabs */
.tab {
overflow: hidden;
background-color: #f7f7f7;
border-radius: 20px;
text-align: center;
margin-bottom: 10px;
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 16px;
transition: background-color 0.3s;
border-radius: 20px 20px 0 0; /* Soft rounded tabs on top */
}
/* Change background color on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #fff;
font-weight: bold;
border-bottom: 2px solid #fff;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 20px 20px;
}
/* Ensure the active tab content is shown */
.tabcontent.active {
display: block;
}
/* Example styles for client list items */
.client-list {
margin-top: 10px;
}
.client-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.client-info {
display: flex;
align-items: center;
}
.client-info .noti_bubble {
background: red;
color: #fff;
border-radius: 50%;
padding: 2px 6px;
font-size: 0.8rem;
margin-right: 10px;
}
/* Tab Navigation Styles */
.tab-nav {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
background-color: #f7f7f7;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.tab-nav li {
flex: 1;
text-align: center;
padding: 14px 16px;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s;
border: 1px solid transparent;
border-bottom: none;
font-size: 16px;
}
.tab-nav li:hover {
background-color: #ddd;
}
/* Active tab styling */
.tab-nav li.active {
background-color: #fff;
font-weight: bold;
border-bottom: 2px solid #fff;
}
/* Tab Content Styles */
.tabcontent {
display: none;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0 0 20px 20px;
}
/* Display the active tab content */
.tabcontent.active {
display: block;
}
/* Example client row styles */
.client-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
/* Button Stacked and small margin */
#doctor-action {
display: block; /* Each button takes full width */
margin-top: 2px;
margin-left: 12px;
background-color: #ffffff;
}
#doctor-action a {
display: block; /* Each button takes full width */
margin-bottom: 2px; /* Adds spacing between buttons */
}
.popup-content {
cursor: pointer;
}
.popup-content .button, .popup-content .phide {
display: none;
}
.highlighted {
/* background-color: #ffeb3b;*/ /* Yellow highlight */
background-color: #d8f9ff; /* Light Blue highlight */
transition: background-color 0.5s ease-in-out;
}
.wrap--timeframeGrid .statement-batch {
display: flex;
flex-wrap: wrap; /* Allows buttons to wrap onto new lines */
gap: 10px; /* Adds spacing between buttons */
justify-content: flex-start; /* Aligns buttons neatly */
}
.button.statement-option {
flex: 1 1 calc(25% - 10px); /* 4 buttons per row on larger screens */
padding: 12px 15px; /* Adjusted padding for better readability */
font-size: 16px;
text-align: center;
min-width: 50px; /* Prevents shrinking */
}
/* Responsive: 2 buttons per row on smaller screens */
@media (max-width: 768px) {
.button.statement-option {
flex: 1 1 calc(50% - 10px); /* 2 buttons per row on mobile */
}
}
.hide {
display: none;
}
/*.nav-buttons-xl .icon.services {
background: url('../images/dash-icon-services.png') no-repeat center top;
background-size: contain;
width: 100%;
height: var(--icon-size-larger);
display: inline-block;
}*/
/* Rewrite the cryptic .i class layout for better clarity & mobile behavior */
.form-row.-multi > .i,
.form-row.-multi > .form-item {
display: inline-block;
vertical-align: top;
width: 48%;
margin-right: 4%;
}
.form-row.-multi > .i:last-child,
.form-row.-multi > .form-item:last-child {
margin-right: 0;
}
@media screen and (max-width: 1024px) {
.form-row.-multi {
flex-direction: column !important;
display: flex !important;
align-items: stretch;
}
.form-row.-multi > .i,
.form-row.-multi > .form-item {
display: block !important;
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 12px;
}
.form-row.-multi > .i input,
.form-row.-multi > .i select,
.form-row.-multi > .i textarea,
.form-row.-multi > .form-item input,
.form-row.-multi > .form-item select,
.form-row.-multi > .form-item textarea {
width: 100% !important;
box-sizing: border-box;
}
.form-row.-multi label,
.form-item.-multi label,
.i label {
font-size: 1rem; /* ~16px */
font-weight: 500;
line-height: 1.4;
}
}
.icon-wellness-img {
width: 95px; /* or match .icon.-xl size */
height: 90px;
object-fit: contain;
display: inline-block;
}
.icon-fax::before {
font-family: "Font Awesome 5 Free"; /* or your version */
content: "\f1ac"; /* Unicode for 'fax' in FontAwesome */
font-weight: 900; /* Needed for solid icons in FA5+ */
}
.icon-printer:before {
content: "\e954";
}
.submenu {
margin-left: 10px; /* Shift whole block right */
border-left: none; /* Remove left border */
padding-left: 0; /* No extra indent */
padding-top: 0.25rem; /* Optional: space between parent and submenu items */
padding-bottom: 0.25rem;
width: 100%;
box-sizing: border-box;
overflow: visible;
}
.submenu a {
display: block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
overflow: visible;
}
.dropdown-parent {
background-color: white;
}
.progress-bar-wrapper {
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 1000; /* ensure it's above other content */
background: #fff; /* or use your site's background */
padding: 10px 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.progress-bar-track {
height: 10px;
background-color: #eee;
border-radius: 5px;
overflow: hidden;
}
.progress-bar-fill {
height: 100%;
width: 0%;
background-color: #0073e6;
transition: width 0.3s ease-in-out;
}
.progress-status {
margin-bottom: 4px;
font-size: 0.875em;
text-align: right;
color: #333;
}
.progress-status {
text-align: left;
}
.triggered {
display: none;
}
.triggered.active {
display: block;
}
.answer input {
width: 100%;
max-width: 480px;
}
.answer-short input {
width: 100%;
max-width: 200px;
}
.hc_service {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
margin-top: 10px;
background: url('../images/hc_icon_150.png') no-repeat center center;
background-size: contain;
cursor: pointer;
}
/* Tooltip stays the same */
.hc_service:hover::after {
content: "HealthyCARE Service";
position: absolute;
top: 100%;
left: -10%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
font-size: 12px;
white-space: nowrap;
border-radius: 4px;
margin-top: 5px;
z-index: 1000;
}
.hc_service_ext {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
margin-top: 10px;
background: url('../images/hc_icon_ext.png') no-repeat center center;
background-size: contain;
cursor: pointer;
}
/* Tooltip stays the same */
.hc_service_ext:hover::after {
content: "External Service";
position: absolute;
top: 100%;
left: -10%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
font-size: 12px;
white-space: nowrap;
border-radius: 4px;
margin-top: 5px;
z-index: 1000;
}
#dependent-service-fields {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.scrollable-wrapper-refund {
max-height: 300px; /* adjust to fit within viewport */
overflow: hidden;
display: flex;
flex-direction: column;
}
/* Horizontal scrollable container */
.scrollable-content-horizontal {
width: 100%;
overflow-x: auto; /* Enables horizontal scroll */
overflow-y: auto; /* Enables vertical scroll */
white-space: nowrap; /* Prevent line breaks */
border: 1px solid #ccc;
padding: 10px;
}
/* Content wider than the container */
.wide-box {
display: inline-block;
min-width: 800px; /* Adjust width to trigger scrollbar */
}
/* Simple modal styles */
.video-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
align-items: center;
justify-content: center;
}
.video-modal-content {
background: #000;
padding: 1rem;
max-width: 800px;
width: 90%;
position: relative;
}
.video-modal video {
width: 100%;
height: auto;
}
.video-modal-close {
position: absolute;
top: -10px;
right: -10px;
background: #fff;
color: #000;
border: none;
font-size: 1.5rem;
border-radius: 50%;
width: 30px;
height: 30px;
cursor: pointer;
}
.open-left {
margin-left: 85px;
}
@media screen and (max-width: 768px) {
.mobile-table {
width: 100%;
border-collapse: collapse;
}
.mobile-table thead {
display: none;
}
.mobile-table tbody tr {
display: block;
margin-bottom: 1rem;
border: 1px solid #ddd;
padding: 10px;
background: #fff;
}
.mobile-table tbody td {
display: block;
width: 100%;
text-align: left;
padding: 6px 10px;
box-sizing: border-box;
position: relative;
}
.mobile-table tbody td::before {
content: attr(data-label);
font-weight: bold;
display: block;
margin-bottom: 4px;
color: #666;
}
.mobile-table .column {
padding-left: 0;
}
}
.subtitle small {
margin-top: -3px;
display: block; /* optional: ensures margin works consistently */
}
/* When visible, the row should be your flex container */
#dependent-service-fields {
display: flex;
flex-wrap: wrap;
}
.DEVNOTE {
/* display:none !important; */
padding:1rem;
background-color:rgba(0,0,0,.05);
border:1px solid rgb(0, 0, 0,.75);
border-radius:1rem;
margin:1rem 0;
font-style:italic;
font-size:.9rem;
width:100%;
}
.DEVNOTE:before {
content:"* Development Note *";
display:block;
font-size:.7rem;
text-transform:uppercase;
font-weight:bold;
font-style:normal;
border-bottom:1px solid #999;
padding-bottom:5px;
margin-bottom:5px;
}
.DEVNOTE .unch {
display:inline-block;
padding:0 5px;
background-color:rgba(55, 230, 21, .7);
}
.DEVNOTE .new {
display:inline-block;
padding:0 5px;
color:white;
background-color:rgba(230, 21, 21, 0.9);
}
.DEVNOTE .notice {
display:inline-block;
padding:0 5px;
background-color:rgba(253, 197, 42, 0.7);
}
.DEVNOTE-UNCHANGED {
/* background:rgba(55, 230, 21, .1); */
/* border:4px solid rgba(55, 230, 21, .4); */
background:transparent;
border:none;
}
/* control display/visibility */
.all-hidden{display:none;visibility:hidden}.all-shown{display:block;visibility:visible}.hide,.printshow{display:none}.show{display:block}.inline{display:inline}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}@media only screen and (min-width:360px){.tiny-all-shown{display:block;visibility:visible}.tiny-all-hidden{display:none;visibility:hidden}.tiny-hide{display:none}.tiny-show{display:block}.tiny-inline{display:inline}.tiny-inline-block{display:inline-block}.tiny-invisible{visibility:hidden}.tiny-visible{visibility:visible}}@media only screen and (min-width:480px){.x-small-all-shown{display:block;visibility:visible}.x-small-all-hidden{display:none;visibility:hidden}.x-small-hide{display:none}.x-small-show{display:block}.x-small-inline{display:inline}.x-small-inline-block{display:inline-block}.x-small-invisible{visibility:hidden}.x-small-visible{visibility:visible}}@media only screen and (min-width:640px){.small-all-shown{display:block;visibility:visible}.small-all-hidden{display:none;visibility:hidden}.small-hide{display:none}.small-show{display:block}.small-inline{display:inline}.small-inline-block{display:inline-block}.small-invisible{visibility:hidden}.small-visible{visibility:visible}}@media only screen and (min-width:768px){.medium-all-shown{display:block;visibility:visible}.medium-all-hidden{display:none;visibility:hidden}.medium-hide{display:none}.medium-show{display:block}.medium-inline{display:inline}.medium-inline-block{display:inline-block}.medium-invisible{visibility:hidden}.medium-visible{visibility:visible}}@media only screen and (min-width:960px){.large-all-shown{display:block;visibility:visible}.large-all-hidden{display:none;visibility:hidden}.large-hide{display:none}.large-show{display:block}.large-inline{display:inline}.large-inline-block{display:inline-block}.large-invisible{visibility:hidden}.large-visible{visibility:visible}}@media only screen and (min-width:1170px){.x-large-all-shown{display:block;visibility:visible}.x-large-all-hidden{display:none;visibility:hidden}.x-large-hide{display:none}.x-large-show{display:block}.x-large-inline{display:inline}.x-large-inline-block{display:inline-block}.x-large-invisible{visibility:hidden}.x-large-visible{visibility:visible}}.visuallyhidden{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;height:1px}
|