/* Minification failed. Returning unminified contents.
(1801,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3062,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3311,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3757,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(6018,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(6874,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(8502,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(15660,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(32020,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(37165,13): run-time error CSS1035: Expected colon, found '0'
*/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright 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-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;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;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}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{/*background-image:url("images/ui-icons_444444_256x240.png")*/}.ui-widget-header .ui-icon{/*background-image:url("images/ui-icons_444444_256x240.png")*/}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{/*background-image:url("images/ui-icons_555555_256x240.png")*/}.ui-state-active .ui-icon,.ui-button:active .ui-icon{/*background-image:url("images/ui-icons_ffffff_256x240.png")*/}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{/*background-image:url("images/ui-icons_777620_256x240.png")*/}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{/*background-image:url("images/ui-icons_cc0000_256x240.png")*/}.ui-button .ui-icon{/*background-image:url("images/ui-icons_777777_256x240.png")*/}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/scripts/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('/scripts/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('/scripts/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('/scripts/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('/scripts/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('/scripts/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* Generic Content */
body {
font-family: Arial,Helvetica,Sans-serif;
font-size: 1em;
line-height: 1;
min-width: 985px;
background: #fff;
overflow-x: hidden;
color: #675d53;
}
.top-banner {
/*background: url(../Images/header_light_wood.jpg) repeat-x left bottom;*/
background-color: #231F20;
height: 42px;
overflow: hidden;
color: #FFFFFF;
font-size: 0.8125empt;
/*display: flex;
align-items: center;*/
/*the value of z-index was 2 but i currently made it 3, if it breaks anything change it back to 2*/
z-index: 2;
position: fixed;
width: 100%;
-webkit-font-smoothing: antialiased;
/*box-shadow: 0 2px 5px 0 #9d9b97;*/
}
svg {
width: 16px;
height: 16px;
}
.top-banner svg {
width: 16px;
height: 16px;
fill: #D8D8D8;
}
.top-banner svg:hover {
fill: #FFFFFF;
}
@media (max-width:767px) {
.top-banner .right-column svg {
width: 21px;
height: 15px;
position: relative;
top: 1px;
right: 0px !important;
}
}
@media (min-width:768px) {
.top-banner .right-column svg {
width: 21px;
height: 15px;
position: relative;
top: 1px;
right: 5px;
}
}
.top-banner .right-column a:first-child svg {
right: 3px;
top: 3px;
}
.top-banner .right-column a:first-child span {
position: relative;
top: 1px
}
.top-banner .right-column a:first-child:hover svg {
fill: #FFFFFF;
}
.top-banner .right-column span {
/*position: relative;
bottom: 2px;*/
}
.top-banner p.login-signup {
height: 100%;
}
.top-banner .login-signup svg {
position: relative;
top: 4px;
}
.top-banner .login-signup .user-signed-in svg {
/*top: 0px;*/
}
.top-banner .login-signup a.log {
position: relative;
top: 1px;
}
.top-banner .login-signup a.sign {
position: relative;
top: 1px;
}
.top-banner .login-signup .user-profile {
margin-right: 20px;
bottom: 3px;
/* display: none;*/
}
.top-banner .login-signup .user-profile.user-signed-in {
display: initial;
}
.top-banner .login-signup .user-profile::after {
content: none;
}
.top-banner .login-signup .user-profile span {
text-transform: uppercase;
}
.top-banner .login-signup .user-profile img {
height: 20px;
width: 20px;
border-radius: 16px;
/*position: relative;*/
top: 5px;
margin-right: 5px;
}
/*when editing base template comment this in*/
/*.top-banner{
position: relative;
overflow: visible;
top: 80px;
}*/
.top-banner .wrapper-inside {
width: 88%;
font-family: "Avenir Black";
font-size: 0.8125em;
height: 40px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_1_25 {
/*width: 60%;*/
height: 40px;
padding-top: 8px;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 {
/*width: 40%;*/
height: 40px;
padding-top: 8px;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 .sf_colsIn {
height: 100%;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 .sf_colsIn .sfContentBlock {
height: 100%;
}
.top-banner .wrapper-inside a {
margin-left: 10px;
margin-right: 10px;
color: #D8D8D8;
text-decoration: none;
/*position: relative;*/
/*cool underline effects*/
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.top-banner .wrapper-inside .right-column a {
margin-left: 0px;
margin-right: 20px;
color: #D8D8D8;
}
.top-banner .wrapper-inside .right-column .current-location span {
text-transform: uppercase;
position: relative;
top: 1px;
}
.top-banner .wrapper-inside .right-column .current-location svg {
fill: #788FFF;
width: 21px;
height: 16px;
top: 4px;
cursor:default;
}
.top-banner .wrapper-inside .right-column .favorites svg {
fill: #FF4D6B;
top: 4px;
}
.top-banner .wrapper-inside .right-column a.favorites::after {
content: none;
}
.top-banner .wrapper-inside .right-column a.current-location::after {
content: none;
}
.top-banner .wrapper-inside .right-column .favorites span {
position: relative;
top: 1px;
}
.top-banner .wrapper-inside p.login-signup a:last-child {
margin-left: 0px;
margin-right: 20px;
}
.top-banner .wrapper-inside p.login-signup a.share-icon-style {
margin-right: 0px;
margin-bottom: 10px;
color: #FFFFFF;
}
/*cool underline effects*/
.top-banner .wrapper-inside a:hover {
color: #FFFFFF;
}
/*cool underline effects*/
.top-banner .wrapper-inside a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 a:last-child::after {
display: none;
}
#wrapper .social-dropdown {
width: 100%;
height: 100vh;
position: fixed;
z-index: 4;
background: rgba(61, 61, 61, .7);
right: 0;
top: 40px;
left: 0;
bottom: 0px;
display: none;
transition: opacity 600ms ease 30ms,visibility 0ms ease 630ms;
}
.social-dropdown .social-dropdown-social-content, .social-dropdown-social-content.advancedShare {
display: flex;
justify-content: space-around;
align-items: center;
height: 36px;
width: 180px;
position: relative;
top: 10px;
float: right;
left: 25px;
background-color: #231F20;
padding-right: 10px;
padding-left: 10px;
border-radius: 18px;
}
.social-dropdown .social-content-grey-container {
height: 36px;
width: 88%;
margin: auto;
}
.social-dropdown .social-content-grey-container::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #231F20 transparent;
position: relative;
float: right;
left: 180px;
}
.social-dropdown .social-dropdown-social-content li a, .social-dropdown-social-content.advancedShare li a {
font-size: 1.25em;
text-decoration: none;
color: #D3D3D3;
}
a.onhover-white:hover, a.onhover-white:active {
color: white !important;
}
body > .social-dropdown-social-content.advancedShare {
position: absolute;
left: 0;
top: 410px;
cursor: pointer;
z-index: 1;
/*set width to 0*/
width: 0px;
background-color: rgba(0, 0, 0, 0);
/*transition*/
-webkit-transition: width 400ms ease-out;
-moz-transition: width 400ms ease-out;
-o-transition: width 400ms ease-out;
transition: width 400ms ease-out;
}
body > .social-dropdown-social-content.advancedShare .fa {
font-size: 1em;
}
body.Blog > .social-dropdown-social-content.advancedShare .fa {
color: #3d3d3d;
}
.social-dropdown-social-content.advancedShare li:hover,
.social-dropdown-social-content.advancedShare a:hover,
.social-dropdown-social-content.advancedShare em.fa:hover {
color: #FFF;
-webkit-text-fill-color: #FFF;
}
.page-media .social-dropdown-social-content.advancedShare li:hover,
.page-media .social-dropdown-social-content.advancedShare a:hover,
.page-media .social-dropdown-social-content.advancedShare em.fa:hover {
color: #606060;
-webkit-text-fill-color: #606060;
}
.social-dropdown .social-dropdown-social-content li a:hover .social-dropdown-social-content.advancedShare li a:hover {
color: #ffffff;
}
ul.social-dropdown-social-content.advancedShare.share-icon.blogPage.blogTop.NonRemoveable {
margin-left: -70px;
padding-bottom: 10px;
}
/*.social-dropdown .social-dropdown-social-content li:last-child a, .social-dropdown-social-content.advancedShare li:last-child a {
font-size: 1.1875em
}*/
/*change underline for first link in header*/
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_1_25 a::after {
width: 86%;
left: 21px;
}
.wrapper-inside {
}
.top-banner .wrapper-inside em {
font-size: 1empt;
}
.top-banner .wrapper-inside .right-column em {
margin-right: 15px;
}
.rooster-subpage-navigation {
background: rgba(35, 31, 32, 0.7)
}
.rooster-subpage-navigation .sf_2cols_1_75 {
width: 14%;
}
.rooster-subpage-navigation .sf_2cols_2_25 {
width: 74%;
}
.rooster-subpage-navigation .subpage-nav ul li a {
color: #FFFFFF;
}
.roosterNavigation .navbar {
/*background-color: #055;*/
margin: 0;
padding: 0;
width: 100%;
line-height: 1;
overflow: hidden;
}
.roosterNavigation.navbar li, .navbar a {
display: inline-block;
}
.roosterNavigation .navbar li {
font-family: "Avenir Black";
font-size: 1.0625em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*special style*/
.roosterNavigation div.flexMenu-viewMore {
list-style: none;
box-sizing: content-box;
height: 15px;
text-align: -webkit-match-parent;
}
@media screen and (min-width: 768px) {
.roosterNavigation div.flexMenu-viewMore {
padding-top: 15px;
}
}
@media not all and (min-resolution:.001dpcm) {
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
.js.iOS .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle {
left: 1px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-min-device-pixel-ratio: 2) {
.js.iOS .roosterNavigation div.flexMenu-viewMore a.hamburger-helper {
font-size: 7px !important;
}
}
@media (min-device-width:768px) {
.roosterNavigation li.flexMenu-viewMore a.hamburger-helper {
font-size: 0.5em !important;
}
.location-alert-message {
position:absolute;
top:305px;
padding-left:0px !important;
width:86% !important;
left:76px !important;
}
.location-all .list-of-locations .single-location .location-info-body {
height:auto !important;
}
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .a-class {
margin-left:30px !important;
margin-top:40px !important;
}
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .b-class {
margin-left:30px !important;
}
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .a-class {
margin-left: 30px !important;
margin-top: 40px !important;
}
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .b-class {
margin-left: 30px !important;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .a-class {
margin-left: 30px !important;
margin-top: 40px !important;
}
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .b-class {
margin-left: 30px !important;
}
}
.roosterNavigation div.flexMenu-viewMore a.hamburger-helper {
font-family: "Avenir Black";
font-size: 0.5625em;
color: #FFFFFF;
list-style: none;
font-weight: 400;
padding: 0 40px 0 0;
letter-spacing: -0.5px;
text-decoration: none;
text-shadow: 0px 0px 2px #000000;
position: relative;
bottom: 2px;
right: -18px;
}
.roosterNavigation div.flexMenu-viewMore a.hamburger-helper::after {
content: '';
position: absolute;
left: 0px;
/*right: 38px;*/
bottom: -1px;
width: 58%;
height: 1px;
margin: auto;
background: #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
}
.roosterNavigation div.flexMenu-viewMore a.hamburger-helper:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
/*special style*/
.roosterNavigation .navbar {
height: 3.5em;
overflow: hidden;
width: auto;
margin-left: auto;
margin-right: 20px;
padding-left: 250px; /*increased padding to decrease amount of space between the nav links and MORE*/
}
.js .roosterNavigation ul.flexMenu-popup {
background-color: #3D3D3D;
/*top: 0px;*/
font-family: Goshen;
/*positioning*/
width: fit-content;
right: 0px;
display: flex;
flex-direction: column;
}
.js .roosterNavigation ul.flexMenu-popup li:first-of-type {
/*margin-top: 24px;*/
}
.js .roosterNavigation ul.flexMenu-popup li a {
font-size: 2.25em;
margin-left: 0px;
color: #FFFFFF;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.js .roosterNavigation div.flexMenu-viewMore a:not(a.jsOrderNowBtn) {
padding: 0px;
}
/*Fly Nav*/
#fly-nav {
transition: right 700ms ease;
height: -webkit-fill-available;
right: -360px;
overflow-y: auto;
-ms-overflow-style: none;
-webkit-overflow-scrolling: auto !important;
padding: 3.5em 3em 4em;
position: fixed;
width: 360px;
top: 0px;
z-index: 50;
background-color: #3D3D3D;
/*background-image: url(../Images/navmenu-bg.png);
background-repeat: no-repeat;
background-position-y: 93%;
background-position-x: 170%;*/
}
ul#fly-nav {
padding-right: 5em;
padding-bottom: 35px;
padding-top: 40px;
padding-left: 39px;
}
ul#fly-nav li.signInMobile, ul#fly-nav li.signedInMobile {
color: #ffffff;
padding-top: 18px;
display: none;
margin-bottom: 0px;
}
ul#fly-nav li.signInMobile a, ul#fly-nav li.signedInMobile a {
font-family: "Avenir Black";
font-size: 1em;
line-height: 20px;
text-transform: uppercase;
position:relative;
}
ul#fly-nav li.signInMobile a, ul#fly-nav li.signedInMobile #flyMenuUserPhoto {
position: relative;
bottom: 3px;
}
ul#fly-nav > li {
margin-bottom: 16px;
height: 40px;
line-height: 46.8px;
}
ul#fly-nav > li a {
font-family: Goshen;
text-transform: lowercase;
position: relative;
letter-spacing: 0px;
}
ul#fly-nav > li a.sfSel {
font-weight: normal;
/*text-decoration: underline;*/
position: relative;
}
/*styling for underine animation and not the current page*/
ul#fly-nav > li a:not(.jsOrderNowBtn):not(#flyMenuUserPhoto):not(.flyMenuSignIn):not(.flyMenuSignUp):hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
/*styling for underine animation and not the current page*/
ul#fly-nav > li a:not(.jsOrderNowBtn):not(#flyMenuUserPhoto):not(.flyMenuSignIn):not(.flyMenuSignUp)::after {
content: '';
position: absolute;
left: 0px;
right: 0;
bottom: -0px;
width: 100%;
height: 1px;
margin: auto;
background: #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
}
ul#fly-nav > li a.sfSel::after {
content: '';
position: absolute;
left: 0px;
right: 0;
bottom: 1px;
width: 100%;
height: 1px;
margin: auto;
background: #fff;
-webkit-transform: scaleX(1);
}
#fly-nav.open {
right: 0px;
}
.js .roosterNavigation ul.fly-nav-social-content {
width: 250px;
display: flex;
justify-content: space-between;
/*position: absolute;
bottom: 10px;*/
/*margin-top: 25px;*/
align-items: flex-end;
min-height: 23px;
}
.js .roosterNavigation ul.fly-nav-social-content li {
height: 22px;
}
.js .roosterNavigation ul.fly-nav-social-content li:first-child {
margin-top: 0px;
}
/*.js .roosterNavigation ul.fly-nav-social-content li:last-child a {
font-size: 1.375em;
}*/
.js .roosterNavigation ul.fly-nav-social-content li a {
color: #D8D8D8;
font-size: 1.5em;
}
.js .roosterNavigation ul.fly-nav-social-content li a:hover {
color: #FFFFFF;
}
/*modal/navigation background*/
div.modal-bg {
background: #2d2926;
position: fixed;
width: 100%;
height: 100vh;
z-index: 25;
opacity: 0;
transition: opacity 600ms ease 30ms,visibility 0ms ease 630ms;
visibility: hidden;
display: block;
top: 0;
left: 0;
box-sizing: border-box;
}
.nav-open .modal-bg {
visibility: visible;
opacity: .7;
transition: opacity 600ms ease 30ms;
z-index: 6;
background-color: #3d3d3d;
}
.nav-open #mobile-location-dropdown {
z-index: 2;
}
.no-scroll {
overflow: hidden;
}
/*HAMBURGER STYLE*/
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper {
display: flex;
letter-spacing: normal;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger {
padding: 1px;
margin-top: 3px;
margin-left: 3.5px;
width: 100%;
height: 100%;
position: relative;
bottom: 20px;
left: -32px;
z-index: 100;
}
/*when menu is open move the X to the right*/
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper.is-active span.hamburger {
position: fixed;
/*left: 65px;*/
/*transform: translateX(92%);*/
top: 40px;
left: -webkit-calc(100% - 70px);
left: calc(100% - 70px);
left: -moz-calc(100% - 70px);
width: 30px;
height: 30px;
}
form#form1 {
margin-bottom: 0px;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle {
width: 27px;
height: 1px;
background-color: #FFFFFF;
position: absolute;
top: 50%;
margin-top: 3px;
left: 2px;
/*transitions*/
transition: all 300ms ease;
}
/*transforming animation to X*/
a.hamburger-helper.is-active span.hamburger-middle {
width: 28px !important;
transform: rotate(225deg);
transition-delay: .14s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle::before {
content: "";
width: 26px;
height: 2px;
background-color: #FFFFFF;
position: absolute;
top: -5px;
display: none;
/*transition effects*/
transition: all 300ms ease;
}
/*transforming animation to X*/
a.hamburger-helper.is-active span.hamburger-middle::before {
top: 0;
opacity: 0;
transition: top .1s ease-out,opacity .1s .14s ease-out;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle::after {
content: "";
width: 27px;
height: 1px;
background-color: #FFFFFF;
position: absolute;
bottom: -5px;
/*transition effects*/
transition: all 300ms ease;
}
/*transforming animation to X*/
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper.is-active span.hamburger-middle::after {
width: 28px;
background-color: #FFFFFF;
color: rgba(207,199,192,0);
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),background-color .1s ease,color .1s ease;
}
.center {
display: block;
margin: 0 auto;
}
.locations, p.locations a {
color: #ab262f;
line-height: 40px;
padding-top: 14px
}
h1, h2, h3, h4, h5, h6 {
color: #675d53;
}
h1, .h1 {
font-size: 1.625em;
}
body.sfPageEditor {
background: #ffffff;
}
a:hover, a:active, a:focus {
text-decoration: none;
cursor: pointer;
}
img {
max-width: 100%;
}
div .zip {
text-align: right !important;
margin-top: 20px;
}
/*#region Layout */
.sfPublicWrapper {
margin: 20px auto;
padding: 30px;
width: 920px;
background-color: #fff;
}
/* Footer */
.footer {
/*background: #e0dcd7;*/
/* position: absolute;
bottom: 0;
left: 0; */
width: 100%;
height: 180px;
padding-top: 40px;
-webkit-box-shadow: inset 4px 11px 7px -9px rgba(0,0,0,.5);
box-shadow: inset 4px 11px 7px -9px rgba(0,0,0,.5);
}
.footer a {
color: #675d53;
text-decoration: none;
}
.sf_cols.sfFooter {
font-size: 0.6875em;
width: auto;
display: block;
padding: 20px 0 0 0;
color: #333;
border-top: 1px solid #ccc;
}
.footer-links {
text-align: center;
}
.footer-links ul {
list-style: none;
text-align: -webkit-left;
}
.footer-links ul li {
display: inline-block;
}
/*footer Rooster Update*/
.footer.rooster-footer {
color: white;
z-index: 1;
height: 100%;
/*width: 100%;*/
top: 0px;
left: 0px;
/*background: rgba(170, 39, 47, 0.9);*/
background: initial;
box-shadow: none;
}
.footer.rooster-footer .footer-logo {
/*width: 88%;
margin-right: auto;
margin-left: auto;*/
text-align: right;
}
#footer {
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/footerMay31.jpg) no-repeat center center;
/* ADA FIX - RR - 3-12-2019*/
background-color: #aa272f;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.footer.rooster-footer a {
color: white;
}
.rooster-footer .link-area {
padding-top: 20px;
padding-bottom: 20px;
width: 88%;
margin: auto;
font-size: 0.875em;
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
font-family: "Avenir Black";
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rooster-footer .link-area a {
margin-right: 30px;
color: #D8D8D8;
line-height: 28px;
}
.rooster-footer .link-area a:hover {
text-decoration: none;
color: #FFFFFF;
}
.rooster-footer .about-blog-media-links {
font-family: "Avenir Black";
font-size: 1.0625em;
width: 88%;
margin-right: auto;
margin-left: auto;
text-align: -webkit-left;
text-align: left;
padding-top: 20px;
}
.rooster-footer .about-blog-media-links a {
margin-right: 30px;
color: #d8d8d8;
}
.rooster-footer .about-blog-media-links a:hover {
color: #FFFFFF;
text-decoration: none;
}
.rooster-footer .sfimageWrp {
min-width: 130px;
min-height: 26px;
}
.rooster-footer .bottom-area-footer {
background: rgba(170, 39, 47, 1);
display: flex;
align-items: center;
height: 50px;
font-size: 0.75em;
}
.social-icons-section {
display: flex;
width: 88%;
margin: auto;
justify-content: space-between;
}
.rooster-footer .bottom-area-footer .content {
width: 88%;
margin: auto;
display: flex;
justify-content: space-between;
}
.rooster-footer .bottom-area-footer .content div {
position: relative;
top: 2px;
}
.rooster-footer .bottom-area-footer .content div:first-child {
text-align: left;
}
.rooster-footer .bottom-area-footer .content a {
margin-right: 15px;
font-family: "Avenir Black";
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
color: #D8D8D8;
}
.rooster-footer .bottom-area-footer .content div span {
font-family: "Avenir Light";
}
.rooster-footer .bottom-area-footer .content a:hover {
text-decoration: none;
color: #FFFFFF;
}
.rooster-footer .bottom-area-footer .content a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
/*.rooster-footer .bottom-area-footer .content a::after {
content: '';
position: absolute;
left: 0px;
right: 0;
bottom: -2px;
width: 100%;
height: 1px;
margin: auto;
background: #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
}*/
.rooster-footer .bottom-area-footer .content span:hover {
cursor: default;
}
.rooster-footer .bottom-area-footer .content div span:nth-child(2) {
margin-left: 25px;
margin-right: 25px;
}
.rooster-footer .social.footer-social {
padding-bottom: 28px;
font-size: 1.5em;
/*new*/
/*width: 88%;*/
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.rooster-footer .social.footer-social li .fa {
font-size: 1.5em;
}
.rooster-footer .social.footer-social li {
margin-right: 10px;
}
.rooster-footer .social.footer-social li a {
color: #D8D8D8;
}
/*.rooster-footer .social.footer-social li:last-child a {
font-size: 1.375em;
position: relative;
bottom: 1px;
}*/
.rooster-footer .social.footer-social li a:hover {
color: #FFFFFF;
text-decoration: none;
}
/*make the content take up remaining height*/
html#rooster-update {
height: 100%;
box-sizing: border-box;
/*height: calc(100% + 110px);*/
}
*,
*:before,
*:after {
box-sizing: inherit;
}
/*recently added to fix the footer positioning*/
#rooster-update body {
min-height: 100%;
position: relative;
}
#rooster-update #form1 {
/*min-height: 100%;
position: relative;*/
}
#rooster-update #wrapper {
/*display: flex;
flex-flow: column;*/
/*height: -webkit-calc(100% + 223px);*/
/*min-height: 100%;*/
min-width: 320px;
padding-bottom: 500px;
}
#rooster-update #wrapper #content {
/*position: relative;*/
padding-top: 40px;
}
/*end of make content take up remaining height*/
/*HOME PAGE STYLING*/
#rooster-update #footer.home-style {
/*top: 40px;*/
}
#rooster-update .your-class-test-slick .slick-prev {
background: rgba(255, 255, 255, 0.60);
left: 0px;
height: 13vw;
max-height: 100px;
width: 7vw;
max-width: 60px;
border-radius: 0px 140px 140px 0px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
z-index: 1;
top: 54.5%;
}
#rooster-update .your-class-test-slick .slick-prev:hover {
background: rgba(255, 255, 255, 0.80);
}
#rooster-update .your-class-test-slick .slick-slide {
position: relative;
}
#rooster-update .your-class-test-slick .slick-slide img {
min-height: 525px;
height: 39vw;
max-height: 650px;
width: 100%;
object-fit: cover;
}
#rooster-update .your-class-test-slick .slick-slide .headline-subheadline-holder {
/* display: none; */
position: absolute;
top: 0px;
/* bottom: 32%; */
width: 100%;
height: 100%;
text-align: center;
padding-right: 18vw;
padding-left: 18vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 95px;
}
#rooster-update .your-class-test-slick .slick-slide .headline-subheadline-holder .slider-headline {
color: #FFFFFF;
text-decoration: none;
font-family: "Goshen";
font-size: 0.625em0px;
line-height: 105px;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85);
}
#rooster-update .your-class-test-slick .slick-slide .headline-subheadline-holder .subheadline {
margin-top: 15px;
margin-bottom: 20px;
color: #FFFFFF;
text-decoration: none;
font-family: "Avenir Black";
font-size: 2.25em;
line-height: 42px;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85);
}
#rooster-update .your-class-test-slick .slick-slide .btn {
font-family: Goshen;
font-size: 1.875em;
text-transform: lowercase;
color: #FFFFFF;
letter-spacing: 1px;
padding: 15px 14px 11px;
}
#rooster-update .your-class-test-slick .slick-slide .btn a {
color: #FFFFFF;
text-decoration: none;
}
#rooster-update .your-class-test-slick .slick-slide .btn.red {
background-color: #AA272F;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
}
#rooster-update .your-class-test-slick .slick-slide .btn.red:hover {
background-color: #C13846;
}
#rooster-update .your-class-test-slick .slick-slide .btn.green {
background-color: #739600;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
}
#rooster-update .your-class-test-slick .slick-slide .btn.green:hover {
background-color: #8aab20;
}
#rooster-update .your-class-test-slick.slick-dotted.slick-slider {
margin-bottom: 0;
}
#rooster-update .your-class-test-slick .slick-dots {
bottom: 15px;
}
#rooster-update .your-class-test-slick .slick-dots li.slick-active button:before {
opacity: 1;
color: #FFFFFF;
}
#rooster-update .your-class-test-slick .slick-dots li button:before {
font-size: 2.1875em;
}
#rooster-update .slick-dots li {
margin: 0px;
}
#rooster-update .article-slider .slick-dots li button:before, #rooster-update .promo-images-section .slick-dots li button:before {
font-size: 2.1875em;
color: #3d3d3d;
}
#rooster-update .article-slider .slick-dots li.slick-active button:before, #rooster-update .promo-images-section .slick-dots li.slick-active button:before {
color: #3d3d3d;
opacity: initial;
}
#rooster-update .your-class-test-slick .slick-prev i {
color: #3D3D3D;
font-size: 2.75em;
}
#rooster-update .your-class-test-slick .slick-prev i.fa {
transform: scale(1, 1.3);
position: relative;
bottom: 1px;
right: 7px;
}
#rooster-update .your-class-test-slick .slick-prev:before {
content: "";
}
#rooster-update .your-class-test-slick .slick-next {
background: rgba(255, 255, 255, 0.60);
right: 0px;
height: 13vw;
max-height: 100px;
width: 7vw;
max-width: 60px;
border-radius: 140px 0px 0px 140px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
top: 54.5%;
}
#rooster-update .your-class-test-slick .slick-next:hover {
background: rgba(255, 255, 255, 0.80);
}
#rooster-update .your-class-test-slick .slick-next i {
color: #3D3D3D;
font-size: 2.75em;
}
#rooster-update .your-class-test-slick .slick-next i.fa {
transform: scale(1, 1.3);
position: relative;
bottom: 1px;
left: 7px;
}
#rooster-update .your-class-test-slick .slick-next:before {
content: "";
}
#rooster-update .home-style .sub-slider {
height: initial;
min-height: initial;
max-height: initial;
padding-top: 0px;
margin-left: 0px;
}
#rooster-update .home-style .wrapper-inside .sf_cols {
/*display: flex;*/
}
#rooster-update .home-style .promo-images-section .tagline {
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
background: rgba(35,31,32,.7);
color: #FFFFFF;
padding: 0px;
/*setting font size so i can use em for responsiveness*/
font-size: 0.625em;
display: flex;
/*flex-direction: column;*/
align-items: center;
justify-content: center;
letter-spacing: normal;
}
#rooster-update .home-style .promo-images-section .tagline svg {
fill: #FFFFFF;
width: 14px;
height: 14px;
position: absolute !important;
top: 30px !important;
}
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
font-family: goshen;
font-size: 5.2em;
text-align: center;
padding-right: 2em;
padding-left: 2em;
line-height: 44px;
color: #FFFFFF;
}
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage:hover {
text-decoration: underline;
color: #FFFFFF;
}
@media only screen and (min-width: 1201px) {
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
font-size: 2.375em !important;
line-height: 44px !important;
}
}
/*promo images styling on home page you touch, te mato*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
font-size: 2em !important;
line-height: 38px !important;
}
}
@media only screen and (min-width: 701px) and (max-width: 992px) {
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
font-size: 1.375em !important;
line-height: 28px !important;
}
}
@media only screen and (max-width: 767px) {
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
height: 100%;
width: 100%;
padding-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 700px) {
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
font-size: 1.125em !important;
line-height: 20px !important;
}
}
#rooster-update .home-style .promo-images-section .tagline .promotion-details {
font-family: Avenir subhead;
font-size: 1.2em;
line-height: 15px;
text-align: center;
position: absolute !important;
bottom: 20px !important;
padding: 0px 15px 0px 15px;
width: 100%;
left: 0;
}
#rooster-update .home-style .promo-offers {
width: 100%;
height: 100%;
min-height: 450px;
position: relative;
}
#rooster-update .home-style .promo-offers:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
/*background: url(../Images/Vintage-japenese-newspaper-ads1-bw-promos.jpg) repeat left bottom;*/
width: 100%;
height: 100%;
opacity: 0.3;
z-index: -1;
}
#rooster-update .home-style .promo-offers > .sf_colsOut.sf_1col_1_100 {
width: 100%;
height: 100%;
min-height: 450px;
background-color: rgba(232, 232, 232, .1);
}
#rooster-update .home-style .promo-offers .offers-promos-title {
padding-top: 50px;
padding-bottom: 40px;
font-family: Goshen;
font-size: 2.75em;
text-align: center;
}
#rooster-update .home-style .promo-wrapper .promo-images-section {
width: 88%;
height: 100%;
max-height: 300px;
/*display: flex;*/
margin-bottom: 65px;
margin-left: auto;
margin-right: auto;
}
#rooster-update .home-style .promo-wrapper .promo-images-section .slick-arrow:before {
content: "";
}
#rooster-update .home-style .promo-wrapper .promo-images-section .slick-arrow .fa {
font-size: 2.5em;
color: #3D3D3D;
transform: scale(1, 1.3);
}
#rooster-update .home-style .promo-wrapper .promo-images-section .slick-prev {
top: 46%;
}
#rooster-update .home-style .promo-wrapper .promo-images-section .slick-next {
top: 46%;
}
#rooster-update .home-style .promo-wrapper .promo-images-section .promo-holders {
flex: 1 1 auto;
position: relative;
/*margin-right: 20px;
margin-left: 20px;*/
flex-basis: 100%;
min-height: 300px;
max-height: 300px;
padding-left: 0px;
}
/*STYLE WITH NO SLIDER IN THE PROMO IMAGES*/
#rooster-update .home-style .promo-wrapper .promo-images-section > .promo-holders:nth-child(2) {
/*position: relative;*/
margin-right: 20px;
margin-left: 20px;
}
/*MAKE SURE TO CONPENSATE FOR THE MARGINS WHEN IN SLIDER FORM*/
/*#rooster-update .home-style .promo-wrapper .promo-images-section.slick-slider {
width: -webkit-calc(88% + 20px);
}*/
#rooster-update .home-style .promo-wrapper .promo-images-section.slick-slider .promo-holders.slick-slide {
/*position: relative;*/
margin-right: 10px;
margin-left: 10px;
padding: 0px;
}
/*STYLE WITH SLIDER FOR PROMO IMAGES*/
.promo-wrapper .promo-images-section .slick-track {
height: 100%;
max-height: 300px;
display: flex;
margin-bottom: 55px;
margin-left: auto;
margin-right: auto
}
#rooster-update .home-style .promo-wrapper .promo-images-section .promo-holders img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
}
#rooster-update .home-style .promo-wrapper .sf_1col_1in_100 .sf_colsOut:nth-child(2) .sub-slider .promo img {
object-position: 100% 50%;
}
#rooster-update .home-style .video-placeholder {
min-height: 500px;
background-color: #d3d3d3;
font-size: 2.1875em;
position: relative;
max-height: 850px;
}
#rooster-update .home-style .video-placeholder .title {
padding-top: 50px;
padding-bottom: 40px;
font-family: Goshen;
font-size: 2.75em;
text-align: center;
background-color: #FFFFFF;
display: none;
}
#rooster-update .home-style .video-placeholder .back-ground-image img {
object-fit: cover;
width: 100%;
height: 540px;
max-height: 590px;
}
/*MAKES THE SECTION RELATIVE SO IT CAN HAVE AN IMAGE AS A BACKGROUND*/
.make-container-position-relative-class {
position: relative;
}
/*THIS MAKE AN IMAGE WITH THIS CLASS INTO THE BACKGROUND OF THE SECTION WITH THE CLASS ABOVE*/
.back-ground-image-style-class img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*THIS MAKES THE CONTENT WIDGET OVERLAY ON THE IMAGE ABOVE*/
.overlay-content-on-image-class {
position: absolute;
top: 0px;
/*font-size: 1.5em;*/
}
#rooster-update .home-style .video-placeholder .section-content {
position: absolute;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content {
padding-top: 80px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
width: 88%;
margin-right: auto;
margin-left: auto;
display: flex;
padding-top: 60px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image {
display: flex;
justify-content: center;
max-height: 115px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
color: #FFFFFF;
width: 33%;
font-size: 0.5625em;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column:nth-child(2) {
margin-left: 40px;
margin-right: 40px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .header {
text-transform: uppercase;
font-family: "Avenir Black";
font-size: 1.375em;
line-height: 28px;
letter-spacing: 0.05em;
text-shadow: 0px 0px 2px #000000;
text-align: center;
/*voodoo begins here*/
width: fit-content;
margin-right: auto;
margin-left: auto;
position: relative;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .header::before {
content: '';
position: absolute;
left: -15px;
right: 0;
bottom: 50%;
width: 10px;
height: 1px;
background: #fff;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .header::after {
content: '';
position: absolute;
right: -15px;
bottom: 50%;
width: 10px;
height: 1px;
background: #fff;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .paragraph {
font-family: "Avenir Light";
/*font-size: 1.125em;*/
font-size: 2em;
line-height: 24px;
padding-top: 8px;
text-shadow: 0px 0px 2px #000000;
text-align: center;
}
#rooster-update .home-style .video-placeholder .section-content .button-area {
text-align: center;
padding-top: 40px;
}
#rooster-update .home-style .video-placeholder .section-content .button-area .btn {
padding: 15px 14px 12px;
}
#rooster-update .home-style .video-placeholder .section-content .button-area .btn a {
color: #FFFFFF;
font-family: Goshen;
font-size: 1.375em;
text-decoration: none;
}
#rooster-update .home-style .video-placeholder .section-content .button-area a.btn {
color: #FFFFFF;
font-family: Goshen;
font-size: 1.375em;
text-decoration: none;
}
#rooster-update .home-style .video-placeholder .section-content .button-area .btn.red {
background-color: #AA272F;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
}
#rooster-update .home-style .video-placeholder .section-content .button-area .btn.red:hover {
background-color: #C13846;
}
/*rgba(232, 232, 232, .3)*/
#rooster-update .home-style .social-media-area {
/*min-height: 750px;*/
font-size: 2.1875em;
position: relative;
}
#rooster-update .home-style .social-media-area:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
/*background: url(../Images/Vintage-japenese-newspaper-ads4-bw-social-media.jpg) repeat left bottom;*/
width: 100%;
height: 100%;
opacity: 0.3;
z-index: -1;
}
.social-media-area .sf_colsOut.sf_1col_1_100 {
width: 100%;
/*min-height: 750px;*/
background-color: #E8E8E8;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .header-section {
font-family: Goshen;
color: #3D3D3D;
padding-top: 50px;
padding-bottom: 40px;
text-align: center;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .header-section .header {
font-size: 2.75em
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .header-section .subheader {
font-size: 1.1875em
font-family: "Avenir Medium";
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content {
/*width: -webkit-calc(79% + 20px);*/
width: 75%;
margin-right: auto;
margin-left: auto;
}
#rooster-update .home-style .social-media-wrapper .slick-arrow:before {
content: "";
}
#rooster-update .home-style .social-media-wrapper .slick-arrow .fa {
font-size: 2.5em;
color: #3D3D3D;
transform: scale(1, 1.3);
}
#rooster-update .home-style .social-media-wrapper .slick-prev {
top: 47.5%;
left: -35px;
}
#rooster-update .home-style .social-media-wrapper .slick-next {
top: 47.5%;
right: -35px
}
#rooster-update .home-style .social-media-wrapper .owl-carousel .image-column {
max-height: 501px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column {
max-height: 420px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column .image-holder {
position: relative;
max-height: 500px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column .image-holder img {
height: 100%;
object-fit: cover;
}
/*add class to the social icon overlay to specify style for social icons*/
#rooster-update .home-style .social-media-wrapper .content .image-column .image-holder .first-layer.fa {
position: absolute;
color: #FFFFFF;
bottom: 10px;
right: 10px;
text-shadow: 0px 0px 1px #000000;
font-size: 1.125em;
}
#rooster-update .home-style .social-media-wrapper .content .image-column.single-image {
background-color: grey;
}
#rooster-update .home-style .social-media-wrapper .content .image-column.single-image img {
max-height: 500px;
height: 420px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column .image-holder:hover .image-overlay {
display: block;
position: absolute;
top: 0px;
cursor: pointer;
}
#rooster-update .home-style .social-media-wrapper .content .image-column .image-holder .image-overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
color: #000000;
}
#rooster-update .home-style .image-overlay .post-content {
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px;
}
/*try to hit the big one*/
#rooster-update .home-style .single-image .image-overlay .post-content {
height: calc(100% - 41px);
}
#rooster-update .home-style .image-overlay .post-footer {
height: 20%;
display: flex;
background: rgb(255, 255, 255);
max-height: 41px;
}
#rooster-update .home-style .image-overlay .post-content .post-time {
font-size: 0.75em;
margin-bottom: 11px
}
#rooster-update .home-style .image-overlay .post-content .post-text {
font-size: 0.875em;
text-align: center;
/*padding-right: 15px;
padding-left: 15px;*/
margin-bottom: 7px;
font-family: "Avenir Medium";
color: #3d3d3d;
width: 100%;
overflow: hidden;
}
#rooster-update .home-style .image-overlay .post-content .post-text:hover {
text-decoration: underline;
}
#rooster-update .home-style .double-images .image-overlay .post-content .post-text {
line-height: 20px;
margin-bottom: 13px;
word-wrap: break-word;
}
#rooster-update .home-style .image-overlay .post-content .post-time {
font-family: "Avenir Light";
color: #3d3d3d;
}
#rooster-update .home-style .image-overlay .post-content .social-icons {
font-size: 1.125em;
margin-bottom: 5px;
}
#rooster-update .home-style .image-overlay .post-content .social-icons .fa {
padding-right: 5px;
padding-left: 5px;
color: #3d3d3d;
}
#rooster-update .home-style .image-overlay .post-content .social-icons .fa:hover {
color: #606060;
}
#rooster-update .home-style .image-overlay .post-footer .post-profile-pic {
height: 100%;
width: 20%;
padding: 4px;
max-width: 42px;
}
/*big image*/
/*#rooster-update .home-style .single-image .image-overlay .post-footer .post-profile-pic {
height: 100%;
width: 20%;
padding: 4px;
}*/
#rooster-update .home-style .social-media-wrapper .content .image-column .image-holder .image-overlay .post-footer .post-profile-pic img {
object-fit: initial;
border-radius: 25px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column.single-image .image-holder .image-overlay .post-footer .post-profile-pic {
padding: 4px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column.single-image .image-holder .image-overlay .post-footer .post-profile-pic img {
object-fit: initial;
border-radius: 50px;
height: 33px;
width: 33px;
}
#rooster-update .home-style .image-overlay .post-footer .user {
font-family: "Avenir Black";
color: #3d3d3d;
font-size: 0.6875em;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 5px;
padding-top: 2px;
}
#rooster-update .home-style .social-media-wrapper .content .image-column.double-images .image-holder {
/*margin-top: 5px;
margin-bottom: 5px;*/
height: 205px;
background-color: purple;
}
#rooster-update .home-style .social-media-wrapper .content .image-column.double-images .modalToggle:nth-child(2) {
margin-top: 10px;
}
#rooster-update .home-style .sub-slider .tagline .promotion-details {
font-family: "Avenir Black";
font-size: 0.75em;
letter-spacing: 0px;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons {
padding-top: 40px;
padding-bottom: 40px;
width: 88%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us {
font-family: "Avenir Black";
font-size: 1.375em;
margin-right: 10px;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons-container {
display: inline-flex
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons {
/*padding: 5px;*/
min-width: 44px;
min-height: 44px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
background-color: #AA272F;
border-radius: 26px;
/*color: #FFFFFF;*/
font-size: 1.5em;
-moz-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons:hover {
background-color: #C13846;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons-container a {
color: #FFFFFF;
text-decoration: none;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons-container a:hover {
text-decoration: none;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons:last-child {
/*font-size: 1.375em*/
}
.owl-carousel.twoColumns {
display: none;
}
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.twoColumns {
display: none;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.twoColumns {
width: 62%;
margin-right: auto;
margin-left: auto;
}
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.threeColumns {
display: none;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.threeColumns {
width: 635px;
}
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.fourColumns {
display: none;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.fourColumns {
width: 850px;
}
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.fiveColumns {
display: none;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.fiveColumns {
width: 1065px;
}
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.sixColumns {
display: none;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.sixColumns {
width: 1280px;
}
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.sevenColumns {
display: none;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.sevenColumns {
width: 1495px;
}
/*show two column slider*/
@media only screen and (min-width : 701px) and (max-width : 718px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.twoColumns {
display: block;
width: 70%;
}
}
/*show three column slider*/
@media only screen and (min-width : 719px) and (max-width : 962px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.threeColumns {
display: block;
}
.owl-nav .owl-prev {
left: -5% !important;
}
.owl-nav .owl-next {
right: -5% !important;
}
}
/*show four column slider*/
@media only screen and (min-width : 963px) and (max-width : 1205px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.fourColumns {
display: block;
}
.owl-nav .owl-prev {
left: -4.2% !important;
}
.owl-nav .owl-next {
right: -4.2% !important;
}
}
/*show five column slider*/
@media only screen and (min-width : 1206px) and (max-width : 1449px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.fiveColumns {
display: block;
}
.owl-nav .owl-prev {
left: -4.2% !important;
}
.owl-nav .owl-next {
right: -4.2% !important;
}
}
/*show six column slider*/
@media only screen and (min-width : 1450px) and (max-width : 1692px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.sixColumns {
display: block;
}
.owl-nav .owl-prev {
left: -4.2% !important;
}
.owl-nav .owl-next {
right: -4.2% !important;
}
}
/*show seven column slider*/
@media only screen and (min-width : 1693px) and (max-width : 1935px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.sevenColumns {
display: block;
}
.owl-nav .owl-prev {
left: -4.2% !important;
}
.owl-nav .owl-next {
right: -4.2% !important;
}
}
/*show eight column slider*/
@media only screen and (min-width : 1936px) {
.home-style .social-media-content .social-media-wrapper .owl-carousel.owl-loaded.fourColumns {
display: block;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content.fourColumns {
width: 1710px;
}
.owl-nav .owl-prev {
left: -4.2% !important;
}
.owl-nav .owl-next {
right: -4.2% !important;
}
}
#rooster-update .home-style .article-slider {
margin-top: 40px;
margin-bottom: 90px;
width: 88%;
/*width: 100%;*/
margin-right: auto;
margin-left: auto;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-family: "Avenir Black";
font-size: 1.625em;
line-height: 34px;
}
@media only screen and (min-width: 1050px) and (max-width: 1280px) {
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1.375em;
line-height: 29px;
}
}
@media only screen and (min-width: 701px) and (max-width: 1049px) {
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1.625em;
line-height: 34px;
}
}
#rooster-update .home-style .article-slider .slick-dots {
bottom: -50px;
}
#rooster-update .home-style .article-slider .slick-prev {
left: -45px;
top: 46%;
height: 40px;
}
#rooster-update .home-style .article-slider .slick-prev::before {
content: "";
}
#rooster-update .home-style .article-slider .slick-next {
right: -45px;
top: 46%;
height: 40px;
}
#rooster-update .home-style .article-slider .slick-next::before {
content: "";
}
#rooster-update .home-style .article-slider i.fa {
color: #3D3D3D;
font-size: 2.5em;
transform: scale(1, 1.3);
}
#rooster-update .home-style .article-slider .article .article-content {
display: flex;
width: 100%;
height: 300px;
padding-left: 10px;
padding-right: 10px;
}
#rooster-update .home-style .article-slider .article .article-content .article-image {
width: 200px;
min-width: 200px;
position:relative;
overflow:hidden;
}
#rooster-update .home-style .article-slider .article .article-content .article-image img {
width: 100%;
height: 300px;
object-fit: cover;
overflow: hidden;
}
.ie11 .home-style .article-slider .article .article-content .article-image img {
position: absolute;
width: auto !important;
max-width: inherit !important;
height: 100% !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
#rooster-update .home-style .article-slider .article .article-content .article-wording {
width: 100%;
color: #FFFFFF;
/*display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;*/
padding-right: 30px;
padding-left: 30px;
padding-top: 70px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic {
font-family: "Avenir Light";
font-size: 0.8125em;
position: absolute;
top: 35px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .read-more {
font-family: "Avenir Black";
font-size: 0.75em;
position: absolute;
bottom: 30px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording svg {
fill: #D3D3D3;
position: relative;
top: 3px;
left: 15px;
}
#rooster-update .home-style .article-slider .article-wording.red {
background-color: #AA272F;
}
/*END OF HOME PAGE STYLING*/
.copyright {
font-size: 0.625em;
padding: 10px 0;
color: #675d53;
}
.sf_cols.sfFooter a {
color: #333;
text-decoration: underline;
}
.sf_cols.sfFooter a:hover {
text-decoration: none;
}
/* Logo */
.sfLogo h1 {
font: 44px Georgia, Arial;
font-style: italic;
margin: 0 0 30px 0;
}
.sfLogo h1 a {
color: #333;
}
/*#endregion */
/*#region Pagination */
.sf_pagerNumeric {
margin-top: 15px;
font-size: 0.8125em;
}
.sf_pagerNumeric a:link, .sf_pagerNumeric a:visited, .sf_pagerNumeric a:hover, .sf_pagerNumeric a:active {
padding: 1px 6px;
color: #105CB6;
border: 1px solid #fff;
}
.sf_pagerNumeric a:hover {
border-color: #105CB6;
}
.sf_pagerNumeric a.sf_PagerCurrent:link, .sf_pagerNumeric a.sf_PagerCurrent:visited, .sf_pagerNumeric a.sf_PagerCurrent:hover, .sf_pagerNumeric a.sf_PagerCurrent:active {
background-color: #105CB6;
border-color: #105CB6;
color: #fff;
cursor: default;
}
.sfCatalogPager {
float: right;
margin-top: 7px;
}
.sfCatalogPager .sf_pagerNumeric {
display: inline;
}
.sfCatalogTotalCount {
float: left;
padding-top: 8px;
color: #666;
font-style: italic;
}
/*#endregion */
/*#region Items per page */
.sfitemsPerPageWrp {
padding: 10px 0;
text-align: center;
font-size: 0.6875em;
}
.sfitemsPerPageWrp .sfitemsPerPageLbl {
}
.sfitemsPerPageWrp .sfitemsPerPageLnk {
padding-left: 3px;
}
.sfitemsPerPageWrp .sfitemsPerPageAllLnk {
padding-left: 3px;
}
.sfitemsPerPageWrp a:link, .sfitemsPerPageWrp a:visited, .sfitemsPerPageWrp a:hover, .sfitemsPerPageWrp a:active {
text-decoration: underline;
}
.sfitemsPerPageWrp a:hover {
text-decoration: none;
}
/*#endregion */
/*#region Sort by drop down */
.sfSortByWrp {
margin-bottom: 25px;
text-align: right;
}
.sfSortByWrp label, .sfSortByWrp select {
vertical-align: middle;
}
.sfSortByWrp select {
margin-left: 4px;
}
/*#endregion */
/*#region --- CONTENT BLOCK Typography --- */
.sfContentBlock h1, .sfContentBlock h2, .sfContentBlock h3, .sfContentBlock h4, .sfContentBlock h5 {
line-height: 1.2;
}
.sfContentBlock h1 ~ h1 {
margin-top: 40px;
}
.sfContentBlock h4 {
margin-top: 25px;
font-size: 0.8125em;
font-weight: bold;
}
.sfContentBlock h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.chooseLocation-error-msg {
position: absolute;
margin-left: -534px;
margin-top: 45px;
}
@media only screen and (max-width: 767px) {
.chooseLocation-error-msg {
position: absolute;
margin-top: 10px;
margin-left: 0px;
}
}
.sfContentBlock ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfContentBlock ul ul, .sfContentBlock ol ul {
list-style-type: circle;
}
.sfContentBlock ul ul ul, .sfContentBlock ol ol ul {
list-style-type: square;
}
.sfContentBlock ul.sshContent {
margin-bottom: 0;
padding-left: 0;
}
.sfContentBlock table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfContentBlock table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfContentBlock table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/*#endregion */
/*#region --- BREADCRUMB --- */
.sfBreadcrumbWrp {
margin: 5px 0 20px;
font-size: 0.8125em;
}
.sfBreadcrumbLabel {
}
.sfBreadcrumbWrp .RadSiteMap_Sitefinity, .sfBreadcrumbWrp .RadSiteMap_Sitefinity .rsmLevel {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.sfBreadcrumbWrp .RadSiteMap_Sitefinity .rsmLevel {
padding-bottom: 0;
}
.sfBreadcrumbWrp .RadSiteMap .rsmOneLevel .rsmItem {
font-size: 0.8125em;
}
.sfBreadcrumbWrp .RadSiteMap .rsmOneLevel .rsmLink {
padding-top: 0;
padding-bottom: 0;
}
.sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink {
color: #ffffff;
text-decoration: none;
font-family: 'avenir light';
border: none;
}
.sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink:hover {
color: #ffffff;
text-decoration: underline;
border: none;
background: none;
}
.sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink,
.sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink:hover {
color: #fff;
cursor: default;
text-decoration: none;
font-family: 'avenir black';
background: none;
border: none;
}
/*#endregion */
/*#region --- NAVIGATION --- */
/* Navigation - horizontal */
div.RadTabStrip.RadTabStrip_Sitefinity {
font-size: 0.8125em;
font-weight: normal;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel {
padding-top: 0;
background: #CECECE;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel1 {
padding-top: 6px;
background: none;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel1 .rtsLI {
border-right: 1px solid #fff;
background: #eee;
}
div.RadTabStrip.RadTabStrip_Sitefinity ul.rtsUL {
margin: 0;
padding: 0;
overflow: visible;
list-style: none;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLI {
border-right: 1px solid #E2E2E2;
float: left;
overflow: visible;
}
div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink {
height: 46px;
line-height: 46px;
float: left;
display: block;
padding: 0 20px;
color: #333;
}
div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink.rtsSelected {
height: 46px;
line-height: 46px;
float: left;
display: block;
margin-top: -4px;
padding: 4px 20px 0 20px;
}
div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink span.rtsOut, div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink span.rtsIn, div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink span.rtsTxt {
height: 46px;
line-height: 46px;
display: block;
padding: 0;
background: none;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel .rtsLI a:hover {
background: #B9B9B9;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel1 .rtsLI a:hover {
background: #E5E5E5;
}
div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink:hover span.rtsTxt {
text-decoration: none;
}
div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel .rtsLI a.rtsSelected {
background: #CECECE;
}
/* Navigation - horizontal - sub menus */
div.RadMenu_Sitefinity {
font-size: 0.8125em;
font-weight: normal;
width: 100%;
background: #eee;
}
div.RadMenu_Sitefinity ul.rmHorizontal {
margin: 0;
padding: 0;
list-style: none;
border: none;
background: none;
}
.RadMenu_Sitefinity ul li {
border-right: 1px solid #fff;
float: left;
}
div.RadMenu_Sitefinity .rmHorizontal .rmItem a.rmLink {
height: 46px;
line-height: 46px;
float: left;
display: block;
padding: 0 20px;
color: #333;
cursor: pointer;
}
div.RadMenu_Sitefinity ul li.rmItem a.rmLink span.rmText {
border-right: none !important;
}
.RadMenu_Sitefinity ul.rmHorizontal li a.rmLink span.rtsOut, .RadMenu_Sitefinity ul li a.rmLink span.rmText {
display: block;
padding: 0;
background: none;
}
.RadMenu_Sitefinity ul li a:hover, .RadMenu_Sitefinity .rmGroup .rmItem a.rmLink:hover {
color: #333;
background: #E5E5E5;
}
.RadMenu_Sitefinity ul li a.rmLink:hover span.rtsTxt {
text-decoration: none;
}
.RadMenu_Sitefinity ul li a.rmSelected {
background: #CECECE;
}
/* Sub menu */
div.RadMenu_Sitefinity .rmRootGroup .rmItem .rmVertical {
padding: 0 !important;
}
div.RadMenu_Sitefinity .rmVertical {
padding: 0 !important;
background: #eee;
border: none;
}
div.RadMenu_Sitefinity .rmHorizontal .rmItem {
padding: 0;
}
div.RadMenu_Sitefinity .rmGroup .rmItem a.rmLink {
margin: 0;
padding: 0 20px;
color: #333;
}
div.RadMenu_Sitefinity .rmGroup .rmItem a.rmLink .rmText {
border: 0 none;
padding-right: 0;
}
div.RadMenu_Sitefinity .rmGroup .rmText {
margin: 0;
}
div.RadMenu_Sitefinity .rmGroup, div.RadMenu_Sitefinity .rmMultiColumn, div.RadMenu_Sitefinity .rmGroup .rmVertical {
border: none;
background: #eee;
}
div.RadMenu_Sitefinity .rmVertical .rmItem {
border-right: none !important;
border-top: 1px solid #fff;
}
/* Navigation - vertical */
div.RadTabStripVertical.RadTabStrip_Sitefinity {
font-size: 0.8125em;
font-weight: normal;
display: block;
background: #eee;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity .rtsLevel {
float: none;
display: block;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul.rtsUL {
margin: 0;
padding: 0;
float: none;
list-style: none;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li {
border-bottom: 1px solid #fff;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsLink {
height: 46px;
line-height: 46px;
display: block;
padding: 0 0 0 9px;
color: #333;
text-align: left;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsLink.rtsRoot {
font-size: 0.9375em;
padding: 0;
background: white;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li.rtsLast a.rtsLink {
border: none;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsLink span.rtsOut, div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsLink span.rtsIn, div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsLink span.rtsTxt {
height: 46px;
line-height: 46px;
display: block;
padding: 0;
background: none;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a:hover {
background: #E5E5E5;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsLink:hover span.rtsTxt {
text-decoration: none;
}
div.RadTabStripVertical.RadTabStrip_Sitefinity ul li a.rtsSelected {
background: #CECECE;
}
/* ie6 fix */
.RadTabStrip ul li a.rtsLink span.rtsOut, .RadTabStrip ul li a.rtsLink span.rtsIn, .RadTabStrip ul li a.rtsLink span.rtsTxt {
_float: left;
}
/* Group page which do not redirect to a sub-page */
.sfNoGroupPageNavigation > .rsmLink {
cursor: text;
}
.sfNoGroupPageNavigation > .rsmLink:hover {
color: #000;
text-decoration: none;
}
/*#endregion */
/*#region --- New NAVIGATION --- */
/* Horizontal (one-level) */
.sfNavHorizontal li {
border-right: 1px solid #fff;
background-color: #f2f0ee;
}
.sfNavHorizontal a {
display: block;
padding: 0 20px;
height: 46px;
line-height: 46px;
color: #333;
}
.sfNavHorizontal a:hover {
background-color: #e5e5e5;
color: #333;
}
.sfNavHorizontal a.sfSel, .sfNavHorizontal a.sfSel:hover {
margin-top: -4px;
padding-top: 2px;
background-color: #cecece;
}
/* Horizontal with drop-down menus (Kendo UI) */
.sfNavHorizontalDropDown {
background-color: #eee;
}
.sfNavHorizontalDropDown li {
margin-left: 0;
border-right: 1px solid #fff;
}
.sfNavHorizontalDropDown .k-item > a.k-link {
display: block;
padding: 0 20px;
height: 46px;
line-height: 46px;
color: #333;
}
.sfNavHorizontalDropDown .k-group .k-item > a.k-link {
padding: 0 20px;
}
.sfNavHorizontalDropDown a:hover {
background-color: #e5e5e5;
color: #333;
}
.sfNavHorizontalDropDown .k-item > a.k-link.sfSel, .sfNavHorizontalDropDown .k-item > a.k-link.sfSel:hover {
background-color: #cecece;
}
.sfNavHorizontalDropDown > .k-item > a.k-link.sfSel, .sfNavHorizontalDropDown > .k-item > a.k-link.sfSel:hover {
margin-top: -4px;
padding-top: 2px;
}
.sfNavHorizontalDropDown .k-group {
border-color: #fff;
}
.sfNavHorizontalDropDown .k-popup {
background-color: #eee;
border: 0;
margin-left: 0 !important;
}
.sfNavHorizontalDropDownWrp .k-popup .k-animation-container {
border-left: 1px solid #fff;
}
.sfNavHorizontalDropDown .k-popup li {
border-top: 1px solid #fff !important;
}
.sfNavHorizontalDropDown .k-i-arrow-s, .sfNavHorizontalDropDown .k-i-arrow-e {
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat -1000px -1000px;
}
.sfNavHorizontalDropDown .k-i-arrow-s, .sfNavHorizontalDropDown .k-state-hover .k-i-arrow-s {
background-position: 5px -975px !important;
}
.sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-state-hover .k-i-arrow-e {
background-position: 5px -946px !important;
}
/* Horizontal with tabs (up to 2 levels) */
.sfNavHorizontalTabs.sfLevel2 {
background-color: #cecece;
}
.sfNavHorizontalTabs li {
margin-left: 0;
border-right: 1px solid #fff;
}
.sfNavHorizontalTabs.sfLevel1 li {
background-color: #eee;
}
.sfNavHorizontalTabs.sfLevel2 li {
border-right: 0;
}
.sfNavHorizontalTabs a {
display: block;
padding: 0 20px;
height: 46px;
line-height: 46px;
color: #333;
}
.sfNavHorizontalTabs.sfLevel1 a:hover {
background-color: #e5e5e5;
color: #333;
}
.sfNavHorizontalTabs a.sfSel, .sfNavHorizontalTabs a.sfSel:hover {
background-color: #cecece;
}
.sfNavHorizontalTabs.sfLevel1 a.sfSel, .sfNavHorizontalTabs.sfLevel1 a.sfSel:hover {
margin-top: -4px;
padding-top: 4px;
}
/* Vertical (one-level) */
.sfNavVertical li {
border-bottom: 1px solid #fff;
background-color: #eee;
}
.sfNavVertical a {
display: block;
padding: 0 20px;
height: 46px;
line-height: 46px;
color: #333;
}
.sfNavVertical a:hover {
background-color: #e5e5e5;
color: #333;
}
.sfNavVertical a.sfSel, .sfNavVertical a.sfSel:hover {
background-color: #cecece;
}
/* Treeview (Kendo UI) */
.sfNavTreeview .k-minus, .sfNavTreeview .k-plus {
background-color: transparent;
background-image: url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif");
background-repeat: no-repeat;
}
.sfNavTreeview .k-minus {
background-position: 3px -976px;
}
.sfNavTreeview .k-plus {
background-position: 3px -946px;
}
.sfNavTreeview .k-in.k-state-hover, .sfNavTreeview .k-in.k-state-selected, .sfNavTreeview .k-in.k-state-focused {
border-width: 0;
padding: 2px 4px 2px 3px;
}
/* Sitemap divided in columns (up to 2 levels) */
.sfNavHorizontalSiteMap > li > a {
font-size: 0.875em;
font-weight: normal;
}
.sfNavHorizontalSiteMap > li > a, .sfNavHorizontalSiteMap > li > a:hover {
color: #787878;
}
.sfNavHorizontalSiteMap li li a {
font-size: 0.6875em;
}
.sfNavHorizontalSiteMap li li a, .sfNavHorizontalSiteMap li li a:hover {
color: #000;
}
.sfNavHorizontalSiteMap a:hover {
text-decoration: underline;
}
/* Sitemap divided in rows (up to 2 levels) */
.sfNavVerticalSiteMap > li > a {
font-size: 0.875em;
font-weight: normal;
}
.sfNavVerticalSiteMap > li > a, .sfNavVerticalSiteMap > li > a:hover {
color: #787878;
}
.sfNavVerticalSiteMap li li a {
font-size: 0.6875em;
}
.sfNavVerticalSiteMap li li a, .sfNavVerticalSiteMap li li a:hover {
color: #000;
}
.sfNavVerticalSiteMap a:hover {
text-decoration: underline;
}
/*#endregion */
/*#region --- BLOG --- */
/* --- List View --- */
/* - Title, date and content - */
/* List of posts wrapper */
.sfpostListTitleDateContent {
}
/* Single post wrapper */
.sfpostListTitleDateContent .sfpostListItem {
padding-bottom: 65px;
}
/* Post title */
.sfpostListTitleDateContent h2.sfpostTitle {
margin-bottom: 3px;
font-size: 1.1875em
font-weight: bold;
}
/* Wraps post author and publication date */
.sfpostListTitleDateContent .sfpostAuthorAndDate {
font-size: 0.75em;
}
/* Wraps post full content */
.sfpostListTitleDateContent .sfpostContent {
margin: 20px 0 10px;
line-height: 18px;
}
/* Comments count link */
.sfpostListTitleDateContent .sfpostCommentsCount {
padding-left: 27px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 6px 0;
}
/* - end of Title, date and content - */
/* - Title, date - */
/* List of posts wrapper */
.sfpostListTitleDate {
}
/* Single post wrapper */
.sfpostListTitleDate .sfpostListItem {
padding-bottom: 15px;
}
/* Post title */
.sfpostListTitleDate h2.sfpostTitle {
font-size: 0.8125em;
font-weight: bold;
}
/* Wraps post publication date */
.sfpostListTitleDate .sfpostDate {
font-size: 0.6875em;
color: #666;
}
/* - end of Title, date - */
/* - Title, date and summary template - */
/* List of posts wrapper */
.sfpostListTitleDateSummary {
}
/* Single post wrapper */
.sfpostListTitleDateSummary .sfpostListItem {
padding-bottom: 45px;
}
/* Post title */
.sfpostListTitleDateSummary h2.sfpostTitle {
font-size: 1em;
font-weight: bold;
}
/* Wraps post publication date */
.sfpostListTitleDateSummary .sfpostAuthorAndDate {
margin-bottom: 13px;
font-size: 0.6875em;
}
/* Post summary */
.sfpostListTitleDateSummary .sfpostSummary {
line-height: 1.2;
font-size: 0.8125em;
}
/* Link to details page to read full event content */
.sfpostListTitleDateSummary .sfpostFullStory {
}
/* - end of Title, date and summary template - */
/* --- Details Item --- */
/* Wraps post details view */
.sfpostDetails {
padding-bottom: 20px;
clear: both;
}
/* Wraps "All items" link */
.sfpostLinksWrp {
}
/* "All items" link */
.sfpostBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* Post title */
.sfpostDetails .sfpostTitle {
margin: 0;
padding: 35px 0 0;
color: #000;
font-size: 1.5em;
line-height: 1.2;
}
/* Post author and date */
.sfpostDetails .sfpostAuthorAndDate {
margin: 0;
padding: 0;
font-size: 0.75em;
}
/* Wraps post full content */
.sfpostDetails .sfpostContent {
margin: 0;
padding: 20px 0;
line-height: 18px;
}
/* Blog Typography - applied to blog post content */
.sfpostsList .sfpostContent h1, .sfpostDetails .sfpostContent h1 {
font-size: 1.5em;
}
.sfpostsList .sfpostContent h2, .sfpostDetails .sfpostContent h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sfpostsList .sfpostContent h3, .sfpostDetails .sfpostContent h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sfpostsList .sfpostContent h4, .sfpostDetails .sfpostContent h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sfpostsList .sfpostContent h5, .sfpostDetails .sfpostContent h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfpostsList .sfpostContent p, .sfpostDetails .sfpostContent p {
margin-bottom: 18px;
}
.sfpostsList .sfpostContent ul, .sfpostDetails .sfpostContent ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfpostsList .sfpostContent ol, .sfpostDetails .sfpostContent ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfpostsList .sfpostContent ul ul, .sfpostsList .sfpostContent ol ul,
.sfpostDetails .sfpostContent ul ul, .sfpostDetails .sfpostContent ol ul {
list-style-type: circle;
}
.sfpostsList .sfpostContent ul ul ul, .sfpostsList .sfpostContent ol ol ul,
.sfpostDetails .sfpostContent ul ul ul, .sfpostDetails .sfpostContent ol ol ul {
list-style-type: square;
}
.sfpostContent table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfpostContent table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfpostContent table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of blog post Typography */
/* --- end of BLOG --- */
/*#endregion */
/*#region --- BLOGS LIST --- */
.sfblogsList {
}
/* --- Titles only --- */
.sfblogsListTitlesOnly {
}
.sfblogsListTitlesOnly .sfblogsListItem {
margin-bottom: 7px;
line-height: 1.2;
}
/* --- Titles and dates --- */
.sfblogsListTitleDate {
}
.sfblogsListTitleDate .sfblogsListItem {
margin-bottom: 15px;
line-height: 1.2;
}
.sfblogsListTitleDate .sfblogTitle {
}
.sfblogsListTitleDate .sfblogMetaInfo {
font-size: 0.6875em;
color: #666;
}
/* --- end of Blogs list --- */
/*#endregion */
/*#region --- EVENTS --- */
/* --- List View --- */
/* - Title, city and dataes template - */
/* List of event items wrapper */
.sfeventsListTitleCityDate {
}
/* Single event wrapper */
.sfeventsListTitleCityDate .sfeventListItem {
padding-bottom: 20px;
}
/* Event title */
.sfeventsListTitleCityDate h2.sfeventTitle {
font-size: 0.8125em;
font-weight: bold;
}
/* Wraps event location, event period and comments count */
.sfeventsListTitleCityDate .sfeventMetaInfo {
font-size: 0.6875em;
color: #666;
}
.sfeventsListTitleCityDate .sfeventMetaInfo div {
display: inline;
}
/* Comments count link */
.sfeventsListTitleCityDate .sfeventCommentsCount {
padding-left: 27px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 6px 0;
}
/* - end ofTitle, city and dataes template - */
/* - Title, city, dataes and content template - */
/* List of event items wrapper */
.sfeventsListTitleCityDateContent {
}
/* Single event wrapper */
.sfeventsListTitleCityDateContent .sfeventListItem {
padding-bottom: 67px;
}
/* Event title */
.sfeventsListTitleCityDateContent h2.sfeventTitle {
margin-bottom: 3px;
font-size: 1.1875em
font-weight: bold;
}
/* Wraps event location, event period and comments count */
.sfeventsListTitleCityDateContent .sfeventMetaInfo {
margin: 0;
padding: 0;
font-size: 0.75em;
}
/* Wraps event full content */
.sfeventsListTitleCityDateContent .sfeventContent {
margin: 0;
padding: 25px 0 0;
line-height: 18px;
}
/* - end of Title, city, dataes and content template - */
/* Add Event to calendar */
.sfAddEventWrp {
margin-top: 5px;
font-size: 0.6875em;
}
.sfAddEventWrp .sfical, .sfAddEventWrp .sfoutlook, .sfAddEventWrp .sfgooglecalendar {
margin-left: 5px;
}
.sfAddEventWrp .sfical a, .sfAddEventWrp .sfoutlook a, .sfAddEventWrp .sfgooglecalendar a {
padding-bottom: 3px;
padding-left: 20px;
padding-top: 3px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat -1000px -1000px;
}
.sfAddEventWrp .sfical a {
background-position: 0 -2100px;
}
.sfAddEventWrp .sfoutlook a {
background-position: 0 -2299px;
}
.sfAddEventWrp .sfgooglecalendar a {
background-position: 0 -2199px;
}
/* Recurrent events tooltip */
.sfeventMetaInfo .sfeventsRecurrenceTooltipWrp {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
position: relative;
}
.sfeventMetaInfo .sfeventsRecurrenceTooltipWrp.sfShown {
z-index: 100;
}
.sfeventMetaInfo .sfeventsRecurrenceTooltipWrp .sfeventsRecurrenceTooltipLnk {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: block;
cursor: default;
vertical-align: top;
margin-left: 5px;
margin-right: 2px;
width: 14px;
height: 14px;
text-indent: -9999px;
overflow: hidden;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -2500px;
}
.sfeventMetaInfo .sfeventsRecurrenceTooltipWrp .sfeventsRecurrenceTooltipText {
display: block;
padding: 10px 15px 10px 10px;
background-color: #ffc;
position: absolute;
left: 25px;
top: -10px;
line-height: 1.2;
font-size: 0.6875em;
}
.sfeventsRecurrenceTooltipText p {
margin-top: 10px;
white-space: nowrap;
color: #000;
}
.sfeventsRecurrenceTooltipText p.sfFirst {
margin-top: 0;
}
/* --- Calendar --- */
.sfcalendarWrp {
position: relative;
}
.sfcalendarWrp .sfcalendar {
width: 80%;
float: left;
z-index: 10;
}
.sfcalendarWrp .RadScheduler .rsHeader ul {
margin-right: 85px;
}
.sfcalendarWrp .sfcalendarSidebar {
width: 18%;
float: right;
}
.sfcalendarListTitle {
font-weight: bold;
margin-top: 35px;
margin-bottom: 10px;
}
.sfcalendarList {
margin-top: 5px;
}
.sfcalendarList li {
margin-bottom: 15px;
}
.sfcalendarList .sfColorWrp {
padding: 5px 5px 3px;
vertical-align: middle;
}
.sfcalendarList label {
padding-left: 3px;
vertical-align: middle;
}
.sfcalendarList .sfdelete {
display: none;
margin-left: 5px;
width: 11px;
height: 13px;
text-indent: -9999px;
overflow: hidden;
vertical-align: middle;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -2400px;
}
.sfcalendarList .sfcalendarListItm:hover .sfdelete {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.sfcalendarWrp a.sfSubmitBtn, .sfcalendarWrp a.sfSubmitBtn:link, .sfcalendarWrp a.sfSubmitBtn:visited, .sfcalendarWrp a.sfSubmitBtn:hover, .sfcalendarWrp a.sfSubmitBtn:active {
background-color: #D4D0C8;
border: 2px outset #D4D0C8;
color: #000000;
padding: 1px 15px 2px;
}
.sfcalendarWrp a.sfCreateBtn {
position: absolute;
right: 20%;
top: 0;
z-index: 1000;
margin-right: 10px;
margin-top: 4px;
}
.sfcalendarCreateNewWrp .sftoggleCreateCalendar {
font-size: 0.6875em;
}
.sfcalendarCreateNewWrp li {
margin-bottom: 10px;
}
.sfcalendarCreateNewWrp .sfTxtLbl {
display: block;
font-weight: bold;
}
.sfcalendarCreateNewWrp .sfTxt {
width: 150px;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
.sfcalendarCreateNewWrp .sfCancel {
font-size: 0.6875em;
color: #f00;
margin-left: 10px;
}
.sfcalendarCreateNewWrp .sfCancel:hover {
color: #00f;
}
div.k-window.sfcalendarEventPreviewWrp {
padding-top: 0 !important;
border: 1px solid #a1a1a1;
box-shadow: 4px 4px 0 #d7d7d7;
}
.sfcalendarEventPreviewWrp .k-window-titlebar {
width: auto;
right: 0;
border-bottom: 0 none;
margin-top: 0 !important;
}
.sfcalendarEventPreviewWrp .k-window-titlebar .k-state-hover {
border: 0;
padding: 2px;
}
.sfcalendarEventPreviewWrp .k-window-action.k-state-hover {
background-image: none;
background-color: transparent;
}
.sfcalendarEventPreviewWrp div.k-window-content {
padding: 20px;
}
.sfcalendarEventPreviewTitle {
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 1.125em;
border-bottom: 1px solid #ccc;
}
.sfcalendarEventPreviewWrp .sfcalendarEventPreviewEditLnkWrp {
font-size: 0.6875em;
}
.sfcalendarEventPreviewWrp .sfAddEventWrp {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ccc;
}
/* --- Details Item --- */
/* Wraps single event details view */
.sfeventDetails {
padding-bottom: 20px;
clear: both;
}
/* Wraps "All items" link */
.sfeventLinksWrp {
}
/* "All items" link */
.sfeventBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* Event title */
.sfeventDetails .sfeventTitle {
margin: 0;
padding: 35px 0 0;
color: #000;
font-size: 1.5em;
line-height: 1.2;
}
.sfeventDetails .sfcommentsCounterWrp.sfcommentsFull {
margin-left: 0;
}
/* Wraps list of detailed event organizational info - dates, location and contact info */
.sfeventDatesLocationContacts {
padding: 25px 0 5px;
}
/* Wraps dates, location or contact info */
.sfeventDatesLocationContacts li {
padding-top: 2px;
}
/* Wraps event full content */
.sfeventDetails .sfeventContent {
margin: 0;
padding: 20px 0;
line-height: 18px;
}
/* Event Typography - applied to event content */
.sfeventDetails .sfeventContent h1, .sfeventsListTitleCityDateContent .sfeventContent h1 {
font-size: 1.5em;
}
.sfeventDetails .sfeventContent h2, .sfeventsListTitleCityDateContent .sfeventContent h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sfeventDetails .sfeventContent h3, .sfeventsListTitleCityDateContent .sfeventContent h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sfeventDetails .sfeventContent h4, .sfeventsListTitleCityDateContent .sfeventContent h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sfeventDetails .sfeventContent h5, .sfeventsListTitleCityDateContent .sfeventContent h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfeventDetails .sfeventContent p, .sfeventsListTitleCityDateContent .sfeventContent p {
margin-bottom: 18px;
}
.sfeventDetails .sfeventContent ul, .sfeventsListTitleCityDateContent .sfeventContent ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfeventDetails .sfeventContent ol, .sfeventsListTitleCityDateContent .sfeventContent ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfeventDetails .sfeventContent ul ul, .sfeventDetails .sfeventContent ol ul,
.sfeventsListTitleCityDateContent .sfeventContent ul ul, .sfeventsListTitleCityDateContent .sfeventContent ol ul {
list-style-type: circle;
}
.sfeventDetails .sfeventContent ul ul ul, .sfeventDetails .sfeventContent ol ol ul,
.sfeventsListTitleCityDateContent .sfeventContent ul ul ul, .sfeventsListTitleCityDateContent .sfeventContent ol ol ul {
list-style-type: square;
}
.sfeventContent table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfeventContent table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfeventContent table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of Event Typography */
/* end of EVENTS */
/*#endregion */
/*#region --- NEWS --- */
/* --- List View --- */
/* - Title only Template - */
/* List of news items wrapper */
.sfnewsListTitlesOnly {
}
/* Single news wrapper */
.sfnewsListTitlesOnly .sfnewsListItem {
margin-bottom: 2px;
padding-bottom: 0;
font-size: 0.8125em;
}
/* - end of Title only Template - */
/* - Title and date template (Plus comments link if there are comments) - */
/* List of news items wrapper */
.sfnewsListTitleDate {
}
/* Single news wrapper */
.sfnewsListTitleDate .sfnewsListItem {
padding-bottom: 15px;
}
/* News title */
.sfnewsListTitleDate h2.sfnewsTitle {
font-size: 0.8125em;
font-weight: bold;
}
/* Wraps publication date and comments count */
.sfnewsListTitleDate .sfnewsMetaInfo {
font-size: 0.6875em;
color: #666;
}
.sfnewsListTitleDate .sfnewsMetaInfo div {
display: inline;
}
/* Comments count link */
.sfnewsListTitleDate .sfnewsCommentsCount {
padding-left: 27px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 6px 0;
}
/* - end of Title and date template - */
/* - Title, date and summary template - */
/* List of news items wrapper */
.sfnewsListTitleDateSummary {
}
/* Single news wrapper */
.sfnewsListTitleDateSummary .sfnewsListItem {
padding-bottom: 45px;
}
/* News title */
.sfnewsListTitleDateSummary h2.sfnewsTitle {
font-size: 1em;
font-weight: bold;
}
/* Wraps publication date */
.sfnewsListTitleDateSummary .sfnewsMetaInfo {
margin-bottom: 13px;
font-size: 0.6875em;
}
/* News summary */
.sfnewsListTitleDateSummary .sfnewsSummary {
line-height: 1.2;
font-size: 0.8125em;
}
/* Link to details page to read full news content */
.sfnewsListTitleDateSummary .sfnewsFullStory {
}
/* - end of Title, date and summary template - */
/* - Title, date and content, template - */
/* List of news items wrapper */
.sfnewsListTitleDateContent {
}
/* Single news wrapper */
.sfnewsListTitleDateContent .sfnewsListItem {
padding-bottom: 67px;
}
/* News title */
.sfnewsListTitleDateContent h2.sfnewsTitle {
margin-bottom: 3px;
font-size: 1.1875em
font-weight: bold;
}
/* News author and date */
.sfnewsListTitleDateContent .sfnewsAuthorAndDate {
margin: 0;
padding: 0;
font-size: 0.75em;
}
/* Wraps news full content */
.sfnewsListTitleDateContent .sfnewsContent {
margin: 0;
padding: 25px 0 0;
line-height: 18px;
}
/* Wraps publication date and comments count */
.sfnewsListTitleDateContent .sfnewsMetaInfo {
font-size: 0.6875em;
color: #666;
}
.sfnewsListTitleDateContent .sfnewsMetaInfo div {
display: inline;
}
/* Comments count link */
.sfnewsListTitleDateContent .sfnewsCommentsCount {
padding-left: 27px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 6px 0;
}
/* - end of Title, date and content template - */
/* --- Details Item --- */
/* Wraps single news details view */
.sfnewsDetails {
padding-bottom: 20px;
clear: both;
}
/* Wraps "All items" link */
.sfnewsLinksWrp {
}
/* "All items" link */
.sfnewsBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* News title */
.sfnewsDetails .sfnewsTitle {
margin: 0;
padding: 35px 0 0;
color: #000;
font-size: 1.5em;
line-height: 1.2;
}
/* News author and date */
.sfnewsDetails .sfnewsAuthorAndDate {
margin: 0;
padding: 0;
font-size: 0.75em;
}
/* News summary */
.sfnewsDetails .sfnewsSummary {
margin: 0;
padding: 30px 0 0;
color: #666;
font-size: 0.9375em;
font-style: italic;
}
/* Wraps news full content */
.sfnewsDetails .sfnewsContent {
margin: 0;
padding: 20px 0;
line-height: 18px;
}
/* News Typography - applied to news content */
.sfnewsDetails .sfnewsContent h1, .sfnewsListTitleDateContent .sfnewsContent h1 {
font-size: 1.5em;
}
.sfnewsDetails .sfnewsContent h2, .sfnewsListTitleDateContent .sfnewsContent h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sfnewsDetails .sfnewsContent h3, .sfnewsListTitleDateContent .sfnewsContent h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sfnewsDetails .sfnewsContent h4, .sfnewsListTitleDateContent .sfnewsContent h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sfnewsDetails .sfnewsContent h5, .sfnewsListTitleDateContent .sfnewsContent h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfnewsDetails .sfnewsContent p, .sfnewsListTitleDateContent .sfnewsContent p {
margin-bottom: 18px;
}
.sfnewsDetails .sfnewsContent ul, .sfnewsListTitleDateContent .sfnewsContent ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfnewsDetails .sfnewsContent ol, .sfnewsListTitleDateContent .sfnewsContent ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfnewsDetails .sfnewsContent ul ul, .sfnewsDetails .sfnewsContent ol ul,
.sfnewsListTitleDateContent .sfnewsContent ul ul, .sfnewsListTitleDateContent .sfnewsContent ol ul {
list-style-type: circle;
}
.sfnewsDetails .sfnewsContent ul ul ul, .sfnewsDetails .sfnewsContent ol ol ul,
.sfnewsListTitleDateContent .sfnewsContent ul ul ul, .sfnewsListTitleDateContent .sfnewsContent ol ol ul {
list-style-type: square;
}
.sfnewsContent table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfnewsContent table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfnewsContent table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of News Typography */
/* --- end of NEWS --- */
/*#endregion */
/*#region --- GENERIC CONTENT --- */
/* --- List View --- */
/* List of generic content items wrapper */
.sfgenericList {
}
/* Single generic content item wrapper */
.sfgenericList .sfgenericListItem {
padding-bottom: 20px;
}
/* Generic content item title */
.sfgenericList h2.sfgenericTitle {
display: block;
color: #0E50B1;
font-size: 0.8125em;
font-weight: bold;
}
/* Wraps publication date and comments count */
.sfgenericList .sfgenericMetaInfo {
font-size: 0.6875em;
color: #666;
}
/* Comments count link */
.sfgenericList .sfgenericCommentsCount {
padding-left: 27px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 6px 0;
}
/* --- Details Item --- */
/* Wraps generic content item details view */
.sfgenericDetails {
padding-bottom: 20px;
clear: both;
}
/* Wraps "All items" link */
.sfgenericLinksWrp {
}
/* "All items" link */
.sfgenericBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* Generic content item title */
.sfgenericDetails .sfgenericTitle {
margin: 0;
padding: 35px 0 0;
color: #000;
font-size: 1.5em;
line-height: 1.2;
}
/* Generic content item author and date */
.sfgenericDetails .sfgenericAuthorAndDate {
margin: 0;
padding: 0;
font-size: 0.75em;
}
/* Wraps full content */
.sfgenericDetails .sfgenericContent {
margin: 0;
padding: 20px 0;
line-height: 18px;
}
/* Content Typography - applied to generic content */
.sfgenericDetails .sfgenericContent h1 {
font-size: 1.5em;
}
.sfgenericDetails .sfgenericContent h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sfgenericDetails .sfgenericContent h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sfgenericDetails .sfgenericContent h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sfgenericDetails .sfgenericContent h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfgenericDetails .sfgenericContent p {
margin-bottom: 18px;
}
.sfgenericDetails .sfgenericContent ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfgenericDetails .sfgenericContent ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfgenericDetails .sfgenericContent ul ul, .sfgenericDetails .sfgenericContent ol ul {
list-style-type: circle;
}
.sfgenericDetails .sfgenericContent ul ul ul, .sfgenericDetails .sfgenericContent ol ol ul {
list-style-type: square;
}
.sfgenericContent table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfgenericContent table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfgenericContent table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of Content Typography */
/* --- end of GENERIC CONTENT --- */
/*#endregion */
/*#region --- DYNAMIC MODULE --- */
/* --- List View --- */
/* - Title only Template - */
/* List of items items wrapper */
.sfitemsListTitlesOnly {
}
/* Single item wrapper */
.sfitemsListTitlesOnly .sfitem {
margin-bottom: 2px;
padding-bottom: 0;
font-size: 0.8125em;
}
/* - end of Title only Template - */
/* Title, publication date and thumbnail list */
.sfitemsListTitleDateTmb .sfitem {
margin-bottom: 30px;
}
.sfitemsListTitleDateTmb .sfitemTitle {
font-size: 1em;
font-weight: bold;
}
.sfitemsListTitleDateTmb .sfimageWrp {
float: left;
margin-right: 20px;
}
.sfitemsListTitleDateTmb .sfitemPublicationDate {
display: inline;
font-size: 0.6875em;
color: #666;
}
/* - end of Title, publication date and thumbnail list - */
/* Details view */
/* Item title */
.sfitemDetails .sfitemTitle {
margin: 0;
color: #000;
font-size: 1em;
line-height: 1.2;
font-weight: bold;
}
.sfitemDetails .sfitemPublicationDate {
display: inline;
margin-bottom: 18px;
font-size: 0.6875em;
color: #666;
}
.sfWorkflowBtnsShown .sfitemDetails .sfitemPublicationDate {
display: block;
}
.sfWorkflowBtnsShown .sfitemDetails .sfcommentsCounterWrp {
display: block;
margin-top: -15px;
margin-left: 0;
margin-bottom: 10px;
}
.sfitemDetails .sfitemLongText {
margin-top: 18px;
margin-bottom: 30px;
font-size: 0.875em;
font-style: italic;
line-height: 1.2;
color: #666;
}
.sfitemDetails .sfimageWrp,
.sfitemDetails .sfimagesTmbList,
.sfitemDetails .sfdownloadFileWrp,
.sfitemDetails .sfdownloadList,
.sfitemDetails .sfvideoWrp,
.sfitemDetails .sfvideosTmbList,
.sfitemDetails .sfitemAddressWrp {
margin-top: 30px;
margin-bottom: 30px;
}
.sfimageWrp img {
max-width: 100%;
}
.sfitemDetails .sfimagesTmbList,
.sfitemDetails .sfvideosTmbList {
margin-left: -10px;
}
.sfitemDetails .sfitemFieldLbl, .sfitemDetails .sfitemChoices .sfTxtLbl, .sfitemNumberWrp .sfitemFieldLbl {
font-weight: bold;
display: inline;
}
.sfitemDetails .sfitemShortTxt, .sfitemDetails .sfitemNumber, .sfitemDetails .sfitemPrice, .sfitemDetails .sfChoiceContent, .sfitemDateWrp .sfitemDate {
display: inline;
}
.sfitemTaxonWrp:first-child {
margin-top: 18px;
}
.sfitemTaxonWrp div, .sfitemTaxonWrp .sfTagsList, .sfitemTaxonWrp .sfCategoriesList, .sfitemTaxonWrp .sfTagsList li, .sfitemTaxonWrp .sfCategoriesList li {
display: inline;
}
.sfitemTaxonWrp li span:before {
content: ", ";
}
.sfitemTaxonWrp li:first-child span:before {
content: "";
}
/* Wraps item full content */
.sfitemDetails .sfitemRichText {
margin: 30px 0;
line-height: 18px;
}
/* Item Typography */
.sfitemDetails .sfitemRichText h1 {
font-size: 1.5em;
}
.sfitemDetails .sfitemRichText h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sfitemDetails .sfitemRichText h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sfitemDetails .sfitemRichText h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sfitemDetails .sfitemRichText h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfitemDetails .sfitemRichText p {
margin-bottom: 18px;
}
.sfitemDetails .sfitemRichText ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfitemDetails .sfitemRichText ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfitemDetails .sfitemRichText ul ul, .sfitemDetails .sfitemRichText ol ul {
list-style-type: circle;
}
.sfitemDetails .sfitemRichText ul ul ul, .sfitemDetails .sfitemRichText ol ol ul {
list-style-type: square;
}
.sfitemDetails table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfitemDetails table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfitemDetails table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of Details view */
/* --- end of DYNAMIC MODULE --- */
/*#endregion */
/*#region --- COMMENTS --- */
.sfcommentsCounterWrp {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.sfcommentsCounterWrp.sfcommentsFull, .sfcommentsCounterWrp.sfcommentsShort {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-left: 15px;
padding-left: 20px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -2698px;
}
.sfcommentsCounterWrp.sfcommentsIconOnly {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
text-align: center;
line-height: 18px;
width: 26px;
height: 24px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -2800px;
}
.sfcommentsCounterWrp.sfcommentsEmpty {
background-position: 0 -2900px;
}
/* --- List View --- */
/* Comments title */
.sfcommentsTitle {
display: inline-block;
zoom: 1;
*display: inline;
margin-bottom: 7px;
font-size: 0.9375em;
font-weight: bold;
}
.sfcommentsFormWithAvatarWrp .sfcommentsTitleWrp {
width: 400px;
position: relative;
}
.sfcommentsFormWithAvatarWrp .sfcommentsTitle {
margin-bottom: 0;
position: absolute;
top: 3px;
left: 5px;
font-size: 0.75em;
color: #999;
font-weight: normal;
font-style: italic;
}
.sfcommentsFormWithAvatarWrp .sfcancelReply {
float: right;
}
.sfcommentsFormWithAvatarWrp .sfMessage {
margin-bottom: 20px;
}
.sfLeaveCommentLnk, .sfcancelReply {
font-size: 0.6875em;
margin-left: 10px;
*vertical-align: middle;
}
.sfcommentsOderFilterWrp {
float: right;
font-size: 0.6875em;
}
.sfShowNewWrp {
margin: 5px 0 10px;
padding: 5px 20px;
text-align: center;
background-color: #f0f8fa;
}
.sfLoadMoreWrp {
margin-bottom: 40px;
}
/* List of comments wrapper */
.sfcommentsListWrp {
margin-top: 30px;
}
.sfcommentsList {
margin-bottom: 30px;
list-style-position: outside;
border: 0;
}
/* Single comment wrapper */
.sfcommentsList .sfcommentDetails {
margin-bottom: 10px;
padding: 5px 15px 10px 56px;
position: relative;
z-index: 2;
}
/* Comment of the post author wrapper */
.sfcommentsList .sfcommentDetails.sfcommentOfTheAuthor {
background-color: #f5f5f5;
}
/* Shows the subsequent comment number */
.sfcommentsList .sfcommentNumber {
display: block;
color: #989898;
font-size: 0.75em;
line-height: 1.8;
font-weight: bold;
text-align: center;
position: absolute;
top: 5px;
left: 6px;
_left: -50px;
width: 32px;
height: 28px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -100px;
background-position: 0 -100px;
}
/* Comment author */
.sfcommentsList .sfcommentAuthorAvatar {
width: 40px;
position: absolute;
left: 0;
}
/* Comment author */
.sfcommentsList .sfcommentAuthor {
font-weight: normal;
color: #666;
}
/* Comment date */
.sfcommentsList .sfcommentDate {
color: #666;
}
.sfcommentsList .sfcommentReplyLnk {
margin-left: 10px;
}
/* Comment content */
.sfcommentsList .sfcommentText {
line-height: 1.2;
color: #000;
}
/* --- Comments Form --- */
.sfcommentsFormWrp {
}
.sfcommentsFormWithAvatarWrp {
position: relative;
}
.sfcommentsFormWithAvatarWrp .sfcommentAuthorAvatar {
position: absolute;
width: 40px;
}
.sfcommentsFormWithAvatarWrp .sfcommentsFormWrp {
padding-left: 56px;
}
.sfcommentsFormWrp .sfNeutral {
margin-bottom: 10px;
background-color: #ffc;
padding: 5px 15px;
}
/* Submit comment form wrapper */
.sfcommentsForm {
padding: 0 0 30px;
}
/* List of (submit comment) form fields wrapper */
.sfcommentsForm .sfcommentsFieldsList {
padding-bottom: 15px;
}
/* Single form field wrapper */
.sfcommentsForm .sfcommentsField {
margin-bottom: 5px;
}
/* Editor field wrapper */
.sfcommentsForm .sfcommentEditor {
width: 400px;
}
/* Rad Editor control wrapper */
.sfcommentsForm .sfEditorWrp {
position: relative;
}
/* Editor wrapper */
.sfcommentsForm .RadEditor {
}
/* Rad Editor tool set wrapper */
.sfcommentsForm .sfEditorWrp .reToolbarWrapper .reToolbar {
width: auto !important;
}
/* Hide list items that are used to make rounded corners in Editor */
.sfEditorWrp .reToolbarWrapper .grip_first, .sfEditorWrp .reToolbarWrapper .grip_last {
display: none;
}
/* "More formatting options/Basic options only" button */
.sfEditorWrp .reToolbarWrapper .sfChange {
position: absolute;
top: 10px;
right: 5px;
font-size: 0.6875em;
color: #666;
text-decoration: underline !important;
_width: 115px;
_text-align: right;
}
.sfEditorWrp .reToolbarWrapper .sfChange:hover {
color: #555;
text-decoration: none !important;
}
/* Rad Editor toolbox separator */
.sfEditorWrp .reToolbar .reSeparator {
margin: 6px 3px 0 !important;
height: 15px;
width: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
color: #ccc;
}
/* Form text input */
.sfcommentsForm .sfTxt {
width: 200px;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* Label note */
.sfcommentsForm .sfNote {
font-size: 0.6875em;
line-height: 1.2;
color: #666;
}
/* Error */
.sfcommentsForm .sfError {
padding-top: 5px;
}
/* Captcha */
/* Captcha wrapper */
.sfcommentsForm .sfcommentCaptcha {
margin-top: 15px;
}
/* Captcha error message */
.sfcommentsForm .sfcommentCaptcha span {
display: block;
padding-left: 20px;
font-size: 0.6875em;
font-weight: bold;
color: #f30;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfIcons.gif") no-repeat 0 -499px;
}
.sfcommentsForm .sfcommentCaptcha .sfRestfulCaptchaRefresh {
}
/* Captcha image and text field wrapper */
.sfcommentsForm .sfcommentCaptcha div div {
margin-top: 10px;
}
/* Captcha text field */
.sfcommentsForm .sfcommentCaptcha div div input {
width: 200px;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* Captcha label */
.sfcommentsForm .sfcommentCaptcha div div label {
padding-left: 5px;
}
.sfcommentsForm .sfcommentCaptcha .sfTxtLbl {
padding-left: 0;
font-weight: normal;
}
.sfcommentsForm .sfcommentCaptcha .sfRestfulCaptchaRefresh {
font-size: 0.6875em;
}
/* Submit comment button wrapper */
.sfcommentsForm .sfcommentsSubmitBtnWrp {
}
/* Submit comment button */
.sfcommentsForm .sfcommentsSubmitBtn {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.9375em;
font-weight: bold;
width: 80px;
text-align: center;
}
/* --- end of COMMENTS --- */
/*#endregion */
/*#region --- IMAGE GALLERY --- */
/* --- Image gallery thumbnail list --- */
/* --- Used by "Thumbnails + Detail page" and "Thumbnails + Overlay (lightbox)" modes --- */
/* List of image thumbnails wrapper */
.sfimagesTmbList {
}
/* Single thumbnail wrapper */
.sfimagesTmbList .sfimagesTmb {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
position: relative;
padding: 10px;
overflow: hidden;
vertical-align: bottom;
}
.sfimagesTmbList .sfimagesTmb .sfcommentsCounterWrp {
position: absolute;
right: 20px;
bottom: 18px;
}
/* Link to image details view */
.sfimagesTmbList a {
display: block;
overflow: hidden;
text-align: center;
}
/* Thumbnail image */
.sfimagesTmbList img {
vertical-align: middle;
_vertical-align: top;
*vertical-align: top;
}
/* --- Image gallery original size list --- */
/* --- Used by "Simple list" mode --- */
/* List of images wrapper */
.sfimagesList {
}
/* Single image wrapper */
.sfimagesList .sfimageListItem {
padding-bottom: 20px;
position: relative;
}
.sfimagesList .sfimageListItem .sfcommentsCounterWrp {
position: absolute;
top: 10px;
left: 10px;
}
/* --- Image detailed page --- */
/* --- Used by "Thumbnails + Detail page" mode --- */
/* Wraps image details view */
.sfimageDetails {
margin: 35px 0;
}
/* Wraps "All items", Previous and Next links */
.sfimageLinksWrp {
}
/* "All items" link */
.sfimageBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* Previous and Next links mutual style */
.sfimagePrev, .sfimageNext {
float: right;
background-image: url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif");
background-color: transparent;
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
/* Previous link */
.sfimagePrev {
padding-left: 14px;
padding-right: 5px;
background-position: 0 -143px;
}
/* Next link */
.sfimageNext {
padding-right: 14px;
padding-left: 5px;
background-position: 100% -393px;
}
/* Image wrapper */
.sfimageDetails .sfimageWrp {
margin-top: 35px;
}
/* The original image */
.sfimageDetails .sfimageWrp img {
}
/* Image title */
.sfimageDetails .sfimageTitle {
padding-top: 15px;
font-size: 1em;
}
/* Image author and upload date */
.sfimageDetails .sfimageAuthorAndDate {
}
/* Image description */
.sfimageDetails .sfimageDescription {
font-size: 0.75em;
padding-top: 5px;
line-height: 1.4;
font-style: italic;
color: #666;
}
/* --- end of IMAGE GALLERY --- */
/*#endregion */
/*#region --- VIDEO --- */
/* Video wrapper */
.sfvideoWrp {
margin-top: 35px;
}
body > div .sfvideoWrp {
margin-top: 0;
}
/* Video object */
.sfvideoWrp object {
margin: 0;
padding: 0;
border: 0;
/*
width: 500px;
height: 400px;
*/
}
.sfvideoWrp object:focus {
outline: 0;
}
/* --- end of VIDEO --- */
/*#endregion */
/*#region --- VIDEO GALLERY --- */
/* --- Video gallery thumbnail list --- */
/* --- Used by "Thumbnails + Detail page" and "Thumbnails + Overlay (lightbox)" modes --- */
/* List of video thumbnails wrapper */
.sfvideosTmbList {
}
/* Single thumbnail wrapper */
.sfvideosTmbList .sfvideoTmb {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
position: relative;
padding: 10px;
width: 120px;
height: 90px;
overflow: hidden;
}
.sfvideosTmbList .sfvideoTmb .sfcommentsCounterWrp {
bottom: 18px;
position: absolute;
right: 20px;
}
/* Link to video page */
.sfvideosTmbList a {
display: block;
width: 120px;
height: 90px;
overflow: hidden;
text-align: center;
background-color: #000;
}
/* Thumbnail image */
.sfvideosTmbList img {
vertical-align: top;
height: 100%;
max-width: none;
}
/* If no thumbnail is generated */
/* Link to video page */
.sfvideosTmbList a.sfNoTmb {
background: #f1f1f1 url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 50% -675px;
}
/* Thumbnail image */
.sfvideosTmbList a.sfNoTmb img {
display: none;
}
.fancybox-wrap .sfvideoWrp {
margin-top: 0;
}
/* --- Video detailed page --- */
/* --- Used by "Thumbnails + Detail page" mode --- */
/* Wraps video details view */
.sfvideoDetails {
margin: 35px 0;
}
/* Wraps "All items" link */
.sfvideoLinksWrp {
}
/* "All items" link */
.sfvideoBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* Video wrapper */
.sfvideoDetails .sfvideoWrp {
margin-top: 35px;
height: 440px;
}
/* Video object */
.sfvideoDetails .sfvideoWrp object {
margin: 0;
padding: 0;
border: 0;
width: 540px;
height: 440px;
}
.sfvideoDetails .sfvideoWrp object:focus {
outline: 0;
}
/* Video title */
.sfvideoDetails .sfvideoTitle {
padding-top: 15px;
font-size: 1em;
}
/* Video author and upload date */
.sfvideoDetails .sfvideoAuthorAndDate {
}
/* Video description */
.sfvideoDetails .sfvideoDescription {
font-size: 0.75em;
padding-top: 5px;
line-height: 1.4;
font-style: italic;
color: #666;
}
/* --- end of VIDEO GALLER --- */
/*#endregion */
/*#region --- DOCUMENT --- */
/* Download file wrapper */
.sfdownloadFileWrp {
}
/* Download link */
.sfdownloadFileWrp a {
}
/* --- end of DOCUMENT --- */
/*#endregion */
/*#region --- DOCUMENT GALLERY --- */
/* --- Documents list --- */
/* --- Used by "List" and "List + Detail page" modes --- */
/* List of download files wrapper */
.sfdownloadList {
}
/* Single download file wrapper */
.sfdownloadList .sfdownloadFile {
padding-bottom: 5px;
list-style-type: disc;
margin-left: 25px;
}
/* Single download file wrapper when it has small or large icon */
.sfSmallIcns .sfdownloadList .sfdownloadFile, .sfLargeIcns .sfdownloadList .sfdownloadFile {
list-style-type: none;
margin-left: 0;
padding-bottom: 20px;
}
/* Download file title */
.sfdownloadList .sfdownloadTitle {
font-weight: bold;
font-size: 0.8125em;
}
/* Download file title when its icon is large */
.sfLargeIcns .sfdownloadList .sfdownloadTitle {
font-size: 0.9375em;
}
/* Wraps download file extension and size */
.sfdownloadList .sfdownloadFile .sfInfo {
font-size: 0.6875em;
color: #666;
}
/* --- Download Table --- */
/* --- Used by "Table" and "Table + Detail page" modes --- */
/* Download table wrapper */
.RadGrid.sfdownloadTable {
color: #666;
}
/* Title cell */
.sfdownloadTable .sfdownloadTitle {
width: 100%;
padding-left: 0;
padding-right: 0;
}
/* Type, size and upload date cells */
.sfdownloadTable .sfdownloadType, .sfdownloadTable .sfdownloadSize, .sfdownloadTable .sfdownloadDate, .sfdownloadTable .sfdownloadCell {
white-space: nowrap;
}
/* Size and download link cells */
.sfdownloadTable .sfdownloadSize, .sfdownloadTable .sfdownloadCell {
text-align: right;
}
/* Download link cells */
.sfdownloadTable .sfdownloadCell {
padding-right: 0;
}
/* Download table header cells (in table thead tag) */
.sfdownloadTable thead th {
padding: 10px 10px 5px;
text-align: left;
}
/* Download table data cells (in table tbody tag) */
.sfdownloadTable tbody td {
padding: 10px 10px 14px;
color: #666;
vertical-align: top;
border-top: 1px solid #e4e4e4;
}
/* Download file title data cell (in table tbody tag) */
.sfdownloadTable tbody .sfdownloadTitle {
font-weight: bold;
font-size: 0.8125em;
color: #333;
}
/* Download file type data cell (in table tbody tag) */
.sfdownloadTable tbody .sfdownloadType {
text-transform: uppercase;
}
/* Download link when it has an icon
.sfdownloadTable.sfHasIcons .sfdownloadLink
{
padding: 3px 0 3px 25px;
background: transparent url("../Images/sfFileExtensionsSml.gif") no-repeat 0 0;
} */
/* --- Details View --- */
/* --- Wraps download file details view --- */
.sfdownloadDetails {
padding-bottom: 20px;
clear: both;
}
/* Wraps "All items" link */
.sfdownloadLinksWrp {
}
/* "All items" link */
.sfdownloadBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* Download file title */
.sfdownloadDetails .sfdownloadTitle {
margin: 0;
padding: 35px 0 20px;
color: #000;
font-size: 1.5em;
line-height: 1.2;
font-weight: bold;
}
.sfdownloadDetails .sfcommentsCounterWrp {
margin-left: 0;
margin-top: -10px;
margin-bottom: 20px;
}
/* Wraps download file summary */
.sfdownloadDetails .sfdownloadSummary {
margin: 0;
padding: 20px 0;
line-height: 18px;
}
/* Wraps download file link, file extension and size */
.sfdownloadDetails .sfdownloadLinkWrp {
margin-bottom: 15px;
padding: 12px 15px 15px;
background-color: #f2f2f2;
}
/* Download file link */
.sfdownloadDetails .sfdownloadLinkWrp .sfdownloadLink {
font-weight: bold;
font-size: 0.9375em;
/* padding: 3px 0 15px 50px;
background: transparent url("../Images/sfFileExtensions.gif") no-repeat 0 0; */
}
/* Wraps download file extension and size */
.sfdownloadDetails .sfdownloadLinkWrp .sfInfo {
color: #666;
font-size: 0.6875em;
line-height: 1;
padding-left: 50px;
margin-top: -15px;
}
/* --- end of DOCUMENT GALLERY --- */
/*#endregion */
/*#region --- TAXONOMY --- */
/* Taxonomy title */
.sftaxonTitle {
display: block;
color: #666;
font-size: 0.9375em;
font-weight: bold;
}
/* --- Horizontal list --- */
/* Taxonomy list wrapper */
.sftaxonHorizontalList {
margin: 0 0 10px;
padding: 0;
list-style-type: none;
}
/* Single taxon link wrapper */
.sftaxonHorizontalList .sftaxonItem {
margin: 0;
padding: 0 10px 0 0;
display: inline;
white-space: nowrap;
}
/* Number of items in taxon wrapper */
.sftaxonHorizontalList .sfCount {
cursor: default;
color: #333;
font-size: 0.6875em;
font-weight: normal;
}
/* --- Vertical list --- */
/* Taxonomy list wrapper */
.sftaxonVerticalList {
margin: 0 0 10px 10px;
padding: 0;
}
/* Single taxon link wrapper */
.sftaxonVerticalList .sftaxonItem {
margin: 0 0 3px;
padding: 0;
}
/* Number of items in taxon wrapper */
.sftaxonVerticalList .sfCount {
cursor: default;
color: #333;
font-size: 0.6875em;
font-weight: normal;
}
/* --- Cloud list --- */
/* Taxonomy list wrapper */
.sftaxonCloud {
margin: 0 0 10px;
padding: 0;
list-style-type: none;
line-height: 30px;
}
/* Single taxon link wrapper */
.sftaxonCloud .sftaxonItem {
margin: 0;
padding: 0 10px 0 0;
display: inline;
vertical-align: bottom;
}
/* Cloud sizes starting from most popular */
.sftaxonCloud .sftaxonItem .sfCloudSize6 {
font-size: 2.25em;
}
.sftaxonCloud .sftaxonItem .sfCloudSize5 {
font-size: 1.875em;
}
.sftaxonCloud .sftaxonItem .sfCloudSize4 {
font-size: 1.5em;
}
.sftaxonCloud .sftaxonItem .sfCloudSize3 {
font-size: 1.125em;
}
.sftaxonCloud .sftaxonItem .sfCloudSize2 {
font-size: 0.8125em;
}
.sftaxonCloud .sftaxonItem .sfCloudSize1 {
font-size: 0.6875em;
}
/* end of Cloud links sizes */
/* Number of items in taxon wrapper */
.sftaxonCloud .sfCount {
cursor: default;
font-weight: normal;
}
/* Link to all taxons */
.sftaxonsAll {
font-size: 0.6875em;
}
/* --- end of TAXONOMY --- */
/*#endregion */
/*#region --- ARCHIVE --- */
/* Archive title */
.sfarchiveTitle {
display: block;
color: #666;
font-size: 0.9375em;
font-weight: bold;
}
/* Archive list wrapper */
.sfarchiveList {
margin-left: 25px;
list-style-type: disc;
}
/* Single archive link wrapper */
.sfarchiveList .sfarchiveListItem {
}
/* Selected archive item */
.sfarchiveList .sfSel {
font-weight: bold;
color: #333;
}
/* Number of items in archive link */
.sfarchiveList .sfCount {
cursor: default;
color: #333;
font-size: 0.6875em;
font-weight: normal;
}
/* --- end of ARCHIVE --- */
/*#endregion */
/*#region --- FEED --- */
.sfFeedBigIcn {
}
.sfFeedSmallIcn {
}
/* --- end of FEED --- */
/*#endregion */
/*#region --- FORMS --- */
/* --- Common styles --- */
/* Field label */
.sfTxtLbl {
cursor: default;
}
/* Example text */
.sfExample {
font-size: 0.6875em;
color: #666;
}
/* Inline Error */
.sfError {
color: #f00;
padding-left: 20px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfIcons.gif") no-repeat 0 -497px;
}
.sfLeftLbls .sfError, .sfRightLbls .sfError {
margin-left: 164px;
}
/* Successfully submitted form message */
.sfSuccess {
margin-top: 50px;
font-size: 1.125em;
text-align: center;
color: #690;
}
.sfNeutral {
margin-bottom: 10px;
background-color: #ffc;
padding: 5px 15px;
}
/* Error summary on top of form */
.sfErrorSummary {
background-color: #ffb9b9;
}
.sfTopMsg {
margin-bottom: 10px;
}
/* --- Textbox --- */
/* Textbox wrapper */
.sfFormBox {
margin-bottom: 20px;
}
/* Textbox label */
.sfFormBox .sfTxtLbl {
}
/* Textbox text input */
.sfFormBox .sfTxt {
padding: 3px;
font-size: 0.75em;
font-family: inherit;
}
/* Small text box */
.sfFormBox.sfTxtBoxSmall .sfTxt {
width: 120px;
}
/* Medium text box */
.sfFormBox.sfTxtBoxMedium .sfTxt {
width: 300px;
}
/* Large text box */
.sfFormBox.sfTxtBoxLarge .sfTxt {
width: 400px;
}
/* --- Multiple choice --- */
/* Multiple choice wrapper */
.sfFormRadiolist {
margin-bottom: 20px;
}
/* Multiple choice label */
.sfFormRadiolist .sfTxtLbl {
}
/* Labels and radio buttons wrapper */
.sfFormRadiolist .sfRadioList {
display: block;
line-height: 18px;
}
/* Labels and radio buttons */
.sfFormRadiolist .sfRadioList label, .sfFormRadiolist .sfRadioList input {
vertical-align: middle;
}
/* Labels for radio buttons */
.sfFormRadiolist .sfRadioList label {
margin-left: 3px;
}
/* --- Checkboxes --- */
/* Checkboxes wrapper */
.sfFormCheckboxlist {
margin-bottom: 20px;
}
/* Checkboxes label */
.sfFormCheckboxlist .sfTxtLbl {
}
/* Labels and checkboxes wrapper */
.sfFormCheckboxlist .sfCheckListBox {
display: block;
line-height: 20px;
}
/* Labels and checkboxes */
.sfFormCheckboxlist .sfCheckListBox label, .sfFormCheckboxlist .sfCheckListBox input {
vertical-align: middle;
}
/* Labels for checkboxes */
.sfFormCheckboxlist .sfCheckListBox label {
margin-left: 3px;
}
/* --- Paragraph Box --- */
/* Paragraph box wrapper */
.sfFormBlock {
margin-bottom: 20px;
}
/* Paragraph box label */
.sfFormBlock .sfTxtLbl {
}
/* Paragraph box textarea */
.sfFormBlock .sfTxt {
padding: 3px;
font-size: 0.75em;
font-family: inherit;
}
/* Small paragraph box */
.sfFormBlock.sfTxtBlockSmall .sfTxt {
width: 300px;
height: 60px;
}
/* Medium paragraph box */
.sfFormBlock.sfTxtBlockMedium .sfTxt {
width: 300px;
height: 100px;
}
/* Large paragraph box */
.sfFormBlock.sfTxtBlockLarge .sfTxt {
width: 420px;
height: 260px;
}
/* --- Dropdown list --- */
/* Dropdown list wrapper */
.sfFormDropdown {
margin-bottom: 20px;
}
/* Dropdown list label */
.sfFormDropdown .sfTxtLbl {
}
/* Dropdown select */
.sfFormDropdown select {
padding: 1px;
font-size: 0.75em;
font-family: inherit;
}
/* Small select */
.sfFormDropdown.sfDdlSmall select {
width: 120px;
}
/* Medium select */
.sfFormDropdown.sfDdlMedium select {
width: 300px;
}
/* Large select */
.sfFormDropdown.sfDdlLarge select {
width: 420px;
}
/* --- Section header --- */
/* Section header */
.sfFormTitle {
margin: 50px 0 20px;
}
/* First section header */
.sfFormTitle:first-child {
margin: 20px 0;
}
/* Small section header */
.sfFormTitle.sfTitleSmall {
font-size: 0.875em;
font-weight: bold;
}
/* Medium section header */
.sfFormTitle.sfTitleMedium {
font-size: 1.125em;
font-weight: normal;
}
/* Large section header */
.sfFormTitle.sfTitleLarge {
font-size: 1.5em;
font-weight: normal;
}
/* --- Instructional text --- */
.sfFormInstructions {
margin-bottom: 20px;
}
/* --- File upload --- */
/* File upload wrapper */
.sfFormFile {
margin-bottom: 20px;
}
/* File upload label */
.sfFormFile .sfTxtLbl {
}
/* Rad Upload wrapper */
.sfFormFile .sfFieldWrp {
margin-bottom: 5px;
}
/* Rad Upload */
.sfFormFile .RadUpload {
}
.sfFormFile .RadUpload .ruInputs li.ruActions {
margin-top: 0;
}
.RadUpload .ruInputs .ruRemove {
width: 18px;
height: 18px;
text-indent: -9999px;
overflow: hidden;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 3px -1197px;
margin-left: 5px;
margin-top: 2px;
}
.RadUpload .ruActions .ruButton, .RadUploadProgressArea .ruActions .ruButton {
background-image: none;
width: auto !important;
color: #105CB6;
cursor: pointer;
font-size: 0.75em;
}
.RadUpload .ruActions .ruButton:hover, .RadUploadProgressArea .ruActions .ruButton:hover {
color: #0000ff;
}
/* --- Captach --- */
.sfFormCaptcha {
margin-bottom: 20px;
}
.sfFormCaptcha .rcRefreshImage {
font-size: 0.6875em;
}
.sfFormCaptcha p {
margin-top: 10px;
padding-top: 20px;
position: relative;
}
.sfFormCaptcha p .sfTxt {
padding: 3px;
font-size: 0.75em;
font-family: inherit;
width: 150px;
}
.sfFormCaptcha p .sfTxtLbl {
left: 0;
position: absolute;
top: 0;
font-weight: normal;
}
/* --- Submit button --- */
/* Submit button wrapper */
.sfFormSubmit {
margin-bottom: 20px;
}
/* Left offset of submit button when form labels are left or right aligned */
.sfLeftLbls .sfFormSubmit, .sfRightLbls .sfFormSubmit {
margin-left: 164px;
}
/* Small submit button */
.sfFormSubmit.sfSubmitBtnSmall input {
font-size: 0.8125em;
padding: 2px 5px;
}
/* Medium submit button */
.sfFormSubmit.sfSubmitBtnMedium input {
font-size: 0.875em;
font-weight: bold;
padding: 4px 10px;
}
/* Large submit button */
.sfFormSubmit.sfSubmitBtnLarge input {
font-size: 1.125em;
padding: 4px 10px;
}
/* --- Form settings --- */
/* Top align labels */
.sfTopLbls .sfTxtLbl {
font-weight: bold;
display: block;
}
/* Left align labels */
.sfLeftLbls .sfTxtLbl, .sfLeftLbls .sfFieldWrp {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.sfLeftLbls .sfTxtLbl {
margin-top: 2px;
margin-right: 10px;
width: 150px;
line-height: 1.1;
}
/* Right align labels */
.sfRightLbls .sfTxtLbl, .sfRightLbls .sfFieldWrp {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.sfRightLbls .sfTxtLbl {
margin-top: 2px;
margin-right: 10px;
width: 150px;
line-height: 1.1;
text-align: right;
}
.sfWatermarkField {
position: relative;
}
.sfWatermarkField .sfTxtLbl {
left: 5px;
padding: 0;
position: absolute;
text-align: left;
top: 3px;
color: #999;
font-style: italic;
font-weight: normal;
}
/* --- end of FORMS --- */
/*#endregion */
/*#region --- LANGUAGE SELECTOR --- */
/* --- Horizontal language selector --- */
/* Language selector wrapper */
.sflanguagesHorizontalList {
margin: 0;
padding: 0;
list-style-type: none;
}
/* Single language link wrapper */
.sflanguagesHorizontalList .sflanguageItem {
margin: 0;
padding: 0;
display: inline;
white-space: nowrap;
}
/* Single language link */
.sflanguagesHorizontalList .sflanguageItem a:link, .sflanguagesHorizontalList .sflanguageItem a:visited, .sflanguagesHorizontalList .sflanguageItem a:hover, .sflanguagesHorizontalList .sflanguageItem a:active {
padding: 1px 5px 2px;
}
/* Current language */
.sflanguagesHorizontalList .sflangSelected a:link, .sflanguagesHorizontalList .sflangSelected a:visited, .sflanguagesHorizontalList .sflangSelected a:hover, .sflanguagesHorizontalList .sflangSelected a:active {
background-color: #425ccf;
color: #fff;
cursor: default;
}
/* --- Vertical language selector --- */
/* Language selector wrapper */
.sflanguagesVerticalList {
margin: 0;
padding: 0;
list-style-type: disc;
}
/* Single language link wrapper */
.sflanguagesVerticalList .sflanguageItem {
margin: 0 0 5px;
padding: 0;
}
/* Single language link */
.sflanguagesVerticalList .sflanguageItem a:link, .sflanguagesVerticalList .sflanguageItem a:visited, .sflanguagesVerticalList .sflanguageItem a:hover, .sflanguagesVerticalList .sflanguageItem a:active {
padding: 1px 5px 2px;
}
/* Current language */
.sflanguagesVerticalList .sflangSelected a:link, .sflanguagesVerticalList .sflangSelected a:visited, .sflanguagesVerticalList .sflangSelected a:hover, .sflanguagesVerticalList .sflangSelected a:active {
background-color: #425ccf;
color: #fff;
cursor: default;
}
/* --- Down-down language selector --- */
/* Language selector wrapper */
.sflanguagesDropDown {
}
/* Drop-down */
.sflanguagesDropDown select {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* --- end of LANGUAGE SELECTOR --- */
/*#endregion */
/*#region --- LOGIN --- */
/* Wraps login control */
.sfLoginWrp {
}
.sfLoginFieldsWrp {
}
.sfLoginFieldsWrp .sfLoginField {
margin-bottom: 10px;
}
.sfLoginFieldsWrp .sfTxtLbl {
display: block;
}
.sfLoginFieldsWrp .sfTxt {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
padding: 2px;
width: 200px;
height: 18px;
}
.sfLoginFieldsWrp .sfCheckBoxWrapper .sfTxtLbl {
padding-left: 5px;
display: inline;
}
.sfLoginFieldsWrp .sfCheckBoxWrapper .sfTxtLbl, .sfLoginFieldsWrp .sfCheckBoxWrapper input {
vertical-align: middle;
}
.sfLoginFieldsWrp .sfValidator strong {
display: block;
padding-left: 20px;
font-size: 0.6875em;
font-weight: bold;
color: #f30;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfIcons.gif") no-repeat 0 -499px;
}
.sfSubmitBtnWrp {
margin: 20px 0 30px;
}
.sfSubmitBtnWrp a.sfSubmitBtn:link, .sfSubmitBtn a.sfSubmitBtn:visited, .sfSubmitBtn a.sfSubmitBtn:hover, .sfSubmitBtn a.sfSubmitBtn:active {
background-color: #D4D0C8;
border: 2px outset #D4D0C8;
color: #000000;
padding: 4px 15px;
}
.sfSubmitBtnWrp .sfLostPassword {
display: block;
margin-top: 20px;
font-size: 0.6875em;
}
.sfSubmitBtnWrp input.sfSubmitBtn {
margin-right: 10px;
padding: 2px 10px;
font-family: Arial,Verdana,Sans-serif;
text-align: center;
}
.sfLoginWrp .sfLoginHelp {
font-size: 0.6875em;
}
.sfLoginWrp .sfNeutral {
background-color: #ffc;
padding: 5px 15px;
}
.sfLoginWrp .sfDetailedInfo ul li {
margin-left: 25px;
list-style-type: disc;
}
.sfLoginWrp .sfDetailedInfo ol li {
margin-left: 25px;
list-style-type: decimal;
}
.sfLoginWrp .sfDetailedHowTo {
background-color: #fff;
margin: 10px 5px;
padding: 13px 18px 18px;
}
.sfLostPasswordWrp .sfLoginFieldsTitle {
font-size: 1.3125em;
}
.sfLostPasswordWrp .sfLoginFieldsNote {
margin-bottom: 30px;
}
/*#endregion */
/*#region --- SEARCH --- */
/* --- Search box --- */
/* Wraps search box */
.sfsearchBox {
margin: 0;
padding: 0;
border: 0;
}
/* Search text field */
.sfsearchBox .sfsearchTxt {
width: 200px;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* Search submit button */
.sfsearchBox .sfsearchSubmit {
padding: 1px 3px;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
font-weight: bold;
text-align: center;
}
/* --- end of Search box --- */
/* --- Search results --- */
/* Results found statictics wrapper */
.sfsearchResultStatistics {
margin-top: 15px;
font-size: 1.1875em
}
/* Search results wrapper */
.sfsearchReultTitleSnippetUrl {
line-height: 1.2;
}
/* Search result title */
.sfsearchReultTitleSnippetUrl .sfsearchResultTitle {
margin-top: 30px;
font-size: 0.8125em;
font-weight: bold;
}
/* Search result snippet */
.sfsearchReultTitleSnippetUrl .sfsearchResultSnippet {
}
/* Search result Url */
.sfsearchReultTitleSnippetUrl .sfsearchResultUrl {
}
/* Search result Url link */
.sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:link, .sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:visited, .sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:hover, .sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:active {
color: #999;
}
.sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:hover, .sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:active, .sfsearchReultTitleSnippetUrl .sfsearchResultUrl a:focus {
color: #666;
}
/* --- Titles only --- */
/* Search results wrapper */
.sfsearchReultTitlesOnly {
line-height: 1.2;
font-size: 0.8125em;
}
/* Search result title */
.sfsearchReultTitlesOnly .sfsearchResultTitle {
margin-top: 14px;
}
/*#endregion */
/*#region --- NEWSLETTERS --- */
/* --- Subscribe and Unsubscribe forms --- */
/* Wraps subscribe/unsubscribe form */
.sfnewsletterForm {
padding: 0 0 30px;
}
/* Successful/unsuccessful subscription message wrapper */
.sfnewsletterForm .sfMessage {
margin-bottom: 15px;
padding: 5px 10px;
}
/* Submit newsletter form wrapper */
.sfnewsletterForm .sfnewsletterTitle {
font-size: 0.9375em;
font-weight: bold;
margin-bottom: 7px;
}
/* Submit newsletter form description */
.sfnewsletterForm .sfnewsletterDescription {
color: #666;
padding-bottom: 15px;
}
/* List of (submit newsletter subscription/unsubscription) form fields wrapper */
.sfnewsletterForm .sfnewsletterFieldsList {
padding-bottom: 15px;
}
/* Single form field wrapper */
.sfnewsletterForm .sfnewsletterField {
margin-bottom: 5px;
}
/* Form text input */
.sfnewsletterForm .sfTxt {
width: 200px;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* Label note */
.sfnewsletterForm .sfNote {
font-size: 0.6875em;
line-height: 1.2;
color: #666;
}
/* Error */
.sfnewsletterForm .sfError {
display: block;
}
/* Submit button wrapper */
.sfnewsletterForm .sfnewsletterSubmitBtnWrp {
}
/* Submit button */
.sfnewsletterForm .sfnewsletterSubmitBtn {
padding: 1px 25px 2px;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.9375em;
font-weight: bold;
text-align: center;
}
/*#endregion */
/*#region --- LISTS --- */
/* --- Simple list --- */
/* Simple lists wrapper */
.sfsimpleListWrp {
}
/* List title */
.sfsimpleListWrp .sflistTitle {
margin-bottom: 7px;
font-size: 1em;
font-weight: bold;
}
/* Single list wrapper */
.sfsimpleListWrp .sflistList {
margin-left: 17px;
margin-bottom: 18px;
list-style-type: disc;
}
/* List item wrapper */
.sfsimpleListWrp .sflistListItem {
margin-bottom: 2px;
padding-left: 4px;
}
/* --- Expanded list --- */
/* Expanded lists wrapper */
.sfexpandedListWrp {
}
/* List title */
.sfexpandedListWrp .sflistTitle {
margin-bottom: 33px;
font-size: 1.5em;
font-weight: bold;
}
/* Single list wrapper */
.sfexpandedListWrp .sflistList {
margin-bottom: 23px;
list-style-type: none;
}
/* List item wrapper */
.sfexpandedListWrp .sflistListItem {
padding-bottom: 30px;
}
/* Single list item title */
.sfexpandedListWrp .sflistItemTitle {
font-size: 0.9375em;
font-weight: bold;
}
/* Single list item content */
.sfexpandedListWrp .sflistItemContent {
}
/* --- Expandable list --- */
/* Expandable lists wrapper */
.sfexpandableListWrp {
}
/* List title */
.sfexpandableListWrp .sflistTitle {
margin-bottom: 7px;
font-size: 1em;
font-weight: bold;
}
/* Single list wrapper */
.sfexpandableListWrp .sflistList {
margin-bottom: 18px;
list-style-type: none;
}
/* List item wrapper */
.sfexpandableListWrp .sflistListItem {
margin-bottom: 2px;
}
/* Single list item title */
.sfexpandableListWrp .sflistItemTitle {
font-size: 0.8125em;
}
/* List item toggle link */
.sfexpandableListWrp .sflistItemToggleLnk {
padding-left: 15px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -945px;
}
.sfexpandableListWrp .sflistListItemExpanded.sflistItemToggleLnk {
font-weight: bold;
background-position: 0 -975px;
}
/* Single list item content */
.sfexpandableListWrp .sflistItemContent {
padding-top: 3px;
padding-left: 15px;
padding-bottom: 15px;
}
/* Single list item content when expanded */
.sfexpandableListWrp .sflistItemContent.sflistItemContentExp {
}
/* "Expand all" link wrapper */
.sfexpandableListWrp .sflistExpandAllLnkWrp {
text-align: right;
font-size: 0.6875em;
position: relative;
z-index: 100;
margin-bottom: -22px;
}
/* "Expand all" link */
.sfexpandableListWrp .sflistExpandAllLnk {
}
/* --- Anchor list --- */
/* Wrapper of lists of anchors */
.sfanchorListWrp {
}
/* List of anchors title */
.sfanchorListWrp .sfanchorListTitle {
margin-bottom: 7px;
font-size: 1em;
font-weight: bold;
}
/* Single list of anchors wrapper */
.sfanchorListWrp .sfanchorList {
margin-left: 17px;
margin-bottom: 40px;
list-style-type: disc;
}
/* List anchor item */
.sfanchorListWrp .sfanchorListItem {
margin-bottom: 2px;
padding-left: 4px;
}
/* Anchored lists wrapper */
.sfanchoredListWrp {
}
/* List title */
.sfanchoredListWrp .sflistTitle {
margin-bottom: 33px;
font-size: 1.5em;
font-weight: bold;
}
/* Single list wrapper */
.sfanchoredListWrp .sflistList {
margin-bottom: 23px;
list-style-type: none;
}
/* List item wrapper */
.sfanchoredListWrp .sflistListItem {
padding-bottom: 30px;
}
/* Single list item title */
.sfanchoredListWrp .sflistItemTitle {
font-size: 0.9375em;
font-weight: bold;
}
/* Single list item content */
.sfanchoredListWrp .sflistItemContent {
}
/* "Back to top" link wrapper */
.sfanchoredListWrp .sflistTopLnkWrp {
text-align: right;
font-size: 0.6875em;
line-height: 1.2;
}
/* "Back to top" link */
.sfanchoredListWrp .sflistTopLnk {
}
/* --- Page list --- */
/* - Master view - */
/* Page lists master view wrapper */
.sfpagelistListWrp {
}
/* List title */
.sfpagelistListWrp .sflistTitle {
margin-bottom: 7px;
font-size: 1em;
font-weight: bold;
}
/* Single list wrapper */
.sfpagelistListWrp .sflistList {
margin-left: 17px;
margin-bottom: 18px;
list-style-type: disc;
}
/* List item wrapper */
.sfpagelistListWrp .sflistListItem {
margin-bottom: 2px;
padding-left: 4px;
}
/* - Details view - */
/* Wraps list item details view */
.sflistItemDetails {
}
/* Wraps "All items" link */
.sflistItemLinkWrp {
}
/* "All items" link */
.sflistItemBack {
*display: block;
margin-left: -14px;
_margin-left: 0;
padding-left: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -48px;
}
/* List item title */
.sflistItemDetails .sflistItemTitle {
margin: 0;
padding: 32px 0 7px;
color: #000;
font-size: 1.5em;
line-height: 1.2;
font-weight: bold;
}
.sflistItemDetails .sfcommentsCounterWrp {
margin-left: 0;
}
/* List item full content */
.sflistItemDetails .sflistItemContent {
margin-top: 15px;
padding-left: 5px;
}
/* Lists Typography - applied to list item content */
.sflistItemContent h1 {
font-size: 1.5em;
}
.sflistItemContent h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sflistItemContent h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sflistItemContent h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sflistItemContent h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sflistItemContent p {
margin-bottom: 18px;
}
.sflistItemContent ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sflistItemContent ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sflistItemContent ul ul, .sflistItemContent ol ul {
list-style-type: circle;
}
.sflistItemContent ul ul ul, .sflistItemContent ol ol ul {
list-style-type: square;
}
.sflistItemContent table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sflistItemContent table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sflistItemContent table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of Lists Typography */
/* --- end of LISTS --- */
/*#endregion */
/*#region --- USER PROFILES --- */
/* --- Profile --- */
/* Read mode */
/* - Article like mode - */
.sfprofileArticleLikeWrp {
padding-bottom: 35px;
}
.sfprofileArticleLikeWrp .sfprofileField {
margin-left: 115px;
padding-bottom: 12px;
}
.sfprofileArticleLikeWrp .sfprofileAvatar {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
margin-right: 15px;
margin-left: 0;
padding-bottom: 0;
}
.sfprofileArticleLikeWrp .sfprofileName {
padding-bottom: 10px;
font-size: 1.1875em
font-weight: bold;
}
.sfprofileArticleLikeWrp .sfprofileFirstName {
display: inline;
}
.sfprofileArticleLikeWrp .sfprofileLastName {
display: inline;
}
.sfprofileArticleLikeWrp .sfprofileAbout {
}
.sfprofileArticleLikeWrp .sfTxtLbl {
display: none;
}
.sfprofileArticleLikeWrp .sfTxtContent {
}
.sfprofileArticleLikeWrp .sfprofileName .sfTxtContent {
display: inline;
}
.sfprofileArticleLikeWrp .sfprofileLnkWrp {
margin-left: 115px;
font-size: 0.6875em;
font-weight: bold;
}
.sfprofileArticleLikeWrp .sfprofileEditLnk {
float: left;
clear: both;
}
.sfprofileArticleLikeWrp .sfprofileChangePasswordLnk {
float: left;
clear: both;
}
/* - List like mode - */
.sfprofileListLikeWrp {
padding-bottom: 35px;
}
.sfprofileListLikeWrp .sfprofileField {
margin-left: 115px;
padding-bottom: 12px;
}
.sfprofileListLikeWrp .sfprofileAvatar {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
margin-right: 15px;
margin-left: 0;
padding-bottom: 0;
}
.sfprofileListLikeWrp .sfprofileFirstName {
}
.sfprofileListLikeWrp .sfprofileLastName {
}
.sfprofileListLikeWrp .sfprofileAbout {
}
.sfprofileListLikeWrp .sfTxtLbl {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
font-size: 0.6875em;
font-weight: bold;
width: 60px;
padding-right: 10px;
vertical-align: top;
}
.sfprofileListLikeWrp .sfTxtContent {
margin-left: 70px;
margin-top: -18px;
vertical-align: top;
}
.sfprofileListLikeWrp .sfprofileLnkWrp {
margin-left: 115px;
font-size: 0.6875em;
font-weight: bold;
}
.sfprofileListLikeWrp .sfprofileEditLnk {
float: left;
clear: both;
}
.sfprofileListLikeWrp .sfprofileChangePasswordLnk {
float: left;
clear: both;
}
/* - Auto generated list mode - */
.sfprofileAutoGeneratedListWrp {
padding-bottom: 35px;
}
.sfprofileAutoGeneratedListWrp .sfprofileField {
padding-bottom: 15px;
}
.sfprofileAutoGeneratedListWrp .sfTxtLbl {
font-size: 0.6875em;
font-weight: bold;
}
.sfprofileAutoGeneratedListWrp .sfprofileLnkWrp {
font-size: 0.6875em;
font-weight: bold;
}
.sfprofileAutoGeneratedListWrp .sfprofileEditLnk {
float: left;
clear: both;
}
.sfprofileAutoGeneratedListWrp .sfprofileChangePasswordLnk {
float: left;
clear: both;
}
/* Write mode */
/* - Edit form - */
.sfprofileEditFormWrp {
padding-bottom: 35px;
}
.sfprofileEditFormWrp .sfprofileFieldsList {
}
.sfprofileEditFormWrp .sfprofileField {
padding-bottom: 15px;
}
.sfprofileEditFormWrp .sfprofileField.sfprofileAvatar {
min-height: 100px;
}
.sfprofileEditFormWrp .sfprofileFirstName {
}
.sfprofileEditFormWrp .sfprofileLastName {
}
.sfprofileEditFormWrp .sfprofileShowEmail {
}
.sfprofileEditFormWrp .sfprofileShowEmail input, .sfprofileEditFormWrp .sfprofileShowEmail label {
vertical-align: middle;
}
.sfprofileEditFormWrp .sfprofileShowEmail label {
padding-left: 5px;
}
.sfprofileEditFormWrp .sfprofileAbout {
}
.sfprofileEditFormWrp .sfprofileAvatar .sfImgPreviewWrp .sfPreviewImgFrame {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-right: 10px;
}
.sfprofileEditFormWrp .sfprofileAvatar .sfImgPreviewWrp .sfChange {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
font-size: 0.6875em;
}
.sfprofileEditFormWrp .RadUpload {
padding-bottom: 10px;
}
.sfprofileEditFormWrp .sfReuploadImgWrp .sfUpload {
margin-right: 10px;
background-color: #D4D0C8;
border: 2px outset #D4D0C8;
color: #000;
font-weight: bold;
padding: 3px 10px;
}
.sfprofileEditFormWrp .sfReuploadImgWrp .sfCancel {
font-size: 0.6875em;
color: #f00;
}
.sfprofileEditFormWrp .sfReuploadImgWrp .sfCancel:hover {
color: #00f;
}
.sfprofileEditFormWrp .sfprofileField .sfTxtLbl {
font-weight: bold;
}
.sfprofileEditFormWrp .sfprofileField .sfTxt {
padding: 2px 5px;
font-size: 0.75em;
font-family: Arial,Verdana,Sans-serif;
width: 280px;
}
.sfprofileEditFormWrp .sfprofileField textarea.sfTxt {
width: 380px;
height: 180px;
}
.sfprofileEditFormWrp .sfprofileLnkWrp {
padding-top: 25px;
}
.sfprofileEditFormWrp .sfprofileSaveLnk {
padding: 3px 0;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
font-weight: bold;
width: 135px;
text-align: center;
margin-right: 15px;
vertical-align: middle;
}
.sfprofileEditFormWrp .sfprofileCancelLnk {
font-size: 0.6875em;
color: #f00;
vertical-align: middle;
}
.sfprofileEditFormWrp .sfprofileCancelLnk:hover {
color: #00f;
}
/* - Auto-generated edit form - */
/* Edit profile form wrapper */
.sfprofileAutoEditFormWrp {
padding-bottom: 35px;
}
/* Field wrapper */
.sfprofileAutoEditFormWrp .sfprofileField {
padding-bottom: 15px;
}
.sfprofileAutoEditFormWrp .sfprofileField.sfUserAvatar {
min-height: 100px;
}
.sfprofileAutoEditFormWrp .sfImgPreviewWrp .sfPreviewImgFrame {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-right: 10px;
}
.sfprofileAutoEditFormWrp .sfImgPreviewWrp .sfChange {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
font-size: 0.6875em;
}
.sfprofileAutoEditFormWrp .RadUpload {
padding-bottom: 10px;
}
.sfprofileAutoEditFormWrp .sfReuploadImgWrp .sfUpload {
margin-right: 10px;
background-color: #D4D0C8;
border: 2px outset #D4D0C8;
color: #000;
font-weight: bold;
padding: 3px 10px;
}
.sfprofileAutoEditFormWrp .sfReuploadImgWrp .sfCancel {
font-size: 0.6875em;
color: #f00;
}
.sfprofileAutoEditFormWrp .sfReuploadImgWrp .sfCancel:hover {
color: #00f;
}
.sfprofileAutoEditFormWrp .sfprofileField .sfTxtLbl {
font-weight: bold;
}
.sfprofileAutoEditFormWrp .sfprofileField .sfTxt {
padding: 2px 5px;
font-size: 0.75em;
font-family: Arial,Verdana,Sans-serif;
width: 280px;
}
.sfprofileAutoEditFormWrp .sfprofileField textarea.sfTxt {
width: 380px;
height: 180px;
}
.sfprofileAutoEditFormWrp .sfprofileLnkWrp {
padding-top: 25px;
}
.sfprofileAutoEditFormWrp .sfprofileSaveLnk {
padding: 3px 0;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
font-weight: bold;
width: 120px;
text-align: center;
margin-right: 15px;
vertical-align: middle;
}
.sfprofileAutoEditFormWrp .sfprofileCancelLnk {
font-size: 0.6875em;
color: #f00;
vertical-align: middle;
}
.sfprofileAutoEditFormWrp .sfprofileCancelLnk:hover {
color: #00f;
}
/* - Change password form - */
/* Change password form wrapper */
.sfprofileChangePasswordFormWrp {
padding-bottom: 35px;
}
/* Fields list wrapper */
.sfprofileChangePasswordFormWrp .sfprofileFieldsList {
}
/* Field wrapper */
.sfprofileChangePasswordFormWrp .sfprofileField {
padding-bottom: 15px;
}
/* Field label */
.sfprofileChangePasswordFormWrp .sfprofileField .sfTxtLbl {
font-weight: bold;
}
/* Field text input */
.sfprofileChangePasswordFormWrp .sfprofileField .sfTxt {
padding: 4px 5px;
font-size: 0.75em;
font-family: Arial,Verdana,Sans-serif;
width: 280px;
}
/* Save and cancel wrapper */
.sfprofileChangePasswordFormWrp .sfprofileLnkWrp {
padding-top: 25px;
}
/* Save buttons */
.sfprofileChangePasswordFormWrp .sfprofileSaveLnk {
margin-right: 10px;
background-color: #D4D0C8;
border: 2px outset #D4D0C8;
color: #000;
font-weight: bold;
padding: 5px 15px;
_line-height: 27px;
*line-height: 27px;
}
/* Cancel buttons */
.sfprofileChangePasswordFormWrp .sfprofileCancelLnk {
font-size: 0.6875em;
color: #f00;
}
.sfprofileChangePasswordFormWrp .sfprofileCancelLnk:hover {
color: #00f;
}
/* - Messages - */
/* Not logged in message */
.sfprofileNotLoggedMsg {
}
/* Successfully updated profile message */
.sfprofileSuccessMsg {
}
/* Unsuccessfully updated profile message */
.sfprofileFailureMsg {
}
/* --- Users list --- */
/* - Names only list - */
/* Users list wrapper */
.sfusersListNameOnly {
padding-bottom: 35px;
}
/* Single user wrapper */
.sfusersListNameOnly .sfusersListItem {
font-weight: bold;
padding-bottom: 7px;
}
/* Single user */
.sfusersListNameOnly .sfusersListLnk {
}
/* - Names and avatars list - */
/* Users list wrapper */
.sfusersListNameAvatar {
padding-bottom: 35px;
border-top: 1px solid #e4e4e4;
}
/* Single user wrapper */
.sfusersListNameAvatar .sfusersListItem {
padding: 7px 0 8px;
border-bottom: 1px solid #e4e4e4;
}
/* User's avatar */
.sfusersListNameAvatar .sfusersListAvatar {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin-right: 18px;
width: 60px;
height: 60px;
overflow: hidden;
vertical-align: middle;
}
/* Single user */
.sfusersListNameAvatar .sfusersListLnk {
vertical-align: middle;
font-weight: bold;
}
/* --- Registration --- */
/* Registration form wrapper */
.sfregisterFormWrp {
padding-bottom: 35px;
}
/* Fields list wrapper */
.sfregisterFormWrp .sfregisterFieldsList {
}
/* Single field wrapper */
.sfregisterFormWrp .sfregisterField {
padding-bottom: 15px;
}
/* First name field wrapper */
.sfregisterFormWrp .sfregisterFirstName {
}
/* Last name field wrapper */
.sfregisterFormWrp .sfregisterLastName {
}
/* Email name field wrapper */
.sfregisterFormWrp .sfregisterEmail {
}
/* Username name field wrapper */
.sfregisterFormWrp .sfregisterUserName {
}
/* Password name field wrapper */
.sfregisterFormWrp .sfregisterPassword {
}
/* Confirm password name field wrapper */
.sfregisterFormWrp .sfregisterConfirmPassword {
}
/* Field label */
.sfregisterFormWrp .sfregisterField .sfTxtLbl {
font-weight: bold;
}
/* Field text input */
.sfregisterFormWrp .sfregisterField .sfTxt {
padding: 4px 5px;
font-size: 0.75em;
font-family: Arial,Verdana,Sans-serif;
width: 230px;
}
/* Save button wrapper */
.sfregisterFormWrp .sfregisterLnkWrp {
padding-top: 25px;
}
/* Save button */
.sfregisterFormWrp .sfregisterSaveLnk {
margin-right: 10px;
background-color: #D4D0C8;
border: 2px outset #D4D0C8;
color: #000;
font-weight: bold;
padding: 5px 15px;
_line-height: 27px;
*line-height: 27px;
}
/* --- end of USER PROFILES --- */
/*#endregion */
/*#region --- ECOMMERCE --- */
.sfErrorSummary, .sfMessage {
padding: 3px 10px;
}
/* Price */
.sfproductPrice {
font-size: 1em;
font-weight: normal;
}
.sfNewPrice {
font-weight: bold;
color: #090;
}
.sfprintInvoiceWrp .sfNewPrice {
color: #000;
}
.sfOrgPrice {
text-decoration: line-through;
}
.sfPercentOffPrice {
font-size: 0.6875em;
color: #999;
font-style: italic;
}
.sfVatIncluded {
color: #666;
font-size: 0.6875em;
}
.sfDiscount {
color: #f00;
}
.RadGrid .sfNewPrice, .RadGrid .sfOrgPrice, .RadGrid .sfVatIncluded {
display: block;
}
/* end of Price */
/* Products list */
.sfproductsList {
margin-top: 25px;
clear: both;
}
.sfproductsList .sfproductListItem {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
padding: 20px;
width: 160px;
height: 254px;
overflow: hidden;
vertical-align: top;
}
.sfproductsList .sfproductTmbWrp {
width: 160px;
height: 160px;
overflow: hidden;
text-align: center;
}
.sfproductsList .sfproductTmb {
}
.sfproductsList .sfproductTitle {
margin-top: 9px;
font-size: 0.8125em;
font-weight: bold;
}
.sfproductsList .sfproductTitleLnk {
}
.sfproductsList .sfproductPrice {
margin-top: 4px;
}
/* end of Products list */
/* Products details view */
.sfproductDetails {
}
.sfproductDetails .sfproductImgsWrp {
float: left;
width: 290px;
overflow: hidden;
}
.sfInSidebar .sfproductDetails .sfproductImgsWrp {
float: none;
width: auto;
overflow: hidden;
}
.sfproductDetails .sfproductMainImgWrp {
text-align: center;
}
.sfproductDetails .sfproductMainImgWrp img {
max-width: 200px;
max-height: 200px;
}
td.sfItmTmbCol .sfproductTmbWrp img {
max-width: 80px;
max-height: 80px;
}
.sfproductDetails .sfproductImgsList {
}
.sfproductDetails .sfproductImgsList .sfproductImgWrp {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin: 10px 10px 0 0;
width: 85px;
height: 85px;
line-height: 85px;
overflow: hidden;
text-align: center;
}
.sfproductDetails .sfproductImgsList .sfproductImgWrp:hover {
background-color: #f2f2f2;
}
.sfproductDetails .sfproductImgsList .sfproductImgWrp .sfproductImgLnk {
vertical-align: middle;
}
.sfproductDetails .sfproductImgsList .sfproductImgWrp .sfproductImg {
vertical-align: middle;
}
.sfproductDetails .sfproductInfoWrp {
margin-left: 310px;
}
.sfproductDetailsWrp.sfInSidebar .sfproductDetails .sfproductInfoWrp {
margin-left: 0px;
}
.sfproductDetails .sfproductTitle {
margin-bottom: 6px;
font-size: 1.3125em;
font-weight: normal;
line-height: 1.2;
word-wrap: break-word;
}
.sfproductDetails .sfproductTitle .sfPromo {
color: #090;
}
.sfproductDetails .sfproductPrice {
padding-top: 10px;
padding-bottom: 8px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.sfproductDetails .sfproductDescription {
margin-top: 15px;
word-wrap: break-word;
}
#fancybox-wrap {
z-index: 9999;
}
/* Product dynamic fields */
.sfproductDetails .sfproductDynamicFieldsList {
margin-top: 15px;
}
.sfproductDetails .sfproductDynamicFieldsList .sfproductDynamicField {
}
.sfproductDetails .sfproductDynamicFieldsList .sfproductField {
display: inline;
}
/* Product description typography */
.sfproductDetails .sfproductDescription h1 {
font-size: 1.5em;
}
.sfproductDetails .sfproductDescription h2 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 1.125em;
font-weight: normal;
}
.sfproductDetails .sfproductDescription h3 {
margin-bottom: 18px;
margin-top: 18px;
font-size: 0.875em;
font-weight: bold;
}
.sfproductDetails .sfproductDescription h4 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: bold;
}
.sfproductDetails .sfproductDescription h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfproductDetails .sfproductDescription p {
margin-bottom: 18px;
}
.sfproductDetails .sfproductDescription ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfproductDetails .sfproductDescription ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfproductDetails .sfproductDescription ul ul, .sfproductDetails .sfproductDescription ol ul {
list-style-type: circle;
}
.sfproductDetails .sfproductDescription ul ul ul, .sfproductDetails .sfproductDescription ol ol ul {
list-style-type: square;
}
.sfproductDescription table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfproductDescription table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfproductDescription table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of Product description typography */
.sfproductDetails .sfAddToCartWrp {
margin-top: 20px;
}
.sfproductDetails .sfAddToCartWrp .sfTxtLbl {
display: block;
}
.sfproductDetails .sfAddToCartWrp .sfTxt {
width: 40px;
padding: 3px 3px 4px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.8125em;
}
.sfproductDetails .sfAddToCartWrp .sfAddToCartBtn {
font-size: 0.8125em;
font-weight: bold;
padding: 3px 20px 2px;
}
.sfproductDetails .sfAddToCartWrp .sfErrorWrp {
}
.sfproductDetails .sfAddToCartWrp .sfError {
display: block;
margin-bottom: 10px;
}
.sfproductDetailsWrp .sfAddToCartWrp {
margin-top: 30px;
}
.sfproductDetailsWrp .sfAddToCartWrp.sfBuyNowBtnWrp {
margin-left: 310px;
}
.sfproductDetailsWrp .sfAddToCartWrp .sfAddToCartBtn {
padding: 3px 20px 2px;
font-size: 0.8125em;
font-weight: bold;
}
.sfproductDetailsWrp .sfAddToWishlistWidget {
margin-left: 75px;
}
.sfproductDetailsWrp .sfAddToWishlistWidget .sfAddToWishListLnkWrp {
font-size: 0.6875em;
}
.sfproductDetailsWrp .sfAddToWishlistWidget .sfMessage {
margin-top: 15px;
display: inline-block;
}
#fancybox-wrap {
z-index: 9999;
}
.sfProductfilesTitle {
font-size: 0.9375em;
font-weight: bold;
}
/* end of Products details view */
/* Buy now */
.sfbuyNowStatus {
}
.sfbuyNowStatus .sfEmpty {
display: block;
width: 40%;
margin: 8px auto;
background-color: rgb(255, 255, 204);
padding: 8px;
text-align: center;
}
/* end of Buy now */
/* Shopping cart */
.sfshoppingCartStatus {
}
.sfshoppingCartStatus .sfEmpty {
display: block;
width: 40%;
margin: 8px auto;
background-color: rgb(255, 255, 204);
padding: 8px;
text-align: center;
}
.sfshoppingCartWrp {
}
.sfshoppingCartWrp .sfshoppingCartTitle {
font-size: 1.6875em
font-weight: normal;
}
.sfshoppingCartWrp .sfProductsInCart {
margin-top: 15px;
color: #999;
font-size: 0.8125em;
font-style: italic;
}
.sfshoppingCartWrp .sfNoProductsInCartMsg {
margin: 15px 0 35px;
}
.sfshoppingCartWrp .sfShoppingCartGridFooter {
padding-top: 5px;
padding-bottom: 10px;
}
.sfshoppingCartWrp .sfShoppingCartGridFooter .sfPriceTotal {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
width: 105px;
font-size: 1em;
font-weight: bold;
}
.sfshoppingCartWrp .sfShoppingCartGridFooter .sfshoppingCartUpdateLnk {
float: right;
clear: both;
font-size: 0.6875em;
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1399px;
}
.sfshoppingCartWrp .sfShoppingCartGridFooter .sfShoppingCartTotal {
float: right;
width: 50%;
text-align: right;
}
.sfshoppingCartWrp .sfshoppingCartBtnsWrp {
text-align: right;
padding-top: 17px;
border-top: 1px solid #e4e4e4;
}
.sfshoppingCartWrp .sfshoppingCartBtnsWrp .sfBackBtn {
float: left;
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1099px;
line-height: 1.2;
}
.sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:link, .sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:visited, .sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:hover, .sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:active {
text-decoration: underline;
}
.sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:hover, .sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:active, .sfshoppingCartWrp .sfshoppingCartBtnsWrp a.sfBackBtn:focus {
text-decoration: none;
}
.sfshoppingCartWrp .sfshoppingCartBtnsWrp .sfCheckoutBtn {
padding: 4px 10px 3px;
font-weight: bold;
font-size: 0.9375em;
}
.sfShoppingCartDiscountList {
float: right;
border-collapse: collapse;
}
.sfShoppingCartDiscountList th {
text-align: right;
}
.sfShoppingCartDiscountList td {
width: 110px;
text-align: right;
}
.sfShoppingCartDiscountList td.sfDiscountAmountCol {
vertical-align: top;
color: red;
}
.sfShoppingCartGridFooter .sfTotalRowWrp {
margin-top: 4px;
padding-top: 4px;
border-top: 1px solid #e4e4e4;
clear: both;
float: right;
*float: none;
_float: none;
width: 100%;
text-align: right;
}
/* Product options list */
.sfproductOptionsList {
margin-top: 20px;
margin-bottom: 20px;
}
.sfproductOptionsList .sfproductOption {
margin-top: 10px;
}
.sfproductOptionsList label {
display: block;
}
.sfproductOptionsList select {
width: 200px;
padding: 1px;
}
/* Inventory */
.sfProductInventoryWrp {
margin-top: 10px;
}
/* Additional charge */
.sfproductAddChargeWrp {
margin-top: 10px;
}
/* Shopping cart grid */
.RadGrid_Basic {
margin-top: 20px;
}
.sfordersListWrp .RadGrid_Basic, .sforderDetailsWrp .RadGrid_Basic {
margin-top: 10px;
}
.RadGrid_Basic .rgMasterTable {
width: 100%;
padding: 0;
table-layout: fixed !important;
}
.RadGrid_Basic th, .RadGrid_Basic td {
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}
.RadGrid_Basic .sfItmTitleCol {
}
.RadGrid_Basic .sfItmTitleCol .sfItmTitleWrp {
word-wrap: break-word;
}
.sfordersListWrp .RadGrid_Basic .sfItmTitleCol, .sforderDetailsWrp .RadGrid_Basic .sfItmTitleCol,
.sfordersListWrp .RadGrid_Basic .sfItmTitleCol .sfItmTitle, .sforderDetailsWrp .RadGrid_Basic .sfItmTitleCol .sfItmTitle {
word-wrap: break-word;
}
.RadGrid_Basic .sfItmQuantityCol {
width: 80px;
}
.sfordersListWrp .RadGrid_Basic .sfItmQuantityCol {
width: 70px;
text-align: center;
}
.sforderDetailsWrp .RadGrid_Basic .sfItmQuantityCol {
width: 50px;
text-align: center;
}
.sfcheckoutPreviewProduct .RadGrid_Basic .sfItmQuantityCol {
width: 60px;
text-align: center;
}
.RadGrid_Basic .sfItmPriceCol {
text-align: right;
white-space: nowrap;
width: 80px;
}
.RadGrid_Basic .sfSingleItmPriceCol {
padding-right: 0;
text-align: right;
width: 80px;
}
.sfcheckoutPreviewProduct .RadGrid_Basic .sfSingleItmPriceCol {
width: 80px;
}
.sfordersListDetailView .RadGrid_Basic .sfSingleItmPriceCol {
width: 50px;
}
.RadGrid_Basic .sfSingleItmPriceCol div {
display: inline;
line-height: 2;
}
.sfcheckoutPreviewProduct .RadGrid_Basic .sfItmPriceCol {
width: 80px;
}
.sforderDetailsWrp .RadGrid_Basic .sfItmPriceCol {
width: 50px;
}
/* Grid header */
.RadGrid_Basic thead th {
padding-top: 6px;
padding-bottom: 8px;
background-color: #f2f2f2;
color: #666;
font-size: 0.6875em;
}
/* Grid footer */
.RadGrid_Basic tfoot td {
padding-top: 12px;
padding-bottom: 12px;
}
.RadGrid_Basic tfoot .sfItmPriceCol {
font-size: 0.8125em;
}
.RadGrid_Basic tfoot .sfItmPriceCol .sfPriceTotal {
font-size: 1em;
font-weight: bold;
}
.RadGrid_Basic tfoot .sfItmPriceCol .sfshoppingCartUpdateLnk {
font-size: 0.6875em;
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1399px;
}
.RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:link, .RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:visited, .RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:hover, .RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:active {
color: #666;
text-decoration: underline;
}
.RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:hover, .RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:active, .RadGrid_Basic tfoot .sfItmPriceCol a.sfshoppingCartUpdateLnk:focus {
text-decoration: none;
}
/* Grid body */
.RadGrid_Basic tbody td {
padding-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
}
.sfcheckoutPreviewProduct .RadGrid_Basic tbody td {
vertical-align: top;
}
.sfordersListWrp .RadGrid_Basic tbody td {
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #e4e4e4;
border-bottom: 0;
}
.RadGrid_Basic .sfItmTmbCol {
width: 80px;
overflow: hidden;
}
.sfordersListWrp .RadGrid_Basic .sfItmTmbCol, .sforderDetailsWrp .RadGrid_Basic .sfItmTmbCol {
width: 60px;
padding-left: 0;
padding-right: 0;
}
.sfordersListWrp .RadGrid_Basic tbody .sfItmTitleCol, .sforderDetailsWrp .RadGrid_Basic tbody .sfItmTitleCol {
line-height: 1.1;
padding-top: 15px;
}
.RadGrid_Basic .sfItmTitleCol .sfItmTitle {
font-size: 0.8125em;
font-weight: bold;
}
.RadGrid_Basic .sfItmTitleCol .sfItmLnksWrp {
margin-top: 15px;
}
.RadGrid_Basic .sfItmTitleCol .sfItmRemove {
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1199px;
font-size: 0.6875em;
}
.sfshoppingCartWrp .RadGrid_Basic .sfItmTitleCol .sfItmRemove {
margin-right: 15px;
}
.sfwishListWrp .RadGrid_Basic .sfItmTitleCol .sfItmRemove {
margin-left: 15px;
}
.RadGrid_Basic .sfItmTitleCol .sfToWishList, .RadGrid_Basic .sfItmTitleCol .sfToCart {
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1299px;
font-size: 0.6875em;
white-space: nowrap;
}
.RadGrid_Basic .sfItmTitleCol a.sfItmRemove:link, .RadGrid_Basic .sfItmTitleCol a.sfItmRemove:visited, .RadGrid_Basic .sfItmTitleCol a.sfItmRemove:hover, .RadGrid_Basic .sfItmTitleCol a.sfItmRemove:active,
.RadGrid_Basic .sfItmTitleCol a.sfToWishList:link, .RadGrid_Basic .sfItmTitleCol a.sfToWishList:visited, .RadGrid_Basic .sfItmTitleCol a.sfToWishList:hover, .RadGrid_Basic .sfItmTitleCol a.sfToWishList:active,
.RadGrid_Basic .sfItmTitleCol a.sfToCart:link, .RadGrid_Basic .sfItmTitleCol a.sfToCart:visited, .RadGrid_Basic .sfItmTitleCol a.sfToCart:hover, .RadGrid_Basic .sfItmTitleCol a.sfToCart:active {
color: #666;
text-decoration: underline;
}
.RadGrid_Basic .sfItmTitleCol a.sfItmRemove:hover, .RadGrid_Basic .sfItmTitleCol a.sfItmRemove:active, .RadGrid_Basic .sfItmTitleCol a.sfItmRemove:focus,
.RadGrid_Basic .sfItmTitleCol a.sfToWishList:hover, .RadGrid_Basic .sfItmTitleCol a.sfToWishList:active, .RadGrid_Basic .sfItmTitleCol a.sfToWishList:focus .RadGrid_Basic .sfItmTitleCol a.sfToCart:hover, .RadGrid_Basic .sfItmTitleCol a.sfToCart:active, .RadGrid_Basic .sfItmTitleCol a.sfToCart:focus {
text-decoration: none;
}
.RadGrid_Basic .sfItmTitleCol .sfToCartBtn {
margin-right: 10px;
padding: 3px 3px 2px;
font-size: 0.6875em;
}
.RadGrid_Basic .sfItmTitleCol .sfItmSku {
font-size: 0.6875em;
color: #666;
}
.RadGrid_Basic .sfItmQuantityCol .sfTxtLbl {
}
.RadGrid_Basic .sfItmQuantityCol .sfTxt {
width: 40px;
padding: 3px 3px 4px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.8125em;
}
.RadGrid_Basic .sfItmQuantityCol .sfErrorWrp {
}
.RadGrid_Basic .sfItmQuantityCol .sfError {
display: block;
margin-bottom: 10px;
line-height: 1.2;
}
.RadGrid_Basic tbody .sfItmPriceCol {
font-size: 1em;
}
.RadGrid_Basic tbody .sfItmOptionsCol {
font-size: 0.75em;
line-height: 1.3;
}
.RadGrid_Basic .sfItmOptionsCol {
width: 100px;
}
.RadGrid_Basic tbody .sfItmOptionsCol > div {
word-wrap: break-word;
}
.sfcheckoutPreviewProduct .RadGrid_Basic .sfItmOptionsCol {
width: 100px;
}
.sfordersListDetailView .RadGrid_Basic .sfItmOptionsCol {
width: 60px;
}
/* Discount grid */
.RadGrid_Basic.sfDiscountsWrp {
margin-top: 0;
margin-bottom: 20px;
font-size: 0.8125em;
}
.RadGrid_Basic.sfDiscountsWrp tbody td {
border-bottom: 0;
padding: 0;
text-align: right;
}
.RadGrid_Basic.sfDiscountsWrp tbody td.sfAmountCol {
width: 83px;
color: #f00;
}
/* end of Shopping cart */
/* --- SHOPPING CART SUMMARY --- */
/* General */
.sfshoppingCartSummaryStatus {
}
.sfshoppingCartSummaryStatus .sfEmpty {
display: block;
width: 40%;
margin: 8px auto;
background-color: rgb(255, 255, 204);
padding: 8px;
text-align: center;
}
.sfProductTitleOutOfStock,
.sfProductOptionsOutOfStock,
.sfProductBasePriceOutOfStock,
.sfProductNewPriceOutOfStock,
.sfProductQuantityOutOfStock {
text-decoration: line-through;
color: Red;
}
.sfItemOutOfStockMessage {
text-decoration: none !important;
background-color: #ffc6c6;
color: Black;
}
/* end of General */
/* Simple Link */
.sfcartSummarySimpleWrp {
max-width: 220px;
}
.sfcartSummarySimpleWrp .sflnkToCart {
padding-left: 20px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 0 0;
}
.sfcartSummarySimpleWrp a.sflnkToCart:link, .sfcartSummarySimpleWrp a.sflnkToCart:visited, .sfcartSummarySimpleWrp a.sflnkToCart:hover, .sfcartSummarySimpleWrp a.sflnkToCart:active {
text-decoration: underline;
}
.sfcartSummarySimpleWrp a.sflnkToCart:hover, .sfcartSummarySimpleWrp a.sflnkToCart:active, .sfcartSummarySimpleWrp a.sflnkToCart:focus {
text-decoration: none;
}
/* end of Simple Link */
/* Expandable shopping cart */
.sfcartExpandableLoading {
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfLoadingData.gif");
background-repeat: no-repeat;
background-position: center center;
}
.sfcartSummaryExpandableWrp {
position: relative;
max-width: 220px;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp {
padding: 8px;
border: 1px solid #999;
position: relative;
z-index: 8100;
height: 32px;
}
.sfcartSummaryExpandableWrp.sfcartSummaryExpanded .sflnkToggleCartWrp {
height: 33px;
border-bottom: 0;
background-color: #f2f2f2;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrpIn {
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 100% -486px;
}
.sfLoadingDataImage {
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfLoadingData.gif") no-repeat 0 1px;
height: 20px;
width: 30px;
display: block;
}
.sfcartSummaryExpandableWrp.sfcartSummaryExpanded .sflnkToggleCartWrpIn {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 6px;
}
.sfcartSummaryExpandableWrp .sflnkToggleCart {
display: block;
padding-left: 32px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 0 -598px;
}
.sfcartSummaryExpandableWrp a.sflnkToggleCart:link .sflnkToggleCartLbl, .sfcartSummaryExpandableWrp a.sflnkToggleCart:visited .sflnkToggleCartLbl, .sfcartSummaryExpandableWrp a.sflnkToggleCart:hover .sflnkToggleCartLbl, .sfcartSummaryExpandableWrp a.sflnkToggleCart:active .sflnkToggleCartLbl {
text-decoration: underline;
}
.sfcartSummaryExpandableWrp a.sflnkToggleCart:hover .sflnkToggleCartLbl, .sfcartSummaryExpandableWrp a.sflnkToggleCart:active .sflnkToggleCartLbl, .sfcartSummaryExpandableWrp a.sflnkToggleCart:focus .sflnkToggleCartLbl {
text-decoration: none;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp .sfcartSummaryItemsCount {
display: block;
margin-top: -3px;
font-size: 0.6875em;
font-weight: bold;
color: #000;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp .sfcartSummaryNoItems {
display: block;
margin-top: -3px;
font-size: 0.6875em;
color: #666;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
position: absolute;
right: 0;
top: 49px;
z-index: 8000;
width: 280px;
padding: 8px 8px 30px;
border: 1px solid #999;
background-color: #f2f2f2;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfcartSummaryNoItems {
text-align: center;
padding: 20px 10px;
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart {
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart td {
padding: 8px 0;
border-bottom: 1px solid #d7d7d7;
vertical-align: top;
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart .sfItmTmbCol {
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart .sfItmTitleCol {
padding-left: 7px;
padding-right: 5px;
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart .sfItmTitleCol .sfItmTitle {
font-size: 0.8125em;
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart .sfItmTitleCol .sfproductOptions,
.sfcartSummaryExpandableWrp .sfminiShoppingCart .sfItmTitleCol .sfProductOptionsOutOfStock {
word-wrap: break-word;
}
.sfcartSummaryExpandableWrp .sfminiShoppingCart .sfItmPriceCol {
text-align: right;
font-size: 0.8125em;
}
.sfcartSummaryExpandableWrp .sfPriceTotal {
margin-top: 15px;
margin-bottom: 20px;
text-align: right;
font-size: 0.8125em;
}
.sfcartSummaryExpandableWrp .sfPriceTotal .sfPrice {
font-size: 1em;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp {
text-align: right;
}
.sfcartSummaryExpandableWrp .sflnkToCart {
float: left;
padding-top: 5px;
}
.sfcartSummaryExpandableWrp .sfCheckoutBtn {
font-size: 0.9375em;
font-weight: bold;
padding: 4px 10px 3px;
}
.sfcartSummaryExpandableWrp .sfItmTmbCol img {
max-width: 36px;
max-height: 36px;
}
.sfcartSummaryExpandableWrp .sfVatIncluded {
display: block;
}
.sfcartSummaryExpandableWrp .sfItmPriceCol div {
display: inline;
}
/* Shopping cart block */
.sfcartSummaryBlockWrp {
max-width: 220px;
padding: 8px 8px 30px;
border: 1px solid #999;
}
.sfcartSummaryBlockWrp .sfcartSummaryTitle {
padding-bottom: 8px;
padding-left: 32px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 0 -600px;
font-size: 1em;
}
.sfcartSummaryBlockWrp .sfcartSummaryNoItems {
text-align: center;
padding: 10px 0;
}
.sfcartSummaryBlockWrp .sfminiShoppingCart {
empty-cells: show;
table-layout: auto;
width: 100%;
border-top: 1px solid #d7d7d7;
}
.sfcartSummaryBlockWrp .sfminiShoppingCart td {
padding: 8px 0;
border-bottom: 1px solid #d7d7d7;
vertical-align: top;
}
.sfcartSummaryBlockWrp .sfminiShoppingCart .sfItmTmbCol {
}
.sfcartSummaryBlockWrp .sfminiShoppingCart .sfItmTitleCol {
padding-left: 7px;
padding-right: 5px;
}
.sfcartSummaryBlockWrp .sfminiShoppingCart .sfItmTitleCol .sfItmTitle {
font-size: 0.8125em;
}
.sfcartSummaryBlockWrp .sfminiShoppingCart .sfItmPriceCol {
text-align: right;
font-size: 0.8125em;
}
.sfcartSummaryBlockWrp .sfPriceTotal {
margin-top: 15px;
margin-bottom: 20px;
text-align: right;
font-size: 0.8125em;
}
.sfcartSummaryBlockWrp .sfPriceTotal .sfPrice {
font-size: 1em;
}
.sfcartSummaryBlockWrp .sfcartSummaryBtnsWrp {
text-align: right;
}
.sfcartSummaryBlockWrp .sflnkToCart {
float: left;
padding-top: 5px;
}
.sfcartSummaryBlockWrp .sfCheckoutBtn {
font-size: 0.9375em;
font-weight: bold;
padding: 4px 10px 3px;
}
.sfcartSummaryBlockWrp .sfVatIncluded {
display: block;
}
.sfcartSummaryBlockWrp .sfItmPriceCol div {
display: inline;
}
/* --- end of SHOPPING CART SUMMARY --- */
/* Checkout process */
.sfcheckoutTitle {
margin-bottom: 24px;
font-size: 1.6875em
}
/* Checkout tabstrip */
.sfcheckoutTabstrip {
line-height: 1.3;
}
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsUL {
border-left: 1px solid #ccc;
overflow: visible;
}
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsLI {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow: visible;
}
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsLink {
padding: 0 30px 0 0;
height: 34px;
background: #fff url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 100% -100px;
color: #ccc;
position: relative;
}
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsLI.rtsLast .rtsLink {
margin-right: -17px;
}
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep1 .rtsLink.sfStep1,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep2 .rtsLink.sfStep1,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep2 .rtsLink.sfStep2,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep3 .rtsLink.sfStep1,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep3 .rtsLink.sfStep2,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep3 .rtsLink.sfStep3,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep4 .rtsLink.sfStep1,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep4 .rtsLink.sfStep2,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep4 .rtsLink.sfStep3,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep4 .rtsLink.sfStep4 {
background-color: #e8e8e8;
background-position: 100% -300px;
color: #666;
}
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep0 .rtsLink.sfStep1,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep1 .rtsLink.sfStep2,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep2 .rtsLink.sfStep3,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep3 .rtsLink.sfStep4,
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep4 .rtsLink.sfStep5 {
background-color: #e8e8e8;
background-position: 100% -200px;
color: #000;
}
/* to be removed after fix */
.sfcheckoutTabstrip.RadTabStrip_Basic.sfCStep4 .rtsLast .rtsLink.sfStep4 {
background-color: #e8e8e8;
background-position: 100% -200px;
color: #000;
}
/* end of to be removed after fix */
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsLink .sfStep {
position: relative;
top: 2px;
padding-right: 3px;
font-size: 1.3125em;
font-weight: bold;
}
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsLink .rtsOut {
padding: 0 0 0 15px;
height: 34px;
}
.sfcheckoutTabstrip.RadTabStrip_Basic .rtsLink .rtsIn, .sfcheckoutTabstrip.RadTabStrip_Basic .rtsLink .rtsTxt {
display: inline;
padding: 0;
}
/* end of Checkout tabstrip */
.sfcheckoutMulitPage {
margin-top: 30px;
}
.sfcheckoutMulitPage .sfMessage {
margin-bottom: 15px;
}
.sfcheckoutMulitPage .sfBackBtn {
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1099px;
}
.sfcheckoutMulitPage a.sfBackBtn:link, .sfcheckoutMulitPage a.sfBackBtn:visited, .sfcheckoutMulitPage a.sfBackBtn:hover, .sfcheckoutMulitPage a.sfBackBtn:active {
text-decoration: underline;
}
.sfcheckoutMulitPage a.sfBackBtn:hover, .sfcheckoutMulitPage a.sfBackBtn:active, .sfcheckoutMulitPage a.sfBackBtn:focus {
text-decoration: none;
}
.sfcheckoutMulitPage .sfcheckoutStepTitle {
margin-bottom: 10px;
font-size: 1.3125em;
font-weight: bold;
}
.sfcheckoutMulitPage .sfcheckoutPreviewAddress .sfcheckoutStepTitle {
display: block;
font-size: 0.75em;
margin-bottom: 0;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 325px;
}
.sfcheckoutMulitPage .sfcheckoutShippingFormWrp {
}
.sfcheckoutMulitPage .sfcheckoutBillingFormWrp {
}
.sfcheckoutMulitPage .sfcheckoutPreviewWrp {
}
.sfcheckoutMulitPage .sfcheckoutPreviewAddress {
width: 250px;
float: left;
line-height: 1.2;
margin-top: 10px;
}
.sfcheckoutMulitPage .sfcheckoutPreviewAddress a {
font-size: 0.6875em;
}
.sfcheckoutMulitPage .sfcheckoutPreviewProduct {
margin-left: 300px;
}
.sfcheckoutMulitPage .sfcheckoutFormList {
}
.sfcheckoutMulitPage .sfcheckoutPreviewAddress .sfcheckoutPreviewAddressBlock {
margin-bottom: 15px;
}
.sfcheckoutMulitPage .sfcheckoutPreviewAddress .sfcheckoutPreviewAddressBlock span {
display: block;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
margin-bottom: 18px;
}
.sfShoppingCartCouponEntryField {
float: left;
text-align: left;
}
.sfCouponEntryField .sfTxt {
width: 132px !important;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
.sfCouponEntryField .sfApplyCouponBtn {
margin-left: 10px;
padding: 2px 10px;
font-size: 0.75em;
font-weight: bold;
}
.sfCouponEntryField .sfMsgVisible {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.sfCouponEntryField .sfMsgVisible.sfMsgNegative {
margin-left: 10px;
padding-left: 0;
padding-right: 0;
background-color: transparent !important;
color: #f00;
}
.sfCouponEntryField.sfCouponCodeEntryFieldListMode .sfMsgVisible.sfMsgNegative {
display: block;
}
a.sfCouponCodeItem {
color: #666666;
text-decoration: underline;
font-size: 0.6875em;
}
.sfShoppingCartCouponEntryField .sfCouponCodeItem {
padding-left: 10px;
}
.sfShoppingCartTotal {
float: left;
width: 49%;
}
.sfChangeCouponCodeToggleMessage {
font-size: 0.6875em;
text-align: right;
}
.sfExpandCouponEntryField {
color: #666;
cursor: pointer;
}
.sfExpandCouponEntryField.sfExpandIcon {
padding-left: 17px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfArrows.gif") no-repeat 0 -1497px;
}
.sfExpandCouponEntryField.sfExpandIcon.sfExpanded {
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfArrows.gif") no-repeat 0 -1596px;
}
.sfShoppingCartCouponEntryField .sfCouponEntryField {
margin-top: 10px;
margin-left: 17px;
}
.sfCouponEntryField.sfCouponEntryFieldHidden {
display: none;
}
.sfCouponEntryField.sfCouponCodeEntryFieldChangeMode {
position: relative;
margin-top: 5px;
margin-bottom: 15px;
right: -120px;
text-align: left;
}
.sfCouponEntryField.sfCouponCodeEntryFieldListMode {
margin-top: 5px;
margin-bottom: 15px;
text-align: left;
}
.sfCouponEntryField.sfCouponCodeEntryFieldChangeMode .sfCouponCodeItem {
display: block;
}
.sfcheckoutMulitPage .sfcheckoutFormItmSep {
padding-top: 27px;
}
.sfcheckoutMulitPage .sfcheckoutFormItmTxt {
}
.sfcheckoutMulitPage .sfcheckoutFormItmDdl {
}
.sfcheckoutMulitPage .sfcheckoutFormItmCheckbox {
}
.sfcheckoutMulitPage .sfcheckoutFormItmCheckboxList {
line-height: 1.2;
}
.sfcheckoutMulitPage .sfcheckoutFormItmCheckboxList li {
margin-bottom: 15px;
}
.sfcheckoutMulitPage .sfcheckoutPaymentFormWrp .sfcheckoutFormItmCheckboxList li {
margin-bottom: 5px;
}
.sfcheckoutMulitPage .sfPaymentMethodList.sfSingleItem input[type=radio],
.sfcheckoutMulitPage .sfshippingOptionsWrp .sfcheckoutFormItmCheckboxList.sfSingleItem input[type=radio] {
display: none;
}
.sfcheckoutMulitPage .sfcheckoutFormItmDdl .RadComboBox_Sitefinity {
display: inline-block;
zoom: 1;
*display: inline;
margin-right: 10px;
}
.sfcheckoutMulitPage .sfTxtLbl {
}
.sfcheckoutMulitPage .sfcheckoutFormItmTxt .sfTxtLbl, .sfcheckoutMulitPage .sfcheckoutFormItmDdl .sfTxtLbl {
display: block;
font-weight: bold;
}
.sfcheckoutMulitPage .sfTxt {
width: 200px;
padding: 3px;
vertical-align: middle;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
.sfcheckoutMulitPage .sfcheckoutFormItmCodeTxt .sfTxt {
width: 50px;
}
.sfcheckoutMulitPage .sfcheckoutFormItmCheckbox label, .sfcheckoutMulitPage .sfcheckoutFormItmCheckbox input,
.sfcheckoutMulitPage .sfcheckoutFormItmCheckboxList label, .sfcheckoutMulitPage .sfcheckoutFormItmCheckboxList input {
vertical-align: middle;
}
.sfcheckoutMulitPage .sfcheckoutFormItmCheckbox label, .sfcheckoutMulitPage .sfcheckoutFormItmCheckboxList label {
padding-left: 5px;
}
.sfcheckoutMulitPage .sfError {
display: block;
}
.sfcheckoutMulitPage .sfcheckoutBtnsWrp {
padding-top: 15px;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn {
padding: 3px 22px;
font-size: 0.8125em;
font-weight: bold;
}
.sfcheckoutMulitPage .sfcheckoutBtnsWrp .sfcheckoutBackBtn {
float: left;
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1098px;
}
.sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:link, .sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:visited, .sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:hover, .sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:active {
text-decoration: underline;
}
.sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:hover, .sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:active, .sfcheckoutMulitPage .sfcheckoutBtnsWrp a.sfcheckoutBackBtn:focus {
text-decoration: none;
}
/* Checkout Preview */
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp, .sforderDetailsWrp .sfcheckoutTotalPriceWrp {
text-align: right;
line-height: 1.2;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp li, .sforderDetailsWrp .sfcheckoutTotalPriceWrp li {
padding-right: 10px;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutSubtotal, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutSubtotal {
font-size: 0.8125em;
padding-top: 10px;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutVatTax, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutVatTax {
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutDiscounts, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutDiscounts {
font-size: 0.8125em;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutShipping, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutShipping {
padding-bottom: 15px;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutBeforeTax, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutBeforeTax {
padding-top: 10px;
border-top: 1px solid #e4e4e4;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutTax, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutTax {
padding-bottom: 12px;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfAmount, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfAmount {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
width: 80px;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutTotal, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutTotal {
font-weight: bold;
background-color: #f2f2f2;
padding-top: 15px;
padding-bottom: 15px;
}
.sfcheckoutPreviewProduct .sfcheckoutTotalPriceWrp .sfcheckoutTotal .sfPrice, .sforderDetailsWrp .sfcheckoutTotalPriceWrp .sfcheckoutTotal .sfPrice {
font-size: 1em;
}
/* Confirmation */
.sfcheckoutMulitPage .sfStep5Wrp .sfMessage:before {
display: block;
content: " ";
margin: 20px auto 15px;
width: 138px;
height: 138px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfBigStatusIcons.png") no-repeat -1000px -1000px;
}
.sfcheckoutMulitPage .sfStep5Wrp .sfMessage {
font-weight: bold;
font-size: 1em;
text-align: center;
}
.sfcheckoutMulitPage .sfStep5Wrp .sfMessage.sfMsgPositive {
color: #690;
}
.sfcheckoutMulitPage .sfStep5Wrp .sfMsgPositive:before {
background-position: 0 0;
}
.sfcheckoutMulitPage .sfStep5Wrp .sfMessage.sfMsgNegative {
color: #900;
}
.sfcheckoutMulitPage .sfStep5Wrp .sfMsgNegative:before {
background-position: 0 -140px;
}
/* Shipping Options */
.sfcheckoutMulitPage .sfshippingOptionsWrp {
margin-right: 270px;
}
/* Order Summary */
.sforderSummary {
float: right;
width: 240px;
padding-top: 15px;
border: 1px solid #999;
line-height: 1.2;
font-size: 0.8125em;
}
.sforderSummary .sfcheckoutStepSubTitle {
font-size: 1em;
font-weight: bold;
padding-left: 9px;
padding-bottom: 15px;
}
.sforderSummary .sforderSummaryTable {
width: 100%;
}
.sforderSummary .sforderSummaryTable td {
white-space: nowrap;
}
.sforderSummary .sforderSummaryRow {
}
.sforderSummary .sforderSummaryFirst {
}
.sforderSummary .sforderSummaryLast {
}
.sforderSummary .sforderSummarySep {
border-bottom: 1px solid #e4e4e4;
}
.sforderSummary .sforderSummaryTotal {
}
.sforderSummary tr th, .sforderSummary tr td {
text-align: right;
vertical-align: top;
padding: 0 10px;
}
.sforderSummary tr th {
width: 100%;
}
.sforderSummary .sforderSummaryFirst th, .sforderSummary .sforderSummaryFirst td {
padding-top: 10px;
}
.sforderSummary .sforderSummaryLast th, .sforderSummary .sforderSummaryLast td {
padding-bottom: 15px;
}
.sforderSummary .sforderSubTotalRow th, .sforderSummary .sforderSubTotalRow td {
font-size: 0.8125em;
}
.sforderSummary .sforderDiscountRow th, .sforderSummary .sforderDiscountRow td {
padding-bottom: 20px;
font-size: 0.8125em;
}
.sforderSummary .sforderSummaryRow.sforderSummaryTotal th, .sforderSummary .sforderSummaryRow.sforderSummaryTotal td {
font-size: 0.8125em;
font-weight: bold;
background-color: #f2f2f2;
padding-top: 20px;
padding-bottom: 20px;
}
.sforderSummary .sforderSummaryRow.sforderSummaryTotal .sfPrice {
font-size: 1em;
}
/* Product Out of Stock */
.sfminiShoppingCart span.sfProductTitleOutOfStock {
text-decoration: line-through;
color: #f00;
}
.sfProductTitleOutOfStock .sfItmTitleWrp, .sfProductBasePriceOutOfStock, .sfProductNewPriceOutOfStock, .sfProductOptionsOutOfStock, .sfProductQuantityOutOfStock {
text-decoration: line-through;
color: #f00;
}
.sfProductTitleOutOfStock .sfItmTitleWrp strong, .sfProductBasePriceOutOfStock > div, .sfProductNewPriceOutOfStock > span, .sfProductOptionsOutOfStock > div, .sfProductQuantityOutOfStock > span {
color: #000;
}
.sfProductQuantityOutOfStock input {
text-decoration: line-through;
}
.sfItemOutOfStockMessage {
padding: 3px 5px;
background-color: #ffb9b9;
}
/* Changed Product quontity */
.sfProductTitleInventoryChange {
background-color: #ffc6c6;
color: Red;
}
.sfProductOptionsInventoryChange {
text-decoration: line-through;
color: Red;
}
.sfProductBasePriceInventoryChange {
text-decoration: line-through;
color: Red;
}
.sfProductNewPriceInventoryChange {
text-decoration: line-through;
color: Red;
}
.sfProductQuantityInventoryChange {
text-decoration: line-through;
color: Red;
}
/* Orders list */
.sfordersListWrp {
}
.sforderDetailsWrp {
}
.sfordersListWrp .sfordersListTitle {
margin-top: 20px;
font-size: 1.6875em
}
.sforderDetailsWrp .sforderDetailTitle {
margin-top: 20px;
margin-bottom: 15px;
font-size: 1.6875em
}
.sfordersListWrp .sfordersListCount, .sforderDetailsWrp .sfordersListCount {
margin-top: 20px;
margin-bottom: 15px;
font-size: 0.8125em;
color: #999;
font-style: italic;
}
.sfordersListWrp .sfordersList, .sforderDetailsWrp .sforderDetails {
border-top: 1px solid #e4e4e4;
}
.sfordersListWrp .sfordersListItem, .sforderDetailsWrp .sforderDetails {
padding: 10px 0;
border-bottom: 1px solid #e4e4e4;
}
.sfordersListWrp .sfordersListItemIn, .sforderDetailsWrp .sforderDetailsIn {
}
.sfordersListWrp .sforderBriefInfoWrp, .sforderDetailsWrp .sforderBriefInfoWrp {
float: left;
overflow: hidden;
width: 250px;
line-height: 1.2;
}
.sfordersListWrp .sfordersListDetailView, .sforderDetailsWrp .sfordersListDetailView {
margin-left: 250px;
padding-left: 35px;
min-height: 220px;
border-left: 1px solid #e4e4e4;
}
.sfordersListWrp .sforderOrderedOn, .sforderDetailsWrp .sforderOrderedOn {
margin-bottom: 16px;
font-size: 1.3125em;
font-weight: bold;
line-height: 1.1;
}
.sfordersListWrp .sforderOrderedOn .sforderOrderedOnLbl, .sforderDetailsWrp .sforderOrderedOn .sforderOrderedOnLbl {
display: block;
font-size: 0.75em;
font-weight: normal;
}
.sfordersListWrp .sforderBtnskWrp, .sforderDetailsWrp .sforderBtnskWrp {
margin-bottom: 20px;
padding-right: 35px;
}
.sfordersListWrp .sforderBtnskWrp {
text-align: right;
}
.sfordersListWrp .sforderDetailsLnk {
float: left;
font-size: 0.6875em;
padding: 0 0 3px 17px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 0 -700px;
}
.sfordersListWrp .sfPrint, .sforderDetailsWrp .sfPrint {
font-size: 0.6875em;
padding: 0 0 3px 21px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfEcommerce.gif") no-repeat 0 -800px;
}
.sfordersListWrp ul.sforderBriefInfoList, .sforderDetailsWrp ul.sforderBriefInfoList {
padding-right: 35px;
}
.sfordersListWrp ul.sforderBriefInfoList li, .sforderDetailsWrp ul.sforderBriefInfoList li {
padding-bottom: 3px;
line-height: 1.1;
min-height: 12px;
}
.sfordersListWrp ul.sforderBriefInfoList .sforderInfoFieldName, .sforderDetailsWrp ul.sforderBriefInfoList .sforderInfoFieldName,
.sfordersListWrp ul.sforderBriefInfoList .sforderInfoFieldValue, .sforderDetailsWrp ul.sforderBriefInfoList .sforderInfoFieldValue {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.sfordersListWrp ul.sforderBriefInfoList .sforderInfoFieldName, .sforderDetailsWrp ul.sforderBriefInfoList .sforderInfoFieldName {
width: 130px;
}
.sfordersListWrp ul.sforderBriefInfoList .sforderInfoFieldValue, .sforderDetailsWrp ul.sforderBriefInfoList .sforderInfoFieldValue {
width: 75px;
text-align: right;
}
.sfordersListWrp ul.sforderBriefInfoList .sforderNumber, .sforderDetailsWrp ul.sforderBriefInfoList .sforderNumber {
padding-bottom: 18px;
}
.sforderDetailsWrp .sforderDetailsAddressBlock {
}
.sforderDetailsWrp .sforderDetailsTitle {
margin-top: 15px;
display: block;
font-size: 0.75em;
font-weight: bold;
}
.sfordersListWrp .sfordersListOrderStatusWrp, .sforderDetailsWrp .sfordersListOrderStatusWrp {
line-height: 1.1;
}
.sfordersListWrp .sfordersListOrderStatus, .sforderDetailsWrp .sfordersListOrderStatus {
display: block;
font-size: 1.3125em;
font-weight: bold;
}
.sfordersListDetailView td.sfItmTmbCol img {
}
/* end of Orders list */
/* Print Invoice */
.sfPrintBtn {
font-size: 0.8125em;
font-weight: bold;
padding: 4px 10px 3px;
}
.sfordersListWrp.sfprintInvoiceWrp ul.sforderBriefInfoList, .sforderDetailsWrp.sfprintInvoiceWrp ul.sforderBriefInfoList {
padding-top: 4px;
padding-right: 10px;
}
.sfordersListWrp.sfprintInvoiceWrp ul.sforderBriefInfoList .sforderNumber, .sforderDetailsWrp.sfprintInvoiceWrp ul.sforderBriefInfoList .sforderNumber {
padding-bottom: 33px;
}
.sfordersListWrp.sfprintInvoiceWrp ul.sforderBriefInfoList .sforderNumber strong, .sforderDetailsWrp.sfprintInvoiceWrp ul.sforderBriefInfoList .sforderNumber strong {
font-size: 1.3125em;
}
.sforderDetailsWrp.sfprintInvoiceWrp .sfprintInvoiceTitle {
font-size: 1.3125em;
font-weight: bold;
}
.sforderDetailsWrp.sfprintInvoiceWrp .sforderDetails {
margin-bottom: 15px;
border-color: #000;
}
.sforderDetailsWrp.sfprintInvoiceWrp .sfordersListDetailView {
border-color: #000;
}
.sforderDetailsWrp.sfprintInvoiceWrp .RadGrid_Basic thead th {
background-color: transparent;
color: #000;
border-bottom: 1px solid #000;
}
.sforderDetailsWrp.sfprintInvoiceWrp .RadGrid_Basic .sfItmTitleCol {
padding-left: 0;
}
.sforderDetailsWrp.sfprintInvoiceWrp .RadGrid_Basic tbody td {
border-color: #000;
}
.sforderDetailsWrp.sfprintInvoiceWrp .sfcheckoutTotalPriceWrp .sfcheckoutBeforeTax {
border-color: #000;
}
.sforderDetailsWrp.sfprintInvoiceWrp .sfcheckoutTotalPriceWrp .sfcheckoutTotal {
background-color: transparent;
}
.sforderDetailsWrp.sfprintInvoiceWrp .RadGrid_Basic .sfItmTitleCol .sfItmSku {
color: #000;
}
.sfprintInvoiceWrp .RadGrid_Basic.sfDiscountsWrp tbody td.sfAmountCol {
color: #000;
}
/* Digital download list */
.sfdigitalDownloadsListWrp {
}
.sfdigitalDownloadsListWrp .sfdigitalDownloadsSortWrp {
text-align: right;
}
.sfdigitalDownloadsListWrp .sfItmTitleCol .sfInfo {
padding-left: 43px;
color: #666;
}
.sfdigitalDownloadsListWrp .sfdigitalDownloadsPurchasedCol {
text-align: right;
width: 150px;
}
.sfdigitalDownloadsListWrp .sfdigitalDownloadsOrderDetailsLnk {
font-size: 0.6875em;
}
/* No digital downloads available */
.sfnodigitalDownloadsWrp {
margin: 20px 0;
text-align: center;
}
/* Shop by filter */
.sffilterTitle {
display: inline-block;
*display: inline;
vertical-align: top;
margin-right: 10px;
font-size: 1em;
font-weight: bold;
}
a.sffilterClearLnk:link, a.sffilterClearLnk:visited, a.sffilterClearLnk:hover, a.sffilterClearLnk:active {
display: inline-block;
padding-top: 5px;
font-size: 0.6875em;
color: #666;
}
a.sffilterClearLnk:hover {
text-decoration: underline;
}
.sfSubmitBtn.sfSubmitFilter {
padding: 2px 10px;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.8125em;
}
/* --- Vertical list ---*/
.sfShopByFilterGroupList.sfVerticalList {
margin-bottom: 25px;
}
.sfShopByFilterGroupList.sfVerticalList .sfShopByFilterGroupListItem {
margin-top: 25px;
}
.sfShopByFilterGroupList.sfVerticalList .sfGroupTitle {
font-size: 0.8125em;
font-weight: bold;
}
.sfShopByFilterGroupList.sfVerticalList .sfShopByFilterList {
}
.sfShopByFilterGroupList.sfVerticalList .sfShopByFilterListItem, .sfShopByFilterGroupList.sfVerticalList .sfShopByFilterListItemSelected {
margin-bottom: 3px;
}
.sfShopByFilterGroupList.sfVerticalList .sfFilterItem {
}
.sfShopByFilterGroupList.sfVerticalList input {
vertical-align: middle;
}
.sfShopByFilterGroupList.sfVerticalList .sfFilterLnk {
cursor: pointer;
text-decoration: underline;
color: #000;
}
.sfShopByFilterGroupList.sfVerticalList .sfFilterLnk:hover {
text-decoration: none;
}
.sfShopByFilterGroupList.sfVerticalList .sfShopByFilterListItemSelected .sfFilterLnk, .sfShopByFilterGroupList.sfVerticalList .sfShopByFilterListItemSelected .sfFilterLnk:hover {
color: #105CB6;
}
/* --- end of Vertical list ---*/
/* --- Column list ---*/
.sfShopByFilterGroupList.sfHorizontal {
margin-bottom: 20px;
}
.sfShopByFilterGroupList.sfHorizontal .sfShopByFilterGroupListItem {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-top: 15px;
margin-right: 50px;
max-width: 250px;
min-width: 100px;
}
.sfShopByFilterGroupList.sfHorizontal .sfGroupTitle {
font-size: 0.8125em;
font-weight: bold;
}
.sfShopByFilterGroupList.sfHorizontal .sfShopByFilterList {
}
.sfShopByFilterGroupList.sfHorizontal .sfShopByFilterListItem, .sfShopByFilterGroupList.sfHorizontal .sfShopByFilterListItemSelected {
margin-bottom: 3px;
}
.sfShopByFilterGroupList.sfHorizontal .sfFilterItem {
}
.sfShopByFilterGroupList.sfHorizontal input {
vertical-align: middle;
}
.sfShopByFilterGroupList.sfHorizontal label {
vertical-align: middle;
padding-left: 3px;
}
.sfShopByFilterGroupList.sfHorizontal .sfDisabled {
color: #666;
}
/* --- Dropdown list ---*/
.sfShopByFilterGroupList.sfDropDown {
margin-bottom: 20px;
}
.sfShopByFilterGroupList.sfDropDown .sfShopByFilterGroupListItem {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-top: 15px;
margin-right: 50px;
max-width: 250px;
min-width: 100px;
}
.sfShopByFilterGroupList.sfDropDown .sfGroupTitle {
display: block;
font-size: 0.8125em;
font-weight: bold;
}
/* Wishlist */
.sfwishListWrp {
}
.sfwishListWrp .sfwishListTitle {
font-size: 1.6875em
font-weight: normal;
}
.sfwishListWrp .sfNoProductsInCartMsg {
margin: 15px 0 35px;
}
.sfwishListWrp .sfMessage {
margin-right: 300px;
}
.sfwishListWrp .sfProductsInCart {
color: #999;
font-size: 0.8125em;
font-style: italic;
margin-top: 15px;
}
.sfWishlistPrivate, .sfWishlistPublic {
float: right;
margin-top: -28px;
font-size: 0.6875em;
}
.sfWishlistPrivate .sfLIsPrivate, .sfWishlistPublic .sfLIsPublic {
padding: 2px 8px 1px 18px;
font-style: normal;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat -1000px -1000px;
}
.sfWishlistPrivate .sfLIsPrivate {
background-position: 0 -1999px;
}
.sfWishlistPublic .sfLIsPublic {
background-position: 0 -1899px;
}
.sfWishlistPrivate a, .sfWishlistPrivate a:link, .sfWishlistPrivate a:visited, .sfWishlistPrivate a:hover, .sfWishlistPrivate a:active,
.sfWishlistPublic a, .sfWishlistPublic a:link, .sfWishlistPublic a:visited, .sfWishlistPublic a:hover, .sfWishlistPublic a:active {
color: #000;
text-decoration: underline;
}
.sfWishlistPrivate a:hover, .sfWishlistPrivate a:active, .sfWishlistPrivate a:focus,
.sfWishlistPublic a:hover, .sfWishlistPublic a:active, .sfWishlistPublic a:focus {
text-decoration: none;
}
.sfwishListWrp .sfforumSocialShareWrp {
float: right;
}
.sfwishListWrp .sfWishlistUpdate {
padding-top: 5px;
padding-bottom: 5px;
}
.sfwishListWrp .sfWishlistUpdate .sfshoppingCartUpdateLnk {
float: right;
clear: both;
font-size: 0.6875em;
padding-left: 18px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat 0 -1399px;
}
.sfwishListWrp .sfwishListBtnsWrp {
border-top: 1px solid #E4E4E4;
padding-top: 17px;
text-align: right;
}
.sfwishListWrp .sfwishListBtnsWrp .sfBackBtn, .sfwishListWrp .sfwishListBtnsWrp .sfForwardBtn {
line-height: 1.2;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfPublicContent.gif") no-repeat -1000px -1000px;
}
.sfwishListWrp .sfwishListBtnsWrp .sfBackBtn {
float: left;
padding-left: 18px;
background-position: 0 -1099px;
}
.sfwishListWrp .sfwishListBtnsWrp .sfForwardBtn {
float: right;
padding-right: 18px;
background-position: 100% -1799px;
}
.sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:link, .sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:visited, .sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:hover, .sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:active,
.sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:link, .sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:visited, .sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:hover, .sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:active {
text-decoration: underline;
}
.sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:hover, .sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:active, .sfwishListWrp .sfwishListBtnsWrp a.sfBackBtn:focus,
.sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:hover, .sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:active, .sfwishListWrp .sfwishListBtnsWrp a.sfForwardBtn:focus {
text-decoration: none;
}
/* Currency selector */
/* --- Horizontal currency selector --- */
/* Currency selector wrapper */
.sfcurrenciesHorizontalList {
margin: 0;
padding: 0;
list-style-type: none;
}
/* Single currency link wrapper */
.sfcurrenciesHorizontalList .sfcurrencyItem {
margin: 0;
padding: 0;
display: inline;
white-space: nowrap;
}
/* Single currency link */
.sfcurrenciesHorizontalList .sfcurrencyItem a:link, .sfcurrenciesHorizontalList .sfcurrencyItem a:visited, .sfcurrenciesHorizontalList .sfcurrencyItem a:hover, .sfcurrenciesHorizontalList .sfcurrencyItem a:active {
padding: 3px 5px 2px;
}
/* Current currency */
.sfcurrenciesHorizontalList .sfcurrencySelected a:link, .sfcurrenciesHorizontalList .sfcurrencySelected a:visited, .sfcurrenciesHorizontalList .sfcurrencySelected a:hover, .sfcurrenciesHorizontalList .sfcurrencySelected a:active {
background-color: #425ccf;
color: #fff;
cursor: default;
}
/* --- Vertical currency selector --- */
/* Currency selector wrapper */
.sfcurrenciesVerticalList {
margin: 0;
padding: 0;
list-style-type: disc;
}
/* Single currency link wrapper */
.sfcurrenciesVerticalList .sfcurrencyItem {
margin: 0 0 5px;
padding: 0;
}
/* Single currency link */
.sfcurrenciesVerticalList .sfcurrencyItem a:link, .sfcurrenciesVerticalList .sfcurrencyItem a:visited, .sfcurrenciesVerticalList .sfcurrencyItem a:hover, .sfcurrenciesVerticalList .sfcurrencyItem a:active {
padding: 3px 5px 2px;
}
/* Current currency */
.sfcurrenciesVerticalList .sfcurrencySelected a:link, .sfcurrenciesVerticalList .sfcurrencySelected a:visited, .sfcurrenciesVerticalList .sfcurrencySelected a:hover, .sfcurrenciesVerticalList .sfcurrencySelected a:active {
background-color: #425ccf;
color: #fff;
cursor: default;
}
/* --- Down-down currency selector --- */
/* currency selector wrapper */
.sfcurrenciesDropDownList {
}
/* Drop-down */
.sfcurrenciesDropDownList select {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* --- end of Currency Selector --- */
/*#endregion */
/*#region --- FORUMS --- */
/* Forum breadcrumb */
.sfforumPostBreabcrumbWrp {
margin-bottom: 5px;
font-size: 0.6875em;
}
.sfforumPostBreabcrumbWrp .sfDisabled, .sfforumPostBreabcrumbWrp a.sfDisabled:link, .sfforumPostBreabcrumbWrp a.sfDisabled:visited, .sfforumPostBreabcrumbWrp a.sfDisabled:hover, .sfforumPostBreabcrumbWrp a.sfDisabled:active {
color: #000;
cursor: default;
}
/* Forums Filter */
.sfforumsFilterWrp {
padding-top: 25px;
padding-bottom: 15px;
font-size: 0.6875em;
}
.sfforumsFilterWrp .sfforumsFilterLbl {
padding-right: 3px;
}
.sfforumsFilterWrp .sfthreadsFilterListWrp {
display: inline;
}
.sfforumsFilterWrp .sfthreadsFilterList {
display: inline;
}
.sfforumsFilterWrp .sfthreadsFilterListItm {
padding-left: 5px;
padding-right: 5px;
display: inline;
}
/* Forums List */
.sfClosedItm {
margin-top: -5px;
*margin-top: 0;
padding-left: 35px;
line-height: 26px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -1400px;
}
.sfforumsTitle {
margin-bottom: 10px;
font-size: 1.5em;
}
.sfforumsList {
width: 100%;
table-layout: auto;
border-collapse: collapse;
line-height: 1.3;
font-size: 0.6875em;
}
.sfforumsList th, .sfforumsList td {
padding: 12px 0 14px;
border-bottom: 1px solid #e4e4e4;
vertical-align: top;
}
.sfforumsList .sfforumGroupTitle {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
font-size: 1.125em;
}
.sfforumsList .sfforumGroupDescription {
color: #666;
line-height: 1.2;
}
.sfforumsList .sfforumImgWrp {
padding-right: 10px;
width: 50px;
}
.sfforumsList .sfforumTitleWrp .sfLockedForum {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin-right: 5px;
width: 14px;
height: 14px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -1300px;
}
.sfforumsList th.sfforumTitleWrp {
padding-bottom: 11px;
}
.sfforumsList .sfforumTitle {
margin-bottom: 25px;
font-size: 1.5em;
}
.sfforumsList .sfforumTitle {
font-size: 1.125em;
}
.sfforumsList .sfforumTitle {
font-size: 0.875em;
font-weight: bold;
}
.sfforumsList .sfforumDescription {
padding-top: 4px;
font-size: 0.75em;
}
.sfforumsList .sfforumThreadsCountWrp, .sfforumsList .sfforumPostsCountWrp {
width: 110px;
text-align: right;
font-size: 0.625em;
}
.sfforumsList .sfforumThreadsCount, .sfforumsList .sfforumPostsCount {
font-size: 0.875em;
font-weight: normal;
}
.sfforumsList .sfforumLastPostWrp {
width: 150px;
text-align: right;
}
/* Threads List */
.sfforumTitle {
margin-bottom: 25px;
font-size: 1.5em;
}
.sfforumNewThreadLnk, .sfforumNewThreadLnk:link, .sfforumNewThreadLnk:visited, .sfforumNewThreadLnk:hover, .sfforumNewThreadLnk:active {
background-color: #d4d0c8;
border: 2px outset #d4d0c8;
color: #000;
padding: 4px 15px;
}
.sfforumThreadsList {
margin-top: 30px;
width: 100%;
table-layout: auto;
font-size: 0.6875em;
line-height: 1.3;
}
.sfforumThreadsList th, .sfforumThreadsList td {
border-bottom: 1px solid #e4e4e4;
vertical-align: top;
}
.sfforumThreadsList thead th {
padding: 5px 0 10px;
font-size: 0.5625em;
text-transform: uppercase;
color: #666;
}
.sfforumThreadsList tbody th, .sfforumThreadsList tbody td {
padding: 15px 0;
}
.sfforumThreadsList thead .sfforumThreadPostsWrp, .sfforumThreadsList thead .sfforumThreadViewsWrp {
width: 110px;
text-align: center;
}
.sfforumThreadsList thead .sfforumThreadLastPostWrp {
width: 150px;
text-align: right;
}
.sfforumThreadsList .sfforumThreadTitleAndAgeWrp {
margin-left: 35px;
}
.sfforumPostFeatured {
}
.sfforumThreadsList .sfforumThreadTitle {
font-size: 0.9375em;
}
.sfforumThreadsList .sfNormalThread, .sfforumThreadsList .sfLockedThread {
float: left;
margin-top: 4px;
margin-right: 12px;
width: 20px;
height: 23px;
background-color: transparent;
background-image: url("../Images/sfForums.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
.sfforumThreadsList .sfNormalThread {
background-position: 0 -300px;
}
.sfforumThreadsList .sfLockedThread {
background-position: 0 -100px;
}
.sfforumThreadsList .sfStickyThread, .sfforumThreadsList .sfAnnouncmentThread {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin-top: 1px;
width: 13px;
height: 13px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 0;
}
.sfforumThreadsList .sfAnnouncmentThread {
width: 15px;
background-position: 0 -1100px;
}
.sfforumThreadsList .sfNotStickyThread {
display: none;
}
.sfforumThreadsList tbody .sfforumThreadPostsWrp, .sfforumThreadsList tbody .sfforumThreadViewsWrp {
width: 110px;
text-align: center;
font-size: 0.875em;
}
.sfforumThreadsList tbody .sfforumThreadLastPostWrp {
width: 150px;
text-align: right;
}
/* New Thread */
.sfforumNewThreadWrp .sfforumNewThreadTitle {
margin-bottom: 16px;
font-size: 1.5em;
}
.sfforumNewThreadWrp .sfforumNewThreadFormList {
}
.sfforumNewThreadWrp .sfTxtLbl {
margin-bottom: 3px;
display: block;
}
.sfforumNewThreadWrp .sfforumNewThreadName .sfTxtLbl {
font-weight: bold;
}
.sfforumNewThreadWrp .sfTxt {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
height: 18px;
padding: 2px;
width: 500px;
}
.sfforumNewThreadWrp .sfError {
display: block;
}
.sfforumNewThreadWrp .sfforumNewThreadContent {
margin-top: 5px;
}
.sfforumNewThreadWrp .sfEditorWrp {
position: relative;
width: 750px;
}
.sfforumNewThreadWrp .sfSubmitBtnWrp {
}
.sfforumNewThreadWrp .sfSubmitBtn {
margin-right: 10px;
padding: 2px 10px;
font-family: Arial,Verdana,Sans-serif;
font-size: 1em;
text-align: center;
}
/* Forum thread */
.sfforumNoThreadsWrp {
color: #666;
text-align: center;
}
.sfforumNoThreadsWrp .sfforumFirstThreadLnk {
font-size: 1.6875em
}
.sfforumPostTitle {
margin-bottom: 40px;
font-size: 1.5em;
line-height: 1.2;
}
.sfforumPostTitle .sfError {
display: block;
margin-top: 3px;
font-size: 0.75em;
line-height: 1.5;
font-weight: normal;
}
.sfforumPostTitle .sfforumPostTitleEdit, .sfforumPostTitle .sfforumPostTitleCancelEdit {
font-size: 0.75em;
font-weight: normal;
color: #105CB6;
cursor: pointer;
}
.sfforumPostTitle .sfforumPostTitleEdit:hover, .sfforumPostTitle .sfforumPostTitleCancelEdit:hover {
color: #00f;
}
.sfforumPostTitle .sfforumPostTitleSaveEdit {
font-family: Arial,Verdana,Sans-serif;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.sfforumPostTitle .sfTxt {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
height: 18px;
padding: 2px;
width: 350px;
}
.sfforumThreadPostList {
border-bottom: 1px solid #e4e4e4;
}
.sfforumThreadPostList .sfforumThreadPost {
padding-top: 15px;
padding-bottom: 25px;
border-top: 1px solid #e4e4e4;
}
.sfforumSocialShareWrp {
padding: 7px 0;
font-size: 0.8125em;
font-style: italic;
color: #999;
height: 21px;
overflow: hidden;
}
.sfforumSocialShareWrp.sfTop {
margin-top: 20px;
}
.sfforumSocialShareWrp .RadSocialShare {
border: 0;
padding: 0;
float: right;
}
/* (Post user info) */
.sfforumThreadPostList .sfforumThreadPostUser, .sfforumPostReplyForm .sfforumThreadPostUser {
float: left;
width: 140px;
color: #666;
font-size: 0.6875em;
line-height: 1.2;
}
.sfforumThreadPostList .sfforumUser, .sfforumPostReplyForm .sfforumUser {
font-size: 0.9375em;
font-weight: normal;
color: #000;
}
.sfforumThreadPostList .sfforumUserAvatarWrp, .sfforumPostReplyForm .sfforumUserAvatarWrp {
margin-top: 5px;
}
.sfforumThreadPostList .sfforumUserPostsInfo, .sfforumPostReplyForm .sfforumUserPostsInfo {
margin-top: 10px;
}
.sfforumPostReplyForm .sfforumsReplyToTitle {
display: inline;
padding-right: 20px;
font-size: 0.9375em;
font-weight: normal;
}
/* (Post content) */
.sfforumThreadPostList .sfforumThreadPostContentWrp, .sfforumPostReplyForm .sfforumReplyThreadContent {
margin-left: 150px;
}
.sfforumThreadPostList .sfforumThreadPostContent {
margin-top: 15px;
margin-bottom: 20px;
font-size: 0.8125em;
clear: right;
}
/* Post typography */
.sfforumThreadPostList .sfforumThreadPostContent h1, .sfforumThreadPostList .sfforumThreadPostContent h2, .sfforumThreadPostList .sfforumThreadPostContent h3, .sfforumThreadPostList .sfforumThreadPostContent h4, .sfforumThreadPostList .sfforumThreadPostContent h5 {
line-height: 1.2;
}
.sfforumThreadPostList .sfforumThreadPostContent h1 {
margin-bottom: 20px;
font-size: 1.875em;
font-weight: normal;
}
.sfforumThreadPostList .sfforumThreadPostContent h1 ~ h1 {
margin-top: 40px;
}
.sfforumThreadPostList .sfforumThreadPostContent h2 {
margin-top: 35px;
margin-bottom: 20px;
font-size: 1.125em;
font-weight: bold;
}
.sfforumThreadPostList .sfforumThreadPostContent h3 {
margin-top: 30px;
margin-bottom: 10px;
font-size: 1.25em;
font-weight: normal;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.sfforumThreadPostList .sfforumThreadPostContent h4 {
margin-top: 25px;
font-size: 0.8125em;
font-weight: bold;
}
.sfforumThreadPostList .sfforumThreadPostContent h5 {
margin-top: 18px;
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
}
.sfforumThreadPostList .sfforumThreadPostContent p {
margin-bottom: 18px;
}
.sfforumThreadPostList .sfforumThreadPostContent ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 18px;
}
.sfforumThreadPostList .sfforumThreadPostContent ol {
padding-left: 20px;
list-style-type: decimal;
margin-bottom: 18px;
}
.sfforumThreadPostList .sfforumThreadPostContent ul ul, .sfforumThreadPostList .sfforumThreadPostContent ol ul {
list-style-type: circle;
}
.sfforumThreadPostList .sfforumThreadPostContent ul ul ul, .sfforumThreadPostList .sfforumThreadPostContent ol ol ul {
list-style-type: square;
}
.sfforumThreadPostContent table {
width: 100%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.sfforumThreadPostContent table td {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.sfforumThreadPostContent table th {
padding: 1px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}
/* end of Post typography */
.sfPostQuoteView {
border: 1px solid #ccc;
padding: 7px 9px;
background-color: #f2f2f2;
}
.sfPostQuoteView .sfPostQuoteView {
margin-top: 10px;
}
.sfPostQuoteView .sfUserQuote {
display: block;
font-size: 0.6875em;
}
.sfforumThreadPostList .sfforumPostIsFeaturedWrp {
float: right;
}
.sfforumThreadPostList .sfforumPostFeatured,
.sfforumThreadPostList .sfforumPostUnmarkFeatured,
.sfforumThreadPostList .sfEditBtn,
.sfforumThreadsList .sfforumThreadAnswered {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.sfforumThreadPostList .sfforumPostFeatured,
.sfforumThreadsList .sfforumThreadAnswered {
padding-left: 20px;
padding-right: 3px;
font-size: 0.9375em;
color: #689B30;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -997px;
position: relative;
margin-top: -3px;
}
.sfforumThreadsList .sfforumThreadAnswered {
margin-left: 20px;
}
.sfforumThreadPostList .sfforumPostUnmarkFeatured {
font-size: 0.6875em;
position: relative;
top: -2px;
}
.sfforumThreadPostList .sfEditBtn {
padding-bottom: 8px;
}
.sfforumThreadPostList .sfforumPostAge {
font-size: 0.6875em;
line-height: 1.2;
font-style: italic;
color: #666;
}
.sfforumThreadPostList .sfforumPostPermalink {
font-size: 0.625em;
}
.sfforumThreadPostList .sfforumLastModified {
margin-bottom: 20px;
font-size: 0.6875em;
color: #666;
}
.sfforumReplyBtn {
padding-left: 15px;
padding-right: 15px;
font-family: Arial,Verdana,Sans-serif;
text-align: center;
}
/* Reply post form */
.sfforumReplyFormVisible {
position: relative;
padding-bottom: 335px;
}
.sfforumPostReplyContainer {
display: none;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer {
display: block;
position: fixed;
_position: absolute;
padding-top: 20px;
_width: 100%;
bottom: 0;
left: 0;
right: 0;
height: 305px;
overflow-y: auto;
overflow-x: hidden;
border-top: 10px solid #e4e4e4;
background-color: #fff;
}
.sfforumPostReplyContainer .sfforumPostReplyForm {
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
width: 920px;
}
.sfforumPostReplyContainer .sfEditorWrp {
position: relative;
}
.sfforumPostReplyContainer .sfQuote {
padding-left: 15px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -798px;
}
.sfforumPostReplyContainer .sfSubmitBtnWrp {
margin-bottom: 0;
}
.sfforumPostReplyContainer .sfSubmitBtn {
margin-right: 10px;
padding: 2px 10px;
font-family: Arial,Verdana,Sans-serif;
font-size: 1em;
text-align: center;
}
.sfforumPostReplyContainer .sfCancel {
*vertical-align: middle;
}
.sfforumPostReplyContainer .sfClose {
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 10px;
right: 10px;
text-indent: -9999px;
overflow: hidden;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -700px;
}
.sfforumReplyThreadAttachmentsWrp {
margin-top: 30px;
}
.sfforumReplyThreadAttachmentsWrp .sfforumReplyThreadAttachmentsToggle {
padding-bottom: 1px;
padding-left: 20px;
padding-top: 3px;
cursor: pointer;
color: #105CB6;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -600px;
}
.sfforumReplyThreadAttachmentsWrp .RadUpload {
margin-top: 5px;
margin-bottom: 10px;
}
.sfforumReplyThreadAttachmentsWrp .RadUpload .ruInputs li.ruActions {
margin-top: 0;
}
/* Post attachments */
.sfforumPostAttachmentsList {
width: 300px;
margin-bottom: 30px;
border-top: 1px solid #d7d7d7;
}
.sfforumReplyThreadContent .sfforumPostAttachmentsList {
margin-top: 10px;
margin-bottom: 10px;
}
.sfforumPostAttachmentsList .sfforumPostAttachmentItem {
padding: 6px 0 4px;
border-bottom: 1px solid #d7d7d7;
position: relative;
}
.sfforumPostAttachmentsList .sfforumPostAttachmentLink {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
width: 280px;
word-wrap: break-word;
font-weight: bold;
}
.sfforumPostAttachmentsList .sfforumPostDeleteAttachmentBtn {
display: block;
position: absolute;
top: 9px;
right: 4px;
width: 12px;
height: 12px;
text-indent: -9999px;
overflow: hidden;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat 0 -1200px;
cursor: pointer;
}
/* Subscribe to thread */
.sfforumSubscribeWrp {
float: right;
font-size: 0.6875em;
}
.sfforumRssLnk, .sfforumEmailLnk {
padding: 1px 0 1px 22px;
background: transparent url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfForums.gif") no-repeat -1000px -1000px;
}
.sfforumRssLnk {
background-position: 0 -400px;
vertical-align: middle;
}
.sfforumEmailLnk {
background-position: 0 -499px;
}
.sfforumEmailSubscriberWrp {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
top: -3px;
vertical-align: middle;
position: relative;
margin-right: 19px;
}
.sfforumEmailSubscriberWrp .sfforumEmailLnkWrp {
padding: 10px 8px 5px 9px;
}
.sfforumEmailSubscriptionShown.sfforumEmailSubscriberWrp .sfforumEmailLnkWrp {
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #999;
padding: 9px 7px 5px 8px;
background-color: #f2f2f2;
position: relative;
z-index: 100;
}
.sfforumEmailSubscriberWrp .sfforumEmailSubscriptionInfoWrp {
display: none;
position: absolute;
z-index: 10;
padding: 15px 15px 30px;
top: 31px;
left: 0;
width: 220px;
border: 1px solid #999;
background-color: #f2f2f2;
}
.sfforumEmailSubscriptionShown.sfforumEmailSubscriberWrp .sfforumEmailSubscriptionInfoWrp {
display: block;
}
.sfforumEmailSubscriptionInfoWrp .sfforumEmailSubscribeMsg {
font-size: 0.75em;
}
.sfforumEmailSubscriptionInfoWrp .sfforumSubscribedEmail {
margin-top: 12px;
margin-bottom: 17px;
font-size: 1em;
}
.sfforumSubscribeBtn, .sfforumUnsubscribeBtn {
font-family: Arial,Verdana,Sans-serif;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.sfforumEmailSubscriberWrp .sfforumEmailSubscriptionInfoLoader {
border: 1px solid #999;
display: none;
left: 0;
padding: 15px 15px 30px;
position: absolute;
top: 31px;
width: 220px;
height: 90px;
z-index: 10;
background: #f2f2f2 url("/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sfLoadingData.gif") no-repeat 50% 50%;
}
/* end of FORUMS */
/*#endregion */
/*#region --- SITE SELECTOR --- */
.sfsitesSelectorWrp {
}
.sfLbl {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
/* --- Down-down sites selector --- */
/* Sites selector wrapper */
.sfsitesDropDown {
}
/* Drop-down */
.sfsitesDropDown select {
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em;
}
/* --- List of links site selector --- */
/* Sites selector wrapper */
.sfsitesList {
margin: 0;
padding: 0;
list-style-type: none;
width: 360px;
}
/* Single site link wrapper */
.sfsitesList .sfsiteItem {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
margin: 0 15px 0 0;
padding: 0;
width: 100px;
}
/* Single site link */
.sfsitesList .sfsiteItem a, .sfsitesList .sfsiteItem a:link, .sfsitesList .sfsiteItem a:visited, .sfsitesList .sfsiteItem a:hover, .sfsitesList .sfsiteItem a:active {
padding: 1px 0 2px;
}
.sfsitesList .sfsiteItem.sfSel a, .sfsitesList .sfsiteItem.sfSel a:link, .sfsitesList .sfsiteItem.sfSel a:visited, .sfsitesList .sfsiteItem.sfSel a:hover, .sfsitesList .sfsiteItem.sfSel a:active {
color: #000;
cursor: default;
}
/* --- end of SITE SELECTOR --- */
/*#endregion */
/*#region Twitter widget */
.sfTweetsList {
max-width: 400px;
}
.sfTweetsList .sfTweetItem {
margin-bottom: 30px;
}
.sfTweetsList .sfTweetAuthor {
float: left;
font-weight: normal;
font-size: 0.9375em;
}
.sfTweetsList .sfTweetDate {
float: right;
font-style: normal;
color: #666;
}
.sfTweetsList .sfTweetContent {
padding-top: 5px;
padding-bottom: 1px;
clear: both;
}
.sfTweetsList .sfExpand {
}
/*#endregion */
/*#region System classes*/
/* Clearfix */
.sfClearfix:before, .sfClearfix:after,
.sfprofileArticleLikeWrp:before, .sfprofileArticleLikeWrp:after,
.sfprofileListLikeWrp:before, .sfprofileListLikeWrp:after {
content: "";
display: table;
}
.sfClearfix:after, .sfprofileArticleLikeWrp:after, .sfprofileListLikeWrp:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.sfClearfix, .sfprofileArticleLikeWrp, .sfprofileListLikeWrp {
zoom: 1;
}
.sfDisplayNone {
display: none;
}
/*#endregion */
/*positioning for reservations page move down to account for stickied navbar and header*/
#rooster-update .Reservations #wrapper #content.body-section {
padding-top: 110px;
}
#rooster-update .Reservations #wrapper {
height: -webkit-calc(100% + 138px);
}
.sfimageWrp.footer-logo img {
width: 155px;
height: auto;
}
@media print {
body {
background-color: #fff;
min-width: 0;
}
.sfPublicWrapper {
width: auto;
}
.sfPageBrowseAndEditToolbarWrp, .sfPrintBtn {
display: none;
}
.sfordersListDetailView {
height: auto !important;
}
}
@media only screen and (min-width : 600px) and (max-width: 700px) {
.rooster-footer .bottom-area-footer {
height: 75px;
}
.rooster-footer .bottom-area-footer .content {
flex-direction: column;
}
.rooster-footer .bottom-area-footer .content a {
line-height: 28px;
position: relative;
bottom: 6px;
}
.rooster-footer .bottom-area-footer .content span {
position: relative;
bottom: 6px;
}
.rooster-footer .bottom-area-footer .content a:last-child {
margin-right: 0px;
}
#rooster-update .home-style .sub-slider .tagline svg {
width: 20px;
height: 20px;
}
#rooster-update .home-style .sub-slider .tagline .ad-verbiage {
font-size: 2.1875em;
}
#rooster-update .home-style .sub-slider .tagline .promotion-details {
font-size: 0.625em;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic {
font-size: 0.6875em;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1em;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .read-more {
font-size: 0.625em;
}
#rooster-update .home-style .article-slider .slick-next {
right: -28px;
}
#rooster-update .home-style .article-slider .slick-prev {
left: -28px;
}
#rooster-update .home-style .article-slider .article.slick-current.slick-active .article-content {
margin-right: auto;
margin-left: auto;
}
#rooster-update .home-style .video-placeholder .section-content {
width: 100%
}
#rooster-update .home-style .video-placeholder .back-ground-image img {
height: 61vw;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content {
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image {
margin-top: 15px;
margin-bottom: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image img {
width: 50%;
margin: auto;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
flex-direction: column;
align-items: center;
padding-top: 0px;
margin-bottom: 15px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
color: #FFFFFF;
width: 88%;
font-size: 5px;
margin-bottom: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .content .text-column .paragraph {
display: none;
}
#rooster-update .home-style .video-placeholder .section-content .button-area {
text-align: center;
padding-top: 0px;
}
#rooster-update .home-style .promo-images-section .tagline {
/*setting font size so i can use em for responsiveness*/
font-size: 7px;
}
#rooster-update .home-style .promo-images-section .tagline .promotion-details {
font-size: 1.6em;
}
/*#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content {
width: -webkit-calc(80% + 20px);
}*/
#rooster-update .home-style .social-media-wrapper .slick-next {
right: -90px;
}
#rooster-update .home-style .social-media-wrapper .slick-prev {
left: -90px;
}
}
@media only screen and (min-width : 701px) and (max-width: 800px) {
#rooster-update .home-style .sub-slider .tagline svg {
width: 20px;
height: 20px;
}
#rooster-update .home-style .sub-slider .tagline .ad-verbiage {
font-size: 2.1875em;
}
#rooster-update .home-style .sub-slider .tagline .promotion-details {
font-size: 0.625em;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic {
font-size: 0.8125em;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .read-more {
font-size: 0.75em;
}
#rooster-update .home-style .article-slider .slick-next {
right: -30px;
}
#rooster-update .home-style .article-slider .slick-prev {
left: -30px;
}
#rooster-update .home-style .article-slider .article.slick-current.slick-active .article-content {
margin-right: auto;
margin-left: auto;
}
#rooster-update .home-style .video-placeholder .section-content {
width: 100%
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
flex-direction: column;
align-items: center;
padding-top: 0px;
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content {
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image {
margin-top: 26px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image img {
width: 500px;
margin: auto;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
color: #FFFFFF;
width: 88%;
font-size: 7px;
margin-bottom: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .paragraph {
font-size: 2.8em;
display: none;
}
#rooster-update .home-style .video-placeholder .section-content .button-area {
text-align: center;
padding-top: 30px;
}
/*#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content {
width: -webkit-calc(85% + 20px);
}*/
}
@media only screen and (min-width : 801px) and (max-width: 900px) {
#rooster-update .home-style .sub-slider .tagline .ad-verbiage {
font-size: 2.5em;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic {
font-size: 0.75em;
}
#rooster-update .home-style .article-slider .slick-next {
right: -33px;
}
#rooster-update .home-style .article-slider .slick-prev {
left: -33px;
}
/*#rooster-update .home-style .video-placeholder .back-ground-image img {
height: 60vw;
}*/
#rooster-update .home-style .video-placeholder .section-content .logo-and-content {
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image img {
width: 500px;
margin: auto;
padding-top: 10px;
position: relative;
top: 15px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
padding-top: 20px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
color: #FFFFFF;
width: 88%;
font-size: 6px;
margin-bottom: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .paragraph {
font-size: 3em;
display: block;
}
#rooster-update .home-style .video-placeholder .section-content .button-area {
text-align: center;
}
/*#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content {
width: -webkit-calc(86% + 20px);
}*/
}
@media only screen and (min-width : 901px) and (max-width: 1000px) {
#rooster-update .home-style .sub-slider .tagline .ad-verbiage {
font-size: 2.5em;
}
#rooster-update .home-style .video-placeholder .back-ground-image img {
height: 56vw;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content {
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image {
/*width: 100%;
margin: auto;*/
padding-top: 40px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image img {
width: 500px;
margin: auto;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
padding-top: 30px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
color: #FFFFFF;
width: 88%;
font-size: 6px;
margin-bottom: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .paragraph {
font-size: 3em;
display: block;
}
#rooster-update .home-style .video-placeholder .section-content .button-area {
text-align: center;
}
}
@media only screen and (min-width : 1001px) and (max-width: 1100px) {
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
font-size: 0.5em;
}
}
@media only screen and (max-width : 420px) {
.roosterNavigation div.flexMenu-viewMore {
position: absolute;
right: 0px;
}
}
@media only screen and (max-width : 540px) {
#rooster-update .your-class-test-slick .slick-next i {
font-size: 1.875em;
}
#rooster-update .your-class-test-slick .slick-prev i {
font-size: 1.875em;
}
}
@media only screen and (max-width : 575px) {
.js .roosterNavigation .navbar li a {
display: none;
}
.roosterNavigation .sfimageWrp {
/*width: 190px;*/
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
.footer.rooster-footer .link-area {
/*background-color: aliceblue;*/
}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media only screen and (max-width: 767px) {
.roosterNavigation div.flexMenu-viewMore a.hamburger-helper {
position: absolute;
right: 0;
top: 0;
height: 43px;
width: 55px;
bottom: auto;
/*padding: 25px 0 0 5px;*/
}
}
@media screen and (max-width: 767px) {
#mobile-social-content {
margin-left: 0px !important;
}
}
@media only screen and (min-width : 1025px) {
#rooster-update .home-style .article-slider .slick-dots {
display: none !important;
}
#rooster-update .promo-images-section ul {
display: none !important;
}
}
/**** GLOBAL CSS DO NOT MODIFY****/
/** COMMIT TEST **/
/***** TYPOGRAPHY *****/
@font-face {
font-family: 'goshen';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Goshen.eot');
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Goshen.woff2') format('woff2'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Goshen.woff') format('woff'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Goshen.ttf') format('truetype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Goshen.svg#Goshen') format('svg'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Goshen.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
font-variant-ligatures: no-common-ligatures;
}
/*the below css prevents the F and I characters in Goshen from being too close together. Please do not remove.*/
* {
font-variant-ligatures: no-common-ligatures;
}
@font-face {
font-family: 'Avenir Black';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Black.eot');
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Black.woff2') format('woff2'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Black.woff') format('woff'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Black.ttf') format('truetype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir Light';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirPFChangs-Light.eot');
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirPFChangs-Light.woff2') format('woff2'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirPFChangs-Light.woff') format('woff'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirPFChangs-Light.ttf') format('truetype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirPFChangs-Light.svg#AvenirPFChangs-Light') format('svg'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirPFChangs-Light.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir Medium';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Medium.eot');
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Medium.woff') format('woff'), url('./Fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'scriptFont';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/jellyka_estrya_handwriting-webfont.eot');
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/jellyka_estrya_handwriting-webfont.woff2') format('woff2'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/jellyka_estrya_handwriting-webfont.woff') format('woff'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/jellyka_estrya_handwriting-webfont.ttf') format('truetype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/jellyka_estrya_handwriting-webfont.svg#jellyka_estrya_handwriting-webfont') format('svg'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/jellyka_estrya_handwriting-webfont.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'pfchangs';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/pfchangs.ttf?80ahne') format('truetype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/pfchangs.woff?80ahne') format('woff'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/pfchangs.svg?80ahne#pfchangs') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/Scripts/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('/Scripts/fonts/montserrat-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*** GOSHEN HEADINGS ***/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
/** Main Heading, Modals, Sections, Accordions **/
h1.goshen {
font-family: 'goshen';
font-size: 2.75em;
text-transform: lowercase;
}
.h1-goshen-style {
font-family: 'goshen';
font-size: 2.75em;
text-transform: lowercase;
}
h2.goshen {
font-family: 'goshen';
font-size: 2.75em;
text-transform: lowercase;
line-height: 1.1em;
}
h3.goshen {
font-family: 'goshen';
font-size: 1.125em;
text-transform: lowercase;
}
/*** AVENIR HEADINGS ***/
/** Offers, News & Media, Blog, Descriptions **/
h1.avenir {
font-family: 'avenir black';
font-size: 3.25em;
}
h2.avenir {
font-family: 'avenir black';
font-size: 1.625em;
}
h2.avenir.policy-header-text {
font-family: 'avenir black';
font-size: 1.375em;
line-height: 28px;
margin-top: 8px;
margin-bottom: 4px;
text-transform: capitalize;
}
h3.avenir {
font-family: 'avenir black';
font-size: 1.375em;
line-height: 28px;
margin-top: 8px;
margin-bottom: 4px;
text-transform: capitalize;
}
h4.avenir {
font-family: 'avenir light';
font-size: 1.125em;
}
h5.avenir {
font-family: 'avenir light';
font-size: 0.8125em;
}
/*** p styles ***/
p.bold {
font-family: 'avenir black';
font-size: 1em;
}
p.normal {
font-family: 'avenir light';
font-size: 1.125em;
}
p.small {
font-family: 'avenir light';
font-size: 0.8125em;
/*margin-left: 36px;*/
}
p.small.israw {
font-family: 'avenir light';
font-size: 0.8125em;
margin-top: 9px;
margin-left: 0px;
}
p.avenir {
font-family: 'avenir black';
font-size: 1.375em;
line-height: 28px;
margin-top: 8px;
margin-bottom: 4px;
text-transform: capitalize;
}
.rewards-container p.small {
margin-left: 0px;
}
p.secure-small {
font-family: 'avenir light';
font-size: 0.75em;
}
.secure-checkout {
font-family: Avenir Black;
font-size: 0.875em;
line-height: 1.42857143;
color: #333;
}
/* MOBILE FONT STYLING */
@media only screen and (max-width: 767px) {
/*** GOSHEN HEADINGS ***/
/** Main Heading, Modals, Sections, Accordions **/
h1.goshen {
font-family: 'goshen';
font-size: 2.125em;
text-transform: lowercase;
}
h2.goshen {
font-family: 'goshen';
font-size: 2.75em;
text-transform: lowercase;
line-height: 1.1em;
}
h3.goshen {
font-family: 'goshen';
font-size: 1.125em;
text-transform: lowercase;
}
/*** AVENIR HEADINGS ***/
/** Offers, News & Media, Blog, Descriptions **/
h1.avenir {
font-family: 'avenir black';
font-size: 1.375em;
}
h2.avenir {
font-family: 'avenir black';
font-size: 1em;
}
h3.avenir {
font-family: 'avenir black';
font-size: 1.125em;
}
h4.avenir {
font-family: 'avenir light';
font-size: 1.125em;
}
h5.avenir {
font-family: 'avenir light';
font-size: 1.125em;
}
/*** p styles ***/
p.bold {
font-family: 'avenir black';
/*font-size: 0.875em;*/
}
p.normal {
font-family: 'avenir light';
font-size: 1.125em;
}
p.small {
font-family: 'avenir light';
font-size: 0.75em;
}
}
/* END MOBILE FONT STYLING */
/* Title Padding */
.title-padding {
padding-top: 35px;
padding-bottom: 40px;
}
/***** COLORS *****/
.primary-red {
color: #AA272F;
}
.primary-purple {
color: #80379B;
}
.accent-red {
color: #ED2939;
}
.accent-blue {
color: #182B49;
}
.accent-yellow {
color: #FFB652;
}
.accent-green {
color: #739600;
}
.black {
color: #231F20;
}
.dark-grey {
color: #3D3D3D;
}
.grey {
color: #8E8E8E;
}
.light-grey {
color: #D8D8D8;
}
.white {
color: #FFFFFF;
}
/***** BUTTONS *****/
/*** Primary ***/
.primary-button {
background: #AA272F;
color: #fff !important;
border: none;
outline: none;
text-align: center;
text-transform: lowercase;
font-family: 'goshen';
padding-left: 14px;
padding-right: 14px;
box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
}
.primary-button:active {
box-shadow: none;
}
.primary-button:hover {
background: #C13846;
color: #fff !important;
text-decoration: none !important;
}
.primary-button-disabled {
opacity: 50%;
box-shadow: none;
}
.home-style .hero .primary-button a {
line-height: 50px;
}
/*** Secondary ***/
.secondary-button {
background: #D8D8D8;
color: #231F20;
border: none;
outline: none;
text-align: center;
text-transform: lowercase;
font-family: 'goshen';
padding-left: 14px;
padding-right: 14px;
box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
}
.secondary-button:active {
box-shadow: none;
}
.secondary-button:hover {
background: #E5E5E5;
color: #231F20 !important;
text-decoration: none !important;
}
.secondary-button-disabled {
opacity: 50%;
box-shadow: none;
}
#largeButton, .largeButton {
font-size: 1.875em;
height: 70px;
width: 100%;
max-width: 400px;
padding-bottom: 18px;
padding-top: 22px;
}
#mediumButton {
font-size: 1.25em;
height: 50px;
}
.mediumButton {
font-size: 1.25em;
height: 50px;
}
#smallButton {
font-size: 1.125em;
height: 44px;
}
.smallButton {
font-size: 1.125em;
height: 44px;
}
#extrasmallButton {
font-size: 0.875em;
height: 30px;
}
/*** LINKS ***/
a.dark {
color: #3D3D3D;
}
a.dark:active {
color: #3D3D3D !important;
}
a.dark:hover {
color: #3D3D3D !important;
}
a.red {
color: #AA272F;
}
a.red:active {
color: #AA272F !important;
}
a.red:hover {
color: #AA272F !important;
}
a.btn.red {
color: #FFFFFF !important;
}
a.white {
color: #FFFFFF;
}
a.white:active {
color: #FFFFFF !important;
}
a.white:hover {
color: #FFFFFF !important;
}
a.underline {
text-decoration: underline !important;
}
a:hover {
text-decoration: underline;
}
a#uppercase {
text-transform: uppercase;
}
.myfav-uppercase {
text-transform: uppercase;
}
a#lowercase {
text-transform: lowercase;
}
a.current-bread-crumb {
font-family: 'avenir black';
font-size: 0.875em;
color: #3D3D3D;
}
a.bread-crumb {
font-family: 'avenir light';
font-size: 0.875em;
color: #3D3D3D;
}
a.adisabled {
cursor: not-allowed;
opacity: .65;
}
/*===== END GLOBAL STYLES =====*/
/*===== Fonts =====*/
@font-face {
font-family: 'pasarela';
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Pasarela_Bold-webfont.eot');
src: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Pasarela_Bold-webfont.eot?iefix')format('embedded-opentype'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Pasarela_Bold-webfont.woff')format('woff'), url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global/Fonts/Pasarela_Bold-webfont.ttf')format('truetype');
font-weight: normal;
font-style: normal;
}
p {
margin: 0 0 9px;
}
body {
background: #fff;
-webkit-font-smoothing: antialiased;
}
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.3;
color: #675d53;
background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
color: #675d53;
}
h3, .h3 {
font-size: 1.125em;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 18px;
margin-bottom: 9px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
a, a.active, a.hover {
color: #675d53;
text-decoration: underline;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {
zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
zoom: 1;
}
/* IE7 */
.btn-primary {
color: #fff;
background-color: #ab262f;
border-color: #ab262f;
}
.btn-primary:hover {
background-color: #db5c65;
border-color: #db5c65;
}
.btn-default, .btn-default:active, .btn-default:hover, .btn-default:focus {
color: #fff;
background-color: #675d53;
border-color: #675d53;
}
.btn-default:hover, .btn-default:active:hover, .btn-default:hover:hover, .btn-default:focus:hover {
background-color: #9c9084;
border-color: #9c9084;
}
.btn, .btn-default, .btn-primary, .btn-secondary {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 0.875em;
line-height: 1.3;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0px !important;
}
.btn-default, .btn-primary, .btn-secondary {
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1);
transition: color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1);
padding: 9px 24px;
font-size: 1em;
line-height: 1.3;
border-radius: 0;
}
.btn-primary, .btn-primary:active, .btn-primary:hover {
font-weight: 700;
}
a[class*=btn] {
text-decoration: none;
}
.btn-sm, .btn-sm:active, .btn-sm:hover, .btn-group.sm, .btn-group.sm:active, .btn-group.sm:hover, .btn-group-sm > .btn {
padding: 5px 10px;
line-height: 1.5;
font-size: 0.5em;
font-size: 100%;
}
.wrapper-outside {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
}
#rooster-update .wrapper-outside {
width: 88%;
padding-top: 90px;
padding-bottom: 35px;
}
#rooster-update .wrapper-outside.menupage {
width: 100%;
padding-top: 50px;
}
img[alt="P.F. Chang's Catering Photo: Dumplings, Hunan Dragon Wings, Sushi, Beverages"] {
width: 100%;
}
.wrapper-inside {
width: 100%;
margin: 0 auto;
}
#location {
line-height: 40px;
padding-top: 14px;
color: #ab262f;
}
.register-login ul li {
display: inline-block;
line-height: 40px;
}
.register-login ul li p,
.register-login ul li p a {
color: #ab262f;
text-decoration: underline;
}
.register-login ul li p:hover {
cursor: pointer;
}
.register-login ul,
.register-login ul li p {
margin-bottom: 0;
}
.register-login ul li p {
color: #ab262f;
}
.body-section {
/*background-image: radial-gradient(circle at 22% 0,rgba(255,255,255,.35),rgba(255,255,255,.2) 25%,rgba(236,222,203,0) 60%,transparent),
radial-gradient(circle at 85% 8%,rgba(255,255,255,.85),rgba(255,255,255,.5) 15%,rgba(236,222,203,0) 40%,transparent),
radial-gradient(circle at 56% 0,#f8f8f7,rgba(236,222,203,0) 35%,transparent),
radial-gradient(circle at 22% 0,#d7d7d6,rgba(143,143,143,.8) 5%,rgba(236,222,203,0) 40%,transparent),
radial-gradient(circle at 5% 85%,rgba(255,255,255,.9),rgba(255,255,255,.75) 5%,rgba(236,222,203,0) 55%,transparent),
radial-gradient(circle at 75% 82%,#e5e4e2,rgba(236,222,203,.5));
-webkit-box-shadow: inset 4px 11px 7px -9px rgba(0,0,0,.5);
background-position: 0px -60px;
background-repeat: no-repeat;
background-size: 110%;
box-shadow: inset 0 2px 5px 0 #9d9b97;*/
}
.main-content {
padding: 20px 0px 40px 0px;
background: #fff;
width: 100%;
min-height: 750px; /**/
}
/*==== Navigation =====*/
.home-nav ul {
overflow: hidden;
margin: 0;
padding: 0;
}
.home-nav ul li:first-child:after {
content: "Our Food Philosophy";
padding-left: 20px;
}
.home-nav ul li {
height: 90px;
display: table-cell;
text-align: left;
width: 16/667%;
width: calc(100%/6);
box-sizing: border-box;
}
.home-nav ul li:last-child {
border-right: none;
}
.home-nav ul li a {
padding: 25px 20px 0;
color: #ab262f;
font-size: 1.125em;
font-weight: 400;
text-decoration: none;
}
.home-nav ul li a:hover + p {
color: #6c181e;
}
.home-nav ul li p {
padding: 0px 20px 0;
color: #675d53;
font-size: 0.75em;
margin-top: 15px;
font-weight: 300;
}
/*subpage navigation style*/
.subpage-nav {
padding-left: 40px;
}
.rooster-nav-container {
/*background-image: url(../Images/navbarMay31v2.jpg);*/
background-color: #2e2a2b;
z-index: 2;
position: fixed;
width: 100%;
/*top: 80px;/*edit template style*/
top: 40px;
left: 0px;
right: 0px;
min-height: 30px;
/*make the below value position relative when creating a new page to show container for nav bar*/
/*position:relative;*/
}
.roosterNavigation.subpage-nav {
padding-left: 0px;
width: 88%;
margin: auto;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 10;
}
/*/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Global*/
#contentPlaceholder_T37E341B3077_Col00 {
/*background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/navbar2x.jpg);
background-size: 25% 70px;
background-repeat: no-repeat;
min-height: 70px; */
}
.roosterNavigation .sfNavHorizontal a:not(.jsOrderNowBtn):not(#flyMenuUserPhoto):not(.flyMenuSignIn):not(.flyMenuSignUp) {
color: #FFFFFF;
height: inherit;
font-size: 1.0625em;
position: relative;
padding-right: 0;
margin-left: 30px;
text-shadow: 0px 0px 2px #000000;
/*cool underline effects*/
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
letter-spacing: normal;
padding-right: 0;
}
.roosterNavigation .sfNavHorizontal a:not(.sfSel):not(.jsOrderNowBtn):not(#flyMenuUserPhoto):not(.flyMenuSignIn):not(.flyMenuSignUp):hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
.roosterNavigation .sfNavHorizontal a:not(.sfSel):not(.jsOrderNowBtn):not(#flyMenuUserPhoto):not(.flyMenuSignIn):not(.flyMenuSignUp)::after {
content: '';
position: absolute;
left: 0px;
right: 0;
bottom: 0px;
width: 100%;
height: 1px;
margin: auto;
background: #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
transition: transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0.8, 0.74, 1);
} .roosterNavigation .sfNavHorizontal a:hover {
color: #FFFFFF;
text-decoration: none;
} .roosterNavigation .sfNavHorizontal a.sfSel::after {
/*content: 'sss';
color:white;*/
content: '';
position: absolute;
left: 0px;
right: 0;
bottom: -4px;
width: 100%;
height: 1px;
margin: auto;
background: #fff;
} .roosterNavigation .sfNavHorizontal li {
line-height: 46px;
display: flex;
justify-content: center;
align-items: center;
} .roosterNavigation .sfNavHorizontal a.jsOrderNowBtn {
margin: 0 20px;
padding: 5px 15px;
display: none;
line-height: 24px;
height: 32px;
} @media screen and (min-width: 1380px) {
.roosterNavigation .sfNavHorizontal a.jsOrderNowBtn {
display: block;
}
} .subpage-nav ul li {
height: 39px;
width: inherit;
background-color: transparent;
border: none;
} .roosterNavigation.subpage-nav ul li {
width: initial;
}
.roosterNavigation .sfimageWrp {
width: 120px;
min-height: 70px;
align-items: center;
display: flex;
position: absolute;
left: calc(100% - 107%);
padding-left: calc(100% - 97%);
padding-right: calc(100% - 97%);
background-size: cover;
/*background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/navbar2x.jpg);*/
top: 0;
}
.roosterNavigation .sfimageWrp img {
width: 190px;
/*width: 50%;*/
height: auto;
position: relative;
bottom: 1px;
/*-webkit-filter: drop-shadow(0px 0px 2px #000000);
filter: drop-shadow(0px 0px 2px #000000);*/
}
@media screen and (min-width: 421px) {
.roosterNavigation .sfimageWrp {
padding-left: calc(100% - 93%);
padding-right: calc(100% - 94%);
min-width: 150px;
width: auto;
min-height: 70px;
}
.roosterNavigation .sfimageWrp img {
width: 120px;
}
}
.roosterNavigation .sfNavHorizontal.sfNavList {
}
@media screen and (min-width: 768px) {
.roosterNavigation .sfimageWrp img {
width: 190px;
}
}
.subpage-nav ul li a {
color: #ab262f;
font-size: 1.0625em;
font-weight: 400;
padding: 0 20px 0 0;
letter-spacing: -0.5px;
text-decoration: none;
}
@media screen and (min-width:768px) {
.subpage-nav ul li a {
padding: 0 40px 0 0;
}
}
.sfNavHorizontal a.sfSel, .sfNavHorizontal a.sfSel:hover {
background-color: transparent;
} .sfNavHorizontal a:hover {
background-color: transparent;
color: #ab262f;
}
/*===== Promo Section =====*/
.sub-slider {
padding-top: 12px;
min-height: 199px;
max-height: 296px;
} .promo-3 img {
height: 229px;
} .bday-promo {
border: 1px solid #ede9e5;
margin-bottom: 20px;
} .bday-promo h3 {
background-color: #f6efe6;
margin-top: 0;
color: #ab262f;
font-weight: 700;
line-height: 18px;
margin: 0;
padding: 10px 1em;
font-size: 0.6875em;
border-bottom: #ede9e5;
} .loyalty-logo img {
width: 100%;
} .panel-body {
margin-top: 0;
margin-bottom: 0;
padding: 15px;
} .panel-body ul {
margin-top: 0;
margin-bottom: 0;
padding: 0px 15px;
} .panel-body ul.list-unstyled {
padding-left: 0px;
} .panel-body ul.list-unstyled .contactus-list {
padding-bottom: 10px;
} .panel-body ul li {
color: #3D3D3D;
line-height: 19.5px;
} .menu-banner {
position: relative;
margin-bottom: 26px;
} a.menu-tagline, .menu-tagline {
font-family: 'pasarela', Arial, Helvetica, sans-serif;
position: absolute;
bottom: 15px;
line-height: 40px;
background: rgba(255,255,255,.8);
font-size: 2.5em;
color: #675d53;
padding: .5em 0 .3125em .375em;
letter-spacing: -1px;
text-decoration: none;
} .menu-tagline p {
margin-bottom: 0;
} a.menu-tagline:after {
content: ">";
margin-left: 10px;
} .menu-tagline:hover {
cursor: pointer;
} .menu-tagline:hover p, .menu-banner p:hover .menu-tagline {
color: #ab262f;
} .menu-tagline p:after {
content: ">";
margin-left: 10px;
} .tagline {
font-family: 'pasarela', Arial, Helvetica, sans-serif;
position: relative;
bottom: 85px;
line-height: 40px;
background: rgba(255,255,255,.5);
font-size: 2.5em;
color: #45200b;
padding: .5em 0 .3125em .375em;
letter-spacing: -1px;
} .tagline:hover {
color: #6c181e;
} .gift-card-header {
color: #675d53;
} .gift-card-terms-modal p a {
text-decoration: underline;
} .gift-card-header header {
font-size: 1.625em;
margin-top: 18px;
margin-bottom: 9px;
font-weight: 500;
line-height: 1.1;
} .gift-card-header div section div p {
font-size: 0.8125em;
line-height: 1.3;
margin: 0 0 9px;
} .gift-card-tagline {
font-family: 'pasarela', Arial, Helvetica, sans-serif;
position: absolute;
bottom: -10px;
width: 100%;
text-align: left;
line-height: 40px;
background: rgba(255,255,255,.8);
font-size: 2.5em;
color: #45200b;
padding: .5em 0 .3125em .375em;
letter-spacing: -1px;
} .buy-gift-card img {
position: relative;
left: -30px;
margin-top: 50px;
} .gc-type-inner {
color: #675d53;
} .gc-type-inner h2 {
font-family: 'pasarela', Arial, Helvetica, sans-serif;
font-size: 1.875em;
text-transform: uppercase;
} .gc-type-inner p {
line-height: 1.3;
font-size: 0.875em;
} .gc-type-inner p:nth-child(3) {
font-size: 0.5625em;
} .gc-cta-button {
background-color: #ab262f;
border-color: #ab262f;
color: #fff;
font-weight: 700;
border: 1px solid transparent;
padding: 9px 24px;
}
/*===== Rewards Page =====*/
.purplebar {
background: rgba(86,22,59,.9);
color: #fff;
width: 100%;
/*position: absolute;*/
bottom: -17px;
text-align: center;
display: block;
padding: 12px 0;
font-size: 1.55em;
} .callout-container {
margin: 15px auto;
/*padding-bottom: 60px;*/
position: relative;
} .callout-contents {
position: absolute;
top: 33px;
} .callout-contents p {
color: #6f1f46;
font-size: 0.9375em;
font-weight: 700;
} .callout > div > div > p {
font-size: 0.9375em;
font-weight: 700;
margin: 0 auto;
width: 213.75px;
color: #6f1f46;
} .relative {
position: relative;
} .filler {
height: 40px;
visibility: hidden;
}
/*===== Registration Form =====*/
.register-form-wrapper {
padding: 0px;
} .register-form-wrapper h1 {
margin-top: 18px;
margin-bottom: 9px;
font-size: 1.625em;
} .register-form-wrapper p {
font-size: 0.8125em;
margin: 0 0 2em;
max-width: 44em;
} .register-form label {
line-height: 1.3;
color: #675d53;
font-size: 0.6875em;
font-weight: 700;
} .register-form .textbox {
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 0.875em;
line-height: 1.3;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
margin: 15px 6px;
} .pw-requirements {
margin: 0 0 25px 6px;
color: #a79d92;
} .pw-requirements p {
margin: 0 0 9px;
} .pw-requirements ul {
margin-left: 10px;
} .pw-requirements ul li {
list-style: disc;
margin-left: 6px;
line-height: 1.3;
font-size: 0.8125em;
} .form-container {
background-color: #fff;
padding: 10px 20px;
} .register-input {
margin-bottom: 30px;
} .register-callout img:nth-child(2) {
position: absolute
} .register-callout .callout_earn {
top: 13px;
left: 81px;
} .register-callout p {
position: absolute;
top: 115px;
left: 58px;
color: #6f1f46;
font-size: 0.6875em;
font-weight: 700;
line-height: 1.3;
width: 200px;
} .register-callout .callout_enjoy {
top: 24px;
left: 82px;
} .register-callout .callout_experience {
top: 18px;
left: 64px;
} .preferred-info {
width: 755px;
margin-top: 10px;
margin-bottom: 25px;
} .preferred-purple-text {
width: 65%;
margin-left: 25px;
} .preferred-purple-text {
color: #6f1f46;
line-height: 1.3;
} .preferred-purple-text p:last-child {
font-weight: 700;
} .register-form-wrapper span {
font-size: 0.6875em;
color: #4d4f53;
line-height: 1.3;
} .checkbox-text {
float: left;
margin: -3px 0 20px 5px;
width: 92%;
} .create-account-button {
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
color: #fff;
background-color: #ab262f;
border: solid 0.57px #ab262f;
font-weight: 700;
font-size: 1em;
line-height: 1.3;
}
/*===== Social Media =====*/
.sprite {
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sprite-sheet.png) no-repeat left top;
} .social-logos a {
width: 40px;
height: 30px;
padding: 0;
margin: 0 0 0 5px;
float: left;
display: block;
overflow: hidden;
} .social-logos .sprite {
display: block;
width: 40px;
height: 30px;
text-align: left;
text-indent: 10000px;
white-space: nowrap;
overflow: hidden;
} .social-logos .facebook .sprite {
margin-left: -5px;
background-position: -394px 0;
} .social-logos .pinterest .sprite {
background-position: -577px 0;
} .social-logos .twitter .sprite {
background-position: -440px 0;
} .social-logos .instagram .sprite {
background-position: -1080px 0;
} .social-logos .linkedin .sprite {
background-position: -1120px 0;
} .social-logos .googleplus .sprite {
background-position: -539px 0;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
} .location-modal-logo {
width: 170px;
padding-bottom: 20px;
display: inline-block;
height: auto;
margin-left: 105px;
}
/* The Close Button */
.close {
color: #3D3D3D !important;
float: right;
font-size: 1.25em !important;
font-weight: normal !important;
position: absolute;
right: 30px;
top: 30px;
opacity: 1 !important;
} .close:hover, .close:focus {
color: #3D3D3D;
text-decoration: none;
cursor: pointer;
}
/* Modal Header */
.modal-header {
padding: 2px 16px;
color: #675d53;
} .modal-header h3 {
color: #ab262f;
border-bottom: none;
font-size: 1.3125em;
margin-bottom: 0px;
} .modal-header p {
margin: 0px 0px 9px;
}
/* Modal Body */
.modal-body {
padding: 20px 16px;
} .modal-body input {
width: 520px;
border: 1px solid #dedcda;
padding: 8px 12px;
}
/* Modal Footer */
.modal-footer {
padding: 2px 16px;
color: #675d53;
clear: both;
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
width: 815px;
margin: 30px auto;
padding: 1em 90px 3em;
border: 1px solid #888;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
} #loginModal div h1 {
color: #ab262f;
font-size: 1.3125em;
margin: 10px 0px 20px;
line-height: 1.3;
} #loginModal div .close {
top: -50px;
} .login-input {
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 0.875em;
line-height: 1.3;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
margin-bottom: 25px;
} .login-links {
margin-top: 36px;
} a.forgot-link, .loginLink, .login-links span a {
font-size: 0.8125em;
color: #675d53;
text-decoration: underline !important;
} a.forgot-link:hover, .loginLink:hover, .login-links span a:hover {
color: #6c181e;
} .login-label, .password-label {
line-height: 1.3;
color: #675d53;
font-size: 0.6875em;
margin-bottom: 5px;
font-weight: 700;
} .login-button {
color: #fff;
background-color: #ab262f;
border: #ab262f;
padding: 9px 24px;
font-size: 1em;
line-height: 1.3;
} #forgot-pw-section {
display: none;
} #loginModal #forgot-pw-section h1 {
margin-bottom: 0;
} #loginModal #forgot-pw-section p {
margin-bottom: 30px;
}
/* Promo Modal */
#promoModal {
background-color: rgba(61, 61, 61, 0.7);
} .promo-modal-header {
margin-top: 40px;
padding: 20px 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .promo-modal-header img {
margin: 0 auto;
} .promo-text {
float: left;
color: #675d53;
} .promo-text h2 {
margin-top: 0px;
font-family: 'goshen' !important;
color: #ffffff !important;
background-color: transparent !important;
font-size: 2.75em !important;
line-height: 24px !important;
margin-bottom: 20px !important;
text-transform: lowercase;
font-weight: inherit !important;
} .promo-text p {
font-family: 'Avenir Medium';
line-height: 22px;
font-size: 1em;
margin-bottom: 9px;
color: #fff;
} .promo-text > p.home_modal_subtext {
font-size: 0.875em;
} button {
transition: color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1);
} .promo-text .sign-up {
color: #fff;
background-color: #ab262f;
border: solid 0.57px #ab262f;
padding: 11px 18px 8px;
font-size: 1.8em;
line-height: 1.3;
border-radius: 0;
font-family: goshen;
text-transform: lowercase;
box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
} .promo-text .sign-up:hover {
background-color: #C13846;
border-color: #C13846;
cursor: pointer;
text-decoration: none;
} .promo-text .no-thanks {
color: #231F20;
background-color: #D8D8D8;
border: none;
padding: 11px 18px 8px;
font-size: 1.8em;
line-height: 1.3;
border-radius: 0;
margin-left: 10px;
font-family: goshen;
text-transform: lowercase;
box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
} .promo-text .no-thanks:hover {
background-color: #E5E5E5;
border-color: #E5E5E5;
cursor: pointer;
} .promo-text a:hover {
text-decoration: none !important;
} .promo-modal-content {
position: relative;
background-color: #fefefe;
width: 88%;
max-width: 680px;
margin: 30px auto;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
background-image: url('https://mediaprodpfchangs.blob.core.windows.net/contentimg/home-modal/newsprint-preferred.jpg');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
} .promo-modal-content .close {
color: #ffffff !important;
float: right;
font-size: 1.25em;
font-weight: inherit;
position: absolute;
right: 30px;
top: 30px;
text-shadow: none;
opacity: inherit;
} .promo-modal-content .close:after {
content: "\e900";
font-family: "pfchangs";
-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);
transition: all .2s cubic-bezier(.645,.045,.355,1);
} .promo-modal-content .close:hover::after {
color: #fff !important;
opacity: inherit;
} .promo-modal-content .close:hover {
color: #fff !important;
opacity: 1;
}
/*===== Menu Items =====*/
.MenuList {
margin: 20px 10px;
padding: 20px 0;
border-top: 1px solid #ede9e5;
border-bottom: 1px solid #ede9e5;
clear: both;
} .MenuList .menuItem {
border-top: 1px solid #ede9e5;
margin: 10px 0 !important;
padding: 20px 0;
} .MenuList .menuItem:first-child {
border-top: medium none;
margin-top: 0 !important;
padding-top: 10px;
} .menu-featured-section {
max-width: 847px
} .menu-item-thumb {
margin-right: 20px;
} .menu-item-description h2 {
color: #ab262f;
font-size: 1em;
font-weight: 500;
margin-bottom: 10px;
} .menu-item-description h2 em {
font-size: 0.75em;
} .search-icon {
padding: 9px;
background: #ab262f;
border: 1px solid #ab262f;
border-bottom: 0;
color: #fff;
margin-top: 0px;
margin-left: -3px;
} .search-icon em {
font-size: 1.0625em;
} .location-icon {
padding: 9px 12px 8px 12px;
background: #fff;
border: 1px solid #ab262f;
color: #ab262f;
margin-top: 0px;
margin-left: 2px;
} .location-icon em {
font-size: 1.1875em
} .list {
display: none;
} .list-left, .list-right {
float: left;
} .list-left {
width: 378px;
padding: 0 15px 0 0;
} .list-left h3 {
font-size: 1.25em;
font-weight: 700;
color: #ab262f;
margin: 20px 0;
} .list-left h4 {
font-size: 1em;
font-weight: 700;
color: #675d53;
margin: 0 0 20px;
} .select {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1);
transition: color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1);
padding: 9px 24px;
font-size: 1em;
line-height: 1.3;
border-radius: 0;
color: #fff;
background-color: #ab262f;
border-color: #ab262f;
} .select:hover {
background-color: #db5c65;
border-color: #db5c65;
} .list-right {
margin: 20px 0 0 0;
} .list-right p {
font-family: Arial,Helvetica,sans-serif;
font-size: 0.8125em;
color: #675d53;
padding-bottom: 10px;
} .line {
height: 1px;
padding: 10px 0;
border-bottom: 1px solid rgb(237, 233, 229);
clear: both;
} .inter-loc {
color: #fff;
background-color: #675d53;
border: none;
line-height: 1.3;
font-size: 1em;
padding: 9px 24px;
margin-right: 10px;
} .coming-soon {
color: #675d53;
background-color: #fff;
border: 1px solid #675d53;
line-height: 1.3;
font-size: 1em;
padding: 9px 24px;
margin-left: 10px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
} @keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
} .sitemap h1 {
color: #675d53;
padding-bottom: 0;
margin: 0 0 5px;
border-bottom: 0;
padding-top: 0;
font-size: 1.625em;
} .site-page-list ul li a {
color: #675d53;
text-decoration: underline;
line-height: 1.3;
} .site-page-list ul {
padding-left: 40px;
}
/*===== International Location ======*/
.international-title h1 {
color: #675d53;
font-size: 1.625em;
margin-top: 18px;
margin-bottom: 9px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
} .international-map p img {
width: 100%;
} .international-list div ul {
padding-left: 0px;
} .international-list div ul li {
list-style: none;
} .international-list div ul li h2 a {
color: #ab262f;
text-decoration: none;
} .international-list div ul li h2 {
font-weight: 700;
margin: 0 0 .25em;
font-size: 1.25em;
} .international-list div ul li {
margin: 0 0 1.25em;
padding-bottom: 0;
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
} .international-list div ul li p {
margin: 0 0 9px;
font-size: 0.8125em;
line-height: 1.3;
color: #675d53;
} .international-list div ul li h2 a:after {
display: inline-block;
content: ">";
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/arrow-icons.png);
background-size: 77px 22px;
width: 11px;
height: 11px;
line-height: 11px;
overflow: hidden;
text-indent: -2000px;
-webkit-backface-visibility: hidden;
background-position: -22px 0;
} .int-license hr {
margin-top: 18px;
margin-bottom: 18px;
border-top: 0.3px solid #eee;
border-color: #ede9e5;
} .int-license a {
color: #675d53;
text-decoration: underline !important;
}
/*===== Reservation =====*/
.reservation-form form {
width: 750px;
border: 1px solid gray;
} .label, .reservation-value {
float: left;
} .label {
width: 200px;
margin: 10px 15px;
text-align: right;
padding: 7px 15px 0;
line-height: 1.3;
color: #675d53;
font-size: 0.9375em;
} .reservation-value {
margin: 10px 0px;
} .reservation-current-location {
padding-top: 10px;
} .reservation-value input {
width: 100%;
text-align: left;
} .reservation-date .label, .reservation-time .label, .reservation-party .label {
} .reservation-date input, .reservation-time input, .reservation-party input {
width: 200px;
display: block;
height: 32px;
padding: 6px 12px;
font-size: 0.875em;
line-height: 1.3;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*===== Account Overview =====*/
.panel {
margin-bottom: 18px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
} .panel-default, .panel-tertiary {
border-color: #ede9e5;
} .page-header {
padding-bottom: 0;
margin: 0 0 15px;
border-bottom: 0;
padding-top: 0;
font-size: 1.625em;
} nav.sidebar .list-group {
margin-bottom: .75em;
} nav.sidebar .list-nav-heading {
display: block;
position: relative;
padding: 0;
margin: 0;
color: #ab262f;
} nav.sidebar .list-nav-title {
color: #ab262f;
line-height: 18px;
margin: 0;
} nav.sidebar .list-group-item > * {
display: block;
padding: 9px 7px;
} nav.sidebar .list-group-item {
padding: 0;
color: #675d53;
} .list-nav .list-group-item {
border-bottom-width: 0;
border-top-width: 0;
} nav.sidebar .list-group-item.active {
color: #fff;
background-color: #6a1a40;
} .list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ede9e5;
} .list-nav .list-group-item:last-child {
border-bottom-width: 1px;
} .list-nav .list-group-item.list-group-item-last {
border-bottom-width: 1px;
margin-bottom: 0;
} nav.sidebar .list-group-item a {
color: inherit;
text-decoration: none;
} .panel:first-child, .panel-group .panel:first-child, .panel-group .panel + .panel:first-child {
margin-top: 0;
} .panel, .panel-group .panel, .panel-group .panel + .panel {
margin-top: .75em;
margin-bottom: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
} .panel {
margin-bottom: 18px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-radius: 0px;
} .panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ede9e5;
} .panel-default > .panel-heading {
background-color: #f6efe6;
color: #ab262f;
} .panel-heading {
display: block;
position: relative;
padding: 0;
margin: 0;
font-size: 100%;
font-weight: 700;
text-decoration: none;
color: #ab262f;
} .PFCRewardsHeader {
width: 100%;
} .panel-body {
margin-top: 0;
margin-bottom: 0;
padding: 15px;
} .panel-body {
padding: 15px;
} .rewards-main-containter {
min-height: 120px;
} .progress-message {
display: inline-block;
width: 56%;
vertical-align: top;
} .brand-content-heading-top-margin {
margin-top: -4px;
font-size: 0.6875em;
font-weight: 700;
margin-bottom: 9px;
} .brand-content {
color: #6a1a40;
font-weight: 700;
font-size: 0.6875em;
} .view-virtual-card {
padding-top: 1em;
} .view-virtual-card .past-points-link {
margin-bottom: 1em;
text-decoration: underline;
} .block-content {
display: block;
color: #675d53;
} .block-content span {
text-decoration: underline;
} .panel-title {
display: block;
position: relative;
text-decoration: none;
} .panel-title {
color: inherit;
font-size: 100%;
font-weight: 700;
line-height: 18px;
margin: 0;
font-size: 0.6875em;
} .panel-heading .panel-heading-link.hidden-xs {
display: block;
color: #675d53;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 10px 15px 10px 2px;
background-color: #f6efe6;
line-height: 18px;
font-weight: 400;
text-decoration: underline;
} .panel-heading .panel-heading-link.hidden-xs::after {
display: inline-block;
content: ">";
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/arrow-icons.png);
background-size: 70px 20px;
width: 10px;
height: 10px;
line-height: 10px;
overflow: hidden;
text-indent: -2000px;
-webkit-backface-visibility: hidden;
background-position: -30px 0;
vertical-align: top;
margin: 4px 0 0 2px;
} a.no-break, .site-header .header-search form.zip .find-message, .tel, a[href^="tel:"] {
white-space: nowrap;
/*text-decoration: underline;*/
/*color: #80379B !important;*/
} a.no-break, .chooseLocation {
white-space: nowrap;
color: #80379B !important;
font-family: Avenir Black;
} .panel.overview-links .panel-body ul {
list-style: none;
padding: 0;
} .promo {
display: block;
position: relative;
} .promo-copy, .menu-landing .menu-featured .menu-cta {
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
padding: .5em 0 .3125em .375em;
margin: 0;
font-family: 'pasarela';
font-size: 1.875em;
text-transform: uppercase;
line-height: 1em;
background-color: rgba(255,255,255,.7);
color: #45200b;
cursor: pointer;
padding-left: 10px;
font-size: 2.5em;
} .promo-copy::after {
display: inline-block;
content: ">";
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/arrow-icons.png);
background-size: 168px 48px;
width: 24px;
height: 24px;
line-height: 24px;
overflow: hidden;
color: #3D3D3D !important;
text-indent: -2000px;
-webkit-backface-visibility: hidden;
background-position: -90px 0;
vertical-align: baseline;
margin: 0 0 0 .2em;
} .overview-orders .make-res-btn, .recent-orders-container .make-res-btn {
margin-bottom: 10px;
} .overview-orders-info div div p {
margin: 0 0 9px;
} .has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
} .form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 0.875em;
line-height: 1.3;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
} form-control:focus {
border-color: #675d53;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(103,93,83,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(103,93,83,.6);
} .has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
} .content-header, .intro, .vcard.person .fn {
font-size: 0.6875em;
} .intro, .vcard.person .fn {
font-weight: 700;
} .vcard * {
text-decoration: none;
} .overview-profile .actions {
padding-left: 0;
} .actions {
padding-top: 10px;
} .section, .actions {
padding: 10px 0px;
} .benefits-list {
list-style-position: inside;
padding-left: 0;
} .benefits-list li {
padding-bottom: .325em;
list-style-type: disc;
} .manageit-panel > .intro {
padding-bottom: 1em;
} .rewards-card .card-anchor .barCode {
overflow: hidden;
width: 200px;
height: 100px;
background-color: #fff;
position: absolute;
bottom: 22px;
right: 8px;
text-align: center;
} .rewards-card .card-anchor .VirtualCardUserName {
color: #FFFFFF;
position: absolute;
bottom: 22px;
text-align: center;
left: 8px;
}
/*===== taste survey =====*/
@media (min-width: 992px) {
.tastes-wrapper {
float: left;
width: 66.66666666%;
}
} .tastes-wrapper {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding: 0;
margin: 0;
} .form-horizontal .control-label {
text-align: right;
} .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
} .radio label, .checkbox label {
display: inline;
font-weight: 400;
cursor: pointer;
} label, .tastes-wrapper .question {
font-size: 0.6875em;
} .checkbox input[type=checkbox].form-control {
width: auto;
height: auto;
padding: 0;
border: none;
} .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
float: left;
margin-left: -20px;
} input[type=radio], input[type=checkbox] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
} input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
} body:not(.device-xs) .tastes-wrapper .form-group > * {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
} .errors {
display: none;
} .tastes-wrapper .radio .control-label {
text-align: left;
} .radio label, .checkbox label {
display: inline;
font-weight: 400;
cursor: pointer;
} .tastes-wrapper .radio input[type=radio] {
width: auto;
height: auto;
background: 0 0;
border: none;
margin-top: 3px;
} .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
float: left;
margin-left: -20px;
} body:not(.device-xs) .tastes-wrapper .input-range .input-wrapper {
max-width: 10em;
} body:not(.device-xs) .tastes-wrapper .form-group > * {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
/*===== contact us =====*/
.form-links {
margin-left: 23.5%;
} .control-label {
float: left;
width: 33.33333333%;
} .control-label {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
} i.required, em.required {
display: inline-block;
margin-left: -.5em;
width: .5em;
font-style: normal;
color: #ab262f;
} .control-label {
text-align: right;
} .input-wrapper {
float: left;
width: 66.66666667%;
} .form-control-wrapper {
position: relative;
} body .has-error.has-feedback .input-wrapper {
background: #f2dede;
padding-top: 10px;
padding-bottom: 10px;
} .has-success .form-control {
border-color: #ccc;
} .has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
} .has-feedback .form-control {
padding-right: 40px;
} .has-success.has-feedback .form-control-feedback:before {
content: "\e013";
} .has-feedback .form-control-feedback:before {
font-family: inherit;
} .form .has-feedback .form-control-wrapper .form-control-feedback, .form-horizontal .has-feedback .form-control-wrapper .form-control-feedback {
right: 0;
} .has-success.has-feedback .form-control-feedback {
display: block;
} .form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 15px;
} .has-success .form-control-feedback {
color: #b3e99d;
} .device-md .contact-form legend, .device-lg .contact-form legend {
padding-left: 8.33333%;
} .contact-form legend {
border-bottom: 1px solid #ede9e5;
padding: 2em 0 1em;
margin: 0 0 2em;
} .visible-xs {
display: none;
}
/*===== Snap Drawer =====*/
snap-content, [snap\:content], [snap-content], [data-snap-content], [x-snap-content], .snap-content, .x-snap-content, snap-drawers, [snap\:drawers], [snap-drawers], [data-snap-drawers], [x-snap-drawers], .snap-drawers, .x-snap-drawers, .snap-drawers, .snap-content {
position: absolute;
height: auto;
top: 0;
bottom: 0;
width: auto;
left: 0;
right: 0;
} .snapjs-right nav.snap-drawer {
visibility: visible;
height: auto;
overflow: visible;
} nav.snap-drawer {
visibility: hidden;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: 266px;
height: 100%;
overflow: hidden;
background: #6a1a40;
color: rgba(255,255,255,.8);
} .snap-drawer-right {
right: 0;
z-index: 1;
} nav.snap-drawer * {
color: rgba(255,255,255,.8);
} nav.snap-drawer .user-info {
background-color: #431026;
height: 80px;
padding: 15px 15px 10px;
font-size: 0.6875em;
} nav.snap-drawer ul, nav.snap-drawer li {
list-style: none;
margin: 0;
padding: 0;
} nav.snap-drawer hr {
margin: 0;
border-color: #561533;
-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.4);
box-shadow: 0 4px 7px 0 rgba(0,0,0,.4);
} nav.snap-drawer .footer-nav {
padding: 10px;
} nav.snap-drawer .footer-nav-list {
display: block;
width: 50%;
float: left;
margin: 0;
padding: 0;
} nav.snap-drawer .footer-nav-list .nav-item {
padding: 0;
} nav.snap-drawer .footer-nav-list a {
font-size: 0.5em;
padding: 10px;
margin: 0;
border-bottom: none;
} nav.snap-drawer ul, nav.snap-drawer li {
list-style: none;
margin: 0;
padding: 0;
} nav.snap-drawer .nav .nav-item:last-child a, nav.snap-drawer .nav a.home-link {
border-bottom: none;
margin-bottom: 0;
}
/*Print menu*/
.menu-full-wrapper .menu-legend-wrapper {
border-bottom: none;
} .menu-legend-wrapper {
border: none !important;
} .menu-legend-wrapper .menu-legend {
list-style: none;
min-height: 40px;
margin: 0 -5px;
padding: 0;
} .menu-legend-wrapper .menu-legend:before, .menu-legend-wrapper .menu-legend:after {
content: " ";
display: table;
} .menu-legend-wrapper .menu-legend li {
padding: 5px;
line-height: 30px;
font-family: Avenir Light;
font-size: 0.75em;
} .glyphicon {
font-family: Arial,Helvetica,sans-serif;
} .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
} .glyphicon-fire::before, .glyphicon-leaf::before, .glyphicon-raw::before, .glyphicon-new::before, .glyphicon-lighter::before, .glyphicon-special::before {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
content: "";
display: inline-block;
font-size: 1em;
top: 0;
width: 16px;
height: 16px;
vertical-align: text-bottom;
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/sprite-sheet.png) no-repeat -310px 0;
background-size: 1000px 1000px;
} .menu-full-wrapper .full-menu-list {
display: block;
width: 100%;
} .list-unstyled {
padding-left: 0;
list-style: none;
} .menu-full-wrapper .full-menu-menu {
margin-left: -15px;
margin-right: -15px;
} .menu-legend-wrapper .menu-legend .print, .menu-legend-wrapper .menu-legend .menu {
float: right;
} .menu-legend-wrapper .menu-legend li {
padding: 5px;
line-height: 30px;
} .menu-full-wrapper .menu-header {
float: left;
width: 100%;
} .menu-full-wrapper .menu-header {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
} .menu-full-wrapper .menu-title {
width: 100%;
color: #fff;
font-size: 3em;
background: #b7b1a9;
padding: .125em .25em;
} .menu-full-wrapper .menu-title, .menu-full-wrapper .category-title {
font-family: "pasarela";
text-transform: uppercase;
margin-top: 0;
} .menu-full-wrapper .menu-content {
margin-left: 25%;
} .menu-full-wrapper .menu-content {
float: left;
width: 50%;
} .menu-full-wrapper .category-title {
font-size: 2.25em;
padding: 0 0 .125em;
margin: .5em 0;
border-bottom: 1px solid #ede9e5;
} .menu-full-wrapper .menu-title, .menu-full-wrapper .category-title {
font-family: "pasarela bold";
text-transform: uppercase;
margin-top: 0;
}
/*===== Nutrition =====*/
.nutritional-info {
padding-left: 0;
padding-right: 0;
} .location-menus-nutrition .nutrition-table-wrapper, .nutrition .nutrition-table-wrapper {
float: left;
width: 100%;
} .nutritional-info .nutritionalValues {
text-align: center;
margin: 80px 0 20px;
} .nutritional-info table {
border: none;
table-layout: fixed;
} .table {
width: 100%;
margin-bottom: 18px;
} table {
max-width: 100%;
background-color: transparent;
} table {
border-collapse: collapse;
border-spacing: 0;
} .nutritional-info .headerRow {
font-weight: 400;
font-size: 0.5em;
} .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top: 0;
} .nutritional-info .table > thead > tr > th {
border-bottom: 0;
} .location-menus-nutrition th:not(.menuItem), .nutrition th:not(.menuItem), .location-menus-nutrition td:not(.menuItem), .nutrition td:not(.menuItem) {
text-align: center;
} .nutritional-info .titleColumn {
width: 30%;
} .menu-actions .btn-link {
display: inline-block;
min-width: 51%;
white-space: normal;
color: #ab262f;
} .menubtn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: left;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 0px;
font-size: 0.875em;
line-height: 1.3;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .menu-list .btn-link {
text-align: left !important;
max-width: 100%;
} .menubtn.btn-link:hover {
/*color: #6c181e;*/
text-decoration: underline;
background-color: transparent;
}
/* begin reservations style*/
#rooster-update .wrapper-outside.reservation-page {
padding-top: 0;
width: 100%;
background-color: #3D3D3D;
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/restaurant-interior-dark.jpg);
background-repeat: no-repeat;
background-size: cover;
} .reservation-page h1.style-refresh {
color: #FFFFFF;
} .wrapper-outside.reservation-page .wrapper-inside {
width: 88%;
} .reservation-page .center.main-content {
background-color: transparent;
min-height: 500px;
} .reservation-page input.text-input-style:focus ~ .custom-label {
top: -14px;
} .hmb .panel {
margin-bottom: 10px;
color: #D8D8D8;
background-color: initial;
} .reservation-page .hmb .panel {
background-color: transparent;
} .reservation-page .row {
line-height: 1;
} .reservation-page .hmb .panel .panel-heading {
background: rgba(35, 31, 32, .9);
} .reservation-page .option-row-quantity .dropdown-menu > li {
width: 175px;
} @media (max-width:992px) {
.reservation-page .option-row-quantity .open > .dropdown-menu {
display: block;
padding-top: 10px;
border-radius: 0px;
color: black;
}
} .reservation-page .option-row-quantity .open > .dropdown-menu {
display: flex;
overflow: hidden;
padding-top: 10px;
border-radius: 0px;
color: black;
} .reservation-page .option-row-quantity .open > .dropdown-menu.othermsg {
min-height: 245px;
} .reservation-page .option-row-quantity .open > .dropdown-menu .group {
width: 100%;
} .reservation-page .option-row-quantity .open > .dropdown-menu .group input[type = text] {
color: black;
} .hideOnDesktop {
display: none;
} .reservation-page .menu-and-order-middle-section .input-radio-Class {
margin-bottom: 0px;
padding-bottom: 5px;
} .reservation-page .menu-and-order-middle-section {
width: 140px;
} .reservation-page .menu-and-order-middle-section .input-radio-Class label span:last-child {
color: black;
} .reservation-page .menu-and-order-middle-section .checkbox-style label {
color: black;
} .reservation-page .menu-and-order-middle-section .checkbox-style {
width: 100%;
} .reservation-page .option-row-quantity .dropdown .btn {
background-color: rgba(0, 0, 0, 0);
color: #D8D8D8;
font-size: 0.875em;
font-family: "Avenir Black";
} .reservation-page .open > .dropdown-toggle.btn-default {
color: #8D8D8D;
background-color: rgba(0, 0, 0, 0);
border-color: #8D8D8D;
} .reservation-page .open > .dropdown-toggle.btn-default:hover {
color: #8D8D8D;
background-color: rgba(0, 0, 0, 0);
border-color: #8c8c8c;
} .reservation-page .open > .dropdown-toggle.btn-default:focus {
color: #8D8D8D;
background-color: rgba(0, 0, 0, 0);
border-color: #8c8c8c;
} .reservation-page .option-row-quantity .dropdown .btn:visited {
color: red;
} .reservation-page .dropdown-header {
font-family: "Avenir Black";
font-size: 1em;
} ul.dropdown-menu .specialoccasion > div + div {
margin-top: 10px;
}
/* RESERVATIONS: Time dropdown styling */
.ui-timepicker-wrapper {
font-family: "Avenir Black";
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
} .ui-timepicker-wrapper .ui-timepicker-selected {
background: #AA272F;
} .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected, .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected:hover {
color: #FFF;
background: #AA272F;
} .ui-timepicker-wrapper .ui-timepicker-list li {
color: #3d3d3d;
} .ui-timepicker-wrapper .ui-timepicker-list li:hover {
background: #ccc;
color: #3D3D3D;
} .hmb .panel-title {
color: #FFFFFF;
margin-bottom: 0px;
font-size: 1.125em;
height: 45px;
padding: 0;
font-family: Goshen;
font-weight: normal;
} .hmb .panel-title a {
/*height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 15px;
padding-right: 15px;*/
height: 100%;
width: 100%;
display: inline-block;
justify-content: space-between;
align-items: center;
opacity: 0.5 !important;
/*display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;*/
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
} @media (min-width:768px) {
.hmb .panel-title a.open:after {
content: "\f107" !important;
font-family: FontAwesome;
font-size: 1.5em;
color: #FFFFFF;
float: right;
}
.hmb .panel-title a.collapsed:after {
content: "\f105" !important;
font-family: FontAwesome;
font-size: 1.5em;
color: #FFFFFF;
float: right;
}
.hmb .panel-title a:after {
content: "\f105";
font-family: FontAwesome;
font-size: 1.5em;
color: #FFFFFF;
float: right;
}
} .hmb .panel-title a {
color: #FFFFFF;
text-decoration: none;
} .hmb .panel-body {
background: rgba(35, 31, 32, .6);
padding: 25px;
} .reservation-page .btn {
border-radius: 0px;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
font-size: 1.125em;
font-family: Goshen;
} .reservation-page .btn:not([disabled]):hover {
cursor: pointer;
} .reservation-page .btn.grey {
background-color: #D8D8D8;
color: #3D3D3D;
margin-left: 36px;
} .account-overview .btn.grey.reservation-lookup {
background-color: #D8D8D8;
color: #3D3D3D;
margin-left: 0px;
text-transform: lowercase;
padding: 12px 14px 7px 14px;
} .account-overview .btn.grey.reservation-lookup:hover {
background-color: #E5E5E5 !important;
} .reservation-page .btn.grey:hover {
background-color: #E5E5E5;
} .reservation-page .btn.grey:active {
box-shadow: none;
} .reservation-page .btn.red {
background-color: #AA272F;
color: #FFFFFF;
letter-spacing: 0.2px;
} .reservation-page .btn.red:not([disabled]):hover {
background-color: #C13846;
} .reservation-page .btn.red:active {
box-shadow: none;
} .reservation-page .step-1-form {
margin-top: 30px;
} .reservation-page .step-1-body .row.account-buttons {
margin-bottom: 15px;
} .reservation-page .step-1-body .row.account-buttons .already-have-an-account div:first-child {
margin-bottom: 15px;
} .reservation-page .step-1-body .row.account-buttons .already-have-an-account div:first-child {
margin-bottom: 15px;
} .reservation-page .step-1-body .row.account-buttons .dont-have-an-account div:first-child {
margin-bottom: 15px;
} .reservation-page .step-1-body .row.phone-number-promotions .col-md-6 {
position: relative;
bottom: 15px;
} .reservation-page .row.contact-information {
margin-bottom: 40px;
}
/*Tooltip for information button in reservation page*/
label.glyphicon.glyphicon-info-sign.position-to-the-top-right:hover .tooltiptext {
visibility: visible;
} span.tooltiptext {
visibility: hidden;
width: 120px;
background-color: #d8d8d8;
color: #3D3D3D;
text-align: center;
font-family: Avenir Medium;
font-size: 0.75em;
border-radius: 0px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
} span.tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: auto;
height: auto;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #d8d8d8 transparent transparent transparent;
} .reservation-page .step-2-body .location-date-time-party .col-md-3:first-child .group {
margin-bottom: 5px;
} .hmb .panel-body.step-2-body {
padding-top: 40px;
} .hmb .panel-body.step-2-body .row.location-date-time-party .col-md-3:first-child .text-input-style {
border-bottom: none;
} .reservation-page .step-2-body .location-date-time-party .col-md-3:last-child .group {
margin-bottom: 0px;
} .reservation-page .step-2-body .location-date-time-party .col-md-3:last-child div:nth-child(2) {
background-color: #FFFFFF;
color: #E09B51;
} .reservation-page .step-1-body .super-magic-stuff {
display: flex;
} .reservation-page .step-2-body .row.location-date-time-party .col-md-3:nth-child(2) .text-input-style:after {
content: "\f073";
color: red;
font-family: FontAwesome;
font-size: 0.9375em;
color: red;
/*content: "\f00c";
color: #FFFFFF;
font-family: FontAwesome;
font-size: 1.125em;*/
} .reservation-page .ui-corner-all {
border-radius: 0px;
} .reservation-page .ui-state-hover {
background: #D8D8D8;
} .reservation-page .ui-state-active {
background: #AA272F;
} .reservation-page .ui-state-active {
border: 1px solid #AA272F;
} .reservation-page .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
/*border: 1px solid #dad55e;
background: #fffa90;*/
color: #454545;
background: #f6f6f6;
border: 1px solid #c5c5c5;
} .reservation-page .step-3-body .row.confirmation-number {
margin-bottom: 10px;
font-family: "Avenir Black";
font-size: 1em;
line-height: 20px;
} .reservation-page .step-3-body .row.confirmation-email-sent {
font-family: "Avenir Light";
font-size: 1em;
line-height: 20px;
} .reservation-page .step-3-body .row.questions-call {
margin-bottom: 15px;
font-family: "Avenir Light";
font-size: 1em;
line-height: 20px;
} .reservation-page .step-3-body .row.reservation-name {
margin-bottom: 5px;
font-size: 1em;
line-height: 20px;
} .reservation-page .step-3-body .row.reservation-name .col-md-12 span:first-child {
font-family: "Avenir Black";
} .reservation-page .step-3-body .row.reservation-name .col-md-12 span:last-child {
font-family: "Avenir Light";
} .reservation-page .step-3-body .row.reservation-details {
margin-bottom: 8px;
font-size: 1em;
line-height: 20px;
} .reservation-page .step-3-body .row.reservation-details .col-xs-12 span:first-child {
font-family: "Avenir Black";
} .reservation-page .step-3-body .row.reservation-details .col-xs-12 span:last-child {
font-family: "Avenir Light";
} .reservation-page .step-3-body .row.modify-reservation-buttons {
margin-top: 15px;
} .reservation-page .step-3-body .row.map-and-directions {
font-size: 1em;
font-family: "Avenir Light";
} .reservation-page .step-3-body .row.map-and-directions .col-sm-8 div:first-child {
font-family: "Avenir Black";
margin-bottom: 10px;
cursor: pointer;
} .reservation-page .step-3-body .row.map-and-directions .col-sm-8 div:hover:first-child {
text-decoration: underline;
} .reservation-page .step-3-body .row.map-and-directions .col-md-10 div:nth-child(2) {
margin-bottom: 5px;
} .reservation-page .step-3-body .row.map-and-directions .col-md-10 div:nth-child(3) {
margin-bottom: 14px;
} .reservation-page .step-3-body .row.modify-reservation-buttons .btn {
margin-right: 15px;
margin-top: 15px;
} .reservation-page .step-3-body .row.social-media-section {
margin-top: 15px;
} .reservation-page .step-3-body .row.social-media-section .social-media-content {
position: relative;
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-notification.jpg);
/* background-repeat: no-repeat; */
min-height: 210px;
padding: 30px 20px;
} .reservation-page .step-3-body .row.social-media-section .social-media-content div:first-child {
font-family: "Avenir Light";
font-size: 1.25em;
color: #3D3D3D;
margin-bottom: 20px;
} .reservation-page .step-3-body .row.social-media-section .social-media-content {
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
-webkit-align-items: center;
} .reservation-page .step-3-body .row.social-media-section .social-media-content .social-media-logos a {
margin-left: 10px;
margin-right: 10px;
} .reservation-page .step-3-body .row.social-media-section .social-media-content .tell-your-friends {
font-family: Goshen;
font-size: 2.375em;
margin-bottom: 25px;
color: #3D3D3D;
line-height: 42px;
text-align: center;
} .reservation-page .step-3-body .row.social-media-section .social-media-content .social-media-logos .fa {
color: #C13846;
font-size: 1.5625em;
} .reservation-page .valid-field-check-icon {
color: #739600;
position: absolute;
top: 14px;
right: 0px;
} .reservation-page .cancel-change-location {
border: 1px solid #d8d8d8;
background-color: #FFFFFF;
font-size: 0.75em;
font-family: "Avenir Light";
color: #000000;
padding: 15px;
margin-top: 0px;
margin-bottom: 28px;
margin-right: 0px;
margin-left: 0px;
line-height: 16px;
} .reservation-page .cancel-change-location span {
font-family: "Avenir Black";
} .reservation-page .sidebar {
color: #FFFFFF;
background: rgba(35, 31, 32, .9);
} .reservation-page .sidebar .sidebar-header {
height: 45px;
padding-left: 20px;
display: flex;
align-items: center;
font-family: Goshen;
font-size: 1.125em;
padding-top: 12px;
} .reservation-page .sidebar .sidebar-body {
/*background: rgba( 35, 31, 32, .6);*/
padding: 20px;
} .reservation-page .sidebar .sidebar-body .group {
margin-bottom: 20px;
margin-top: 30px;
} .reservation-page .sidebar .sidebar-body .text-body {
font-size: 1em;
font-family: "Avenir Light";
margin-bottom: 16px;
} .reservation-page .sidebar .sidebar-body .text-body .yellow-bold {
font-size: 0.8125em;
font-family: "Avenir Black";
color: #FFB652;
} .reservation-page .sidebar .reservation {
font-family: "Avenir Black";
font-size: 0.8125em;
color: #FFB652;
margin-bottom: 20px;
} .reservation-page .sidebar .reservation .location {
text-transform: uppercase;
margin-bottom: 4px;
} .reservation-page .sidebar .reservation .date {
text-transform: uppercase;
margin-bottom: 4px;
} .reservation-page .sidebar .reservation .time {
margin-bottom: 8px;
} .reservation-page .sidebar .reservation .edit-cancel {
text-transform: uppercase;
color: #FFFFFF;
} .reservation-page .sidebar .reservation .edit-cancel a {
color: #FFFFFF;
} .reservation-page .title-and-breadcrumbs {
margin-bottom: 25px;
color: #FFFFFF;
} .reservation-page .title-and-breadcrumbs a {
color: #FFFFFF;
} .reservation-page .title-and-breadcrumbs span {
margin-right: 3px;
margin-left: 3px;
} .reservation-page .title-and-breadcrumbs .page-title {
color: #FFFFFF;
font-family: Goshen;
font-size: 2.75em;
} .reservation-page .title-and-breadcrumbs .bread-crumbs {
margin-bottom: 25px;
} .reservation-page .title-and-breadcrumbs .bread-crumbs .home-tag {
font-size: 0.8125em;
font-family: "Avenir Black";
} .reservation-page .title-and-breadcrumbs .bread-crumbs .current-page-tag {
font-size: 0.8125em;
font-family: "Avenir Light";
} .reservation-page .panel-group .panel {
margin-bottom: 2px;
} .reservation-page .panel-group .panel + .panel {
margin-top: 0px;
} @media (min-width:768px) {
.reservation-page .step-2-body .checkbox-terms-and-conditions-verbiage {
font-size: 0.75em;
font-family: "Avenir Light";
line-height: 16px;
padding-left: 10px;
margin-top: -19px
}
} @media (max-width:767px) {
.reservation-page .step-2-body .checkbox-terms-and-conditions-verbiage {
font-size: 0.75em;
font-family: "Avenir Light";
line-height: 16px;
padding-left: 30px;
margin-top: -20px;
display: inherit;
}
} .reservation-page .step-2-body .checkbox-terms-and-conditions-verbiage a {
font-family: "Avenir Black";
color: #FFFFFF;
}
/*@media (min-width:767px) {
.reservation-page .step-2-body .checkbox {
display: flex;
}
}*/
.reservation-page .step-2-body .sign-me-up input[type=checkbox] {
display: none;
} .reservation-page .step-2-body .sign-me-up input[type=checkbox] + label {
background: #FFFFFF;
height: 20px;
width: 20px;
display: inline-block;
padding: 0 0 0 0px;
border: 1px solid #D8D8D8;
border-radius: 2px;
margin-top: -17px;
} .reservation-page .step-2-body .sign-me-up input[type=checkbox] + label:before {
content: "\f00c";
color: #FFFFFF;
font-family: FontAwesome;
font-size: 1.125em;
vertical-align: middle;
} .reservation-page .step-2-body .sign-me-up input[type=checkbox]:checked + label {
background: #FFFFFF;
height: 16px !important;
width: 16px !important;
display: inline-block;
padding: 0 0 0 0px;
border-radius: 2px;
min-height: 16px !important;
position: relative;
} .reservation-page .step-2-body .sign-me-up input[type=checkbox]:checked + label:before {
color: #AA272F;
position: absolute;
left: -2px;
top: -4px;
} .reservation-page .step-2-body .sign-me-mobile input[type=checkbox]:checked + label:before {
color: #AA272F;
position: absolute;
left: -1px !important;
top: -2px !important;
}
/* form starting stylings ------------------------------- */
.reservation-page .group {
position: relative;
margin-bottom: 35px;
} .reservation-page .text-input-style {
color: #ffffff;
font-size: 1em;
font-family: "Avenir Light";
padding: 10px 10px 5px 5px;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
/**/
line-height: 17px;
} .location-all .reservation-page .text-input-style:active, .reservation-page .text-input-style[autocomplete="off"]:active {
color: #ffffff;
font-size: 1em;
font-family: "Avenir Light";
/*padding: 10px 10px 5px 5px;*/
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
/**/
line-height: 14px;
} .reservation-page .text-input-style.location {
border-bottom: none;
} :invalid {
box-shadow: none;
} :-moz-submit-invalid {
box-shadow: none;
} :-moz-ui-invalid {
box-shadow: none;
} .reservation-page .text-input-style:focus {
outline: none;
}
/* LABEL ======================================= */
.reservation-page .text-label-style {
color: #D8D8D8;
font-size: 0.875em;
font-family: "Avenir Light";
font-weight: normal;
position: absolute;
pointer-events: none;
left: 5px;
top: 14px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
} .reservation-page .select-location-font {
color: #D8D8D8;
font-size: 0.75em;
font-family: "Avenir Medium";
font-weight: normal;
position: absolute;
pointer-events: none;
left: 5px;
top: 14px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
/* active state */
.reservation-page input.text-input-style:focus ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #D8D8D8;
} .reservation-page input.text-input-style:focus ~ .text-label-style-black {
color: #3D3D3D;
} .reservation-page input.text-input-style:focus ~ .custom-label {
top: -8px;
} .location-search .reservation-page input.text-input-style:focus ~ .text-label-style {
top: -25px;
font-size: 0.75em;
color: #D8D8D8;
} .reservation-page select.text-input-style {
box-shadow: none;
border-radius: 0;
}
.reservation-page input.text-input-style:valid ~ .text-label-style, .reservation-page select.text-input-style:valid ~ .text-label-style, .reservation-page input.text-input-style:disabled ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #D8D8D8;
} .reservation-page input.text-input-style:valid ~ .text-label-style-black {
color: #3d3d3d;
} .reservation-page .bg-danger input.text-input-style:valid ~ .text-label-style, .reservation-page .bg-danger select.text-input-style:valid ~ .text-label-style {
top: 8px;
left: 16px;
} .location-search .reservation-page input.text-input-style:valid ~ .text-label-style {
top: -25px;
font-size: 0.75em;
color: #D8D8D8;
}
/* BOTTOM BARS ================================= */
.reservation-page .bar {
position: relative;
display: block;
width: 100%;
} .reservation-page .bar:before, .reservation-page .bar:after {
content: '';
height: 0px; /* change these values for a underline animation */
width: 0;
bottom: 0px;
position: absolute;
background: #D8D8D8;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
} .reservation-page .bar:before {
left: 50%;
} .reservation-page .bar:after {
right: 50%;
}
/* active state */
.reservation-page .text-input-style:focus ~ .bar:before, .reservation-page .text-input-style:focus ~ .bar:after {
width: 50%;
}
/* HIGHLIGHTER ================================== */
.reservation-page .highlight {
position: absolute;
height: 60%;
width: 100px;
top: 25%;
left: 0;
pointer-events: none;
opacity: 0.5;
}
/* active state */
.reservation-page .text-input-style:focus ~ .reservation-page .highlight {
-webkit-animation: inputHighlighter 0.3s ease;
-moz-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
from {
background: #5264AE;
}
to {
width: 0;
background: transparent;
}
} @-moz-keyframes inputHighlighter {
from {
background: #5264AE;
}
to {
width: 0;
background: transparent;
}
} @keyframes inputHighlighter {
from {
background: #5264AE;
}
to {
width: 0;
background: transparent;
}
} .reservation-page .panel-heading {
padding: 0px;
border: none;
} .reservation-page .panel-group .panel {
border: none;
} .reservation-page .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: none;
} #accordion {
max-width: none;
margin: initial;
} .accountPagesStyles .panel.overview-view-details .panel-heading {
display: flex;
justify-content: space-between;
} .accountPagesStyles .panel.overview-view-details .panel-heading a {
font-size: 0.8125em;
font-family: "Avenir Black";
color: #FFFFFF;
text-transform: uppercase;
position: absolute;
} .rewards-card .card-anchor {
background: transparent url(/images/default-source/rewards/PFC1117-Rewards-AccountPage-Card.jpg?sfvrsn=86e6e235_2) no-repeat top left;
background-size: 100%;
width: 365px;
height: 218px;
display: inline-block;
position: relative;
text-align: left;
margin: 12px 0;
}
/*TARGET THESE RULES BY REMOVING .overview AND WRAPPIG WITH SOMETHING ELSE*/
.date-Picker-icon {
position: absolute !important;
top: 10px !important;
} .caret-earnPoints {
position: absolute !important;
top: 10px !important;
right: 4px !important;
} .date-padding-left {
padding-left: 20px !important;
} .accountPagesStyles .panel-default .panel-heading {
color: #FFFFFF;
background-color: #565656;
border-color: #ddd;
text-transform: lowercase;
font-family: Goshen;
font-weight: 500;
font-size: 1.125em;
border-radius: 0px;
border-bottom: none;
padding: 17px 15px 12px 15px;
height: 50px;
} .accountPagesStyles .panel-default .panel-heading .panel-title {
color: #FFFFFF;
background-color: #565656;
text-transform: lowercase;
font-family: Goshen;
font-weight: 500;
font-size: 1.125em;
padding: 0px;
float: left;
} .accountPagesStyles .panel-default .panel-heading .panel-heading-link {
top: 14% !important;
background-color: #565656;
text-decoration: none;
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
color: #FFFFFF;
} .accountPagesStyles .panel-default .panel-heading .panel-heading-link:hover {
/*text-decoration: underline!important;*/
} .NewUnderline:hover {
top: 14%;
background-color: #565656;
text-decoration: none;
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: underline;
} .accountPagesStyles .panel {
border-radius: 0px;
border: none;
} .accountPagesStyles .panel .panel-body {
border: 1px solid #D8D8D8;
border-top: none;
} .accountPagesStyles .panel .panel-body a.block-content {
color: #80379B;
font-family: "Avenir Black";
font-size: 0.8125em;
text-decoration: none;
text-transform: uppercase;
margin-top: 14px;
} .accountPagesStyles .panel .panel-body a.block-content span {
text-decoration: none;
}
/*TARGET THESE RULES BY REMOVING .overview AND WRAPPIG WITH SOMETHING ELSE*/
.accountPagesStyles .panel.overview-links .panel-body li {
margin-bottom: 8px;
} .accountPagesStyles .panel.overview-links .panel-body a {
font-family: "Avenir Black";
font-size: 0.875em;
color: #80379B;
margin-bottom: 10px;
} .accountPagesStyles .panel.overview-profile a {
font-size: 0.875em;
color: #80379B;
font-family: "Avenir Black";
text-transform: uppercase;
} .accountPagesStyles .panel.overview-profile .profile-progress-bar {
/*position: relative;*/
margin-top: 20px;
} .accountPagesStyles .panel.overview-profile .progress {
background-color: #D8D8D8;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
margin-bottom: 10px;
} .accountPagesStyles .panel.overview-profile .progress-bar {
background-color: #231F20;
} .accountPagesStyles .panel.overview-profile .progress-verbiage {
display: flex;
justify-content: space-between;
} .accountPagesStyles .panel.overview-profile .progress-verbiage span:first-child {
font-family: "Avenir Black";
font-size: 0.8125em;
} .accountPagesStyles .panel.overview-profile .progress-verbiage span:last-child {
font-family: "Avenir Light";
font-size: 0.8125em;
} .accountPagesStyles .panel.overview-orders .panel-body {
padding: 0px;
} .accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info {
padding: 15px 20px;
} .accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info h3 {
font-family: "Avenir Black";
font-size: 1.125em;
} .accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info p {
font-family: "Avenir Light";
font-size: 0.875em;
margin-bottom: 5px;
} .accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info:not(:first-child) a {
color: #80379B;
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
} .accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info:not(:first-child) {
border-top: 1px solid #D3D3D3;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item.list-nav-heading {
background-color: #231F20;
height: 50px;
padding: 14px 15px 16px 15px;
font-family: Goshen;
text-transform: lowercase;
color: #FFFFFF;
font-size: 1.125em;
border-radius: 0px;
opacity: 0.9;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item.list-nav-heading .list-nav-title {
padding: 0px;
color: #FFFFFF;
position: relative;
top: 4px;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item {
font-size: 0.875em;
font-family: "Avenir Light";
font-weight: 600;
color: #3D3D3D;
border: none;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item:not(:first-child) {
border-right: 1px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item:not(:first-child):hover {
text-decoration: underline;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item.active {
background-color: #FFFFFF;
color: #80379B;
border-color: #DDDDDD;
z-index: 0;
} .account-sidebar-panels .sidebar .list-group.list-nav .list-group-item:last-child {
border-radius: 0px;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 15px !important;
} .accountPagesStyles .panel .panel-body .progress-message {
width: 100%;
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle {
/*display: flex;
align-items: center;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .accountPagesStyles .panel .panel-body .progress-message h2 {
font-family: "Avenir Black";
font-size: 1.375em;
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle span:first-child {
font-family: "Avenir Light";
font-size: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container {
position: relative;
/*display: flex;
align-items: center;
justify-content: center;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} @media all and (-ms-high-contrast:none) {
.paragraph-and-progress-circle span:not(.circle-container ) {
padding-right: 70px !important;
}
.accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container {
position: relative;
left: -69px;
}
.current-points .a-class, .current-points .b-class {
position: relative;
top: -19px;
left: 25px;
}
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .a-class {
font-size: 1.375em;
font-family: "Avenir Black";
/*padding-left: 25px;*/
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle .circle-container .current-points .b-class {
font-size: 0.875em;
font-family: "Avenir Light";
} .accountPagesStyles .panel .panel-body .paragraph-and-progress-circle #progress-circle svg {
width: 115px;
height: 115px;
}
/*END OF ACCOUNT PAGES STYLES*/
#rooster-update .info-menu-landing-page .image-content-holder img {
max-height: 265px;
width: 100%
} #rooster-update .info-menu-landing-page .col-md-4 p {
font-size: 1em;
font-family: "Avenir Light";
color: #3D3D3D;
margin-top: 15px;
text-align: center;
margin-right: 6%;
margin-left: 6%;
} #rooster-update .info-menu-landing-page .col-md-12 {
position: relative;
} .info-menu-landing-page .img-and-content-holder {
position: relative;
} #rooster-update .info-menu-landing-page .col-md-10 p {
font-size: 1em;
font-family: "Avenir Light";
color: #3D3D3D;
text-align: -webkit-center;
margin-top: 20px;
margin-left: 6%;
margin-right: 6%;
} #rooster-update .info-menu-landing-page .img-and-content-holder h2 {
position: absolute;
bottom: 40px;
background-color: rgba(255, 255, 255, .8);
height: 72px;
display: flex;
align-items: center;
padding-right: 20px;
padding-left: 20px;
width: 379.98px;
/*margin-left:-1px;*/
} #rooster-update .info-menu-landing-page .img-and-content-holder h1 {
position: absolute;
bottom: 40px;
background-color: rgba(255, 255, 255, .8);
height: 72px;
display: flex;
align-items: center;
padding-right: 20px;
padding-left: 20px;
width: 379.98px;
} .info-menu-landing-page .img-and-content-holder .img-container img {
width: 100%
} .info-menu-landing-page .col-md-12 .img-and-content-holder .img-container img {
min-height: 300px;
object-fit: cover;
} .info-menu-landing-page .col-md-4 .img-and-content-holder .img-container img {
max-height: 289px;
min-height: 286px;
object-fit: cover;
} .info-menu-landing-page .col-md-4 {
margin-bottom: 25px;
padding: 0px;
} .info-menu-landing-page .col-md-4:nth-child(even) {
padding-left: 20px;
padding-right: 20px;
} .info-menu-landing-page .row .col-md-12 {
padding: 0px;
} #rooster-update .info-menu-landing-page .col-md-4.image-content-holder h2 {
position: absolute;
top: 175px;
background-color: rgba(255, 255, 255, .8);
height: 72px;
display: flex;
align-items: center;
padding-left: 20px;
width: 100%;
} #rooster-update .info-menu-landing-page h2 a, #rooster-update .info-menu-landing-page h1 a {
font-size: 2.5em;
font-family: "Goshen";
color: #3D3D3D;
text-decoration: none;
text-transform: lowercase;
} #rooster-update .info-menu-landing-page h2 a:after, #rooster-update .info-menu-landing-page h1 a:after {
content: "\f105";
font-family: FontAwesome;
font-size: 2.8125em;
margin-left: 15px;
text-decoration: none;
} #rooster-update .info-menu-landing-page h2 a:hover, #rooster-update .info-menu-landing-page h1 a:hover {
text-decoration: none;
color: #ab262f
} .custom-menu-style {
padding-right: 15px !important;
padding-left: 15px !important;
}
/*LOCATIONS STYLING*/
#rooster-update #wrapper.location-wrapper-addon {
height: 100%;
} #rooster-update #wrapper.location-wrapper-addon .wrapper-outside {
padding-top: 40px;
} #rooster-update #wrapper.location-wrapper-addon .wrapper-outside .main-content {
padding-top: 0px;
} #rooster-update .location-all .location-content .location-header {
margin-top: 40px;
margin-bottom: 40px;
} #rooster-update .location-all .page-crumbs a.white-font:hover {
color: #FFFFFF;
} #rooster-update .location-all .location-content {
color: #FFFFFF;
} #rooster-update .location-all .location-content a {
color: #FFFFFF;
font-size: 0.8125em;
font-family: "Avenir Black";
} #rooster-update .location-all .location-content .location-search .fa {
font-size: 1.75em;
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons {
display: flex
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons div {
margin-right: 15px;
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons div:first-child {
margin-top: 7px;
position: relative;
top: 14px;
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons .locations-found-desktop {
margin-top: 8px;
font-family: "Avenir Light";
font-size: 1.125em;
} #rooster-update .location-all .location-content .location-search .flex-this .search-results-mobile .locations-found-mobile .no-locations, #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons .locations-found-desktop .no-locations {
font-family: "Avenir Black";
font-size: 0.75em;
color: #ED2939;
padding-top: 10px;
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons button {
margin-right: 15px;
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons button:focus {
border: solid 1px;
} #rooster-update .location-all .location-content .location-search .custom-button-style {
font-size: 1.25em;
} #rooster-update .location-all .location-content a.current-page {
font-family: "Avenir Light";
} #rooster-update #wrapper.location-wrapper-addon #content.body-section > .sf_cols:nth-child(2) {
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/locations-bg2.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
top: 70px;
} #rooster-update .wrapper-outside.location-all .main-content {
background: initial;
} .location-all .location-content .location-header {
font-family: Goshen;
font-size: 2.75em;
color: #FFFFFF;
} .location-all .list-of-locations {
margin-top: 20px;
color: #FFFFFF;
} .ng-map-info-window.list-of-locations.info-window {
color: #333 !important;
} .location-all .list-of-locations .single-location {
margin-bottom: 30px;
display: flex;
max-height: 450px;
padding-left: 15px;
} .location-all .list-of-locations .single-location .map-location-image {
padding-right: 0px;
} .location-all .list-of-locations .single-location .map-location-image img {
width: 100%;
height: 100%;
max-height: 450px;
} .location-all .list-of-locations .single-location .location-info-header-body {
padding-left: 0px;
} .location-all .list-of-locations .single-location .single-location-header {
height: 50px;
background-color: rgba(35, 31, 32, .8);
display: flex;
justify-content: space-between;
padding-left: 22px;
padding-right: 47px;
align-items: center;
} .location-all .list-of-locations .single-location .single-location-header-Heart {
padding-left: 57px !important;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance {
font-size: 1.125em;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance span:first-child {
font-family: "Avenir Black";
padding-right: 3px;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance span:last-child {
font-family: "Avenir Light";
} .location-all .list-of-locations .single-location .single-location-header .my-location {
font-size: 0.75em;
font-family: "Avenir Black";
text-transform: uppercase;
} .location-all .list-of-locations .single-location .location-info-body {
margin-left: 0px;
margin-right: 0px;
background-color: rgba(35, 31, 32, .6);
padding-top: 30px;
padding-left: 60px;
padding-bottom: 35px;
padding-right: 30px;
height: -webkit-calc(100% - 50px);
} .location-all .list-of-locations .single-location .location-info-body {
display: flex;
justify-content: space-between;
} .location-all .list-of-locations .single-location .location-info-body .location-information {
padding-right: 20px;
} .location-all .list-of-locations .single-location .location-info-body .button-section-for-location {
padding-left: 20px;
} .location-all .list-of-locations .single-location .address {
font-size: 1.125em;
font-family: "Avenir Black";
line-height: 22px;
} .location-all .list-of-locations .single-location .address a {
color: #FFFFFF;
} .location-all .mobile-view .panel-body div.address .phone-number {
font-family: "Avenir Light";
text-decoration: underline;
} .location-all .list-of-locations .single-location .number {
font-size: 1.125em;
font-family: "Avenir Light";
margin-bottom: 30px;
line-height: 18px;
} .location-all .list-of-locations .single-location .store-hours {
margin-bottom: 15px;
font-size: 1em;
font-family: "Avenir Light";
line-height: 18px;
} .location-all .list-of-locations .single-location .store-hours p:first-child {
font-family: "Avenir Medium";
} .location-all .list-of-locations .single-location .happy-hour {
font-size: 1em;
font-family: "Avenir Light";
line-height: 18px;
} .location-all .list-of-locations .single-location .happy-hour p:first-child {
font-family: "Avenir Medium";
} .location-all .list-of-locations .single-location .button-section-for-location {
/*display: flex;
flex-direction: column;
align-items: flex-end*/
text-align: right;
padding-top: 2px;
} .location-all .list-of-locations .single-location .button-section-for-location button {
display: block;
margin-bottom: 15px;
min-width: 190px;
} .location-all .list-of-locations .single-location > div:first-child {
flex-grow: 1;
position: relative;
} .location-all .list-of-locations .single-location > div:last-child {
flex-grow: 1;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance .fa {
font-size: 1.4375em;
color: rgba(0,0,0,0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFFFFF;
margin-right: 9px;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance .name {
font-family: "Avenir Black";
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance .name a.Textunderline {
font-family: "Avenir Black";
color: #FFFFFF;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance .name a.Textunderline:hover {
font-family: "Avenir Black";
color: #FFFFFF;
text-decoration: underline;
cursor: pointer;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance.favorited .fa {
font-size: 1.5em;
color: #FF4D6B;
-webkit-text-stroke-width: initial;
/*-webkit-text-stroke-color: #FFFFFF;*/
margin-right: 10px;
} .location-name-and-distance.favorited span a + div {
display: none !important;
} .single-location-header .my-location a + div {
display: none !important;
} .single-location-header .my-location a:hover {
color: initial;
text-decoration: none;
} .location-all .list-of-locations .single-location .single-location-header .my-location.make-this-my-locations .fa {
font-size: 1.625em;
margin-right: 10px;
color: rgba(0,0,0,0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFFFFF;
} .location-all .list-of-locations .single-location .single-location-header .my-location.this-is-my-location .fa {
font-size: 1.625em;
margin-right: 10px;
color: #788FFF;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance a[data-tooltip][data-placement="bottom"]::after {
left: 5px;
} .location-all .list-of-locations .single-location .single-location-header .location-name-and-distance a[data-tooltip][data-placement="bottom"]::before {
left: -45px;
} .location-all .list-of-locations .single-location .single-location-header .my-location a[data-tooltip][data-placement="bottom"]::after {
left: 0px;
} .location-all .list-of-locations .single-location .single-location-header .my-location a[data-tooltip][data-placement="bottom"]::before {
left: -66px;
} #ui-id-1, .typeaheadWrap ul.dropdown-menu {
background: rgba(35,31, 32, .9);
border: none;
color: #FFFFFF;
padding: 0;
} #rooster-update .location-all .location-content .typeaheadWrap ul.dropdown-menu a {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border: 1px solid transparent;
} #rooster-update .location-all .location-content .typeaheadWrap ul.dropdown-menu a:hover {
/*background-color: #007fff;*/
}
/*LOCATIONS MOBILE STYLING*/
.location-all .mobile-view .panel {
margin-bottom: 10px;
color: #D8D8D8;
background-color: initial;
} .location-all .mobile-view .panel:last-of-type {
margin-bottom: 20px;
} .location-all .mobile-view .row {
line-height: 1;
} .location-all .mobile-view .panel .panel-heading {
background: rgba(35, 31, 32, .9);
border-radius: 0px;
} .location-all .mobile-view .panel-title {
color: #FFFFFF;
margin-bottom: 0px;
font-size: 0.875em;
height: 45px;
padding: 0;
font-weight: normal;
margin-top: 10px;
} .location-all .mobile-view .panel-title a {
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
text-decoration: none;
} .location-all .mobile-view .panel-title .location-name {
margin-right: 0px;
font-family: "Avenir Black";
} .location-all .mobile-view .panel-title .distance {
margin-right: 5px;
font-family: "Avenir Light";
} .location-all .mobile-view .panel-title a.open:after {
transform: rotate(270deg);
/*transform: rotate(90deg);*/
} .location-all .mobile-view .panel-title a:after {
content: "\f105";
font-family: FontAwesome;
font-size: 1.5em;
color: #FFFFFF;
-webkit-transition: transform .5s;
transition: transform .5s;
} .location-all .mobile-view .panel-body {
background: rgba(35, 31, 32, .6);
padding: 13px 15px 15px 15px;
} .location-all .mobile-view .panel-heading {
padding: 0px;
border: none;
} .location-all .mobile-view .panel-group .panel {
border: none;
} .location-all .mobile-view .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: none;
} .location-all .mobile-view .panel-body div {
margin-bottom: 15px;
} .location-all .mobile-view .panel-body div.address {
margin-bottom: 6px;
} .location-all .mobile-view .panel-body p {
color: #FFFFFF;
} .location-all .mobile-view .panel-body a {
color: #FFFFFF;
} .location-all .mobile-view .panel-body .address {
font-size: 0.875em;
font-family: "Avenir Black"
} .location-all .mobile-view .panel-body .store-hours {
font-size: 0.8125em;
font-family: "Avenir Light";
} .location-all .mobile-view .panel-body .store-hours .sign {
font-family: "Avenir Medium";
} .location-all .mobile-view .panel-body .happy-hour {
font-size: 0.8125em;
font-family: "Avenir Light"
} .location-all .mobile-view .panel-body .happy-hour .sign {
font-family: "Avenir Medium"
} .location-all .mobile-view .panel-body .button-area {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0px;
} .location-all .mobile-view .panel-body .button-area button {
margin-bottom: 10px !important;
width: 100%;
} .location-all .main-content .mobile-view {
display: none;
} .location-all .location-content .location-search .search-results-mobile {
color: #FFFFFF;
font-family: "Avenir Medium";
font-size: 0.8125em;
display: none;
} .location-all .mobile-view .directions-call-section {
padding-bottom: 12px;
border-bottom: 1px solid #646464;
text-align: right;
font-family: "Avenir Light";
font-size: 0.875em;
} .location-all .mobile-view .directions-call-section a {
text-decoration: underline;
} .location-all .mobile-view .directions-call-section .fa {
margin-right: 5px;
color: #FFFFFF;
} .location-all .mobile-view .directions-call-section .map-icon-link {
margin-right: 20px;
} .location-all .mobile-view .directions-call-section .map-icon-link .fa {
font-size: 0.75em;
} .location-all .mobile-view .directions-call-section .phone-icon-link .fa {
font-size: 0.875em;
} .location-all .mobile-view .favorite-location-section {
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #646464;
border-bottom: 1px solid #646464;
font-family: "Avenir Black";
font-size: 0.6875em;
} .location-all .mobile-view .favorite-location-section .fa {
margin-right: 5px;
color: rgba(0, 0, 0, 0);
-webkit-text-stroke: 1px #FFFFFF;
-webkit-font-smoothing: antialiased;
font-size: 0.875em;
} .location-all .mobile-view .favorite-location-section .pin-map-icon-link .fa {
font-size: 0.9375em;
} .location-all .mobile-view .favorite-location-section.marked-as-favorite .heart-icon-link .fa {
color: #FF4D6B;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: initial;
} .location-all .mobile-view .favorite-location-section.marked-as-favorite .pin-map-icon-link .fa {
color: #788FFF;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: initial;
} .location-all .mobile-view .favorite-location-section a.heart-icon-link {
margin-right: 15px;
} .location-all .location-search .typeaheadWrap input[type = text] {
height: 34px;
overflow: hidden;
} .location-search .inputs-and-buttons .group .NoLocationsFound p {
font-family: "Avenir Black";
font-size: 0.75em;
color: #ED2939;
padding-top: 10px;
} .location-search .flex-this .inputs-and-buttons .group .dropdown-menu {
border-radius: 0px;
margin: 0px;
} .location-search .flex-this .inputs-and-buttons .group .dropdown-menu > li > a {
padding: 3px 10px;
}
/*LOCATIONS MOBILE VIEW breakpoints*/
@media only screen and (max-width: 767px) {
.location-all .list-of-locations.desktop-view {
display: none;
}
.location-all .main-content .mobile-view {
display: initial;
}
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons .locations-found-desktop {
display: none;
}
.location-all .location-content .location-search .search-results-mobile {
display: initial;
}
}
/*END OF LOCATIONS MOBILE VIEW breakpoints*/
/*menu/nutrition styling*/
.menu-nutrition-refresh .page-header {
font-family: Goshen;
font-size: 2.75em;
text-transform: lowercase;
color: #3D3D3D;
border-bottom: none;
} .menu-nutrition-refresh h3, .menu-nutrition-refresh h2 {
color: #3D3D3D;
font-size: 1.125em;
font-family: "Avenir Black";
margin-bottom: 3px;
} .menu-nutrition-refresh li {
margin-bottom: 15px;
} .menu-nutrition-refresh li a:hover {
/*color: #6c181e;*/
text-decoration: underline;
}
/*end of menu/nutrition styling*/
/*menu/nutrion/main-menu and menu/nutrition/table styling*/
.menu-nutrition-table-refresh .page-header {
font-size: 2.75em;
font-family: Goshen;
color: #3D3D3D;
text-transform: lowercase;
border-bottom: none;
} .menu-nutrition-table-refresh thead .headerRow th {
border-left: none;
} .menu-nutrition-table-refresh thead .headerRow th.nameRotate {
text-align: center;
font-family: 'Avenir Medium';
} .menu-nutrition-table-refresh tbody .head {
background-color: #AB262F;
color: #FFFFFF;
font-size: 0.8125em;
font-family: "Avenir Medium";
text-align: left;
} .menu-nutrition-table-refresh tbody .head td {
border-left: none;
font-family: "Avenir Black";
text-transform: uppercase;
} .menu-nutrition-table-refresh tbody .subHead {
background-color: #675d53;
color: #FFFFFF;
font-size: 0.8125em;
font-family: "Avenir Black";
text-align: left;
text-transform: uppercase;
} .menu-nutrition-table-refresh tbody .subHead td {
border-left: none;
} .menu-nutrition-table-refresh tr.values {
font-size: 0.9375em;
font-family: "Avenir Medium";
} .menu-nutrition-table-refresh tr.values:hover {
background-color: #f6efe6;
} .menu-nutrition-table-refresh tr.values td {
border-left: none;
} .menu-nutrition-table-refresh tr.values .menuItem {
text-align: left;
} .menu-nutrition-table-refresh .notes p {
margin-bottom: 20px;
font-size: 0.8125em;
font-family: "Avenir Light";
} .menu-nutrition-table-refresh .notes h2 {
font-size: 1.25em;
color: #3D3D3D;
font-family: "Avenir Black";
}
/*end of menu/nutrion/main-menu and menu/nutrition/table styling*/
/*PRINT MENU STYLE REFRESH*/
.print-menu-refresh h1 {
font-family: Goshen;
font-size: 2.75em;
text-transform: lowercase;
color: #3D3D3D;
margin-top: 45px;
} .print-menu-refresh .glyphicon-fire:before {
background: url(https://wwwprodpfchangs.blob.core.windows.net/assets-32286/assets/sprite-sheet.png) no-repeat -310px 0;
font-family: 'Glyphicons Halflings';
margin-right: .25em;
background-position: -400px 0;
} .print-menu-refresh .menu-header {
float: left;
position: relative;
width: 100%;
} .print-menu-refresh .menu-title {
color: #FFFFFF;
font-size: 2.0625em;
font-family: Goshen;
background: #3d3d3d;
text-transform: lowercase;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 15px;
line-height: 25px;
} .print-menu-refresh .menu-content {
position: relative;
top: 56px;
padding-left: 25px;
padding-right: 25px;
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 555px;
} .print-menu-refresh .menu-content .category-title {
font-size: 1.4375em;
border-bottom: 1px solid #ede9e5;
font-family: "Avenir Black";
color: #AA272F;
border-bottom: none;
/*width: 50%;*/
margin-right: auto;
margin-left: auto;
} .print-menu-refresh #Wine {
font-size: 1.4375em;
border-bottom: 1px solid #ede9e5;
font-family: "Avenir Black";
color: #AA272F;
border-bottom: none;
width: 50%;
margin-right: auto;
margin-left: auto;
} .print-menu-refresh #Drinks {
font-size: 1.4375em;
border-bottom: 1px solid #ede9e5;
font-family: "Avenir Black";
color: #AA272F;
border-bottom: none;
width: 50%;
margin-right: auto;
margin-left: auto;
} .print-menu-refresh .menu-content .category-item {
list-style: none;
margin-bottom: 40px;
} .print-menu-refresh .menu-content .menu-item {
list-style: none;
padding-bottom: 20px;
border-bottom: 1px solid #EDE9E5;
} .print-menu-refresh .menu-content .menu-item li {
text-align: right;
} .print-menu-refresh .segment-list li {
list-style: none;
} .print-menu-refresh h4.menu-item-title {
color: #3D3D3D;
font-size: 1.125em;
font-family: "Avenir Black";
margin-bottom: 5px;
margin-top: 20px;
} .print-menu-refresh p.menu-item-description {
color: #3D3D3D;
font-size: 1em;
font-family: "Avenir Light";
line-height: 22px;
margin-bottom: 10px;
} .print-menu-refresh .squarebrackets {
margin-bottom: 15px;
margin-top: 15px;
} .print-menu-refresh .menu-legend-wrapper {
margin-top: 25px;
margin-bottom: 5px;
} .print-menu-refresh .menu-legend {
/*display: flex;*/
} .print-menu-refresh .menu-legend img.iconImage {
width: 18px;
} .print-menu-refresh .menu-legend .new-item img.iconImage {
width: 43px;
} .print-menu-refresh .menu-legend .print {
float: right;
} .print-menu-refresh .menu-legend-wrapper .menu-legend li {
display: inline-block;
} .print-menu-refresh .category-description {
font-family: "Avenir Light";
font-size: 1em;
line-height: 22px;
border-bottom: 1px solid #ede9e5;
padding-bottom: 15px;
padding-top: 10px;
} .print-menu-refresh #Wine.category-description {
font-family: "Avenir Light";
color: #333;
font-size: 1em;
line-height: 22px;
border-bottom: 1px solid #ede9e5;
padding-bottom: 15px;
padding-top: 10px;
} .print-menu-refresh #Drinks.category-description {
font-family: "Avenir Light";
color: #333;
font-size: 1em;
line-height: 22px;
border-bottom: 1px solid #ede9e5;
padding-bottom: 15px;
padding-top: 10px;
} .print-menu-refresh .menu-item .price {
font-family: "Avenir Light";
font-size: 1em;
} .print-menu-refresh .full-menu-list img.iconImage {
width: 18px;
} .print-menu-refresh .full-menu-list .new-item img.iconImage {
width: 43px;
} .print-menu-refresh .full-menu-list .food-flags > span {
margin-right: 10px;
} .print-menu-refresh article#menu-wine {
width: 50%;
margin-right: auto;
margin-left: auto;
min-width: 320px;
} .print-menu-refresh article#menu-drinks {
width: 50%;
margin-right: auto;
margin-left: auto;
min-width: 320px;
} .print-menu-refresh article#menu-drinks section {
margin-bottom: 35px;
} .print-menu-refresh .margin-bottom {
margin-bottom: 35px;
}
/*END OF PRINT MENU STYLE REFRESH*/
/* menu/happy-hour/drinks style */
.menu-happyHour-drinks .menu-and-order.style-refresh .panel-collapse {
border: 1px solid #3D3D3D;
border-top: none;
} .menu-happyHour-drinks .menu-and-order.style-refresh .panel-body {
background-color: #FFFFFF;
padding-left: 15px;
padding-right: 15px;
} .menu-happyHour-drinks .menu-and-order.style-refresh .panel-body a {
font-size: 0.875em;
font-family: "Avenir Black";
color: #3D3D3D;
display: block;
line-height: 14px;
margin-bottom: 15px;
} .menu-happyHour-drinks .menu-and-order.style-refresh .panel-body a.current-page {
color: #AA272F;
} .menu-happyHour-drinks .menu-and-order.style-refresh .panel-body a:last-child {
margin-bottom: 0px;
} .menu-happyHour-drinks .menu-and-order.style-refresh .menu-legend a {
color: #AA272F;
font-family: "Avenir Black";
font-size: 0.8125em;
}
/* end of menu/happy-hour/drinks style */
/* menu/offers and events/special offers*/
.special-offers .style-refresh .panel-body {
background-color: #FFFFFF;
padding-left: 15px;
padding-right: 15px
} .special-offers .style-refresh .panel-body a {
display: block;
} .special-offers .menu-and-order.style-refresh .panel-body a {
font-size: 0.875em;
font-family: "Avenir Black";
color: #3D3D3D;
display: block;
line-height: 14px;
margin-bottom: 15px;
} .special-offers .menu-and-order.style-refresh .panel-body a.current-page {
color: #AA272F;
} .special-offers .menu-and-order.style-refresh .panel-body a:last-child {
margin-bottom: 0px;
} .special-offers .style-refresh .panel-collapse {
border: 1px #3D3D3D solid;
border-top: none;
} .special-offers .menu-and-order.style-refresh .menu-legend a {
color: #000000;
} .special-offers .menu-and-order.style-refresh .menu-legend a:before {
content: "\f02f";
font-family: FontAwesome;
font-size: 1.125em;
color: #000000;
}
/* end menu/offers and events/special offers*/
/* STAND ALONE PANEL, NO ACCORDION STYLE */
.panel.grey-header-tile {
border-radius: 0px;
border: none;
} .style-refresh .panel.grey-header-tile .panel-heading {
margin-top: 0px;
background-color: #565656;
font-family: Goshen;
} .panel.grey-header-tile .panel-heading .panel-title {
font-size: 1.125em;
padding-top: 15px;
padding-left: 15px;
} .style-refresh .panel.grey-header-tile .panel-body {
border-radius: 0px;
border: 1px solid #3D3D3D;
border-top: none;
background-color: #FFFFFF;
}
/* END OF STAND ALONE PANEL, NO ACCORDION STYLE */
/* menu/happy-hour/drinks style */
/* menu/catering-menu/catering-chicken */
.catering-chicken .panel-title {
font-family: Goshen;
} .catering-chicken .panel-title a {
font-size: 1.125em;
} .catering-chicken .style-refresh .panel-collapse {
border: 1px solid #3D3D3D;
border-top: none;
} .catering-chicken .style-refresh .panel-body {
background-color: #FFFFFF;
padding-right: 15px;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 20px;
} .catering-chicken .style-refresh .panel-body a {
font-family: "Avenir Black";
font-size: 0.875em;
color: #3D3D3D;
line-height: 14px;
margin-bottom: 14px;
display: block;
} .catering-chicken .style-refresh .panel-body a:last-child {
margin-bottom: 0px;
} .catering-chicken .style-refresh .panel-body a.current-selection {
color: #AA272F;
} .catering-chicken .menu-legend .menu a:before {
content: "\f02f";
font-family: FontAwesome;
font-size: 1.125em;
color: #000000;
margin-right: 5px;
} .catering-chicken li.menu-item {
border-bottom: 1px solid #EDE9E5;
margin-top: 20px;
padding-bottom: 20px;
} .catering-chicken li.menu-item .menu-item-inner {
display: flex;
} .catering-chicken li.menu-item .menu-item-inner .menu-item-img {
width: 33%;
} .catering-chicken li.menu-item .menu-item-inner .menu-item-info {
width: 67%;
padding-right: 20px;
padding-left: 15px;
} .catering-chicken ul.price.list-unstyled {
list-style: none;
} .catering-chicken ul.price li {
float: right;
}
/* end of catering chicken style*/
/* menu/main-menu/drinks style*/
.menu-mainMenu-drinks .unique-menu section:not(.wine) ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
} .menu-mainMenu-drinks li {
} .menu-mainMenu-drinks h2 {
font-size: 1.75em;
} .menu-mainMenu-drinks .menu a {
color: #000;
} .menu-mainMenu-drinks .menu a:hover {
text-decoration: none;
} .menu-mainMenu-drinks .menu a:before {
content: "\f02f";
font-family: FontAwesome;
font-size: 1.25em;
} .menu-mainMenu-drinks .menu a:hover:before {
text-decoration: none;
} .menu-mainMenu-drinks #menu-drinks p {
font-size: 0.75em;
color: #675d53;
}
/*end of drinks style*/
/*favorites dropdown styling*/
#wrapper .favorites-dropdown {
width: 100vw;
height: 100vh;
position: fixed;
z-index: 4;
background: rgba(61, 61, 61, .7);
right: 0;
top: 40px;
left: 0;
bottom: 0px;
display: none;
transition: opacity 600ms ease 30ms,visibility 0ms ease 630ms;
} .favorites-content {
background-color: #231F20;
position: fixed;
top: 50px;
left: -webkit-calc(6% + 120px);
color: #FFFFFF;
z-index: 999;
width: 300px;
height: auto;
} .favorites-content.scroll {
height: calc(100% - 80px);
} div#favorites-content-wrapper {
width: auto;
overflow-y: visible;
height: 100%;
} .favorites-content:after {
content: "\A";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #231F20 transparent;
position: absolute;
float: right;
left: 145px;
top: -10px;
} .favorites-content .manage-locations-section {
padding-top: 16px;
padding-bottom: 18px;
padding-right: 50px;
padding-left: 50px;
} .favorites-content .manage-locations-section .custom-button-style.grey {
/*padding: 10px 14px 7px 14px;*/
padding: 11px 14px 6px;
} .favorites-content ul {
padding: 20px;
padding-bottom: 0px;
padding-top: 0px;
} .favorites-content li {
border-bottom: 1px solid #3D3D3D;
padding-top: 15px;
padding-bottom: 15px;
} .favorites-content .heart {
font-size: 1.125em;
line-height: 18px;
font-family: "Avenir Black";
margin-bottom: 10px;
} .favorites-content .heart .fa {
color: #FF4D6B;
font-size: 1.25em;
} .favorites-content .address {
font-size: 0.75em;
padding-left: 23px;
font-family: "Avenir Light";
} .favorites-content .city-state {
font-size: 0.75em;
padding-left: 23px;
font-family: "Avenir Light";
margin-bottom: 5px;
} .favorites-content .this-is-my-location {
font-family: "Avenir Black";
font-size: 0.75em;
text-transform: uppercase;
} .favorites-content .this-is-my-location .fa {
color: #788FFF;
font-size: 1.5625em;
margin-right: 6px;
} .favorites-content .make-this-my-location {
font-family: "Avenir Black";
font-size: 0.75em;
text-transform: uppercase;
cursor: pointer;
} .favorites-content .make-this-my-location .fa {
font-size: 1.5625em;
margin-right: 6px;
}
div.make-this-my-location:before {
content: "\e905";
font-family: "pfchangs";
font-size: 1em;
padding-right: 6px;
color: white;
} div.this-is-my-location:before {
content: "\e906";
font-family: "pfchangs";
color: #788fff;
font-size: 1em;
padding-right: 6px;
}
/*REWARDS PAGE*/
.callout-contents {
top: 10%;
} .callout-contents1 {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
} .callout-contents2 {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
} .callout-contents3 {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
/*catering print and nutrition information links*/
.menu-actions.style-refresh a {
color: #AA272F;
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
line-height: 13px;
} .menu-actions.style-refresh li {
margin-bottom: 5px;
} .menu-actions.style-refresh .menubtn {
padding: 0px;
}
/* CSS REFRESHE STYLE H1 */
h1.style-refresh, h2.style-refresh {
font-size: 2.75em;
font-family: Goshen;
text-transform: lowercase;
color: #3D3D3D;
margin-top: 30px;
margin-bottom: 20px;
}
/* END OF CSS REFRESH STYLE H1 */
/*MENU AND ORDER MENU ITEMS STYLINGS IE middle section*/
.menu-and-order-middle-section {
padding-left: 3%;
padding-right: 3%;
} .menu-and-order-middle-section .section-title {
font-family: "Avenir Black";
font-size: 1.125em;
color: #3D3D3D;
line-height: 18px;
} .menu-and-order-middle-section .section-description {
font-family: "Avenir Light";
font-size: 1em;
line-height: 22px;
margin-top: 15px;
} .menu-and-order-middle-section .menu-legend-and-print {
justify-content: space-between;
margin-top: 16px;
align-items: baseline;
} .menu-and-order-middle-section .menu-legend-and-print .menu-legend {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
} .menu-and-order-middle-section .menu-legend-and-print .menu-legend div {
margin-right: 10px;
font-family: "Avenir Light";
font-size: 0.75em;
} .menu-and-order-middle-section .spicy-icon {
font-size: 1.25em;
color: #EB2F30;
} .menu-and-order-middle-section .vegetarian-icon {
font-size: 1.25em;
color: #0EAF48;
} .menu-and-order-middle-section .new-item-icon {
font-size: 1.25em;
color: #AA272F;
} .menu-and-order-middle-section .lighter-icon {
font-size: 1.25em;
color: #8ADD76;
} .custom-icon {
font-size: 1.25em;
} .menu-and-order-middle-section .menu-legend-and-print a {
font-size: 0.8125em;
font-family: "Avenir Black";
color: #AA272F;
} .menu-and-order-middle-section .MenuList {
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 15px;
border-top-color: #D8D8D8;
border-bottom-color: #D8D8D8;
} .menu-and-order-middle-section .MenuList .row.flex-this {
margin-right: 0px;
margin-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
} .menu-and-order-middle-section .MenuList .row.flex-this.category {
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
} .menu-and-order-middle-section .MenuList .row.flex-this:only-child {
border-bottom: 1px solid #D8D8D8;
} .menu-and-order-middle-section .MenuList .row.flex-this:not(:first-child) {
border-top: 1px solid #D8D8D8;
} .menu-and-order-middle-section .MenuList .row.flex-this .image-section {
padding-left: 0px;
padding-right: 0px;
} .menu-and-order-middle-section .MenuList .row.flex-this .image-section img {
width: 100%;
} .menu-and-order-middle-section .MenuList .row.flex-this .description-section {
padding-right: 0px;
padding-left: 0px;
} .menu-and-order-middle-section .MenuList .menu-item-description h2 a {
color: #3D3D3D;
font-size: 1.125em;
font-family: "Avenir Black";
margin-bottom: 5px;
} .menu-and-order-middle-section .MenuList .menu-item-description .Unclickable {
color: #3D3D3D;
font-size: 1.125em;
font-family: "Avenir Black";
margin-bottom: 5px;
} .menu-and-order-middle-section .MenuList .menu-item-description p, .menu-and-order-middle-section .MenuList .menu-item-description h3 {
color: #3D3D3D;
font-size: 1em;
font-family: "Avenir Light";
line-height: 22px;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 13px;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics p {
line-height: 15px;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories {
display: flex;
align-items: baseline;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories span {
height: 16px;
line-height: 16px;
} .menu-and-order-middle-section .menu-legend img.iconImage {
width: 18px;
margin-right: 2px;
} .menu-and-order-middle-section .menu-legend .new-item img.iconImage {
width: 43px;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories span img.iconImage {
width: 50%;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories .new-item-icon .iconImage {
width: 43px;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .selection-and-prices ul.align-content-right {
display: flex;
flex-direction: column;
align-items: flex-end;
font-family: "Avenir Light";
font-size: 1em;
} .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .selection-and-prices ul.align-content-right.price-alignment {
display: flex;
flex-direction: column;
align-items: flex-end;
font-family: "Avenir Light";
font-size: 1em;
} .menu-and-order-middle-section .MenuList .menu-item-thumb {
margin-right: 22px;
float: left;
} .menu-and-order-middle-section .modifier-styling {
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
} .menu-and-order-middle-section .menu-item-form-wrapper .menu-item-options .form-group {
margin-bottom: 25px;
} .menu-and-order-middle-section .menu-item-form-section {
margin-top: 20px;
padding-right: 0px;
padding-left: 0px;
}
/*.menu-and-order-middle-section .menu-item-form-section .option-row-title {
font-family: "Avenir Medium";
font-size: 0.75em;
}*/
/*.menu-and-order-middle-section .menu-item-form-section .option-row-title {
font-family: "Avenir Medium";
font-size: 0.75em;
}*/
.menu-and-order-middle-section .menu-item-form-section .option-row-quantity .input-wrapper.option-row-title input {
border: 1px solid darkgray;
} .menu-and-order-middle-section .menu-item-form-section .option-row-title select {
border: none;
font-family: "Avenir Black";
font-size: 0.75em;
margin-top: 5px;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.75);
} .menu-and-order-middle-section .menu-item-form-section .option-row-extras .panel-default > .panel-heading {
color: #333;
background-color: rgba(35, 31, 32, .9);
border-color: #ddd;
padding: 12px 15px;
} .panel-heading {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
} .menu-and-order-middle-section .menu-item-form-section a.panel-title {
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
color: #FFFFFF;
line-height: 21px;
} .menu-and-order-middle-section .menu-item-form-section a.panel-title:hover {
text-decoration: none !important;
} .menu-and-order-middle-section .menu-item-form-section .menu-choices .row {
margin-bottom: 0px;
} .menu-and-order-middle-section .menu-item-form-section .menu-choices .checkbox {
font-family: "Avenir Light";
font-size: 1em;
} .menu-and-order-middle-section .menu-item-form-section .panel .panel-body {
margin: 2px;
margin-bottom: 10px;
} .menu-and-order-middle-section .menu-item-form-section .menu-item-price {
font-family: "Avenir Black";
font-size: 1em;
margin-bottom: 20px;
margin-left: 24%;
} .menu-and-order-middle-section .menu-item-form-section .menu-item-price span {
font-family: "Avenir Light";
font-size: 1em;
} .menu-and-order-middle-section .menu-item-form-section .btn {
margin-left: 24%;
} .orderSummary .menu-and-order-middle-section .menu-item-form-section .btn:last-child {
margin-left: 15px;
padding: 11px 14px 6px;
margin-top: 5px;
} .menu-and-order-middle-section .menu-item-form-section .option-row-extras .menu-choices-container {
height: 35px;
} .menu-and-order-middle-section .menu-item-form-section .menu-item-form-wrapper .option-row-quantity {
margin-left: 24%;
} .menu-and-order-middle-section .menu-item-form-section .menu-item-form-wrapper .op {
margin-left: 24%;
} .menu-and-order-middle-section .menu-item-options .input-wrapper {
float: none;
} .menu-and-order-middle-section .panel-body {
padding-top: 15px;
padding-bottom: 0px;
padding-left: 15px;
} .menu-and-order-middle-section .menu-item-form-wrapper .menu-item-options .panel-body .form-group {
margin-bottom: 0px;
} .menu-and-order-middle-section .menu-item-form-section .menu-choices .checkbox label {
font-size: 1em;
padding-left: 10px;
} .menu-and-order-middle-section .calorie-disclaimer p {
font-family: "Avenir Light";
font-size: 1em;
margin-left: 0px;
} .menu-and-order-middle-section .input-radio-Class {
padding-bottom: 10px;
font-family: "Avenir Light";
font-size: 1em;
} .menu-and-order-middle-section .input-radio-Class .choose-menu-options {
font-family: "Avenir Black";
font-size: 1em;
padding-left: 24%;
margin-bottom: 15px;
display: block;
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container {
display: flex;
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .select-one {
width: 25%;
text-align: right;
padding-right: 15px;
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .select-one .item-error {
width: 12.5%;
text-align: right;
font-size: 0.75em;
/*padding-right: 15px;*/
font-family: "Avenir Light";
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container.menu-extramodifier {
margin-bottom: 15px;
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .radio-options-container {
width: 81%;
} .menu-and-order-middle-section .input-radio-Class .select-one {
font-family: "Avenir Black";
font-size: 1em;
} .menu-and-order-middle-section .input-radio-Class .select-one:hover {
cursor: default;
} .menu-and-order-middle-section .input-radio-Class .required-options {
margin-bottom: 20px;
display: flex;
} .menu-and-order-middle-section .input-radio-Class .required-options .option-radio-style {
margin-left: 10px;
}
/*radio inputs style*/
.menu-and-order-middle-section .input-radio-Class label {
font-weight: normal;
font-size: 1em;
width: 100%;
} .menu-and-order-middle-section .input-radio-Class .radio-option-name-price:hover {
cursor: pointer;
} .menu-and-order-middle-section .input-radio-Class label .radio-border-style .fa {
color: #FFFFFF;
font-size: 0.75em;
text-shadow: 0px 0px #000000;
position: relative;
top: 1.5px;
} .menu-and-order-middle-section .input-radio-Class span.radio-border-style {
height: 16px;
width: 16px;
display: inline-block;
border: 1px solid #cccccc;
border-radius: 50%;
text-align: center;
vertical-align: top;
position: relative;
top: 3px;
background: #ffffff;
margin-right: 3px;
} .menu-and-order-middle-section .input-radio-Class input[type="radio"] {
display: none;
} .menu-and-order-middle-section .input-radio-Class input[type="radio"]:checked + label .fa-circle {
color: #AA272F;
}
/*check box style*/
/*checkbox style in panel dropdown*/
.menu-and-order-middle-section .checkbox-style {
width: 50%;
} .menu-and-order-middle-section .item-section-inputs-section.checkbox-style {
width: 100%;
} .menu-and-order-middle-section .checkbox-style label {
font-weight: normal;
font-size: 1em;
font-family: "Avenir Light";
padding-bottom: 2px;
} .menu-and-order-middle-section .checkbox-style label:hover {
cursor: pointer;
} .menu-and-order-middle-section .checkbox-style span.checkbox-holder {
border: 1px solid #D8D8D8;
border-radius: 2px;
display: inline-block;
height: 20px;
width: 20px;
margin-right: 8px;
float: left;
} .menu-and-order-middle-section .checkbox-style span.checkbox-holder .fa {
font-size: 1.0625em;
color: #FFFFFF;
position: relative;
top: 1px;
left: 0px;
} .menu-and-order-middle-section .checkbox-style input[type="checkbox"] {
display: none;
} .menu-and-order-middle-section .checkbox-style input[type="checkbox"]:checked + label span.checkbox-holder .fa {
color: #AA2F27;
top: -1px;
}
/*for price to float right*/
.menu-and-order-middle-section .input-radio-Class .item-quantity-price {
float: right;
} .menu-and-order-middle-section .input-radio-Class .required-options .item-section-category {
font-family: "Avenir Black";
font-size: 1em;
} .menu-and-order-middle-section .required-options .item-section-inputs-section {
width: 100%;
} .menu-and-order-middle-section.setMinWidth {
min-width: 440px;
}
/*MIDDLE SECTION MOBILE STYLING*/
@media only screen and (max-width: 767px) {
.menu-and-order-middle-section {
margin-top: 0px;
}
.menu-and-order-middle-section .menu-item-form-section .option-row-extras .menu-choices-container {
height: 15px;
}
.menu-and-order-middle-section .MenuList .row.flex-this .description-section {
min-height: 142px;
}
.menu-and-order-middle-section .panel-body {
padding-bottom: 15px;
}
.menu-and-order-middle-section .menu-item-form-section .menu-choices .checkbox {
margin-bottom: 0px;
}
}
/*END OF MIDDLE SECTION MOBILE STYLING*/
/*GREY PANEL AKAK orderSummary*/
.panel.orderSummary {
border: none;
box-shadow: none;
margin-bottom: 0px;
background: none;
} .menu-and-order-middle-section .panel.orderSummary .panel-body {
padding: 15px;
} .panel.orderSummary .sub-section-image {
margin-bottom: 15px;
} .panel.orderSummary .sub-section-image.full-width-image {
margin-top: -15px;
margin-right: -16px;
margin-left: -16px;
} .panel.orderSummary .sub-section-image img {
max-height: 200px;
width: 100%
} .panel.orderSummary .panel-body .sub-section-description {
font-family: "Avenir Light";
font-size: 1em;
} .menu-and-order-middle-section .disclaimer {
background-color: #E7E9EC;
border: 1px solid #949DAB;
padding: 15px;
font-family: "Avenir Medium";
font-size: 0.75em;
color: #182B49;
margin-left: 3%;
margin-right: 3%;
} .menu-and-order-middle-section .legend-and-menu-seperator {
display: none;
} .panel.orderSummary .panel-body .item {
margin-bottom: 10px;
} .panel.orderSummary .panel-body .item:last-of-type {
margin-bottom: 0px;
} .panel.orderSummary .panel-body .red-bold-letters {
font-family: "Avenir Black";
font-size: 1em;
color: #AA272F;
margin-bottom: 15px;
} .panel.orderSummary .panel-body .dark-bold-letters {
font-family: "Avenir Black";
font-size: 0.875em;
color: #3D3D3D;
} .panel.orderSummary .panel-body .item-description {
font-family: "Avenir Light";
font-size: 0.875em;
color: #3D3D3D;
} .panel.orderSummary .panel-heading {
background-color: #565656;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
padding: 17px 15px 13px 15px;
border: none;
} .panel.orderSummary .panel-title {
margin-top: 0px;
font-family: Goshen;
font-size: 1.125em;
font-weight: initial;
color: #FFFFFF;
padding: 0px;
text-transform: lowercase;
} .panel.orderSummary .panel-body {
border: 1px solid #D8D8D8;
border-top: none;
background: #FFF;
} .panel.orderSummary table {
border: none;
width: 100%
} .panel.orderSummary .panel-body th {
border: none;
font-family: "Avenir Medium";
font-size: 0.75em;
color: #2B2B2B;
padding-left: 0px;
padding-top: 0px;
} .panel.orderSummary .panel-body td {
border: none;
} .prc {
text-align: right;
} .panel.orderSummary .panel-body .item-row td {
font-family: "Avenir Medium";
font-size: 0.875em;
color: #3D3D3D;
vertical-align: baseline;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
} .item-name {
margin-bottom: 3px;
display: inline-block;
font-weight: bold;
} .item-name-confirmation {
margin-bottom: 3px;
display: inline-block;
} .panel.orderSummary .panel-body td .item-edit-actions a {
font-family: "Avenir Black";
font-size: 0.8125em;
color: #AA272F;
text-transform: uppercase;
} .panel.orderSummary .panel-body td .item-options p {
font-family: "Avenir Light";
font-size: 0.75em;
color: #3D3D3D;
} .panel.orderSummary .panel-body .subtotal-row td {
font-family: "Avenir Medium";
font-size: 0.875em;
vertical-align: baseline;
padding-top: 15px;
padding-bottom: 15px;
} .panel.orderSummary .panel-body .subtotal-row td small {
font-family: "Avenir Light";
font-size: 0.75em;
} .panel.orderSummary .panel-body .order-actions-checkout a {
/*letter-spacing: 1px;*/
font-size: 1.125em;
text-transform: lowercase;
}
/* order summary edit modal*/
.orderSummary .modal-dialog {
width: initial;
} .orderSummary .modal-content {
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-notification.jpg);
border-radius: 0px;
} .orderSummary .modal-title {
color: #000000;
font-family: "Avenir Black";
font-size: 1.125em;
} .orderSummary .modal-body {
background-color: #FFFFFF;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
} .orderSummary .modal-body input {
width: auto;
} .orderSummary .modal-body .menu-and-order-middle-section .menu-item-form-section .panel .panel-body {
margin: 0px;
border: none;
padding-top: 15px;
padding-bottom: 15px;
} .orderSummary .modal-body .MenuList {
border: none;
}
/*edit personal info*/
.errorMessageValidation {
font-family: "Avenir Black";
font-size: 0.75em;
Color: #AA272F;
}
/*location modal*/
#locationModal .modal-dialog {
width: initial;
} #locationModal .reservation-page .text-input-style {
color: #3D3D3D;
margin-top: 16px;
width: 262px !important;
} #locationModal .modal-content {
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-small.jpg);
border-radius: 0px;
width: 530px;
/*max-height: 90vh;*/
padding-left: 65px;
padding-right: 65px;
border: none;
} #locationModal .modal-title {
color: #3D3D3D;
font-family: Goshen;
font-size: 2.75em;
text-align: center;
} #locationModal .modal-body {
border: none;
width: 400px;
padding-right: 15px;
} #locationModal .modal-body .menu-and-order-middle-section .menu-item-form-section .panel .panel-body {
margin: 0px;
border: none;
padding-top: 15px;
padding-bottom: 15px;
} #locationModal .modal-body .MenuList {
border: none;
} #locationModal .modal-header {
border: none;
padding-bottom: 25px !important;
} #locationModal .modal-footer {
border: none;
} #locationModal .arrow-icon {
height: 44px;
width: 44px;
padding: 8px 14px 8px 14px;
margin-right: 10px;
border: none;
} #locationModal .modal-body .text-label-style {
color: #8E8E8E;
font-family: "Avenir Black";
font-size: 0.875em;
} #locationModal .modal-body .text-label-style:active {
color: #3D3D3D;
font-family: "Avenir Medium";
font-size: 0.75em;
} #locationModal .modal-body .no-location-chosen-option {
} #locationModal .modal-footer {
display: none;
} #locationModal .modal-body .group {
margin-left: -15px;
} #locationModal .modal-body .button-wrapper {
margin-right: -15px;
margin-left: -15px;
width: 129px !important;
} #locationModal .black-background-white-text {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #d8d8d8;
padding: 15px;
font-family: "Avenir Black";
font-size: 0.875em;
margin-right: -15px;
margin-left: -15px;
} #locationModal .black-background-white-text.bottom-space {
margin-bottom: 10px !important;
margin-top: 15px;
cursor: pointer;
} #locationModal .modal-body .typeaheadWrap ul.dropdown-menu {
border-radius: 0px;
margin: 0px;
} #locationModal .modal-body .typeaheadWrap ul.dropdown-menu a {
font-family: "Avenir Light";
background-color: rgba(35,31, 32, .9);
color: #FFFFFF !important;
padding: 3px 10px;
} #locationModal .modal-body .typeaheadWrap ul.dropdown-menu a:hover {
background-color: rgba(35,31, 32, .9);
text-decoration: underline !important;
color: #FFFFFF !important;
padding: 3px 10px;
} #locationModal .favorited-location {
font-family: "Avenir Light";
font-size: 0.875em;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
margin-right: -15px;
margin-left: -15px;
padding: 15px;
margin-bottom: 10px;
} .favorited-location.ng-scope {
cursor: pointer;
} .favorites-dropdown .favorited-location.ng-scope {
cursor: default;
} #locationModal .favorited-location:hover {
background-color: #e5e5e5;
} #locationModal .favorited-location .location-name {
font-family: "Avenir Black";
margin-bottom: 10px;
} #locationModal p {
margin-bottom: 6px;
} #locationModal .favorited-location .fa {
color: #FF4D6B;
font-size: 0.75em;
margin-right: 6px;
} #locationModal .favorited-location .distance-away {
font-family: "Avenir Light";
font-size: 0.875em;
} #locationModal .search-results {
margin-left: -15px;
color: #AA272F;
font-family: "Avenir Medium";
font-size: 0.875em;
margin-bottom: 10px;
} #locationModal .select-location {
margin-left: -15px;
color: #000000;
font-family: "Avenir Black";
font-size: 1em;
margin-bottom: 6px;
} .no-order.alert.ng-isolate-scope.alert-warning {
/* ADA Compliance: color and background-color too simular.
color: #E09B51;*/
color: #8a6d3b;
background-color: #FFF8ED;
border-color: #FFDEAF;
font-family: Avenir Medium;
font-size: 0.75em;
line-height: 16px;
margin-bottom: 15px;
} .btn.custom-button-style.red.removing-margintop {
margin-top: 0px !important;
} .margin-bottom-save-as-favorite {
margin-bottom: 2px;
} .col-md-12.div-margin-left {
padding-left: 15px !important;
} .textbox-width {
width: 262px !important;
} .modal-body.reservation-page.inputs-and-buttons {
padding-bottom: 0px !important;
} #locationModal .group {
margin-bottom: 30px;
} .international-location-link {
text-decoration: none;
} a.international-location-link:hover {
text-decoration: none !important;
} .fa.fa-chevron-right {
float: right;
margin-top: 4px;
} .fa.fa-chevron-right.IsOpen {
-webkit-transform: rotate(-90deg) !important;
float: right;
margin-top: 4px;
} .background-properties {
background-color: #FFFFFF;
border: 1px #D8D8D8;
margin-top: -11px;
width: 396px;
margin-left: -14px;
padding: 15px;
} .location-soon-error-message {
padding: 14px;
font-family: avenir medium;
margin-right: -15px;
margin-left: -15px;
margin-top: -10px;
background-color: #E7E9EC;
border: 1px solid #949DAB;
font-size: 0.75em;
color: #182B49;
line-height: 16px;
} .state-properties {
font-family: avenir black;
font-size: 0.875em;
line-height: 20px;
color: #3D3D3D;
} .city-properties {
font-family: avenir light;
font-size: 0.875em;
line-height: 20px;
color: #3D3D3D;
} .date-properties {
font-family: avenir light;
font-size: 0.875em;
line-height: 20px;
color: #3D3D3D;
} @media (min-width: 992px) {
.col-md-4.increasing-width {
margin-left: 10px !important;
width: 118px;
}
}
/* ACCORDIAN PANEL STYLE */
.style-refresh .panel {
margin-bottom: 10px;
color: #D8D8D8;
background-color: initial;
} .style-refresh .row {
line-height: 1;
} .style-refresh .panel .panel-heading {
background: rgba(35, 31, 32, .9);
border-radius: 0px;
} .style-refresh .panel-title {
color: #FFFFFF;
margin-bottom: 0px;
font-size: 0.875em;
min-height: 48px;
max-height: 72px;
padding: 0;
font-weight: normal;
position: relative;
/*flex to take up whole ehading*/
display: flex;
} .style-refresh .panel-title > a, .style-refresh .panel-title > div {
min-height: 48px;
max-height: 72px;
width: 100%;
color: #FFFFFF;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 15px;
} .style-refresh .panel-title .fa {
position: absolute;
top: 32%;
right: 15px;
} .style-refresh.catering-print-nutrition-section .panel-title > a {
margin-top: 16px;
} .style-refresh .panel .panel-heading .panel-title a span:first-child, .style-refresh .panel .panel-heading .panel-title div span:first-child {
font-family: Goshen;
font-size: 1.125em;
text-transform: lowercase;
display: block;
} .style-refresh .panel .panel-heading .panel-title a .sub-head {
font-size: 0.75em;
font-family: "Avenir Light";
line-height: 12px;
display: block;
} .style-refresh .panel-body {
/*background: rgba(35, 31, 32, .6);*/
background-color: #FFFFFF;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 0px;
padding-left: 0px;
} .style-refresh .panel-body li a {
font-size: 0.875em;
font-family: "Avenir Black";
color: #3D3D3D;
} .style-refresh .panel-body li a.selected {
color: #AA272F;
} .style-refresh .panel-body li:not(:last-child) {
margin-bottom: 6px;
} .style-refresh .panel-collapse {
border: 1px solid #D8D8D8;
} .style-refresh .panel-heading {
padding: 0px;
border: none;
} .style-refresh .panel-group .panel {
border: none;
} .style-refresh .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: none;
} .style-refresh .panel-group .panel + .panel {
margin-top: 10px;
} .style-refresh .panel-group {
margin-bottom: 10px;
} .style-refresh.catering-print-nutrition-section .panel-title {
margin-top: 0px;
} .menu-actions {
padding-top: 10px;
}
/* END OF ACCORDION STYLE */
/*BREADCRUMB STYLING*/
.page-crumbs a {
color: #3D3D3D;
font-size: 0.8125em;
font-family: "Avenir Light";
} .page-crumbs.whiteLinks {
width: 88%;
margin: auto;
padding-top: 20px;
} .page-crumbs.whiteLinks a {
color: #FFFFFF;
} .page-crumbs.whiteLinks .fa-angle-right {
color: #FFFFFF;
} .page-crumbs.whiteLinks a:hover {
color: #FFFFFF;
} .page-crumbs a.current-page {
font-family: "Avenir Black";
pointer-events: none;
} .page-crumbs .current-page {
color: #3D3D3D;
font-size: 0.8125em;
font-family: "Avenir Black";
cursor: default;
} .page-crumbs a.current-page .panel.panel-default.panel-collapse .panel-heading a .fa {
transition: all 0.3s ease;
} .panel.panel-default.panel-collapse.open .panel-heading a .fa {
transform: rotate(90deg);
} .page-crumbs .white-font {
color: #FFFFFF;
} .reservation-page .page-crumbs a {
color: #FFFFFF;
} .reservation-page .page-crumbs .fa {
color: #FFFFFF;
}
/*END OF BREADCRUMB STYLING*/
/*TOOLTIP SYTLING*/
a[data-tooltip] {
position: relative;
} a[data-tooltip]::before, a[data-tooltip]::after {
position: absolute;
display: none;
height: 24px;
background-color: transparent;
font-family: Avenir Light;
font-size: 0.6875em;
text-transform: uppercase;
/*opacity: 0.85;*/
} a[data-tooltip]::before {
/*
* using data-tooltip instead of title so we
* don't have the real tooltip overlapping
*/
content: attr(data-tooltip);
background: #D8D8D8;
color: #000000;
font-size: 0.6875em;
font-family: "Avenir Light";
padding: 5px;
padding-right: 8px;
padding-left: 8px;
border-radius: 0px;
/* we don't want the text to wrap */
white-space: nowrap;
text-decoration: none;
} a[data-tooltip]::after {
width: 0;
height: 0;
border: 6px solid transparent;
content: '';
} a[data-tooltip]:hover::before, a[data-tooltip]:hover::after {
display: block;
}
/** positioning **/
/* left tooltip */
a[data-tooltip][data-placement="left"]::before {
top: -25%;
right: 100%;
margin-right: 10px;
} a[data-tooltip][data-placement="left"]::after {
border-left-color: #000;
border-right: none;
top: 50%;
right: 100%;
margin-top: -6px;
margin-right: 4px;
}
/* right tooltip */
a[data-tooltip][data-placement="right"]::before {
top: -25%;
left: 100%;
margin-left: 10px;
} a[data-tooltip][data-placement="right"]::after {
border-right-color: #000;
border-left: none;
top: 50%;
left: 100%;
margin-top: -6px;
margin-left: 4px;
}
/* top tooltip */
a[data-tooltip][data-placement="top"]::before {
bottom: 100%;
left: 0;
margin-bottom: 10px;
} a[data-tooltip][data-placement="top"]::after {
border-top-color: #000;
border-bottom: none;
bottom: 100%;
left: 10px;
margin-bottom: 4px;
}
/* bottom tooltip */
a[data-tooltip][data-placement="bottom"]::before {
top: 100%;
left: 0;
margin-top: 10px;
} a[data-tooltip][data-placement="bottom"]::after {
border-bottom-color: #D8D8D8;
border-top: none;
top: 100%;
left: 10px;
margin-top: 4px;
}
/*TOOLTIP STYLING*/
/*button style*/
.btn.custom-button-style {
border-radius: 0px;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
font-size: 1.125em;
font-family: Goshen;
padding: 11px 14px 6px;
} .btn.custom-button-style:hover {
cursor: pointer;
} .btn.custom-button-style.grey {
background-color: #D8D8D8;
color: #3D3D3D !important;
padding: 11px 14px 6px
} .btn.custom-button-style.grey.reorder {
margin-top: 5px;
margin-right: 10px;
} #place-order.btn.custom-button-style.grey {
background-color: #D8D8D8;
color: #3D3D3D;
cursor: Default;
} .btn.custom-button-style.grey:hover {
background-color: #E5E5E5;
} .btn.custom-button-style.grey:active {
box-shadow: none;
} .btn.custom-button-style.custom-border {
border: none !important;
} .btn.custom-button-style.red {
background-color: #AA272F;
color: #FFFFFF;
padding: 11px 14px 6px;
margin-top: 5px;
} .btn.custom-button-style.red.undo {
background-color: #AA272F;
color: #FFFFFF;
padding: 11px 14px 6px;
margin-top: 5px;
text-transform: lowercase;
} .btn.custom-button-style.red.smallButtonStyle {
height: 44px;
font-size: 1.125em;
width: 100px;
} .btn.custom-button-style.red.srch {
background-color: #AA272F;
color: #FFFFFF;
padding: 11px 14px 6px;
height: 44px;
} .btn.custom-button-style.red:hover {
background-color: #C13846;
} .btn.custom-button-style.red:active {
box-shadow: none;
}
/*button style*/
/*custom input styling*/
/*custom input styling*/
@media only screen and (max-width: 575px) {
.top-banner .wrapper-inside .right-column a.favorites {
display: none;
}
} @media only screen and (max-width: 530px) {
.top-banner .login-signup a.sign {
display: none;
}
} @media only screen and (max-width: 480px) {
.top-banner .wrapper-inside .right-column a.current-location {
display: none;
}
}
/*231F20*/
/*WHEN TRANSFERRING OVER YOUR CONTENT FROM OTHER FILES WHICH HAVE RESERVATION STYLES MAKE SURE YOU DO NOT ERASE THIS*/
.theNotificationIsShowing ~ * #notification-bar, .theNotificationIsShowing ~ *#notification-bar-item-canceled {
top: 107px;
} #notification-bar {
min-width: 300px;
max-width: 985px;
width: 82%;
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-notification.jpg);
/*padding-top: 30px;
padding-right: 30px;
padding-bottom: 25px;
padding-left: 30px;*/
position: fixed;
top: 110px;
left: 50%;
transform: translate(-50%, 0);
z-index: 1;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
/*webkit transition*/
-webkit-transition: top 500ms ease-out;
-moz-transition: top 500ms ease-out;
-o-transition: top 500ms ease-out;
transition: top 500ms ease-out;
/*height*/
max-height: -webkit-calc(100vh - 120px);
max-height: -moz-calc(100vh - 120px);
max-height: calc(100vh -120px) !important;
overflow-y: scroll;
} #notification-bar-item-canceled {
min-width: 300px;
max-width: 985px;
width: 82%;
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-notification.jpg);
padding-top: 30px;
padding-right: 30px;
padding-bottom: 25px;
padding-left: 30px;
position: fixed;
top: 110px;
left: 50%;
transform: translate(-50%, 0);
z-index: 1;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
/*webkit transition*/
-webkit-transition: top 250ms ease-out;
-moz-transition: top 250ms ease-out;
-o-transition: top 250ms ease-out;
transition: top 250ms ease-out;
} .sfPageWrapper #notification-bar {
position: initial;
top: initial;
left: initial;
} .sfPageWrapper #notification-bar-item-canceled {
position: relative;
top: inherit;
left: initial;
} #notification-bar.hide-notification-bar {
top: -330px;
} #notification-bar-item-canceled.hide-notification-bar {
top: -30px;
} #notification-bar-container {
width: 100%;
} #notification-bar .added-to-order {
font-family: "Avenir Light";
font-size: 1.125em;
} #notification-bar-item-canceled .added-to-order {
font-family: "Avenir Light";
font-size: 1.125em;
} #notification-bar .added-to-order .item-amount {
font-family: "Avenir Black";
} #notification-bar .added-to-order .item-name {
font-family: "Avenir Black";
} #notification-bar .area-for-buttons {
margin-top: 12px;
} #notification-bar .area-for-buttons .btn {
margin-right: 10px;
} #notification-bar .added-to-order .close-dropdown {
cursor: pointer;
} #notification-bar-item-canceled .added-to-order .close-dropdown {
cursor: pointer;
} #notification-bar .checkbox-style label span:nth-child(2) {
color: #3d3d3d;
} #notification-bar .item-heading {
margin-top: 25px;
border-top: 1px solid #D8D8D8
} #notification-bar .frequently-dont-show {
display: flex;
justify-content: space-between;
} #notification-bar .frequently-purchased {
font-size: 1.125em;
font-family: "Avenir Black";
line-height: 18px;
margin-top: 25px;
margin-bottom: 15px;
} #notification-bar .frequently-purchased.red {
color: #AA272F;
font-size: 0.75em;
} #notification-bar .flex-this {
padding-left: 20px;
padding-right: 20px;
} #notification-bar .MenuList {
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
margin-top: 0px;
margin-top: 0px;
} #notification-bar .add-to-order-section .btn {
margin-top: -5px;
} #notification-bar .dropdown {
position: absolute;
} #notification-bar .dropdown-menu {
max-height: 136px;
overflow-y: scroll;
min-width: 68px;
} #notification-bar .dropdown-menu > li {
width: 50px;
} .orderSummary .option-row-quantity .dropdown {
position: absolute;
} .option-row-quantity .dropdown {
position: relative;
} .orderSummary .option-row-quantity .dropdown {
top: -67px;
} .orderSummary .menu-and-order-middle-section .MenuList .row.flex-this:only-child {
border-bottom: none;
} .option-row-quantity .dropdown .btn {
margin-left: 0px
} .option-row-quantity .dropdown-menu {
max-height: 136px;
overflow-y: scroll;
min-width: 68px;
} .option-row-quantity .open > .dropdown-menu {
z-index: 1;
} .option-row-quantity .dropdown-menu > li {
width: 50px;
} .orderSummary .option-row-quantity .quantity {
margin-top: 20px;
} .option-row-quantity .quantity {
color: #2B2B2B;
font-family: "Avenir Medium";
font-size: 0.75em;
/*margin-top: 20px;*/
} .option-row-quantity .dropdown .btn {
border: none;
border-radius: 0px;
border-bottom: 1px solid #757575;
} #notification-bar .add-to-order-section {
padding-left: 25%;
} #notification-bar .quantity {
color: #2B2B2B;
font-family: "Avenir Medium";
font-size: 0.75em;
margin-top: 20px;
} #notification-bar .menu-and-order-middle-section {
padding: 30px;
} #notification-bar .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics {
justify-content: initial;
} #notification-bar .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories {
margin-right: 30px;
} #notification-bar .added-to-order .close-dropdown:before {
cursor: pointer;
content: "\e900";
font-family: "pfchangs";
font-size: 1.25em;
} #notification-bar-item-canceled .added-to-order .close-dropdown.custom-close:before {
cursor: pointer;
content: "\e900";
font-family: "pfchangs";
font-size: 1.25em;
} .added-to-order .close-dropdown.custom-close:before {
cursor: pointer;
content: "\e900";
font-family: "pfchangs";
font-size: 1.25em;
} #notification-bar .item-icons-calories span {
font-family: "Avenir Light";
font-size: 1em;
} #notification-bar .dropdown .btn {
border: none;
border-radius: 0px;
border-bottom: 1px solid #3D3D3D;
} #notification-bar .menu-and-order-middle-section .MenuList .menu-item-description h2 a:hover {
text-decoration: none;
cursor: initial;
border-bottom: 0px !important;
} .notification-bar {
min-width: 300px;
max-width: 985px;
width: 82%;
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-notification.jpg);
padding-top: 30px;
padding-right: 30px;
padding-bottom: 25px;
padding-left: 30px;
position: fixed;
top: 107px;
left: 50%;
transform: translate(-50%, 0);
z-index: 5;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
/*webkit transition*/
-webkit-transition: top 250ms ease-out;
-moz-transition: top 250ms ease-out;
-o-transition: top 250ms ease-out;
transition: top 250ms ease-out;
margin-top: 3px;
} .notification-bar .added-to-order p {
text-align: center;
} #order-summary-food-box {
position: fixed;
right: 0px;
top: 130px;
padding: 10px 5px 10px 10px;
width: 70px;
height: 60px;
background-color: #231F20;
color: white;
display: flex;
cursor: default;
z-index: 5;
transition: top 0.3s linear;
} .theNotificationIsShowing ~ * #order-summary-food-box {
top: 173px;
} .theNotificationIsShowing ~ * #Account-bread-Crumbs {
margin-top: 0px;
} #Account-bread-Crumbs {
margin-top: -27px;
}
/*.theNotificationIsShowing ~ * #notification-bar-item-canceled.hide-notification-bar {
top: -20px;
}
.theNotificationIsShowing ~ * #notification-bar-item-canceled {
top: 160px;
}*/
#order-summary-food-box .icon {
margin-right: 8px;
} #order-summary-food-box .icon svg {
height: 40px;
width: 22px;
position: relative;
bottom: 1px;
} #order-summary-food-box .number-of-items {
/*background color changed to #AA272F for ADA compliance*/
background-color: #AA272F;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
border-radius: 9px;
position: relative;
top: 11px;
font-family: "Avenir Black";
font-size: 0.75em;
line-height: 20px;
} #order-summary-food-box .number-of-items.cartValueSize {
font-size: 0.5625em;
} .sfPageWrapper .notification-bar {
position: relative;
top: inherit;
left: initial;
} .notification-bar.hide-notification-bar {
top: -300px;
} .notification-bar .added-to-order {
font-family: "Avenir Light";
font-size: 1.125em;
float: left;
width: calc(100% - 25px);
margin-bottom: 5px !important;
} .notification-bar .added-to-order .item-name {
font-family: "Avenir Black";
} .notification-bar .area-for-buttons {
margin-top: 12px;
} #notification-bar .area-for-buttons .btn {
margin-right: 10px;
} .notification-bar .added-to-order .close-dropdown {
cursor: pointer;
} .sfPageWrapper #wrapper {
position: relative;
top: 70px;
} .sfPageWrapper .rooster-nav-container {
position: relative;
} .sfPageWrapper #content {
top: 100px;
} .blog-landing-page {
position: relative;
top: 70px;
} .blog-landing a.details.offers {
font-size: 1.125em;
letter-spacing: .1em;
} .blog-landing-page .hero-image-and-title {
position: relative;
} .blog-landing-page .hero-image-and-title img {
width: 100%;
height: auto;
min-height: 200px;
max-height: 400px;
display: block;
} .blog-landing-page .hero-image-and-title .img-overlay {
color: white;
position: absolute;
bottom: 25px;
margin-bottom: 15px;
margin: auto;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
width: 66%;
} .blog-landing-page .hero-image-and-title .title {
font-family: Goshen;
font-size: 0.6875em8px;
line-height: 118px;
} .blog-landing-page .hero-image-and-title .sub-title {
font-family: "Avenir Medium";
font-size: 1.125em;
text-transform: uppercase;
} .blog-landing-page .blog-nav {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: center;
} .blog-landing-page .blog-nav a {
color: #3D3D3D;
font-family: "Avenir Medium";
font-size: 0.8125em;
margin-right: 60px;
} .blog-landing-page .blog-nav a.selected {
color: #3D3D3D;
font-family: "Avenir Black";
font-size: 0.8125em;
margin-right: 60px;
} .blog-landing-page .article-listing {
width: 88%;
margin: auto;
} .blog-landing-page .article-summary {
margin-bottom: 30px;
} .blog-landing-page .article-summary .image-and-date {
position: relative;
} .blog-landing-page .article-summary .image-and-date .date {
position: absolute;
bottom: 30px;
padding: 10px 30px 10px 30px;
background-color: #AA272F;
color: #FFFFFF;
font-family: "Avenir Light";
font-size: 0.8125em;
} .blog-landing-page .article-summary .image-and-date img {
width: 100%;
} .blog-landing-page .article-summary .article-details {
background-color: #D8D8D8;
text-align: center;
color: #3D3D3D;
padding-top: 15px;
padding-bottom: 25px;
height: 185px;
} .blog-landing-page .article-summary .article-details .share-icon {
fill: #3d3d3d;
} .blog-landing-page .article-summary .article-details .category {
font-family: "Avenir Light";
font-size: 0.8125em;
} .blog-landing-page .article-summary .article-details .title {
color: #231F1F;
font-family: "Avenir Black";
font-size: 1.375em;
min-width: 268px;
width: 48%;
margin: auto;
margin-bottom: 25px;
} .blog-landing-page .article-summary .article-details .sub-title {
font-family: "Avenir Medium";
font-size: 0.8125em;
text-transform: uppercase;
padding-right: 25px;
padding-left: 25px;
font-weight: 900;
} .blog-landing-page .article {
width: 88%;
margin: auto;
padding-top: 30px;
padding-bottom: 30px;
} .blog-landing-page .name-and-date {
text-align: center;
background-color: #626464;
font-size: 0.8125em;
font-family: "Avenir Medium";
color: #231F1F;
padding-top: 15px;
padding-bottom: 15px;
} .blog-landing-page .article p {
color: #3D3D3D;
font-size: 1.125em;
font-family: "Avenir Light";
margin-bottom: 30px;
} .blog-landing-page .article img {
width: 100%;
margin-bottom: 30px;
} .blog-landing-page .article .author {
background-color: #D8D8D8;
padding: 20px;
margin-bottom: 30px;
} .blog-landing-page .article .author .name {
font-family: "Avenir Black";
font-size: 1.5625em;
text-transform: uppercase;
line-height: 32px;
} .blog-landing-page .article .author .occupation {
font-family: "Avenir Light";
font-size: 0.9375em;
margin-top: 10px;
margin-bottom: 10px;
} .blog-landing-page .article .author .more {
font-family: "Avenir Light";
font-size: 0.8125em;
text-transform: uppercase;
} .blog-landing-page .article .image {
margin-top: -20px;
margin-right: -20px;
margin-left: -20px;
} .blog-landing-page .article .social-box {
background-color: #D8D8D8;
padding: 20px;
} .blog-landing-page .article .social-box .wording {
font-size: 0.8125em;
color: #3D3D3D;
font-family: "Aveir Light";
} .blog-landing-page .article .social-box .icons a {
font-size: 1.5625em;
margin-right: 15px;
color: #3D3D3D;
} .blog-landing-page .author-image-and-info {
padding: 30px;
background-color: #D8D8D8;
text-align: center;
} .blog-landing-page .author-image-and-info .image img {
width: 100%
} .blog-landing-page .author-image-and-info .author-info .name {
font-family: "Avenir Black";
font-size: 1.6875em
color: #231F1F;
text-transform: uppercase;
} .blog-landing-page .author-image-and-info .author-info .role {
font-family: "Avenir Medium";
font-weight: 900;
font-size: 0.875em;
} .blog-landing-page .author-image-and-info .author-info .bio p {
margin-bottom: 20px;
font-size: 0.9375em;
font-family: "Avenir Light";
} .blog-landing-page .author-image-and-info .author-info .bio h3 {
margin-bottom: 10px;
font-size: 1.125em;
font-family: "Avenir Black";
} .blog-landing-page .author-image-and-info + .navbar-article-listing {
padding-top: 30px;
} .blog-landing-page .articles-by {
font-family: Goshen;
text-transform: lowercase;
font-size: 2.125em;
line-height: 34px;
margin-bottom: 30px;
color: #3D3D3D;
text-align: center;
} .Blog .noMobile a:first-of-type:hover {
text-decoration: underline;
} .page-blog p.normal {
line-height: 24px;
} .sf_cols.container.blog_container {
margin-top: 20px;
margin-bottom: 20px;
} .blog_date div {
padding: 14px;
} .blog_date p {
font-size: 0.8125em;
} .RadSiteMap .rsmFlow {
padding-left: 0px !important;
left: 6%;
padding-top: 20px !important;
} li.rsmItem.sfBreadcrumbNavigation a, li.rsmItem.sfNoBreadcrumbNavigation a {
text-transform: capitalize;
padding-left: 0px;
padding-right: 0px;
} span.sfBreadcrumbNodeSeparator {
padding-left: 4px;
padding-right: 0px;
} .set-width-to-half {
width: 50%;
} .menu-and-order-middle-section .checkbox-style.set-width-to-full {
width: 100%;
} .social-media-mobile {
display: none;
width: 100%;
margin: auto;
} .social-media-mobile .social-media-post {
width: 100%;
margin: auto;
height: 360px;
max-height: 365px;
background-color: #FFFFFF;
margin-bottom: 10px;
padding: 10px;
} .social-media-mobile .social-media-post .image img {
height: 100%;
width: 100%;
/*max-height: 270px;
max-width: 252px;*/
object-fit: cover;
} .social-media-mobile .thumbnail a:hover {
text-decoration: none;
} .social-media-mobile .thumbnail .post-details .time {
font-size: 0.6875em.5px;
margin-bottom: 10px;
} .social-media-mobile .thumbnail .post-details .tags {
font-family: "Avenir Black";
font-size: 0.875em;
color: #AA272F;
} .social-media-mobile .thumbnail .profile .profile-image img {
height: 28px;
width: 28px;
border-radius: 50px;
} .checkout-page .row {
border-top: 1px solid #d8d8d8;
/*border-bottom: 1px solid #d8d8d8;*/
padding-top: 15px;
padding-bottom: 15px;
margin-right: 45px;
margin-left: 0px;
display: flex;
align-items: center;
} .checkout-page .row:last-of-type {
border-bottom: 1px solid #d8d8d8;
margin-bottom: 25px;
} .checkout-page .item-Name {
text-align: right;
font-family: "Avenir Black";
font-size: 1em;
} .checkout-page .finishing {
font-family: "Avenir Black";
font-size: 1.125em;
margin-bottom: 5px
} .checkout-page .feel-free {
font-family: "Avenir Light";
font-size: 1em;
margin-bottom: 15px
} .checkout-page > .btn {
margin-bottom: 25px;
} .checkout-page-container {
padding-bottom: 35px;
} .order-review-page .checkout-page-container .sf_2cols_1_67 {
width: 65% !important;
} .order-review-page .checkout-page-container .sf_2cols_2_33 {
width: 35% !important;
} .checkout-page-container .orderSummary {
padding-top: 128px;
} .main-body .order-confirmation p {
font-size: 1em;
font-family: "Avenir Light";
margin-bottom: 10px;
} .order-confirmation .preferred-member {
font-size: 1em;
font-family: "Avenir Black";
margin-top: 20px;
margin-bottom: 2px;
} .order-confirmation .orderDetails {
font-size: 1.875em;
font-family: "Goshen";
text-transform: lowercase;
margin-bottom: 20px;
margin-top: 15px;
border-bottom: 1px solid #D8D8D8;
} .order-confirmation .reward-detail {
margin-bottom: 2px;
line-height: 100%;
} .order-confirmation .pickup {
font-size: 1.125em;
font-family: "Avenir Black";
border-bottom: 1px solid #D8D8D8;
margin-bottom: 10px;
padding-bottom: 5px;
} .order-confirmation .bluebox {
padding: 14px;
font-family: "Avenir Black";
font-size: 0.75em;
background-color: #F1F4E5;
border: 1px solid #BFCE89;
color: #739600;
} .order-confirmation .redbox {
padding: 15px;
font-family: "Avenir Black";
font-size: 0.875em;
background-color: rgba(170, 39, 47, .75);
border: 1px solid #000000;
} .pageOrderExtras .panel.orderSummary .panel-body .order-actions-checkout a.cancel-order {
margin-top: 12px;
} .order-confirmation .orderSummary {
padding-top: 112px;
} .order-confirmation .location {
margin-top: 20px;
margin-bottom: 10px;
} .order-confirmation .location .city {
font-family: "Avenir Black";
font-size: 1em;
line-height: 22px;
} .order-confirmation .location p {
margin-bottom: 0px;
line-height: 22px;
} .order-confirmation .location p a {
color: #3d3d3d;
} .order-confirmation .payment-options {
margin-top: 50px;
margin-bottom: 15px;
border: 5px;
font-size: 1.125em;
font-family: "Avenir Black";
} .order-confirmation .payment-options label {
border-bottom: 1px solid #D8D8D8;
} .order-confirmation .payment-options .act-like-label {
/*display: inline-block;
max-width: 100%;*/
margin-bottom: 6px;
font-weight: 700;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 6px;
} .order-confirmation .payment-options .btn {
margin-right: 15px;
} .order-confirmation .contact-info {
border: 5px;
margin-top: 50px;
margin-bottom: 15px;
} .order-confirmation .contact-info .orderDetails {
margin-bottom: 10px;
} .order-confirmation .contact-info p {
margin-bottom: 0px;
} .order-confirmation .orderSummary.less-padding {
padding-top: 40px;
} .order-confirmation .orderSummary.less-padding .panel-heading {
background-color: rgba(35, 31, 32, .9);
padding: 0px;
} .order-confirmation .orderSummary.less-padding .panel-heading .panel-title {
display: flex;
justify-content: space-between;
font-family: 'Avenir Black';
font-size: 0.875em;
text-transform: uppercase;
} .order-confirmation .orderSummary.less-padding .panel-heading .panel-title > a {
width: 100%;
padding: 10px 15px;
text-decoration: none;
} .order-confirmation .orderSummary.less-padding .panel-heading .panel-title > a .fa {
float: right;
font-size: 1.25em;
transform: rotate(0deg);
-webkit-transition: transform .5s; /* For Safari 3.1 to 6.0 */
transition: transform .5s;
} .order-confirmation .orderSummary.less-padding .panel-heading .panel-title > a.collapsed .fa {
transform: rotate(-90deg);
} .order-confirmation .panel.orderSummary .panel-body {
padding: 25px 30px;
} .order-confirmation .panel.orderSummary .panel-body .item-row td, .order-confirmation .panel.orderSummary .panel-body .subtotal-row td, .order-confirmation .panel.orderSummary .panel-body .tax-row td {
padding-bottom: 8px;
padding-top: 10px;
} .order-checkout .checkout-steps .time-and-location-pickup .form-control:focus {
border-color: #757575;
} .order-confirmation .checkout-steps {
padding-bottom: 0px;
} .order-confirmation .checkout-steps .checkout-step-4 {
margin-top: 0px;
padding-bottom: 0px;
} .order-confirmation .print-order {
margin-left: 0px;
} .order-confirmation .print-order a {
font-family: 'Avenir Black';
font-size: 0.8125em;
color: #AA272F !important;
text-transform: uppercase;
} .order-confirmation .custom-create-account {
font-family: 'Avenir Black';
font-size: 0.8125em;
text-transform: uppercase;
} .order-confirmation .phone-number a {
color: #3D3D3D;
} .order-confirmation .phone-number a:hover {
text-decoration: none;
} .order-confirmation .recent-order-and-or-favorite .saveAsFavorite {
padding-bottom: 2px;
} .order-confirmation .recent-order-and-or-favorite .saveAsFavorite a {
text-transform: uppercase;
font-size: 0.8125em;
} .order-confirmation .recent-order-and-or-favorite .btn.custom-button-style.red {
margin-top: 0px;
margin-bottom: 20px;
} .order-confirmation .order-summary.recent-item-ordered-name {
text-decoration: none;
} .order-confirmation .order-detail .items-table {
margin-bottom: 0px;
} .order-confirmation .order-detail .items-table tr:not(:last-child) td {
padding-bottom: 3px;
} .order-confirmation .order-detail .items-table td.options {
padding-bottom: 5px;
} .order-confirmation .recent-order-and-or-favorite .custom-button-style.grey {
margin-right: 6px;
margin-bottom: 10px;
} .text-underline {
color: #3D3D3D !important;
} .panel.orderSummary .panel-body .order-actions-checkout a.cancel-order {
color: #AA272F;
font-family: "Avenir Black";
text-transform: uppercase;
font-size: 0.8125em;
} .panel.orderSummary .panel-body .order-actions-checkout a.cancel-order:hover {
text-decoration: underline;
} .panel.orderSummary .panel-body a.checkout-cancel-order {
color: #AA272F;
font-family: "Avenir Black";
text-transform: uppercase;
font-size: 0.8125em;
position: relative;
left: 6px;
} .panel.orderSummary .checkout .panel-title {
display: inline;
} .checkout .panel-heading-link {
float: right;
color: #FFFFFF;
} .checkout-summary .dark {
font-family: "Avenir Black";
font-size: 0.875em;
} .checkout-summary .row {
padding-top: 10px;
padding-bottom: 10px;
} .checkout-summary .taxes {
border-bottom: 1px solid #D3D3D3;
margin-right: 0px;
margin-left: 0px;
} .checkout-summary .taxes .dark {
padding-left: 0px;
} .checkout-summary .taxes .light {
padding-right: 0px;
} .checkout-summary .total {
/*border-bottom: 1px solid #D3D3D3;*/
margin-right: 0px;
margin-left: 0px;
} .checkout-summary .total .dark {
padding-left: 0px;
} .checkout-summary .total .light {
padding-right: 0px;
} .checkout-summary .light {
font-family: "Avenir Medium";
font-size: 0.875em;
} .checkout-steps {
padding-bottom: 20px;
margin-right: 300px;
} .checkout-steps.reservation-page .text-input-style {
color: black !important;
max-width: 300px;
-webkit-text-fill-color: #000;
} .checkout-steps .checkout-step-1 {
padding-bottom: 2em;
} .checkout-steps .checkout-step-2 {
margin-top: 25px;
padding-bottom: 2em;
} .checkout-steps .checkout-step-3 {
margin-top: 25px;
padding-bottom: 2em;
} .checkout-steps .checkout-step-4 {
margin-top: 25px;
padding-bottom: 2em;
} .checkout-steps .header {
font-family: "Avenir Black";
font-size: 1.125em;
margin-bottom: 15px;
position: relative;
/**/
margin-top: 31.5px;
display: flex;
} .checkout-steps .header span:first-child {
font-family: "Avenir Black";
padding-bottom: 5px;
color: #3D3D3D;
} .checkout-steps .header .bottomBorder {
position: relative;
flex: 1;
} .checkout-steps .header .bottomBorder:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 1px;
background-color: #D8D8D8;
} .checkout-steps .checkout-step-2 .header {
margin-bottom: 30px;
} .checkout-steps .cross-street {
display: block;
} .checkout-steps .adr {
display: block;
} .checkout-steps .vcard a.tel {
display: inline-block;
margin-bottom: 10px;
color: #3D3D3D;
} .checkout-steps .vcard > span {
margin-bottom: 7px;
} .checkout-steps .vcard {
font-family: "Avenir Light";
font-size: 0.9375em;
line-height: 20px
} .checkout-steps .vcard a {
margin-bottom: 10px;
} .checkout-steps .org.location-label {
font-family: "Avenir Black";
color: #3D3D3D;
font-size: 1em
} .checkout-steps .checkout-step-1 .left {
margin-top: 50px;
/*margin-left: 36px;*/
} .checkout-logo {
width: 115px;
margin-right: 2.0em;
} .checkout-steps input.text-input-style:focus ~ .text-label-style {
color: #000000;
} .checkout-steps input.text-input-style:valid ~ .text-label-style, .checkout-steps select.text-input-style:valid ~ .text-label-style {
color: #000000;
} .checkout-steps select.text-input-style option {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
} .checkout-steps .text-label-style {
color: #000000;
} .checkout-steps .preferred-text {
font-family: "Avenir Light";
font-size: 1em;
line-height: 22px;
display: inline-block;
} .checkout-steps .login-option {
font-family: "Avenir Medium";
font-size: 0.9375em;
margin-bottom: 15px;
} .alert-section {
margin-bottom: 35px;
} .alert {
padding: 14px !important;
border-radius: 0px !important;
} .alert-info {
color: #182B49 !important;
font-family: "Avenir Medium";
font-weight: normal;
background-color: #E7E9EC !important;
border-color: #949DAB !important;
} .location-style {
font-family: "Avenir Black";
text-transform: uppercase;
color: #182B49 !important;
} .custom-edit {
padding-top: 0px !important;
padding-bottom: 0px !important;
} .alert-section .bold {
font-family: 'Avenir Black';
} .menu-and-order-middle-section.check-box-checkout.ng-scope {
margin-top: 11px;
} .checkout-steps .checkout-step-2 .menu-and-order-middle-section {
width: auto;
padding: 0px;
} .reservation-page .group.no-bottom-margin {
margin-bottom: 0px;
} .checkout-steps .checkout-step-2 .margin-left-40 {
font-size: 1em;
margin-bottom: 20px;
/*margin-left: 36px;*/
} .checkbox-checkout {
font-family: Avenir Light;
} p.promo-not-logged-in.ng-scope.promo-message {
font-family: Avenir Medium !important;
font-size: 1em !important;
} ​ .time-and-location-pickup .fa-calendar {
position: absolute;
top: 9px;
left: 0px;
} .time-and-location-pickup .bg-danger .fa-calendar {
left: 15px;
top: 25px;
} .time-and-location-pickup .bg-danger .caret {
top: 31px;
} select.cstm-input-pad::-ms-expand {
display: none;
} select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
} .time-and-location-pickup .caret {
top: 17px;
position: absolute;
right: 10px;
} .time-and-location-pickup .group .cstm-input-pad {
padding-left: 20px;
} .time-and-location-pickup .group .cstm-dd-pad {
padding-left: 20px;
} .time-and-location-pickup .fa-clock-o {
position: absolute;
top: 10px;
left: 0px;
}
/*Apply Effect only Firefox*/
@-moz-document url-prefix() {
.time-and-location-pickup .fa-clock-o {
position: absolute;
top: 12.5px;
left: 0px;
}
} .cstm-help-block {
margin-top: 8px !important;
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
color: #8E8E8E !important;
} .pushDown .vehicleStyle {
max-width: 300px;
} .checkout-steps .checkout-step-2 .group.phone-number {
margin-bottom: 0px;
margin-top: 15px;
} .checkout-steps .checkout-step-4 .order-details-table {
width: 100%;
padding-top: 25px;
padding-right: 30px;
padding-bottom: 25px;
padding-left: 30px;
} .checkout-steps .checkout-step-4 .order-details-table thead {
border-bottom: 1px solid #D8D8D8;
padding-bottom: 5px;
} .checkout-steps .checkout-step-4 .order-details-table thead tr th {
font-family: "Avenir Black";
font-size: 0.875em;
color: #2B2B2B;
} .checkout-steps .checkout-step-4 .order-details-table tr.item-row {
font-family: "Avenir Medium";
font-size: 0.875em;
color: #3D3D3D;
vertical-align: top;
} .checkout-steps .checkout-step-4 .order-details-table tbody tr:nth-last-child(2) {
border-bottom: 1px solid #D8D8D8;
} .checkout-steps .checkout-step-4 .order-details-table .promo-enter-row .promo-title {
font-family: "Avenir Black";
font-size: 1em;
} .checkout-steps .checkout-step-4 .order-details-table tfoot tr:not(:last-child) {
border-bottom: 1px solid #D8D8D8;
} .checkout-steps .checkout-step-4 .order-details-table tfoot .qty {
font-family: "Avenir Black";
font-size: 0.875em;
} .checkout-steps .errorSection {
color: #ab262f;
padding: 2em;
line-height: 35px;
background-color: #f2dede;
} .checkout-steps .place-order-info {
color: #182B49;
font-family: Avenir Medium;
font-size: 0.75em;
padding: 2em;
line-height: 35px;
background-color: #E7E9EC;
} .checkout-steps .errorSection .errorMessage {
font-family: "Avenir Medium";
margin-left: calc(15px + 5vw);
} .checkout-steps .place-order-info .errorMessage {
font-family: "Avenir Medium";
margin-left: calc(15px + 5vw);
} #riceitemmodel {
position: absolute;
top: 9px;
left: 170px;
} .global-licensing-opportunities table {
border: none;
} .global-licensing-opportunities table td {
border: none;
} .global-licensing-opportunities h2 {
font-family: "Avenir Black";
font-size: 1.25em;
} .global-licensing-opportunities p {
font-size: 0.9375em;
font-family: "Avenir Light";
margin-bottom: 9px;
} .global-licensing .btn.custom-button-style.red.global:focus {
outline: none;
} #rooster-update .sfPageWrapper #wrapper #content {
top: -42px;
} .videoHolder {
position: relative;
height: 0px;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
} .videoHolder iframe {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 76%;
height: 65%;
} .Reservations #footer {
margin-top: 0px;
} .Media-Page-Refresh {
position: relative;
top: 40px;
} .Media-Page-Refresh .heroImage {
position: relative;
} .Media-Page-Refresh .heroImage img {
display: block;
min-height: 300px;
} .Media-Page-Refresh .heroImage .overlay {
position: absolute;
top: 0px;
width: 100%;
margin-left: 6%;
margin-right: 6%;
} .Media-Page-Refresh .heroImage .overlay2 {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
} .Media-Page-Refresh .setMargins {
width: 88%;
margin: auto;
padding-top: 25px;
} .Media-Page-Refresh p {
font-family: "Avenir Light";
font-size: 0.9375em;
margin-bottom: 25px;
} .Media-Page-Refresh .linkHolder {
margin-bottom: 15px;
} .Media-Page-Refresh .linkHolder a {
font-family: "Avenir Black";
font-size: 1em;
color: #000000;
} .Media-Page-Refresh .linkHolder a:after {
content: "\f101";
font-family: FontAwesome;
color: #000000;
margin-left: 5px;
} .Media-Page-Refresh .contactInfo {
margin-top: 25px;
font-size: 0.9375em;
color: #000000;
background-color: #d8d8d8;
padding-left: 6%;
padding-right: 6%;
padding-top: 25px;
padding-bottom: 25px;
font-family: "Avenir Medium";
} .Media-Page-Refresh .contactInfo .mediaContact {
font-family: "Avenir Black";
} .overlay2 h1.style-refresh {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
color: #FFFFFF;
text-shadow: 0px 0px 2px #000000;
font-size: calc(100px + 4vw);
} .Media-Page-Refresh .page-crumbs {
position: relative;
top: 40px;
} .socialMobileContent {
display: none;
} .tastes-wrapper .control-label {
width: 100%;
text-align: left;
} .accountPagesStyles .panel-title.displayInline {
display: inline;
} .accountPagesStyles .panel-title.displayInline + span.panel-heading-link {
float: right;
} .accountPagesStyles .panel-title.displayInline + a.panel-heading-link {
float: right;
} .accountPagesStyles .panel-title.displayInline + a.panel-heading-link:hover {
text-decoration: underline;
} .accountPagesStyles fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 1px;
width: 100%;
margin-top: 40px;
} .accountPagesStyles fieldset + fieldset {
margin-top: 25px;
} .accountPagesStyles .preferred-location-list {
margin-bottom: 0px;
} .accountPagesStyles .preferred-location-list .store-info {
font-size: 1em;
font-family: "Avenir light";
padding-bottom: 15px;
padding-top: 15px;
line-height: 22px;
color: #3D3D3D !important;
} .reservations-underline:hover {
text-decoration: underline;
cursor: pointer;
} li.store-info.ng-scope:first-child {
padding-top: 0px !important;
} .accountPagesStyles .preferred-location-list .store-info:not(:first-child) {
border-top: 1px solid #d8d8d8;
} .accountPagesStyles .preferred-location-list .store-info .town {
font-family: "Avenir Black";
color: #80379B;
font-size: 1em;
margin-bottom: 3px !important;
} li#myPreferredLocation a {
padding-bottom: 0px !important;
} a#changePassword {
padding-bottom: 0px;
} .ng-scope .preferred-location-list .store-info .town .citydescription {
color: #675d53;
} .store-info .address {
margin-bottom: 5px;
} .accountPagesStyles .preferred-location-list .store-info .town .locationdetail {
color: #80379B;
padding-bottom: 3px;
} .accountPagesStyles .preferred-location-list .store-info .town:after {
content: "\203A";
} .ng-scope .accountPagesStyles .pfchangs-preferred-paratext {
font-family: 'Avenir Light';
line-height: 22px;
font-size: 1em;
} .accountPagesStyles .preferred-location-list .store-info .btn {
float: right;
} .accountPagesStyles .add-preferred-location-link {
font-family: Avenir Black;
font-size: 0.8125em;
color: #80379B;
text-transform: uppercase;
} .accountPagesStyles .preferred-location-footer-text {
font-family: Avenir light;
font-size: 1em;
line-height: 22px;
color: #3D3D3D;
} .tastes-wrapper .question {
margin-bottom: 15px;
} .tastes-wrapper.reservation-page .text-input-style {
color: #000000;
} .tastes-wrapper.reservation-page .text-label-style {
color: #000000;
} .tastes-wrapper.reservation-page input.text-input-style:focus ~ .text-label-style {
color: #000000;
} .tastes-wrapper.reservation-page input.text-input-style:valid ~ .text-label-style {
color: #000000;
} .tastes-wrapper.menu-and-order-middle-section .checkbox-style {
width: 100%;
} .tastes-wrapper .input-wrapper.custom-styling .form-control {
border: none;
border-bottom: 2px solid black;
border-radius: 0px;
box-shadow: none;
} .accountPagesStyles .oder-details {
padding-top: 25px;
padding-bottom: 25px;
font-size: 0.9375em;
font-family: "Avenir Medium";
} .accountPagesStyles .oder-details .order-items {
margin-bottom: 10px;
color: #80379B;
} .accountPagesStyles .overview-orders-info.recent-orders-info .recent-orders-heading {
font-family: "Avenir Black";
font-size: 1em;
} .accountPagesStyles .oder-details a {
font-family: "Avenir Black" !important;
font-size: 0.8125em !important;
color: #aa272f;
} .accountPagesStyles .recent-orders-info .oder-details {
border-bottom: 1px solid #d8d8d8;
} .accountPagesStyles .addMarginTop {
margin-top: 15px;
font-family: Avenir Light;
font-size: 1em;
line-height: 22px;
margin-bottom: 10px !important;
} p.addMarginTop.removing-margintop {
margin-top: 0px !important;
} .account-password .panel-body p {
margin-bottom: 25px;
font-family: "Avenir Light";
font-size: 1em;
} .accountPagesStyles .password-instruction {
font-family: "Avenir Light";
font-size: 1em;
} .account-orders .img-responsive {
max-width: none;
width: 100%;
} .reservation-page .text-label-style.black-text {
color: #000000 !important;
} .reservation-page .text-input-style.black-text {
color: #000000 !important;
} .reservation-page .menu-and-order-middle-section.full-width {
width: 100%;
} .accountPagesStyles .state-style {
display: inline-block;
margin-bottom: 35px;
} .accountPagesStyles .margin-bottom-35 {
margin-bottom: 30px !important;
padding-left: 0px !important;
} select.style-refresh-Style {
border: none;
border-bottom: 1px solid #757575;
border-radius: 0px;
box-shadow: none;
padding: inherit;
font-weight: bolder;
color: #000000 !important;
} select.style-refresh {
border: none;
border-bottom: 2px solid #000000;
border-radius: 0px;
box-shadow: none;
} #backToTopButton {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 55px; /* Place the button at the bottom of the page */
right: 100px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: #231F20; /* Set a background color */
opacity: .9;
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 30px; /* Rounded corners */
height: 50px;
width: 50px;
} #backToTopButton .fa {
font-size: 2.375em;
position: relative;
bottom: 11px;
right: 2px;
} #backToTopButton:hover {
opacity: 1; /* Add a dark-grey background on hover */
}
/*#backToTopButton:focus {
outline: 1px solid #4d90fe;
}*/
.about-us {
padding-top: 35px;
} .about-us .your-class-test-slick .image-name {
position: absolute;
right: 65px;
bottom: 16px;
color: #FFFFFF;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85);
font-size: 1.125em;
font-family: "Avenir Light";
letter-spacing: .01em;
} .about-us .make-position-relative {
position: relative;
} .about-us .make-position-relative .slick-next {
z-index: 1;
} .about-us .make-position-absolute {
box-sizing: border-box;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
padding-right: 6%;
padding-left: 6%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0px;
color: #FFFFFF;
text-decoration: none;
font-family: "Goshen";
font-size: 5.625em;
line-height: 90px;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85);
pointer-events: none;
} .about-us h1.goshen {
text-align: center;
font-size: 4.375em;
margin-bottom: 35px;
line-height: 1;
} .about-us h2.avenir {
text-align: center;
margin-bottom: 12px;
line-height: 1;
font-size: 1.625em;
} .about-us .heritage, .changs-today, .farm-to-wok {
padding-top: 45px;
padding-bottom: 65px;
width: 88%;
margin-right: auto;
margin-left: auto;
} .about-us p {
text-align: center;
font-size: 1em;
line-height: 24px;
} .about-us .heritage p:first-of-type {
margin-bottom: 35px;
} .about-us .big-image img {
min-height: 450px;
height: 450px;
max-height: 450px;
width: 100%;
object-fit: cover;
} .about-us .page-crumbs {
position: absolute;
top: 20px;
z-index: 1;
left: 6%;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85);
} .about-us .farm-to-wok .btn {
position: relative;
left: 50%;
transform: translate(-50%, 0);
margin-top: 25px;
font-size: 1.875em;
} .about-us .farm-to-wok .btn a {
color: #FFFFFF;
} .about-us .farm-to-wok .btn a:hover {
text-decoration: none;
} @media (min-width:768px) and (max-width:991px) {
#rooster-update .about-us .your-class-test-slick .slick-slide img {
min-height: 320px;
max-height: 450px;
}
} @media (min-width:992px) {
#rooster-update .about-us .your-class-test-slick .slick-slide img {
min-height: 450px;
height: 450px;
max-height: 450px;
}
} @media (max-width:767px) {
#rooster-update .about-us .your-class-test-slick .slick-slide img {
min-height: 450px;
height: 450px;
max-height: 450px;
}
} .about-us .your-class-test-slick .slick-slide img.cecilia {
object-position: 0px 0px;
} .about-us .your-class-test-slick .slick-slide img.philip {
object-position: 0px 43%;
} .about-us .your-class-test-slick .slick-slide img.mandarette {
object-position: center bottom;
} #rooster-update .about-us .your-class-test-slick .slick-dots {
bottom: 20px;
} .about-us h1.goshen sup {
top: -1.3em;
font-size: 40%;
} #rooster-update .about-us .your-class-test-slick .slick-next {
top: 48.5%;
} #rooster-update .about-us .your-class-test-slick .slick-prev {
top: 48.5%;
} .food-philosophy-page {
padding-top: 70px;
padding-bottom: 35px;
} .food-philosophy-page .make-position-relative {
position: relative;
} .food-philosophy-page .page-crumbs {
position: absolute;
top: 20px;
z-index: 1;
left: 6%;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85);
} .food-philosophy-page .sliderArea .contentHolder {
position: relative;
} .food-philosophy-page .sliderArea .contentHolder .headline-subheadline-holder {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
} .food-philosophy-page .sliderArea .contentHolder img.imageBackground {
min-height: 450px;
height: 450px;
max-height: 450px;
width: 100%;
object-fit: cover;
} .food-philosophy-page .sliderArea .contentHolder .slider-headline {
font-family: Goshen;
font-size: 4.375em;
line-height: 70px;
color: #FFFFFF;
text-shadow: 0px 3px 20px rgba(0, 0, 0, 0.65);
margin-bottom: 12px;
} .food-philosophy-page .sliderArea .contentHolder .subheadline {
font-family: "Avenir Black";
font-size: 1.125em;
line-height: 24px;
color: #FFFFFF;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.65);
margin-bottom: 24px;
} .food-philosophy-page .sliderArea .contentHolder img.food-philosophy-logo {
width: 50%;
margin-bottom: 18px;
-webkit-filter: drop-shadow(0px 0px 2px #000000);
filter: drop-shadow(0px 0px 2px #000000);
margin-right: auto;
margin-left: auto;
} .food-philosophy-page .sliderArea .contentHolder .btn a {
color: #FFFFFF;
} .food-philosophy-page h1.goshen {
text-align: center;
font-size: 4.375em;
margin-bottom: 35px;
line-height: 1;
} .food-philosophy-page .h1-goshen-style {
text-align: center;
font-size: 4.375em;
margin-bottom: 35px;
line-height: 1;
} .food-philosophy-page .heritage, .changs-today, .farm-to-wok {
padding-top: 45px;
padding-bottom: 65px;
width: 88%;
margin-right: auto;
margin-left: auto;
} .about-us .farm-to-wok h1.goshen sup {
position: relative;
right: 25px;
} .food-philosophy-page p {
text-align: center;
font-size: 1.125em;
line-height: 24px;
} .food-philosophy-page .video-container {
width: 88%;
margin-right: auto;
margin-left: auto;
padding-bottom: 33.25%;
margin-bottom: 25px;
} .food-philosophy-page .video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
} .food-philosophy-page .makeCentered {
position: relative;
left: 50%;
transform: translate(-50%, 0);
} .food-philosophy-page .sliderArea.slideIt {
display: none;
} .food-philosophy-page .sliderArea.slideIt .slick-dots {
bottom: 5px;
} .food-philosophy-page .btn a {
color: #FFFFFF;
} .food-philosophy-page .btn a:hover {
text-decoration: none;
} #footer {
position: absolute;
width: 100%;
/*width: 100vw;*/
} .sfPageWrapper #footer {
position: relative;
} .media-subpages {
padding-bottom: 35px;
} .media-subpages h2.goshen {
margin-top: 35px;
} .owl-nav {
position: absolute;
top: 45%;
transform: translate(0, -50%);
width: 100%;
} .owl-nav .owl-prev {
position: absolute;
left: -50px;
color: #3D3D3D;
font-size: 2.5em;
transform: scale(1, 1.3);
} .owl-nav .owl-next {
position: absolute;
right: -50px;
color: #3D3D3D;
font-size: 2.5em;
transform: scale(1, 1.3);
} .owl-carousel .owl-item {
/*margin*/
} .js .roosterNavigation ul.flexMenu-popup .additional-mobile-links {
display: block;
margin-top: 25px;
margin-bottom: 25px;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 60px;
} .js .roosterNavigation ul.flexMenu-popup .additional-mobile-links a {
font-family: 'Avenir Black';
font-size: 0.875em;
color: #D8D8D8;
letter-spacing: 0px;
} .js .roosterNavigation ul.flexMenu-popup .additional-mobile-links li {
height: 16px;
line-height: 16px;
} .js .roosterNavigation ul.flexMenu-popup .additional-mobile-links li:not(:last-child) {
margin-bottom: 7px;
} .js .roosterNavigation ul.flexMenu-popup .additional-mobile-links a:hover {
color: #FFFFFF;
} .additional-mobile-links a:hover {
color: #FFFFFF;
} #fly-nav li, .fly-nav-social-content {
flex: 0 1 auto;
} #fly-nav .additional-mobile-links {
flex: 1 1 auto;
} #fly-nav .social-share-link {
display: none;
} #fly-nav .social-share-link a {
letter-spacing: 0px;
} #footer .sfimageWrp.row.footer-logo {
margin-right: 0px;
margin-left: 0px;
} @-webkit-keyframes autofill {
to {
color: #FFFFFF;
background: transparent;
}
} @-webkit-keyframes autofillblack {
to {
color: #000;
background: transparent;
}
} .reservation-page input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
} .account-overview input:-webkit-autofill {
-webkit-animation-name: autofillblack;
-webkit-animation-fill-mode: both;
} .account-overview select:-webkit-autofill {
-webkit-animation-name: autofillblack;
-webkit-animation-fill-mode: both;
} #rooster-update .wrapper-outside.giftCardLanding {
width: 100%;
padding-top: 50px;
padding-bottom: 0px;
} #ctabackground {
padding-top: 30px;
padding-bottom: 5px;
background-position: center -1px !important;
} .giftCardLanding .btn.custom-button-style {
font-size: 1.375em;
} .giftCardLanding #ctabackground .col-md-3 {
margin-bottom: 25px;
} .giftCardLanding h2 {
font-family: "Avenir Black";
font-size: 1.625em;
} .giftCardLanding p {
font-family: "Avenir Light";
font-size: 0.875em;
line-height: 18px;
} .position-to-the-top-right {
position: absolute !important;
right: 0px;
} .social-media-wrapper .thumbnail {
width: 88%;
margin-left: auto;
margin-right: auto;
/*see how height reacts*/
position: relative;
} .social-media-mobile .thumbnail {
height: 360px;
max-width: 262px;
margin-left: 5px;
margin-right: 5px;
border: none;
border-radius: 0px;
position: relative;
} .social-media-mobile .thumbnail i.fa {
position: absolute;
top: 12px;
left: 12px;
font-size: 1.25em;
color: #FFFFFF;
} .social-media-mobile .thumbnail img.postImage {
min-height: 180px;
max-height: 180px;
} .social-media-mobile .thumbnail .caption {
min-height: 180px;
height: 50%;
max-height: 270px;
font-family: "Avenir Light";
position: relative;
padding-right: 11px;
padding-left: 11px;
padding-top: 0px;
padding-bottom: 0px;
} .social-media-mobile .thumbnail .quote {
height: auto;
text-overflow: ellipsis;
font-size: 0.875em;
margin-bottom: 5px;
} .social-media-mobile .thumbnail .post-details .profile {
font-family: "Avenir Black";
font-size: 0.6875em.5px;
color: #3D3D3D;
position: absolute;
bottom: 19px;
display: flex;
align-items: center;
} .social-media-mobile .thumbnail .post-details .profile .profile-name {
margin-left: 5px;
/*padding-top: 5px;*/
} .social-media-mobile .thumbnail .post-details .profile-image {
height: 28px;
} .social-media-mobile .social-media-post .post-details {
height: 50%;
position: absolute;
} .social-media-mobile .thumbnail .post-details {
font-family: "Avenir Light";
padding-top: 15px;
/*position: relative;*/
} .social-media-mobile .thumbnail .post-details .quote {
font-size: 0.875em;
word-wrap: break-word;
} .social-media-mobile {
display: none !important;
} #tintPopup .modal-dialog {
width: auto;
display: table;
} #tintPopup .modal-content {
padding: 0px;
} #tintPopup .modal-body {
padding: 0px;
border-radius: 0px;
} #tintPopup #owlmodal .thumbnail {
display: flex;
border: none;
margin-bottom: 0px;
border-radius: 0px;
padding: 10px;
} #tintPopup #owlmodal .thumbnail em.overlay {
position: absolute;
color: #FFFFFF;
top: 20px;
left: 20px;
font-size: 1.25em;
opacity: 1;
} #tintPopup #owlmodal .postImage {
width: 50%;
height: 100%;
margin-left: 0;
margin-right: 0;
} #tintPopup #owlmodal .post-details {
font-family: "Avenir Light";
position: relative;
padding: 26px;
width: 50%;
} #tintPopup #owlmodal .post-details .time {
font-size: 0.75em;
padding-bottom: 20px;
} #tintPopup #owlmodal .post-details .quote {
font-size: 1.25em;
margin-bottom: 50px;
word-wrap: break-word;
} #tintPopup #owlmodal .profile {
position: absolute;
bottom: 20px;
} #tintPopup .close {
position: absolute;
top: 30px;
right: 30px;
z-index: 20;
font-size: 1.25em;
color: #231f20;
opacity: 1;
font-weight: normal;
} #tintPopup #owlmodal .profile {
display: flex;
} #tintPopup #owlmodal .post-details .profile-name {
font-size: 0.75em;
font-family: "Avenir Black";
padding-top: 13px;
} #tintPopup #owlmodal .profile .profile-image {
margin-right: 8px;
} #tintPopup #owlmodal .profile .profile-image img {
height: 30px;
width: 30px;
border-radius: 15px;
} .slick-dots {
left: 0px;
} #rooster-update .slick-dots li button:before {
font-size: 2.1875em;
} #rooster-update .slick-dots li {
margin: 0px;
} .mobileLeftNav {
font-family: Goshen;
font-size: 1.125em;
text-transform: lowercase;
color: #FFFFFF;
background: rgba(35, 31, 32, .9);
margin-bottom: 10px;
height: 40px;
display: block;
align-items: center;
position: relative;
display: none;
margin-top: 10px;
} .mobileLeftNav a {
color: #FFFFFF;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
padding-top: 6px;
padding-left: 12px;
} .mobileLeftNav a:hover {
color: #FFFFFF;
text-decoration: none;
} .mobileLeftNav .fa {
padding-right: 10px;
font-size: 1.5em;
} #fire-on-my-position .hide-more-on-mobile {
font-family: 'Montserrat', sans-serif;
font-weight: bold;
letter-spacing: -.04em;
} .map-location-image .makeMapSize100 {
height: 100%;
width: 100%;
position: absolute;
left: 0px;
} .social-media-mobile button.slick-arrow {
display: none;
} .orderSummary .oder-details input[type=text] {
width: 100%;
} .recent-order-and-or-favorite a {
font-family: "Avenir Black";
font-size: 0.875em;
color: rgb(170, 39, 47);
} .recent-order-and-or-favorite a.recent-item-ordered-name {
color: #000000;
font-family: "Avenir Medium";
text-decoration: none;
} .recent-order-and-or-favorite a.recent-item-ordered-name:hover {
color: #000000;
font-family: "Avenir Medium";
text-decoration: underline;
} .recent-order-and-or-favorite a.recent-item-ordered-name.active .fa {
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
} .recent-order-and-or-favorite .saveAsFavorite {
margin-bottom: 2px;
} .recent-order-and-or-favorite a.saveAsFavorite {
text-transform: uppercase;
font-size: 0.8125em;
} .recent-order-and-or-favorite .order-items {
margin-bottom: 10px;
} .recent-order-and-or-favorite:not(:last-of-type) {
margin-bottom: 20px;
} .recent-order-and-or-favorite .custom-btn-style.little {
font-family: Goshen;
font-size: 0.875em;
color: #3d3d3d;
border: none;
border-bottom: 2px solid #3d3d3d;
} .recent-order-and-or-favorite input[type = text] {
margin-bottom: 10px;
font-family: "Avenir Medium";
font-size: 0.875em;
color: #000000;
} .recent-order-and-or-favorite input[type = text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: "Avenir Medium";
font-size: 0.875em;
color: #000000;
} .recent-order-and-or-favorite input[type = text]::-moz-placeholder { /* Firefox 19+ */
font-family: "Avenir Medium";
font-size: 0.875em;
color: #000000;
} .recent-order-and-or-favorite input[type = text]:-ms-input-placeholder { /* IE 10+ */
font-family: "Avenir Medium";
font-size: 0.875em;
color: #000000;
} .recent-order-and-or-favorite input[type = text]:-moz-placeholder { /* Firefox 18- */
font-family: "Avenir Medium";
font-size: 0.875em;
color: #000000;
}
/*remove border from number input*/
.menu-and-order-middle-section input[type = number] {
/*border: none;*/
width: 45px;
outline: none;
} .menu-and-order-middle-section input[type="number"] {
-moz-appearance: textfield;
} .menu-and-order-middle-section input[type="number"]:hover, .menu-and-order-middle-section input[type="number"]:focus {
-moz-appearance: number-input;
}
/*remove focux on modal*/
/*you may consider taking this CSS out. For ADA compliane most of the elements targeted below REQUIRE a focus state to comply with ADA*/
.modal-body .menu-and-order-middle-section input:focus, select:focus textarea:focus, button:focus {
outline: none;
} .ui-timepicker-wrapper.makeZindex {
z-index: 1;
} .recent-order-and-or-favorite .custom-button-style {
margin-bottom: 10px;
text-transform: lowercase;
padding: 4px 8px;
border: none;
} .recent-order-and-or-favorite table {
margin-bottom: 15px;
font-family: "Avenir Light";
} .recent-order-and-or-favorite .eStyles {
height: 30px;
} .recent-order-and-or-favorite .removeFromRecentOrders {
position: relative;
bottom: 1px;
margin-left: 5px;
} .recent-order-and-or-favorite .order-name {
font-family: "Avenir Black";
font-size: 0.875em;
color: #000000;
padding-right: 5px;
} .recent-order-and-or-favorite .edit-actions a {
font-family: "Avenir Black";
font-size: 0.875em;
color: #C13846 !important;
text-transform: uppercase;
} .recent-order-and-or-favorite .edit-actions a:hover {
text-decoration: none;
color: #C13846;
} .notification-red-bar {
background-color: #AA272F;
/*since it is not showing make height 0*/
height: 0px;
/*-webkit-transition: height 5s linear;
-moz-transition: height 5s linear;
-ms-transition: height 5s linear;
-o-transition: height 5s linear;
transition: height 5s linear;*/
position: fixed;
top: 0px;
width: 100%;
z-index: 100;
-webkit-transition: height .4s linear;
-moz-transition: height .4s linear;
-ms-transition: height .4s linear;
-o-transition: height .4s linear;
transition: height .4s linear;
} .notification-red-bar .notificationContent {
text-align: center;
position: absolute;
width: 80%;
top: 50%;
left: 10%;
transform: translate(0%,-50%);
} .notification-red-bar a {
font-family: Goshen;
font-size: 1em;
color: white;
text-transform: lowercase;
line-height: 18px;
} .notification-red-bar a:hover {
color: white;
} .notification-red-bar.theNotificationIsShowing {
height: 50px;
-webkit-transition: height .4s linear;
-moz-transition: height .4s linear;
-ms-transition: height .4s linear;
-o-transition: height .4s linear;
transition: height .4s linear;
} .rooster-nav-container {
-webkit-transition: top .4s linear;
-moz-transition: top .4s linear;
-ms-transition: top .4s linear;
-o-transition: top .4s linear;
transition: top .4s linear;
}
/*POSITIONING WHEN THE RED PROMO BAR IS SHOWING*/
.notification-red-bar.theNotificationIsShowing ~ #content .rooster-nav-container {
top: 90px;
-webkit-transition: top .4s linear;
-moz-transition: top .4s linear;
-ms-transition: top .4s linear;
-o-transition: top .4s linear;
transition: top .4s linear;
} .notification-red-bar.theNotificationIsShowing ~ .favorites-dropdown .favorites-content {
top: 100px;
} .notification-red-bar.theNotificationIsShowing ~ .favorites-dropdown {
top: 90px;
} .notification-red-bar.theNotificationIsShowing ~ .favorites-dropdown:before {
content: "";
width: 100vw;
height: 50px;
position: fixed;
z-index: 4;
background: rgba(61, 61, 61, .7);
right: 0;
top: 0px;
left: 0;
bottom: 0px;
transition: opacity 600ms ease 30ms,visibility 0ms ease 630ms;
} #header {
top: 0px;
-webkit-transition: top .4s linear;
-moz-transition: top .4s linear;
-ms-transition: top .4s linear;
-o-transition: top .4s linear;
transition: top .4s linear;
} .notification-red-bar.theNotificationIsShowing ~ #header {
top: 50px;
-webkit-transition: top .4s linear;
-moz-transition: top .4s linear;
-ms-transition: top .4s linear;
-o-transition: top .4s linear;
transition: top .4s linear;
} #content {
-webkit-transition: padding-top .4s linear;
-moz-transition: padding-top .4s linear;
-ms-transition: padding-top .4s linear;
-o-transition: padding-top .4s linear;
transition: padding-top .4s linear;
} .notification-red-bar.theNotificationIsShowing ~ #content {
padding-top: 90px;
-webkit-transition: padding-top .4s linear;
-moz-transition: padding-top .4s linear;
-ms-transition: padding-top .4s linear;
-o-transition: padding-top .4s linear;
transition: padding-top .4s linear;
} .notification-red-bar.theNotificationIsShowing ~ .social-dropdown {
top: 90px;
}
/*positioning when the red promo bar is showing*/
/*styling for the close button*/
.notification-red-bar .closeRedNotification {
color: #FFFFFF;
font-size: 0.875em;
position: absolute;
top: 50%;
right: 6%;
margin-top: -15px;
margin-right: -7px;
} .notification-red-bar .closeRedNotification {
cursor: pointer;
width: 30px;
height: 30px;
} .notification-red-bar .closeRedNotification:after {
content: "\e900";
font-family: "pfchangs";
position: absolute;
font-size: 0.625em;
top: 7px;
right: 9px;
} .disabled-classCKE a {
cursor: default !important;
} .reservation-page .ReservationPageLNFix input#date {
padding-left: 20px;
cursor: pointer !important;
} .reservation-page .ReservationPageLNFix input#date ~ .fa-calendar {
position: absolute;
top: 9px;
left: 0px;
cursor: pointer !important;
} .reservation-page .ReservationPageLNFix input#date1 {
padding-left: 20px;
cursor: pointer !important;
z-index: 3 !important;
} .reservation-page .ReservationPageLNFix input#date1 ~ .fa-calendar {
position: absolute;
top: 9px;
left: 0px;
cursor: pointer !important;
} .reservation-page .ReservationPageLNFix input#time {
padding-left: 20px;
} .reservation-page .ReservationPageLNFix input#time ~ .fa-clock-o {
position: absolute;
top: 10px;
left: 0px;
cursor: pointer !important;
} .reservation-page .ReservationPageLNFix input#party-people {
padding-left: 20px;
} .reservation-page .ReservationPageLNFix input-dropdown ~ .fa-user-o {
position: absolute;
top: 11px;
left: 0px;
} .reservation-page .ReservationPageLNFix time-input-dropdown ~ .fa-user-o {
position: absolute;
top: 11px;
left: 0px;
} .reservation-page .btn.promobtn.grey {
margin-bottom: 20px;
text-transform: lowercase;
} .Check-Out .modal-content .modal-header button {
position: absolute;
top: 25px;
right: 25px;
} .Check-Out .modal-dialog {
width: 88% !important;
margin-right: auto !important;
margin-left: auto !important;
} .checkout-page-container .no-thanks {
margin-bottom: 30px;
} .checkout-page-container .menu-item-options .form-group {
margin-left: 0px;
margin-right: 0px;
}
/*.checkout-page-container .checkout-page .item-Name {
margin-bottom: 5px;
}*/
.checkout-steps .checkout-step-4 .promo-enter-row .form-inline input {
margin-bottom: 10px;
} .checkout-steps .checkout-step-1 .time-and-location-pickup .restraunt-info {
padding-left: 00px;
} .links {
font-family: "Avenir Black";
color: #AA272F;
} .checkout-steps .checkout-step-1 .time-and-location-pickup .restraunt-info .restaurantLabel {
font-family: "Avenir Medium";
font-size: 0.75em;
color: #3D3D3D;
text-align: left;
padding-left: 0px;
font-weight: normal;
} .checkout-steps .checkout-step-1 .time-and-location-pickup .restraunt-info .input-wrapper {
width: 100%;
} .checkout-steps .checkout-step-1 .time-and-location-pickup .btn.grey {
margin-left: 0px;
clear: left;
display: block;
width: 134px;
} .mobile-reservations {
color: white;
max-width: 700px;
} .mobile-reservations h1.style-refresh {
font-size: 2.125em;
margin-bottom: 15px;
} .mobile-reservations p {
font-family: "Avenir Medium";
font-size: 0.875em;
} .mobile-reservations {
color: white;
max-width: 700px;
margin-bottom: 35px;
} .mobile-reservations .btn {
margin-bottom: 10px;
} .mobile-reservations .btn.grey {
margin-bottom: 10px;
margin-left: 0px;
color: #3D3D3D;
} .mobile-reservations button {
width: 100%;
font-size: 1.25em;
margin-bottom: 15px;
/*height: 50px;*/
} .mobile-reservations .or-seperator {
font-family: "Avenir Medium";
font-size: 0.875em;
text-align: center;
position: relative;
margin-bottom: 10px;
display: flex;
} .mobile-reservations .or-seperator .word {
margin-right: 8px;
margin-left: 8px;
} .mobile-reservations .left-line {
height: 1px;
background-color: #d8d8d8;
flex-grow: 1;
position: relative;
top: 9px;
} .mobile-reservations .right-line {
height: 1px;
background-color: #d8d8d8;
flex-grow: 1;
position: relative;
top: 9px;
} .mobile-reservations .sidebar.reservation-info {
margin-bottom: 10px;
} .mobile-reservations .sidebar .reservation {
margin-bottom: 0px;
} .mobile-reservations .existing-reservations .reservation {
color: #FFFFFF;
font-size: 0.875em;
font-family: "Avenir Light";
} .mobile-reservations .existing-reservations .reservation .location {
font-family: "Avenir Black";
} .mobile-reservations .existing-reservations .reservation .edit-cancel {
display: flex;
justify-content: space-between;
} .mobile-reservations .existing-reservations .reservation .edit-cancel button:first-child {
margin-right: 9.5px;
} .mobile-reservations.Three-Panel-Area .hmb .panel-title a:after {
content: "";
} .reservation-page .mobile-reservations.Three-Panel-Area .step-1-form {
margin-top: 20px;
} .reservation-page .mobile-reservations.Three-Panel-Area .step-1-form .glyphicon-info-sign {
display: none;
} .mobile-reservations .step-2-body .location-chooser {
margin-bottom: 10px;
} .mobile-reservations .step-2-body .location-chooser button {
height: 30px;
font-size: 0.875em;
padding-top: 0px;
padding-bottom: 0px;
} .mobile-reservations .step-2-body .location-chooser .group {
margin-bottom: 0px;
width: 100%;
} .hmb .panel-body.step-2-body .location-date-time-party .location-chooser .fa-map-marker {
position: absolute;
top: 10px;
color: #788FFF;
} .mobile-reservations .step-2-body .group {
width: 100%;
} .mobile-reservations .step-2-body .option-row-quantity .dropdown button {
height: 35px;
} .mobile-reservations .step-2-body .party-size-warning {
margin-top: -22.5px;
width: 75%;
color: #E09B51;
} .mobile-reservations .step-2-body input-dropdown {
width: 100%;
} .mobile-reservations .step-2-body time-input-dropdown {
width: 100%;
} .mobile-reservations .step-2-body .group.remove-margin-bottom {
margin-bottom: 0px;
margin-top: 24px;
width: 100%;
} .mobile-reservations .step-2-body .buttonHolder {
margin-top: 20px;
} .mobile-reservations .step-2-body .dropdown-menu .menu-and-order-middle-section {
width: 100%;
} .mobile-reservations .step-2-body .dropdown-menu .menu-and-order-middle-section label {
margin-right: 0px;
} .wrapper-inside .mobile-reservations .step-2-body .location-date-time-party .party-size-warning {
border: 1px solid;
border-color: #FFDEAF;
background-color: #FFF8ED;
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
padding: 8px;
} .mobile-reservations .step-2-body .dropdown-menu .menu-and-order-middle-section {
margin-top: 0px;
} .mobile-reservations .step-2-body .dropdown-menu div:last-child li.dropdown-header {
margin-top: 0px;
} .mobile-reservations .step-2-body .menu-and-order-middle-section .checkbox-style span.checkbox-holder {
float: none;
} .mobile-reservations .hmb .panel-body.step-2-body .location-date-time-party {
padding-bottom: 0px;
} .mobile-reservations .step-2-body .location-date-time-party {
padding-bottom: 0px;
} .mobile-reservations .step-3-body .row.confirmation-number {
font-size: 0.875em;
} .mobile-reservations .step-3-body .row.confirmation-email-sent {
font-size: 0.875em;
} .mobile-reservations .step-3-body .row.questions-call {
font-size: 0.875em;
} .mobile-reservations .step-3-body .row.reservation-name {
font-size: 0.875em;
} .mobile-reservations .step-3-body .row.reservation-details {
font-size: 0.875em;
margin-bottom: 8px !important;
} .mobile-reservations .step-3-body .row.map-and-directions {
font-size: 0.875em;
line-height: 20px;
} .mobile-reservations .step-3-body .tell-your-friends {
text-align: center;
font-family: Goshen;
} .mobile-reservations .AvenirBlack14 {
font-family: "Avenir Black";
font-size: 0.875em;
cursor: pointer;
} .mobile-reservations div:hover.AvenirBlack14 {
text-decoration: underline;
} .mobile-reservations .step-3-body .row.social-media-section .social-media-content {
padding: 30px 0px 20px 0px;
justify-content: space-between;
} .mobile-reservations .step-3-body .row.social-media-section .its-official {
font-family: "Avenir Light";
font-size: 1.125em;
} .mobile-reservations .step-3-body .social-media-logos {
/*display: flex;*/
flex-wrap: wrap;
} .mobile-reservations.Three-Panel-Area .location-date-time-party .location-chooser {
margin-bottom: 30px;
} .mobile-reservations select.text-input-style option {
padding-right: 5px;
} .pageOrderExtras .option-row-title input[type = number] {
width: 45px;
} a.flyMenuSignOut {
display: none;
} ul#fly-nav li.signedInMobile {
height: auto;
margin-bottom: 10px;
display: none;
} .onlyShowOnMobile {
display: none;
}
ul#fly-nav {
}
.footer-social li a {
text-indent: -999px;
}
/*signout link on MORE menu/slide nav*/
.flyMenuSignOut.onlyShowOnMobile {
margin: 0px;
width: auto;
} ul#fly-nav > li:last-of-type {
margin-bottom: 0px;
}
/*animations effects*/
/* The starting CSS styles for the enter animation */
.targetThisForAnimation.ng-enter {
transition: 5s linear all;
opacity: 0;
}
/* The finishing CSS styles for the enter animation */
.targetThisForAnimation.ng-enter.ng-enter-active {
opacity: 1;
} .faq .main-content {
padding-top: 0px;
} #rooster-update .wrapper-outside.faq {
padding-top: 85px;
} .faq .ui-icon {
margin-top: 0px;
} .faq .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:before {
transform: rotate(90deg);
} .faq .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:before {
transform: rotate(0deg) !important;
} .wrapperGeneral .ui-state-default, .wrapperGeneral .ui-widget-content .ui-state-default {
padding-right: 10px !important;
} .mobile-reservations-view {
display: none;
} .desktop-reservations-view {
display: none;
} @media (min-width: 768px) and (max-width: 991px) {
.panel.orderSummary {
padding-left: 3% !important;
padding-right: 3% !important;
}
.checkout-page .item-Name {
text-align: left;
font-family: "Avenir Black";
font-size: 1em;
}
.roosterNavigation div.flexMenu-viewMore {
right: 0px;
}
} @media only screen and (max-width: 767px) {
.checkout-page .item-Name {
text-align: left;
font-family: "Avenir Black";
font-size: 1em;
}
#order-summary-food-box .number-of-items.cartValueSize {
line-height: 23.5px;
}
.roosterNavigation div.flexMenu-viewMore {
position: absolute;
right: 0px;
height: 100%;
}
} @media only screen and (max-width: 750px) {
.order-checkout .orderSummaryWrap {
display: none !important;
}
} @media only screen and (max-width : 767px) {
.hideOnDesktop {
display: block;
}
.js .roosterNavigation ul.fly-nav-social-content li a {
color: #FFFFFF;
}
.onlyShowOnMobile {
display: block;
}
ul#fly-nav li.signedInMobile {
}
a.flyMenuSignOut {
display: block;
}
.roosterNavigation .sfimageWrp img {
width: 150px !important;
}
.roosterNavigation .sfimageWrp {
min-height: 60px;
}
#contentPlaceholder_T37E341B3077_Col00 {
min-height: 60px;
}
.roosterNavigation.subpage-nav {
height: 60px;
}
.social-icons-section {
justify-content: flex-end;
}
#footer .sfimageWrp.row.footer-logo {
margin-bottom: 30px;
}
.foo .Check-Out .modal-dialog {
width: 88%;
margin-right: auto;
margin-left: auto;
}
.Check-Out .modal-content {
width: 88%;
}
.checkout-steps {
margin-right: 0px;
}
.reservation-page .wrapper-inside {
padding-top: 50px;
}
.menu-and-order-middle-section {
margin-top: 0px !important;
}
/*positioning when the red promo bar is showing MOBILE*/
.notification-red-bar.theNotificationIsShowing ~ #content .rooster-nav-container {
top: 50px;
}
.notification-red-bar.theNotificationIsShowing ~ #content {
padding-top: 90px !important;
}
.wrapper-outside .mobile-left-nav-page {
padding-top: 20px;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons {
width: 100%;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons-container {
display: flex;
justify-content: center;
width: 180px;
margin: auto;
flex-wrap: wrap;
margin-top: 5px;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us-icons {
margin-bottom: 10px;
}
.fly-nav-social-content .fa {
font-size: 1.5em;
}
#promoModal .promo-text {
width: 100%;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper.is-active span.hamburger {
top: 21px;
}
ul.flexMenu {
list-style-type:none;
}
div.flexMenu-order {
position: absolute;
right: 60px;
top: 12px;
}
@media screen and (max-width: 767px) and (min-width: 421px) {
div.flexMenu-order {
right: 55px;
}
}
@media screen and (min-width: 767px) {
div.flexMenu-order {
right: auto;
left: calc(100% - 350px);
}
}
ul#fly-nav li.signInMobile, ul#fly-nav li.signedInMobile {
padding-top: 0px;
position: relative;
bottom: 4px;
}
#fly-nav .signInMobile {
height: auto;
}
#fly-nav .signInMobile a {
display: block;
position: relative;
padding-bottom: 10px;
margin-bottom: 12px;
padding-right: 0;
max-width: 240px;
}
ul#fly-nav .signInMobile a:after {
content: " ";
width: 170px;
height: 1px;
background-color: #646464;
-webkit-transform: initial;
bottom: 0px;
left: 0px;
margin: 0px;
display: block;
position:absolute;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger {
top: 0;
left: 0px;
}
#fire-on-my-position::after {
height: 0px;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle {
width: 22px;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle::after {
width: 22px;
bottom: -4px;
}
#fire-on-my-position .hide-more-on-mobile {
position: absolute;
font-size: 7px;
top: 19px;
left: 6px;
display: none;
}
.location-all h1.style-refresh {
margin-top: 0px !important;
font-size: 2.25em !important;
}
h1.style-refresh {
margin-top: 34px;
}
/* max-width : 767px */
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons div:first-child {
margin-right: 20px;
top: 24px;
}
.location-search .inputs-and-buttons button:last-of-type {
width: 187px;
height: 44px;
padding: 0px;
font-size: 1.25em;
margin-right: 0px;
margin-bottom: 0px;
position: relative;
top: 15px;
}
.location-search .inputs-and-buttons button:first-of-type {
width: 44px;
height: 44px;
padding: 0px;
margin-right: 15px;
margin-bottom: 0px;
position: relative;
top: 15px;
}
#rooster-update .location-all .location-content .location-search .fa {
font-size: 1.25em;
}
#notification-bar-item-canceled.hide-notification-bar {
top: -80px;
}
.menu-and-order-middle-section .menu-legend-and-print a {
display: none;
}
.notification-bar.hide-notification-bar {
top: -315px;
display: none;
}
#rooster-update .your-class-test-slick .slick-slide .headline-subheadline-holder {
padding-top: 70px;
}
#rooster-update .your-class-test-slick .slick-slide .headline-subheadline-holder .subheadline:nth-child(3) {
display: none;
}
.social-media-mobile {
display: block !important;
}
.js .roosterNavigation div.flexMenu-viewMore a.hamburger-helper.is-active span.hamburger {
left: -webkit-calc(100% - 60px);
left: calc(100% - 60px);
left: -moz-calc(100% - 60px);
}
ul#fly-nav > li {
margin-bottom: 8px;
height: initial;
line-height: initial;
}
.js .roosterNavigation ul.flexMenu-popup li a {
font-size: 1.875em;
}
.rooster-footer .about-blog-media-links a:last-child {
margin-right: 0px;
}
#fly-nav .social-share-link {
display: block;
position: absolute;
right: 21px;
}
#fly-nav .social-share-link a {
font-family: "Avenir Black";
font-size: 0.875em;
color: #D8D8D8;
}
#fly-nav .social-share-link svg {
fill: white;
position: relative;
top: 3px;
right: -3px;
}
#fly-nav .fly-nav-social-content {
margin-top: 20px;
flex: 1 1 auto;
width: 200px;
margin-bottom: 20px;
bottom: 8px;
}
ul#fly-nav {
width: 100vw;
right: -100vw;
padding: 34px 18px 20px 20px;
}
.js .roosterNavigation ul.flexMenu-popup .additional-mobile-links {
display: none;
}
.js .roosterNavigation ul.flexMenu-popup .additional-mobile-links.extraLinks {
display: block;
}
.food-philosophy-page .sliderArea .contentHolder img.food-philosophy-logo {
width: 40%;
}
.food-philosophy-page .sliderArea .contentHolder .text-in-middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.food-philosophy-page .sliderArea .contentHolder .btn {
position: absolute;
bottom: 45px;
left: 50%;
transform: translate(-50%, 0);
}
.food-philosophy-page .sliderArea .contentHolder .headline-subheadline-holder {
height: 100%;
padding-top: 40px;
padding-bottom: 45px;
width: 100%
}
.food-philosophy-page .sliderArea .contentHolder .subheadline {
font-size: 1em;
line-height: 22px;
}
.food-philosophy-page .sliderArea .contentHolder .slider-headline {
font-size: 3.75em;
line-height: 60px;
}
.food-philosophy-page .sliderArea {
display: none;
}
.food-philosophy-page .sliderArea.slideIt {
display: block;
}
#rooster-update .about-us .your-class-test-slick .slick-dots {
bottom: 30px;
}
.about-us .your-class-test-slick .image-name {
font-size: 1em;
bottom: 20px;
right: 18px;
}
.about-us p {
font-size: 1em;
line-height: 22px;
}
#backToTopButton {
right: 30px;
bottom: 30px;
}
#rooster-update .home-style .promo-wrapper .promo-images-section .promo-holders {
/*flex: initial;
position: initial;
flex-basis: initial;*/
min-height: initial;
max-height: initial;
margin-bottom: 15px;
height: 60px;
padding-right: 0px;
padding-left: 0px;
}
#rooster-update .home-style .promo-images-section .tagline .promotion-details {
display: none;
}
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
font-size: 2.375em;
line-height: 44px;
}
.promo-wrapper {
width: 88%;
margin: auto;
}
#rooster-update .home-style .promo-images-section .tagline svg {
display: none;
}
#rooster-update .home-style .promo-wrapper .promo-images-section {
display: inline-table;
width: 100%;
}
#rooster-update .home-style .promo-wrapper .promo-images-section > .promo-holders:nth-child(2) {
margin-right: 0px;
margin-left: 0px;
}
.top-banner {
display: none;
}
.rooster-nav-container {
top: 0px;
}
#rooster-update .Reservations #wrapper #content.body-section {
padding-top: 70px;
}
#rooster-update .wrapper-outside {
padding-top: 70px;
}
#rooster-update #wrapper #content {
padding-top: 0px;
}
ul#fly-nav li.signInMobile {
display: block;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .content {
display: none;
}
/* Home page modal styles (mobile) */
.promo-text > p.home_modal_subtext {
font-size: 0.75em !important;
line-height: 16px !important;
}
img.modal-footer-preferred-food {
display: none;
}
.promo-modal-content {
padding: 5px 30px 30px;
}
.promo-text .sign-up {
width: 100%;
max-width: 400px;
margin-bottom: 10px;
}
.promo-text .no-thanks {
width: 100%;
max-width: 400px;
margin-left: 0px;
}
.promo-modal-content .close {
top: 20px;
right: 20px;
}
.promo-modal-header img {
width: 270px !important;
}
.promo-text p {
font-size: 1em !important;
line-height: 20px !important;
margin-bottom: 0px !important;
}
.hideOnMobile {
display: none !important;
}
} @media only screen and (max-width: 990px) {
.checkout-page .item-Name {
text-align: left;
font-family: "Avenir Black";
font-size: 1em;
}
.checkout-page a.btn {
margin-bottom: 0px;
}
.checkout-page .area-for-buttons input.btn {
margin-top: 0px;
}
} @media only screen and (max-width : 800px) {
.Check-Out .modal-content {
width: 600px;
}
}
/*hiding order summary pagnel*/
@media only screen and (max-width : 991px) {
.menu-mainMenu-drinks .orderSummaryWrap .orderSummary {
display: block;
}
.cateringOrder .sf_3cols_2_34 {
width: 75% !important;
}
.checkout-page-container .orderSummary {
display: block;
padding-top: 30px;
}
.checkout-page-container .sf_2cols_2_33 {
float: right;
width: 100%;
margin: 0;
}
.checkout-steps {
margin-right: 10vw;
}
.sf_cols_3_25 {
display: none;
}
}
/*mobile order checkout*/
@media only screen and (max-width: 1137px) {
.order-checkout .orderSummaryWrap {
display: none !important;
}
}
/*more mobile view styling for menu and online ordering*/
@media only screen and (max-width: 991px) {
.menu-and-order-middle-section .MenuList .row.flex-this .image-section img {
width: 20vw;
}
} @media only screen and (max-width : 767px) {
.rooster-footer .social.footer-social {
width: 88%;
margin: auto;
text-align: center;
}
.rooster-footer .about-blog-media-links {
text-align: center;
margin-bottom: 30px;
}
.rooster-footer .about-blog-media-links a {
line-height: 30px;
}
.footer.rooster-footer .footer-logo {
text-align: center;
margin-bottom: 35px;
}
.rooster-footer .link-area {
display: initial;
text-align: center;
margin-bottom: 30px;
}
.rooster-footer .link-area a {
display: block;
width: fit-content;
margin: auto;
}
.rooster-footer .social.footer-social {
/*display: none;*/
}
.social-icons-section {
flex-direction: column;
}
.rooster-footer .small-links-section {
margin-bottom: 30px;
}
.rooster-footer .bottom-area-footer {
height: auto;
}
.rooster-footer .bottom-area-footer .content {
display: initial;
justify-content: initial;
margin-top: 25px;
margin-bottom: 20px;
}
.rooster-footer .bottom-area-footer .content a {
display: block;
width: 125px;
margin: auto;
margin-bottom: 5px;
text-align: center;
}
.rooster-footer .bottom-area-footer .content div:first-child {
width: 88%;
margin: auto;
display: initial;
justify-content: initial;
}
.rooster-footer .bottom-area-footer .content div:last-child {
margin-top: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .paragraph {
display: none;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content {
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column {
width: 100%;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column .header {
font-size: 5.5vw;
}
#rooster-update .home-style .video-placeholder .section-content .button-area .btn {
padding: 10px;
}
#rooster-update .home-style .video-placeholder .section-content .button-area {
/*text-align: center;*/
padding-top: 30px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content .text-column:nth-child(2) {
margin-left: 0px;
margin-right: 0px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
width: 88%;
margin-right: auto;
margin-left: auto;
display: initial;
padding-top: 0px;
}
#rooster-update .home-style .video-placeholder .section-content {
width: 100vw;
min-height: 368px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image {
margin-top: 15px;
margin-bottom: 0px;
}
#rooster-update .home-style .video-placeholder .back-ground-image img {
object-fit: cover;
width: 100%;
/*height: 60vw;*/
min-height: 368px;
max-height: 700px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image img {
width: 50%;
margin: auto;
}
#rooster-update .home-style .article-slider .slick-next {
display: none;
}
#rooster-update .home-style .article-slider i.fa {
display: none;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: calc(12px + 0.5vw);
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons .follow-us {
margin-bottom: 15px;
}
.social-media-wrapper .content {
display: none;
}
#rooster-update .home-style .social-media-area {
min-height: 600px;
}
#rooster-update .home-style .social-media-area .sf_colsOut.sf_1col_1_100 {
min-height: 600px;
}
} @media only screen and (max-width : 451px) {
.rooster-footer .about-blog-media-links a:nth-child(3) {
margin-right: 0px;
}
}
/*===== Faq Page =====*/
h2.style-refresh.faq {
font-size: 2.1875em;
font-family: Goshen;
text-transform: lowercase;
color: #3D3D3D;
margin-top: 30px;
margin-bottom: 10px;
} #tabs.faq h3.accordionheader.faq {
font-size: 1em;
letter-spacing: 0px;
line-height: 22px;
font-family: 'Avenir black';
border: none;
} #tabs.faq h3.accordionheader.faq:focus {
outline: none;
} h3.accordionheader.faq {
font-size: 1em;
letter-spacing: 0px;
line-height: 22px;
font-family: 'Avenir black';
border: none;
} h3.accordionheader.faq:focus {
outline: none;
} p.faq {
font-size: 1em;
font-family: "Avenir Light";
line-height: 24px;
} section.faq {
padding: 20px 0;
padding-bottom: 0px;
} li.faq {
list-style-type: none;
} .noMobile.faq {
display: block;
} .mobileFullWidth.faq {
padding: 0 35px;
width: 25%;
/*fallback for older browser*/
width: calc(310px);
} .wrapperGeneral.faq {
width: 75%;
/*fallback for older browsers*/
width: calc(100% - 310px);
padding-right: 35px;
float: right;
} .wrapperRewards.faq {
width: 75%;
/*fallback for older browsers*/
width: calc(100% - 310px);
padding-right: 35px;
float: right;
}
/* general */
#top-menu-general.faq {
top: 50px;
position: relative;
transition: top 0.2s linear;
} #top-menu-general.faq li {
float: left;
} #top-menu-general.faq a {
font-family: "Avenir Black";
font-size: 1em;
padding: 5px 0px 7px 20px;
text-align: left;
border-top: none;
color: #3d3d3d;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} #top-menu-general.faq a:hover, #top-menu-general.faq a.active {
text-decoration: underline !important;
}
/* rewards */
#top-menu-rewards.faq {
top: 50px;
position: relative;
} #top-menu-rewards.faq li {
float: left;
} #top-menu-rewards.faq a {
font-family: "Avenir Black";
font-size: 1em;
padding: 5px 0px 7px 20px;
/*display: inline-block;*/
text-align: left;
border-top: none;
color: #3d3d3d;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} #top-menu-rewards.faq a:hover, #top-menu-rewards.faq a.active {
text-decoration: underline !important;
} #top-menu-box.faq, #top-menu-box1.faq {
border: solid 1px #dddddd;
padding: 10px 0;
} #top-menu-title-general.faq {
font-size: 1.25em;
font-family: Goshen;
text-transform: lowercase;
color: #ffffff;
padding: 10px 20px;
background: #aa272f;
border: solid 1px #aa272f;
} #top-menu-title-rewards.faq {
font-size: 1.25em;
font-family: Goshen;
text-transform: lowercase;
color: #ffffff;
padding: 10px 20px;
background: #80379b;
border: solid 1px #80379b;
}
/* faq tabs */
#tabs.faq {
padding: 0px;
margin: 0px;
border: none;
} #tab1.faq {
width: 49.5%;
padding: 0px;
margin: 0;
margin-right: 0.5%;
border: none !important;
} #tab2.faq {
width: 50%;
padding: 0px;
margin: 0;
border: none !important;
} #generalTab.faq {
width: 100%;
margin: 0;
padding: 0px 10px;
color: #fff;
background: url(/images/default-source/FAQ/gentab.png?sfvrsn=2);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
outline: none;
font-size: 2.1875em;
font-family: Goshen;
text-transform: lowercase;
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
/* IE (non-standard property) */
transition: background 0.1s linear;
} .faq #tabs:after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/general-hover.png) url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/rewards-hover.png);
} #generalTab.faq {
background: url(/images/default-source/FAQ/generalfaqtab-active.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
} li.ui-state-active #generalTab.faq:hover {
background: url(/images/default-source/FAQ/generalfaqtab-hover.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
} #preferredTab.faq {
width: 100%;
margin: 0;
padding: 0px 10px;
color: #fff;
background: url(/images/default-source/FAQ/preftab.png?sfvrsn=2);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
outline: none;
font-size: 2.1875em;
font-family: Goshen;
text-transform: lowercase;
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
/* IE (non-standard property) */
transition: background 0.1s linear;
} #preferredTab.faq:hover {
background: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/rewards-hover.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
} li.ui-state-active #preferredTab.faq:hover {
background: url(/images/default-source/FAQ/preftab.png?sfvrsn=2);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
} #tablogo.faq {
width: 120px;
margin: 15px auto 0px auto;
display: block;
} #tablogopref.faq {
width: 209px;
margin: 15px auto 0px auto;
display: block;
} #tabtext.faq, #tabtext1.faq {
font-size: 0.875em;
padding-top: 3px;
padding-bottom: 8px;
text-transform: none;
line-height: 20px;
text-align: center;
} #tabs-1.faq {
border-color: #AA272F;
border-width: 10px;
padding-bottom: 60px;
border-radius: 0;
padding: 0px;
padding-bottom: 60px;
} #tabs-2.faq {
border-color: #76448a;
border-width: 10px;
padding-bottom: 60px;
border-radius: 0;
padding: 0px;
padding-bottom: 60px;
} .fixedBox.faq {
position: fixed !important;
top: 150px !important;
width: 17% !important;
/*fallback for older browsers */
width: calc(240px) !important;
}
/* Bug issue fix - when scrolling past 1120 height */
.fixedBoxTopOffset.faq {
top: -105px !important;
} .desktopOnly.faq {
display: block;
} .mobileOnly.faq {
display: none;
}
/*** Custom Query For Fixed Position Change ***/
@media screen and (max-width: 994px) {
#generalTab.faq {
background: url(/images/default-source/FAQ/gentab.png?sfvrsn=2);
height: 60px !important;
padding: 10px;
margin: auto !important;
display: block;
text-align: center;
font-size: 1.875em !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#preferredTab.faq {
background: url(/images/default-source/FAQ/preftab.png?sfvrsn=2);
height: 60px !important;
padding: 10px;
margin: auto !important;
display: block;
text-align: center;
font-size: 1.875em !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#generalTab.faq:before {
content: 'General';
padding: 10px;
}
#preferredTab.faq:before {
content: 'Rewards';
padding: 10px;
}
#tabTitleGeneral.faq {
color: #fff;
background: #92373d;
font-size: 2.1875em;
font-family: Goshen;
text-transform: lowercase;
padding: 10px;
}
#tabTitlePreferred.faq {
color: #fff;
background: #76448a;
font-size: 2.1875em;
font-family: Goshen;
text-transform: lowercase;
padding: 10px;
}
#top-menu-general.faq {
position: relative !important;
top: 50px !important;
width: 100% !important;
padding-bottom: 40px;
}
#top-menu-rewards.faq {
position: relative !important;
top: 50px !important;
width: 100% !important;
padding-bottom: 40px;
}
#tabs.faq li.active a {
box-shadow: inset 1px -3px 13px 1px rgba(0, 0, 0, 0.3);
}
#tab1.faq {
margin-right: 0% !important;
width: 50% !important;
}
.activeState.faq {
box-shadow: inset 1px -3px 13px 1px rgba(0, 0, 0, 0.3);
}
.wrapperGeneral.faq {
width: 100% !important;
padding: 0 35px !important;
}
.wrapperRewards.faq {
width: 100% !important;
padding: 0 35px !important;
}
.desktopOnly.faq {
display: none !important;
}
.mobileOnly.faq {
display: block !important;
}
.mobileFullWidth.faq {
width: 100% !important;
}
} .food-philosophy-page .onlyShowOnMobile {
display: none;
} .food-philosophy-page #logoImageMobile {
left: 50%;
display: none;
transform: translate(-50%, 0);
} .food-philosophy-page .text-overlay.offers {
top: initial;
bottom: initial;
} .food-philosophy-page #contentPlaceholder_C009_Col00 .sfContentBlock:nth-child(2) h1.goshen {
margin-bottom: 20px;
} .food-philosophy-page #contentPlaceholder_C009_Col00 .sfContentBlock:nth-child(2) h2.avenir {
letter-spacing: 2px;
margin-top: 30px;
margin-bottom: 10px;
} .made-from-scratch .hero-img-container {
margin-top: 70px;
} html.page-media .social-dropdown-social-content.advancedShare li a {
color: #3d3d3d;
} .made-from-scratch .hero-img-container {
position: relative;
} .FarmToWokDesktopLogo {
} .FarmToWokMobileLogo {
display: none;
} @media screen and (max-width: 767px) {
h2.style-refresh.faq {
font-size: 1.5em !important;
margin-top: 10px;
}
#tabs.faq h3.accordionheader.faq {
font-size: 0.875em !important;
line-height: 20px !important;
}
h3.accordionheader.faq {
font-size: 0.875em !important;
line-height: 20px !important;
}
/*== About us mobile ==*/
.page-crumbs {
display: none;
}
.about-us .make-position-absolute {
font-size: 3.375em;
line-height: 58px;
}
.about-us h1.goshen {
font-size: 2.75em;
}
p.faq {
font-size: 0.875em !important;
}
#top-menu-title-rewards.faq, #top-menu-title-general.faq {
font-size: 1.125em !important;
}
#top-menu-general.faq {
position: relative !important;
top: 20px !important;
width: 100% !important;
padding-bottom: 10px;
font-size: 0.875em !important;
}
#top-menu-rewards.faq {
position: relative !important;
top: 20px !important;
width: 100% !important;
padding-bottom: 10px;
font-size: 0.875em !important;
}
#generalTab.faq {
background: url(/images/default-source/FAQ/gentab.png?sfvrsn=2);
height: 48px !important;
padding: 10px;
margin: auto !important;
display: block;
text-align: center;
font-size: 1.5em !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#preferredTab.faq {
background: url(/images/default-source/FAQ/preftab.png?sfvrsn=2);
height: 48px !important;
padding: 10px;
margin: auto !important;
display: block;
text-align: center;
font-size: 1.5em !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#tabs.faq li.active a {
box-shadow: inset 1px -3px 13px 1px rgba(0, 0, 0, 0.3);
}
.activeState.faq {
box-shadow: inset 1px -3px 13px 1px rgba(0, 0, 0, 0.3);
}
/*.noMobile.faq {
display: block !important;
padding-top: 42px !important
}*/
.mobileFullWidth.faq {
width: 100% !important;
}
.made-from-scratch .hero-img-container .wrapper-outside {
display: none;
}
/*on all food philosophy subpages*/
.FarmToWokMobileLogo {
display: block;
}
/*on all food philosophy subpages*/
.FarmToWokDesktopLogo {
display: none;
}
.made-from-scratch .hero-img-container {
margin-top: 10px;
}
.food-philosophy-page #logoImageMobile {
display: block;
margin-bottom: 2px;
}
.food-philosophy-page .noMobile.faq {
display: none !important;
}
.food-philosophy-page .onlyShowOnMobile {
display: block;
}
.food-philosophy-page {
padding-top: 10px;
}
.food-philosophy-page {
margin: auto;
font-size: 1em;
}
.food-philosophy-page .hero-img-container .wrapper-outside {
display: none;
}
.food-philosophy-page .hero-img-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.food-philosophy-page .text-overlay.offers {
position: relative;
margin-bottom: 0px;
margin-top: 0px;
}
.food-philosophy-page .container .row .col-md-4 {
padding-top: 15px !important;
padding-left: 0px;
padding-right: 0px;
}
.food-philosophy-page .fp.wrapper {
max-height: 150px;
overflow: hidden;
}
.food-philosophy-page .fp.wrapper img {
height: 150px;
width: 100%;
object-fit: cover;
}
.food-philosophy-page h1.goshen {
font-size: 2.75em;
margin-bottom: 0px;
}
.food-philosophy-page .h1-goshen-style {
font-size: 2.75em;
margin-bottom: 0px;
}
.food-philosophy-page .fp.wrapper .fp.title {
top: 51%;
transform: translate(0, -50%);
width: 88%;
margin-right: 6%;
margin-left: 6%;
}
.food-philosophy-page p {
font-size: 1em;
}
.food-philosophy-page h2.avenir {
font-size: 1.125em;
}
/*done to align margins correctly but then messes up stuff*/
.food-philosophy-page .container {
/*padding-right: 0px;
padding-left: 0px;*/
}
.food-philosophy-page #contentPlaceholder_C009_Col00 .sfContentBlock:nth-child(2) {
width: 100%;
padding-right: calc(6% - 15px);
padding-left: calc(6% - 15px);
}
.food-philosophy-page #contentPlaceholder_C009_Col00 .sfContentBlock:nth-child(3) {
width: 100%;
padding-right: calc(6% - 15px);
padding-left: calc(6% - 15px);
}
.food-philosophy-page #contentPlaceholder_C009_Col00 .sfContentBlock:nth-child(2) p {
margin-bottom: 20px;
}
.food-philosophy-page #contentPlaceholder_C009_Col00 .sfContentBlock:nth-child(2) h1.goshen {
margin-bottom: 20px;
}
.food-philosophy-page .fp.botblock {
padding-right: 6%;
padding-left: 6%;
}
.food-philosophy-page .container .primary-button {
/*important to overwrite bugfix*/
width: 100% !important;
max-width: 400px;
}
}
/*===== End of Faq Page =====*/
/*===== Offer Page =====*/
h1.main-offer.offers, h2.main-offer.offers {
font-family: Goshen;
text-transform: lowercase;
font-size: 5.625em;
color: #fff;
text-shadow: 0px 3px 20px rgba(0, 0, 0, 0.65);
margin-left: 6% !important;
margin-right: 6% !important;
line-height: 90px;
}
/**/
.page-blog h1.main-offer.offers {
font-size: 5.625em;
line-height: 90px;
width: 88%;
margin: auto;
padding-top: 12px;
}
/* hero */
.hero-img-container.offers {
width: 100%;
height: 500px;
background: url(/images/default-source/offer-page/hero-offer-image.jpg?sfvrsn=2);
background-size: cover;
} .darken.offers {
background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/default-source/offer-page/hero-offer-image.jpg?sfvrsn=2);
} .text-overlay.offers {
right: 0;
margin: auto;
position: absolute;
left: 50%;
bottom: 20px;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
} .page-blog .text-overlay.offers p.white {
font-size: 1.125em;
margin-top: 5px;
letter-spacing: .1em;
} .details.offers {
color: #fff;
font-family: 'avenir black';
letter-spacing: 0.23em;
line-height: 24px;
font-size: 1.125em;
} .dates.offers {
font-family: 'avenir light';
color: #fff;
font-size: 1.125em;
margin-left: 6%;
margin-right: 6%;
} .hero-img-container h1.main-offer {
font-size: 3.375em;
} @media only screen and (max-width: 767px) {
.offers-h2 {
font-size: 3.375em !important;
line-height: 58px !important;
}
} @media (min-width: 768px) and (max-width: 991px) {
.offers-h2 {
font-size: 4.5em !important;
line-height: 72px !important;
}
} @media (min-width:992) {
/*.offers-h2 {
font-size: 5.625em !important;
line-height: 90px !important;
}*/
} ul.social-dropdown-social-content.advancedShare.share-icon.blogTop.NonRemoveable a em {
color: #D8D8D8 !important;
} ul.social-dropdown-social-content.advancedShare.share-icon.blogTop.NonRemoveable a:hover em {
color: #fff !important;
} #blogTop .st3, #blogTop .st3.blogTopSt3 {
visibility: hidden;
} #svg .adjuess .st3 {
fill: #fff;
margin-bottom: 10px;
} #blogTop .st3.visible {
visibility: visible;
} #blogTop .st3.hideST3 {
visibility: hidden;
} .page-blog #blogTop .st3 {
visibility: hidden !important;
} .page-blog #blogTop .st3.blogHeroImageShare {
visibility: visible !important;
} ul.social-dropdown-social-content.advancedShare.blog-content a em {
color: #606060;
} ul.social-dropdown-social-content.advancedShare.blog-content a:hover em {
color: #3d3d3d !important;
-webkit-text-fill-color: #3d3d3d !important;
}
/* background */
.offer-background.offers {
background-image: url(/images/default-source/offer-page/offers-background-image.jpg?sfvrsn=2);
padding-bottom: 60px;
} .offer-background.offerLandingPage {
background-image: url(/images/default-source/offer-page/offers-background-image.jpg?sfvrsn=2);
padding-bottom: 60px;
} .media-wrapper-for-styling h3.avenir {
line-height: 24px;
font-size: 1.125em;
} .page-media .media-wrapper-for-styling .mediaGreyBox .btnBlock {
bottom: 15px;
} .media-wrapper-for-styling {
width: 88%;
margin-right: 6%;
margin-left: 6%;
} .media-wrapper-for-styling .media-thumbnail.row:before, .media-wrapper-for-styling .media-thumbnail.row:after {
content: normal;
} .media-wrapper-for-styling .mediaGreyBox .btnBlock {
bottom: 15px;
} .media-wrapper-for-styling .media-thumbnail {
margin-top: 15px;
} .media-wrapper-for-styling .media-thumbnail .col-md-4 {
padding-right: 10px;
padding-left: 10px;
} .media-wrapper-for-styling .media-thumbnail .imageMedia {
width: 100% !important;
max-height: 200px;
object-fit: cover !important;
} .media-wrapper-for-styling .media-thumbnail .mediaGreyBox p.small {
padding-bottom: 0px;
} .media-wrapper-for-styling .media-thumbnail .col-md-5 {
margin-bottom: 0px;
} .media-wrapper-for-styling .media-thumbnail .col-md-7 {
margin-bottom: 0px;
} .media-wrapper-for-styling .media-thumbnail .mediaGreyBox {
padding: 13px 20px;
/*min-width: 270px;*/
} .media-wrapper-for-styling .media-thumbnail .mediaGreyBox a.dark {
margin-right: 20px;
} .contact-us .list-unstyled {
padding-right: 0px;
} .contact-us .list-unstyled .fa-phone {
font-size: 0.875em;
margin-right: 5px;
} .contact-us .phone-number-icon-link {
display: none;
} .contact-us .extraQuestions .contact-us-state-field .dropdown {
overflow-y: auto;
max-height: 150px;
font-family: "Avenir Black";
} #rooster-update .contact-us .extraQuestions .contact-us-state-field .dropdown .valueSelected {
background-color: #C13846;
color: #FFF;
} .contact-us .extraQuestions .contact-us-state-field .dropdown div:hover {
background-color: #CCC;
color: inherit;
} .contact-us .contact-us-feedback-topic .dropdown {
font-family: "Avenir Black";
} #rooster-update .contact-us .contact-us-feedback-topic .dropdown .valueSelected {
background-color: #C13846 !important;
color: #FFF;
} .contact-us .contact-us-feedback-topic .dropdown div:hover {
background-color: #ccc !important;
} .media-wrapper-for-styling ~ .sfContentBlock .contactInfo .col-md-12 {
width: 88%;
margin-right: 6%;
margin-left: 6%;
padding-right: 0px;
padding-left: 0px;
} .media-wrapper-for-styling .thumbnail h3.avenir a {
color: rgb(51, 51, 51);
} .media-wrapper-for-styling .thumbnail h3.avenir a:hover {
color: rgb(51, 51, 51);
} .media-wrapper-for-styling .col-md-5.mediaImg {
width: 150px;
} .media-wrapper-for-styling .col-md-7.mediaGreyBox {
width: calc(100% - 150px);
} .media-wrapper-for-styling p.desc {
width: 88%;
margin: auto;
}
/*greater thatn 1307 thumbnail is 33% of screen with 6% margin on each side of screen*/
/*between 864px and 1306px thumbnail is 50% of screen with 6% margin on each side of screen*/
@media only screen and (min-width: 864px) and (max-width: 1306px) {
.media-wrapper-for-styling .media-thumbnail {
display: flex;
flex-wrap: wrap;
}
.media-wrapper-for-styling .media-thumbnail .col-md-4 {
width: 50% !important;
margin-bottom: 20px;
}
}
/* between 701 and 863 thumbnail is full screen but with 6% margin on each side of screen*/
@media only screen and (min-width: 701px) and (max-width: 863px) {
.media-wrapper-for-styling .media-thumbnail .col-md-5 {
margin-bottom: 20px !important;
}
.media-wrapper-for-styling .media-thumbnail .col-md-7 {
margin-bottom: 20px !important;
}
.page-media .media-wrapper-for-styling .media-thumbnail .col-md-4 {
clear: both;
}
}
/*at 700px or less thumbnail full screen*/
@media only screen and (max-width : 700px) {
.media-wrapper-for-styling {
width: 100%;
margin-right: 0%;
margin-left: 0%;
}
.media-wrapper-for-styling p.normal {
margin-right: auto;
margin-left: auto;
}
.media-wrapper-for-styling .media-thumbnail .col-md-4 {
padding-right: 0px;
padding-left: 0px;
margin-bottom: 20px !important;
}
.media-wrapper-for-styling .media-thumbnail .col-md-5 {
margin-bottom: 20px !important;
}
.media-wrapper-for-styling .media-thumbnail .col-md-7 {
margin-bottom: 20px !important;
}
}
/* containers */
.offer-container.offers {
margin-top: 40px;
} .text-container.offers {
background: #272727;
height: 150px;
padding: 20px;
text-align: center;
} #mobileOnly.offers {
display: none;
} #desktopOnly.offers {
display: block;
} .ui-datepicker-prev {
position: relative;
} .ui-datepicker-prev:after {
content: '\f104';
font-family: FontAwesome;
font-size: 1.5625em;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} .ui-datepicker-next {
position: relative;
} .ui-datepicker-next:after {
content: '\f105';
font-family: FontAwesome;
font-size: 1.5625em;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* mobile styling */
@media only screen and (max-width: 992px) {
#mobileOnly.offers {
display: block !important;
}
#desktopOnly.offers {
display: none !important;
}
} @media only screen and (max-width: 767px) {
.left-side-menu-navigation > ul {
display: none;
}
.mobile-left-nav-page .left-side-menu-navigation > ul {
display: block;
}
/*hide the Back To Menu Categories button on the mobile menu navigation page*/
.mobile-left-nav-page .left-side-menu-navigation .mobileLeftNav {
display: none;
}
.menu-and-order-middle-section .MenuList .row.flex-this .image-section img {
display: none;
}
/* CATERING MENU: Position "Back to Menu Categories" nav bar at top of page */
#rooster-update.page-catering.page-menu .main-content.center {
margin-top: 0px !important;
}
#rooster-update.page-catering.page-menu .main-content.center .wrapper-inside div:first-child.center {
margin-top: 0px !important;
}
/* STARTERS AND SMALL PLATES MENU: Position "Back to Menu Categories" nav bar at top of page */
#rooster-update.page-happy-hour.page-menu.page-starters-small-plates .main-content.center {
margin-top: 0px !important;
}
#rooster-update.page-happy-hour.page-menu.page-starters-small-plates .main-content.center .wrapper-inside div:first-child.center {
margin-top: 0px !important;
}
.reservation-page .btn.red {
background-color: #AA272F;
color: #FFFFFF;
/*max-width: 100%;*/
}
.res-margin {
margin-bottom: 10px;
margin-left: 0px !important;
}
} .contact-us #mediumButton {
height: 44px;
font-size: 1.125em;
line-height: 45px;
} .contact-us .contactSelectedStore button {
margin-top: 5px;
}
/*left side navigation styling*/
@media only screen and (max-width: 767px) {
.blog-landing a.details.offers {
line-height: 18px;
font-size: 0.8125em;
}
/*.dates.offers {
font-size: 0.8125em;
}*/
#rooster-update .contact-us .col-md-9 .col-md-12:last-child div.col-md-6 {
padding-right: 0px !important;
}
#rooster-update .contact-us .col-md-9 .col-md-12:last-child div.col-md-12 {
padding-right: 0px !important;
}
.contact-us .phone-number-icon-link {
display: block;
}
.col-md-6-top {
margin-top: 40px !important;
}
/* hero */
.hero-img-container.offers {
background: url(/images/default-source/offer-page/hero-offer-image-m.jpg?sfvrsn=2);
}
.darken.offers {
background-size: cover;
background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/default-source/offer-page/hero-offer-image-m.jpg?sfvrsn=2);
}
.text-overlay.offers {
top: 150px;
width: 100%;
}
#mobileOnly.offers {
display: block !important;
}
#desktopOnly.offers {
display: none !important;
}
}
/*===== End Of Offer Page =====*/
/*===== Global Page =====*/
h1.style-refresh.global {
margin-bottom: 10px;
} h2.global {
padding-bottom: 10px;
padding-top: 40px;
font-family: "avenir black";
font-size: 2em;
} p.global {
font-family: 'Avenir light';
color: #3d3d3d;
font-size: 1em;
} p.bold {
font-family: "avenir black";
} li.global {
font-family: "avenir black";
font-size: 1em;
} .main-content.global {
display: none;
} .btn.global {
padding: 12px;
} .customer-buttom-style.global {
font-size: 2em;
} .hero-image-global.global {
width: 100%;
}
/*===== End Of Global Page =====*/
/*===== Rewards Category Page =====*/
.wrapper-outside-rewards {
width: 100% !important;
}
/*.wrapper-outside-rewards button:focus {
outline: 1px solid #4d90fe;
}*/
.background.benefits {
background-image: url(/images/default-source/rewards/rewards-purple-background.jpg?sfvrsn=cb2fea35_2);
background-size: cover;
background-position: 50% 50%;
height: 220px;
width: 100%;
padding-top: 25px;
} .benefits.wrapper {
display: block;
text-align: center;
margin: auto;
padding: 0px;
} .background.rewards {
background-image: url(/images/default-source/rewards/rewards-hero.jpg?sfvrsn=cb2fea35_2);
background-size: cover;
background-position: 50% 50%;
height: 500px;
width: 100%;
} .rewards-container {
display: block;
margin-left: 6%;
margin-right: 6%;
position: relative;
text-align: center;
padding-top: 30px !important;
} .rewards-logo {
width: 475px;
display: block;
margin: auto;
padding: 0px 20px 20px 20px;
} h1.rewards {
color: #fff;
font-size: 5em;
text-align: center;
padding-bottom: 10px;
} h2.goshen.rewards {
padding-top: 10px;
} @media only screen and (max-width: 991px) {
.background.benefits {
height: auto !important;
}
.col-md-4.rewards {
padding-bottom: 40px;
}
.contact-us .contact-us-widget-styling {
margin-right: 0px;
margin-left: 0px;
}
} @media only screen and (max-width: 767px) {
h1.rewards {
font-size: 3.75em;
line-height: 65px;
}
.background.benefits {
height: 540px;
}
.col-md-4.rewards {
padding-bottom: 40px;
}
} @media only screen and (max-width: 500px) {
.background.rewards {
height: 650px;
}
.primary-button.rewards,
.secondary-button.rewards {
width: 100%;
margin: 0px !important;
margin-top: 20px !important;
font-size: 1.125em !important;
padding-top: 6px;
height: 44px !important;
max-width: 400px;
}
.reservation-page .option-row-quantity .open > .dropdown-menu {
width: 100%;
flex-direction: column;
}
}
/*===== End Rewards Category Page =====*/
/*===== Video Container =====*/
.video-container {
position: relative;
padding-bottom: 40.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
} .video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*===== End Video Container =====*/
.my-location a span {
color: #fff;
position: relative;
top: -3px;
} .my-location a {
display: inline-block;
text-decoration: none;
} .my-location a em {
font-size: 1.25em;
margin-right: 3px;
} .menu-and-order-middle-section .panel-body .checkbox-style {
width: auto;
} .menu-and-order-middle-section .checkbox-style input[disabled] + label {
cursor: not-allowed;
opacity: 0.5;
}
/*=======Validation Message for Total Amount Exceed*/
.IsTotalAmountExceeding {
padding: 15px;
margin: 15px 0;
position: relative;
} .IsTotalAmountExceeding .close-ValidationMessage {
cursor: pointer;
top: 7px;
right: 7px;
position: absolute;
} .close-ValidationMessage {
float: right;
} .IsAccountReservationOrder {
font-family: "Avenir Black";
} .ng-scope .preferred-location-list .store-info .town .citydescription {
color: #675d53;
}
/**Loader css*/
#ajax-loader.hide-loader {
display: none;
} .loading.hide-loader {
display: none;
} .loading {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: visible;
z-index: 99999;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
/*implement sliding effect when height goes from 100% to 0*/
-webkit-transition: height .4s linear;
-moz-transition: height .4s linear;
-ms-transition: height .4s linear;
-o-transition: height .4s linear;
transition: height .4s linear;
} .loading .loading-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
margin-left: -50%;
width: 200%;
height: 200%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
z-index: 99997;
} .loading .loading-content {
position: absolute;
left: 50%;
top: 50%;
z-index: 99998;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
} .loading .loading-content-inner {
position: relative;
} .loading .loading-orbit, .loading .loading-logo {
background: transparent no-repeat 50% 50%;
background-size: contain;
} .loading .loading-orbit {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
margin: -90px 0 0 -45px;
background-image: url('https://wwwqapfchangs.blob.core.windows.net/assets-34166/assets/loading.png');
-webkit-backface-visibility: hidden;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
} @-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
} @-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
} @-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
} @keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .ie9 .loading .loading-overlay {
background-color: rgba(255, 255, 255, 0.8);
} .ie9 .loading .loading-orbit {
background-image: url('https://wwwqapfchangs.blob.core.windows.net/assets-34166/assets/loading.png');
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
.page-extras .checkout-page .area-for-buttons input.btn.finishing-touch-btn {
padding: 11px 14px 6px !important;
margin: 0;
margin-top: -6px !important;
}
.loading .loading-orbit {
width: 90px;
height: 90px;
margin: -45px 0 0 -45px;
}
.loading .loading-logo {
width: 70px;
height: 70px;
margin: -35px 0 0 -35px;
}
.reservation-page .step-3-body .row.social-media-section .social-media-content div:first-child {
font-size: 1.125em;
margin-bottom: 15px;
}
.reservation-page .step-3-body .row.social-media-section .social-media-content .tell-your-friends {
font-family: Goshen;
font-size: 1.375em;
margin-bottom: 25px;
color: #3D3D3D;
line-height: 28px;
text-align: center;
}
.reservation-page .step-3-body .row.social-media-section .social-media-content {
min-height: 235px;
}
#groupsizewidth {
width: 41px;
}
} .select-partySize {
border-color: transparent;
color: #ffffff;
font-size: 1em;
font-family: "Avenir Light";
padding: 10px 10px 5px 20px;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
outline: 0;
}
/**Edit profile state style**/
.profile-select-State {
border-color: transparent;
font-size: 0.875em;
font-family: "Avenir Black";
color: #000;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
outline: 0;
padding-top: 5px !important;
} .input-dropdown {
display: inline-block;
z-index: 1;
} .time-input-dropdown {
display: inline-block;
width: 100%;
z-index: 3;
position: relative;
} .input-dropdown .dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 0px;
background: #EEE !important;
z-index: 1;
} .time-input-dropdown .dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 0px;
background: #EEE;
z-index: 1;
} .input-dropdown .dropdown div {
cursor: pointer;
padding: 2px 5px;
} .time-input-dropdown .dropdown div {
cursor: pointer;
padding: 2px 5px;
} .input-dropdown .dropdown div:hover {
background-color: dodgerblue;
color: #ffffff;
} .input-dropdown input:focus + .dropdown {
display: block;
outline: none;
border: transparent;
} .time-input-dropdown input:focus + .dropdown {
display: block;
outline: none;
border: transparent;
} .input-dropdown-margin-bottom {
padding-bottom: 5px;
} .time-input-dropdown-margin-bottom {
padding-bottom: 5px;
} .input-dropdown .valueSelected {
background-color: rgba(170, 39, 47, 1) !important;
color: #FFFFFF;
} .time-input-dropdown .valueSelected {
background-color: rgba(170, 39, 47, 1) !important;
color: #FFFFFF;
} input-dropdown .dropdown .valueSelected:hover {
background-color: rgba(170, 39, 47, 1) !important;
color: #FFFFFF !important;
} time-input-dropdown .dropdown .valueSelected:hover {
background-color: rgba(170, 39, 47, 1) !important;
color: #FFFFFF !important;
} input-dropdown .dropdown .valueContainer {
padding: 0px;
} time-input-dropdown .dropdown .valueContainer {
padding: 0px;
} .color-dropdown {
color: #3D3D3D;
font-size: 1em;
font-family: "Avenir Light";
} a.LocationErrorMessage {
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
color: #ED2939;
background-color: #FDE9Eb;
} a.LocationErrorMessage:hover {
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
color: #ED2939;
background-color: #FDE9Eb;
} .suggestedTimes-font {
font-family: "Avenir Black";
padding-bottom: 3px;
margin-top: 10px;
margin-bottom: 20px;
} .suggestedTimes-button-sec {
padding-top: 10px;
} .suggestedTimes-button {
width: 115px;
height: 44px;
font-family: "Goshen";
text-transform: lowercase;
font-size: 1.125em;
text-align: center;
background-color: #D8D8D8;
color: #3D3D3D;
margin-bottom: 10px !important;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
border: 1px solid transparent;
} .suggestedTimes-button:active {
box-shadow: none;
} .suggestedTimes-padding-bottom {
padding-right: 10px;
} @media (max-width: 720px) {
.mobile-padding-top {
padding-top: 20px;
}
} .reservationTimecolor {
color: #ED2939 !important;
text-shadow: 0px 0px 0px #AA272F !important;
} .suggestedTimes-mobileView-button {
width: 65px;
height: 30px;
font-family: "Goshen";
font-size: 0.875em;
text-align: center;
background-color: #D8D8D8;
color: #3D3D3D;
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
border: 1px solid transparent;
} .rewards-card .card-anchor .barCode canvas#bar-Code {
width: 100%;
height: 75%;
margin: 0 auto;
text-align: center;
display: block;
} .rewards-card .card-anchor .barCode .preferredNumber {
color: #000;
padding: 0;
margin: 0;
} .ThisIsMyLocation {
pointer-events: none;
} #order-summary-food-box.anchor {
cursor: pointer;
} .order-actions-checkout {
padding-top: 15px;
} .orderSummary a.panel-heading-link {
float: right;
color: #fff;
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
} @media only screen and (min-device-width : 768px) and (max-device-width : 991px) and (orientation : portrait) {
.orderSummary a.panel-heading-link {
letter-spacing: -0.5px !important;
}
} .panel.orderSummary .panel-title {
display: inline;
} .checkout-page-container .orderSummary.ReviewPage {
padding-top: 0px;
} .ReviewOrder {
padding-top: 45px;
} div#promoModal > .modal-footer {
border: none !important;
} #theImg {
height: 30px;
width: 30px;
border-radius: 16px;
} .sfNavVerticalSiteMap > li > h3, .sfNavWrp.sfNavVerticalSiteMapWrp.MainSitemap h3.sitemapMain {
color: #3d3d3d;
font-family: Goshen;
font-size: 1.5em;
letter-spacing: 0.5px;
text-transform: lowercase;
} .sfNavVerticalSiteMap > li > ul > li {
color: #3d3d3d;
font-family: Montserrat;
font-size: 0.8125em;
font-weight: 600;
letter-spacing: 0.5px;
list-style: outside none disc;
margin-left: 13px;
width: 100%;
} .sfNavVerticalSiteMap > li > ul > li a, .sfNavVerticalSiteMap > li.makeAsLink > a, #sitemapMain a, #sitemapMain ~ ul a {
color: #aa272f;
font-size: 0.875em;
text-decoration: none;
font-family: 'Avenir Black';
text-transform: capitalize;
} #sitemapMain ~ ul, #sitemapMain {
margin-bottom: 30px;
} .sfNavVerticalSiteMap > li {
margin-top: 5px;
} .sfNavVerticalSiteMap > li.makeAsLink {
margin-bottom: 30px;
} #sitemapMain ~ ul li, #sitemapMain li {
position: relative;
} .sfNavVerticalSiteMap > li > ul > li, .sfNavVerticalSiteMap > li.makeAsLink, #sitemapMain ~ ul li, #sitemapMain li {
list-style: disc !important;
} .sfNavVerticalSiteMap > li.makeAsLink > a:before, #sitemapMain ~ ul li a:before, #sitemapMain li a:before {
width: 4px;
height: 4px;
background-color: #3d3d3d;
content: "";
position: absolute;
left: -12px;
top: 6px;
border-radius: 50%;
} #sitemapMain ~ ul li, #sitemapMain li {
margin-left: 12px;
} .sfNavVerticalSiteMap > li.makeAsLink > a {
margin-left: 10px;
position: relative;
} .sfNavVerticalSiteMap > li > ul > li a:hover, .sfNavVerticalSiteMap > li.makeAsLink > a:hover, #sitemapMain a:hover, #sitemapMain ~ ul a:hover {
color: #aa272f;
text-decoration: underline
} input.ng-invalid.ng-not-empty ~ label {
top: -10px;
font-size: 0.75em;
color: #3d3d3d;
} input.ng-invalid.ng-not-empty ~ .text-label-style-black {
top: -8px;
font-size: 0.75em;
color: #3d3d3d !important;
/* font-weight: normal; */
font-family: "Avenir medium";
} [class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'pfchangs' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
/*-moz-osx-font-smoothing: grayscale;*/
} .icon-show-less:before {
content: "\e901";
} .icon-show-more:before {
content: "\e902";
} .icon-close:before {
content: "\e900";
} .icon-close:hover {
cursor: pointer;
} #rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons .locations-found-desktop {
max-width: calc(100% - 480px);
line-height: 1.2em;
margin-top: 3px;
} .menu-and-order-middle-section .MenuList .menu-item-description h2 sup a {
font-size: 1.125em;
padding-left: 5px;
display: inline-block;
position: relative;
top: 5px;
} li.signedInMobile {
display: list-item;
} a.flyMenuSignOut {
margin-top: 20px;
width: 33%;
} .close_color {
color: white;
} .gigya-screen-dialog-close.icon-close {
padding-left: 10px;
padding-top: 10px;
} .textalignright {
text-align: right;
font-family: Avenir Black;
} #row_rice {
border-bottom: none;
margin-bottom: 0px;
} body.main-body.all .page-crumbs a:hover, body.main-body.location .page-crumbs a:hover {
color: #fff;
} .marginaddTop {
padding-top: 65px;
} a.menubtn.btn-link {
font-family: "Avenir Black";
font-weight: bold;
text-transform: uppercase;
font-size: 0.8125em;
line-height: 20px;
padding: 0px;
} @font-face {
font-family: 'pasarela bold';
src: url("https://wwwprodpfchangs.blob.core.windows.net/assets-34204/assets/fonts/Pasarela_Bold-webfont.woff")
} li.print.hidden-xs {
/*padding-top: 10px;*/
} .print-order {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
margin-left: 5px;
} .print-version-link {
color: #80379B;
font-family: 'Avenir Black' !important;
} .print-version-link:hover {
color: #80379B !important;
text-decoration: none !important;
} a.earn-points:hover {
color: #80379B !important;
text-decoration: none !important;
} a.glyphicon.glyphicon-print {
margin-left: 150px;
} .orderConfirmation a.glyphicon.glyphicon-print {
word-spacing: -12px;
} a.glyphicon.glyphicon-print.nomarginleft {
margin-left: 0px;
color: #ab262f;
word-spacing: -10px;
} a.main-menu-link {
color: #ab262f;
font-family: 'Avenir Black';
font-size: 0.8125em;
text-transform: uppercase;
} a.main-menu-link:hover {
color: #ab262f;
} a.main-menu-link:active {
color: #ab262f;
} .checkout-steps {
margin-right: 0;
} .contactSelectedStore .favorited-location {
font-family: "Avenir Light";
font-size: 0.875em;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
margin-right: -15px;
margin-left: -15px;
padding: 15px;
margin-bottom: 10px;
} .contactSelectedStore .favorited-location .location-name {
font-family: "Avenir Black";
margin-bottom: 8px;
} .contactSelectedStore .favorited-location {
cursor: default;
} #wrapper select[name='topic'], #wrapper select[name='topic'] option {
text-transform: capitalize !important;
} @media print {
.top-banner, .sfimageWrp, .flexMenu-viewMore, #contentPlaceholder_C035_ctl00_ctl00_imageItem, #mainNavbar, .panel-heading, .sfContentBlock about-blog-media-links, .link-area, #footerPlaceholder_T37E341B3066_Col00, #footerPlaceholder_T37E341B3065_Col00 {
display: none;
margin-top: -100px;
}
#collapse1, .panel-title {
display: block !important;
}
a[href]:after {
content: none !important;
}
body {
margin-top: 1mm;
}
} @page {
margin-top: 2cm;
} .col-md-8.area-for-buttons.ng-scope {
margin-top: -46px;
margin-left: 250px;
} .order-checkout .group {
/*margin-left: 36px;*/
} img#contentPlaceholder_C035_ctl00_ctl00_imageItem {
z-index: 2;
} #finish {
font-weight: bold;
font-family: "Avenir Black";
font-size: 1em;
} .print-menu {
font-family: 'Avenir Black';
word-spacing: 0px;
} .headline-subheadline-holder button a {
outline: none;
}
/*Cross Browser issue*/
@-moz-document url-prefix() {
.reservation-page .hmb .panel-title {
height: 51px;
}
} .order-checkout #selectedTime {
-webkit-appearance: none;
background-color: transparent;
} #ReviewOrderRight {
font-family: "Avenir Black";
font-size: 0.8125em;
line-height: 22px;
padding: 133px 0 0 15px;
/*text-transform: uppercase;*/
} #ReviewOrderRight a {
color: #aa272f;
font-family: 'Avenir Black';
text-transform: uppercase;
} #ReviewOrderRight label {
font-family: avenir black;
font-size: 1em;
font-weight: normal;
} #ReviewOrderRight .org.location-label {
display: block;
} #ReviewOrderRight a.tel.tel-link {
color: inherit;
text-decoration: none;
font-family: 'Avenir Light';
pointer-events: none;
} #ReviewOrderRight a.cancelOrder, #ReviewOrderRight a.startCheckout {
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
} #ReviewOrderRight div.vcard p a.cancelOrder, #ReviewOrderRight div.vcard p a.cancelOrder {
font-family: 'Avenir Black';
font-size: 0.8125em;
text-transform: uppercase;
} #ReviewOrderRight div.vcard p, #ReviewOrderRight .tel-link, #ReviewOrderRight .location-label, #ReviewOrderRight .adr span {
font-family: 'Avenir Light';
font-size: 1em;
line-height: 22px;
} #ReviewOrderRight .orderSummary {
padding-top: 0px;
padding-bottom: 20px;
} #ReviewOrderRight .orderSummary a {
font-size: 0.875em;
} #ReviewOrderRight .orderSummary span.order-name {
font-family: "Avenir Black";
} #ReviewOrderRight .orderSummary .order-items a {
font-family: "Avenir Medium";
margin-bottom: 5px;
display: inline-block;
margin-left: 16px;
text-transform: capitalize;
text-decoration: none;
} #ReviewOrderRight .orderSummary .order-items a:hover {
font-family: "Avenir Medium";
margin-bottom: 5px;
display: inline-block;
margin-left: 16px;
text-transform: capitalize;
text-decoration: underline;
} #ReviewOrderRight .orderSummary .oder-details {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #D8D8D8;
} #ReviewOrderRight .orderSummary .custom-button-style.red {
/*margin-left: 16px;*/
display: inline-block;
font-family: Goshen;
text-transform: lowercase;
font-size: 1.125em;
/*padding-top: 3px;
padding-bottom: 3px;*/
} #ReviewOrderRight .panel-default .panel-heading {
cursor: pointer;
margin-top: -13px;
position: static;
} .order-checkout .orderSummaryWrap {
display: inline-block;
margin-top: 134px;
position: relative;
width: 100%;
z-index: 1;
} .order-checkout .orderSummary {
position: static;
} .order-checkout .orderSummary.keepVisible {
position: absolute;
top: 0;
} .order-checkout .groupSize {
margin-left: 20px;
cursor: pointer
} .order-checkout .order-details-table {
margin: 12px auto;
} .order-checkout .groupSizewrap {
margin-right: 35px;
background-color: #E7E9EC;
color: #182B49;
border: 1px solid #A2AAB6;
} .item-name.RawItems {
position: relative;
left: -4px;
} .menu-item-description > h1.item-name a:hover {
text-decoration: none;
}
/*#ReviewOrderRight a.cancelOrder {
font-family: avenir black;
font-size: 0.875em;
}*/
/*--Account overview--*/
.text-label-style-fixed {
font-weight: normal;
font-size: 0.75em;
top: -8px;
font-family: "Avenir Medium";
position: absolute;
} .text-input-style-fixed {
color: #000000 !important;
font-size: 0.75em;
font-family: "Avenir Medium";
padding: 10px 20px 6px 2px;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
/**/
line-height: 14px;
} .menu-and-order-middle-section .checkbox-style label {
margin-left: 0px;
} .sign-me-up-img {
margin-top: 40px;
margin-bottom: 20px;
float: left;
} .sign-me-up-blurb {
display: inline;
margin-left: 20px;
float: left;
width: 50%;
margin-top: 10px;
} .sign-me-up-blurb-ul {
padding-left: 16px !important;
font-family: "Avenir Light" !important;
color: #3D3D3D !important;
padding-top: 4px !important;
line-height: 22px !important;
list-style: disc;
font-size: 1em !important;
} .non-loyality-account {
color: #80379B;
font-family: "Avenir Black";
font-size: 1em;
} .res-margin {
margin-bottom: 20px;
margin-left: 0px !important;
} #rooster-update .location-all.wrapper-outside .main-content {
background-color: transparent;
} div#notification-bar.frequent-notification-bar p.item-ingredients {
float: left;
} div#notification-bar.frequent-notification-bar .item-specifics {
float: left;
margin-top: 0;
} .item-specifics {
} div#notification-bar.frequent-notification-bar .dropdown {
float: left;
display: block;
width: 100%;
position: static;
margin: 0 0 15px;
} div#notification-bar.frequent-notification-bar .add-to-order-section {
float: left;
padding: 0;
display: block;
} div#notification-bar.frequent-notification-bar .menu-item-description {
float: left;
width: 100%;
} div#notification-bar.frequent-notification-bar .quantity {
margin: 5px 0 0;
} .cancel-reservation-alert {
border-color: #949DAB !important;
background-color: #E7E9EC !important;
font-family: "Avenir Black";
color: #182B49 !important;
margin-bottom: 35px;
line-height: 16px;
text-decoration: underline;
} .lookup-main-div:hover {
cursor: pointer;
} #success-msg-contact, #success-msg-contact1 {
background-color: #F1F4E5;
border: 1px solid #BFCE89;
padding: 14px;
color: #739600;
font-family: Avenir Medium;
font-size: 0.75em;
line-height: 16px;
visibility: hidden;
opacity: 0;
transition: 0.5s opacity linear;
} #success-msg-contact.showMessage {
margin: 15px 15px 15px 15px;
visibility: visible;
opacity: 1;
} #success-msg-contact1.showMessage {
margin: 15px 15px 55px 0;
visibility: visible;
opacity: 1;
} ul.social-dropdown-social-content.advancedShare.blogHeroImageShare a .fa {
color: #d8d8d8 !important;
} ul.social-dropdown-social-content.advancedShare.blogHeroImageShare a:hover .fa {
color: #fff !important;
} body > .social-dropdown-social-content.advancedShare a:hover em {
color: #606060 !important;
} body > .social-dropdown-social-content.advancedShare.shareStoriesWorthShare a:hover em {
color: #fff !important;
} #top-menu-title-rewards.faq, #top-menu-title-general.faq {
padding: 12px 20px 8px 20px !important;
} .model-Cancel-reservation {
width: 30% !important;
z-index: 1050 !important;
} .model-Cancel-reservation-button {
width: 212px;
margin-left: -25px;
padding-bottom: 7px;
margin-bottom: 10px !important;
} .cancel-model {
text-align: center;
} .cancel-model-content {
width: 430px !important;
} .cancel-model-align {
padding: 40px 50px 30px 50px !important;
} @media (min-width:768px) {
.modal-content.cancel-model-content.cancel-model-align.model-position {
position: relative;
width: 430px !important;
top: 110px;
margin-top: 0px;
margin-bottom: 0px;
}
.checkout-steps .preferred-text > p {
float: left;
width: calc(100% - 150px);
}
.checkout-steps .preferred-text > img {
float: left;
}
.modal.fade.ng-isolate-scope.in .modal-dialog {
width: auto;
}
} @media (max-width:768px) {
.modal-content.cancel-model-content.cancel-model-align.model-position {
/*margin-left: 10px;*/
margin-top: 50px;
top: 50%;
transform: translate(0%, 18%);
}
} h4.cancel-model.rap-title {
font-size: 1em;
font-family: Avenir Black;
line-height: 22px;
color: #3D3D3D;
} p.cancel-model.wraps-margin {
font-size: 1em;
font-family: Avenir light;
line-height: 22px;
color: #3D3D3D;
} button.btn.red.model-Cancel-reservation-button {
margin-left: 20px;
} button.btn.model-Cancel-reservation-button {
margin-left: 20px;
} .cross-button {
padding-right: 30px !important;
margin-top: -24px;
} .wraps-margin {
margin-left: -24px;
} .rap-title {
margin-left: 25px;
} @media (max-width:767px) {
#cancelReservationModel .rap-title {
margin-left: 25px;
margin-right: 25px;
}
} .res-order-margin {
margin-top: 0px;
} .bg-danger {
background-color: #FDE9Eb;
font-family: Avenir Medium;
line-height: 16px;
font-size: 0.75em;
padding: 14px;
border: 1px solid #F79CA4;
} .bg-danger-choose-one {
background-color: #FDE9Eb;
font-family: Avenir Medium;
/*line-height: 16px;*/
font-size: 0.75em;
padding: 14px;
border: 1px solid #F79CA4;
} .Lunchitem.bg-danger {
background-color: #E7E9EC;
font-family: Avenir Medium;
line-height: 16px;
font-size: 0.75em;
padding: 14px;
border: 1px solid #949DAB;
color: #182B49;
} .CheckoutLunchitem.bg-danger {
background-color: #e7e9ec;
font-family: Avenir Medium;
margin-top: 15px;
line-height: 16px;
font-size: 0.75em;
padding: 14px;
border: 1px solid #949dab;
color: #182b49;
} .alert-section .blue {
background-color: #E7E9EC;
font-family: Avenir Medium;
line-height: 16px;
font-size: 0.75em;
padding: 14px;
border: 1px solid #949DAB;
color: #182B49;
/*margin-left: 36px;*/
} #rooster-update .home-style .hero h3.h3-slider.size24 {
font-size: 1.5em !important;
}
/*for the font on the radio inputs*/
#wrapper .contact-us #lunch + label.black {
font-family: "Avenir Medium";
} #wrapper .contact-us #dinner + label.black {
font-family: "Avenir Medium";
} #rooster-update .wrapper-outside.contact-us {
padding-top: 85px;
} @media (min-width:768px) and (max-width:991px) {
#rooster-update .wrapper-outside.contact-us {
padding-bottom: 0px !important;
}
} @media (max-width: 991px) {
#rooster-update .contact-us .timerWrap {
padding-left: 0;
}
} @media (max-width: 767px) {
.promo-text h2 {
font-size: 2.5em !important;
line-height: 45px !important;
margin-bottom: 10px !important;
}
.suggestedTimes-button {
width: 90px;
}
} @media (min-width:768px) {
.social-media-icons-wrap {
display: table;
margin: 0 auto;
}
.social-media-icons-wrap > span {
display: table-cell;
vertical-align: middle;
}
.social-media-icons-wrap > span.follow-us {
padding-right: 10px;
}
} @media (min-width: 768px) and (max-width:991px) {
.top-banner .wrapper-inside p.login-signup a.share-icon-style {
margin-right: 25px !important;
}
.page-extras .checkout-page .area-for-buttons input.btn.finishing-touch-btn {
padding: 11px 14px 6px !important;
margin: 0;
margin-top: 1px !important
}
.contact-us-widget-styling .noPaddingRight > div {
padding-right: 0 !important;
}
.contact-us-widget-styling .extraQuestions > div, .extraQuestions {
padding-right: 0 !important;
}
} #rooster-update .home-style .promo-offers .promo-wrapper .promo-images-section .promo-holders .tagline svg {
left: calc(50% - 7px);
position: absolute;
} .home-style .hero {
width: 88% !important;
top: 50% !important;
height: auto;
margin-top: 0;
display: block;
max-height: 10000px;
} .home-style .carousel-inner .hero {
top: 45% !important;
transform: translate3d(-50%,-70%,0) !important;
} #rooster-update .home-style .your-class-test-slick .slick-prev {
top: 49.5%;
} #rooster-update .home-style .your-class-test-slick .slick-next {
top: 49.5%;
} .home-style .sfContentBlock .h1-slider {
line-height: 100px;
} .home-style #mobileSlider .home-hero-button-section {
position: absolute;
bottom: 30px;
text-align: center;
width: 70%;
margin: auto;
margin-right: 15%;
margin-left: 15%;
} .home-style #mobileSlider .home-hero-button-section .primary-button {
margin: 5px;
} svg.st3:hover {
cursor: pointer;
} .ContactSelectedLocation {
margin-bottom: 9px;
margin-left: 0px;
} .ContactSelectedLocation svg.loc {
fill: #788FFF;
position: relative;
top: 3px;
cursor: default;
} .ContactSelectedLocation span {
font-family: "Avenir Black";
} .creatacc a {
color: #675d53;
text-decoration: underline;
} ul.social-dropdown-social-content.advancedShare.share-icon.blogTop.NonRemoveable a em {
font-size: 1.375em !important;
padding: 0 9px;
} .res-order-title {
margin-top: 0px !important;
font-size: 1em !important;
margin-bottom: 10px;
color: #3D3D3D;
font-family: "Avenir Black";
line-height: 22px;
} .account-res-btn-red {
background-color: #AA272F;
color: #FFFFFF;
} .common-btn-cancel-model {
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
font-size: 1.125em;
font-family: Goshen;
padding: 10px 14px 7px 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
display: inline-block;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
border: 1px solid transparent;
width: 212px;
margin-left: -25px;
padding-bottom: 7px;
margin-bottom: 9px !important;
} .account-cancel-wrap {
margin-bottom: 20px !important;
} .social-share-res {
/*cursor: pointer;*/
} a.white:focus {
color: #fff;
outline: none;
} #mediumButton.giftCards {
padding: 10px 14px;
} #owlmodal div#customer-share.profile-share {
position: absolute;
right: 70px;
bottom: 25px;
} #mediumButton.giftCards {
padding: 10px 14px;
} #owlmodal div#customer-share.profile-share {
position: absolute;
right: 70px;
bottom: 25px;
} ul.social-dropdown-social-content.advancedShare.customer-share.tintShare li {
display: none;
} ul.social-dropdown-social-content.advancedShare.customer-share.tintShare > li:nth-child(1), ul.social-dropdown-social-content.advancedShare.customer-share.tintShare > li:nth-child(3) {
display: block;
} ul.social-dropdown-social-content.advancedShare.customer-share.tintShare {
width: 70px !important;
} .social-dropdown-social-content.advancedShare.tintShare li a {
color: #3d3d3d;
} .social-dropdown-social-content.advancedShare.tintShare li a:hover em {
color: #606060 !important;
-webkit-text-fill-color: #606060;
} a.onhover-white:hover, a.onhover-white:active {
color: white !important;
} #rooster-update .wrapper-outside.main-menu {
padding-top: 64px;
} #rooster-update .wrapper-outside.print-menu {
padding-top: 84px;
} #rooster-update .wrapper-outside.cateringOrder > div, #rooster-update .wrapper-outside.orderConfirmation div.marginaddTop {
padding-top: 0;
} #rooster-update .wrapper-outside.cateringOrder, #rooster-update .wrapper-outside.pageOrderExtras.orderPages, #rooster-update .wrapper-outside.order-review-page, #rooster-update .wrapper-outside.order-checkout, #rooster-update .wrapper-outside.orderConfirmation {
padding-top: 84px;
} #rooster-update .wrapper-outside.orderPages .style-refresh.left-side-menu-navigation .panel .panel-heading .panel-title a .sub-head {
padding-top: 6px;
padding-right: 11px;
} #rooster-update .wrapper-outside.orderPages .style-refresh .panel-title .fa {
font-size: 1.25em;
top: 32%;
} #rooster-update .wrapper-outside.orderPages .menu-actions.style-refresh li {
margin-bottom: 5px;
} a.primary-button:focus {
outline: none !important;
} .finishing-touch-btn {
padding: 11px 14px 6px !important
} @media (min-width: 992px) {
.margin-finishing-quantity {
margin-top: -2px;
}
} @media (max-width: 767px) {
.sf_2cols_1_67 {
width: 100% !important;
}
.sf_2cols_2_33 {
width: 100% !important;
}
} @media (min-width: 768px) and (max-width:991px) {
.sf_2cols_1_67 {
width: 55% !important;
}
.sf_2cols_2_33 {
width: 45% !important;
}
} @media (min-width: 992px) {
.sf_2cols_1_67 {
width: 65% !important;
}
.sf_2cols_2_33 {
width: 35% !important;
}
}
/*label for input number, should be the same on every input. */
h4.option-row-title {
font-family: "Avenir Black";
font-size: 0.875em;
font-weight: normal;
padding-bottom: 5px;
} h4.option-row-title.finishing-font {
font-family: "Avenir Black";
font-size: 0.75em;
padding-bottom: 1px !important;
}
/*input padding for input number, should be the same on every input*/
/* this will affect quantity feild in menu orders */
div.option-row-title input[type = number] {
padding: 5px 15px 5px 10px;
min-width: 65px;
} .add25MarginTop {
margin-top: 25px;
} .slick-slider #mediumButton {
color: #fff !important;
text-decoration: none !important;
text-shadow: none;
padding: 16px 14px 14px;
} .slick-slider .mediumButton {
color: #fff !important;
text-decoration: none !important;
text-shadow: none;
padding: 16px 14px 14px;
} .slick-slider .mediumButton {
color: #fff !important;
text-decoration: none !important;
text-shadow: none;
padding: 16px 14px 14px;
} .current-page {
cursor: default !important;
text-decoration: none !important;
} .current-page:focus {
text-decoration: none;
} body > .social-dropdown-social-content.advancedShare.tintShare {
z-index: 99999;
} .ord-item {
border-bottom: 1px solid #D3D3D3;
margin-right: 0px !important;
margin-left: 0px !important;
} .ord-title {
padding-left: 0px !important;
padding-right: 0px !important;
} .ord-price {
text-align: right;
} .cancel-mysum {
padding-left: 5px !important;
} .order-edit-review {
color: #AA272F !important;
} .happy-menu-title {
font-family: "pasarela bold";
text-transform: uppercase;
font-size: 3.125em;
} .add-more-checkout {
margin-left: 0px !important;
padding: 11px 0px 6px;
text-transform: lowercase;
width: 100%;
margin-bottom: 10px
} .payment-checkout-ord {
margin-left: 0px !important;
font-size: 1em !important;
font-weight: normal;
} .check-box-checkout {
display: inline-flex;
padding-left: 10px;
} .msge-wrap {
display: inline-block;
font-weight: normal;
font-size: 0.75em;
font-family: "Avenir Light";
padding-bottom: 2px;
padding-left: 5px;
max-width: 510px;
}
/*hide the video playback button*/
*::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
} .fa-font {
font-size: 1.25em !important;
} .form-group-na {
margin-bottom: 0px !important;
} @media (min-width: 768px) {
.print-main-me {
font-size: 2.25em !important;
margin-top: 20px !important;
}
} .ord-chk-edit {
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
} .chk-sub-total {
padding-top: 10px;
padding-bottom: 10px;
} @media (max-width: 1024px) {
.order-checkout .panel.orderSummary .panel-body a.checkout-cancel-order {
padding-left: 0 !important;
margin-top: 10px;
float: left;
margin-bottom: 0;
left: -1px;
top: 0;
}
.order-checkout .panel.orderSummary .panel-body .order-actions-checkout .col-xs-6 {
width: 100%;
}
} @media (max-width: 991px) {
.panel.orderSummary .panel-body a.checkout-cancel-order.margin-btm-sm-20 {
margin-bottom: 20px !important;
top: 15px;
display: inline-block;
clear: left;
}
.panel.orderSummary .panel-body .order-actions-checkout a.cancel-order.margin-btm-sm-20 {
display: block;
float: left;
clear: both;
width: auto;
padding-left: 0;
margin: 10px 0 0;
}
.ReviewPage.panel.orderSummary .panel-body .order-actions-checkout a.cancel-order.margin-btm-sm-20 {
margin-bottom: 0;
top: 0;
display: inline-block !important;
padding: 6px 12px;
float: none;
}
.btn.custom-button-style.grey.no-thanks {
margin-left: 0;
}
.checkout-page-container .checkout-page .item-Name ~ div {
padding-top: 10px;
width: 30%;
padding-bottom: 10px;
}
/*.checkout-page-container .checkout-page .item-Name {
padding-top: 10px;
}*/
}
/*Must affect all disabled buttons*/
.btn.custom-button-style.disabled {
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
cursor: default !important;
}
/*for class disabled*/
.btn.custom-button-style.red.disabled:hover {
background-color: #AA272F;
}
/*for attribute disable*/
.btn.custom-button-style.red[disabled] {
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
cursor: default !important;
} .btn.custom-button-style.red[disabled]:hover {
background-color: #AA272F;
} .wrapper-outside.location-all .location-content .reservation-page .text-label-style {
top: 8px;
color: #D8D8D8;
left: 0px;
} .wrapper-outside.location-all .location-content .reservation-page input.text-input-style:focus ~ .text-label-style {
top: -11px;
} .wrapper-outside.location-all .location-content .reservation-page input.text-input-style:valid ~ .text-label-style {
top: -11px;
} .order-confirmation-member {
margin-bottom: 40px;
} .order-confirmation-click {
font-family: 'Avenir Black';
color: #AA272F;
text-decoration: underline;
} .order-confirmation-paytype {
font-family: 'Avenir Light';
font-size: 1em;
} @media (min-width:920px) {
.mar-can {
top: 20px;
}
} .order-checkout .reservation-page button {
padding: 11px 14px 6px;
} .font-prc {
font-family: 'Avenir medium';
} @media (min-width:992px) and (max-width:1100px) {
.margin-algn {
margin-right: -15px;
}
} @media (min-width:1101px) and (max-width:1200px) {
.margin-algn {
margin-right: -30px;
}
} @media (min-width:1201px) and (max-width:1300px) {
.margin-algn {
margin-right: -45px;
}
} @media (min-width:1301px) {
.margin-algn {
margin-right: -65px;
}
} #ReviewOrderRight .panel .panel-body .oder-details .order-items .order-summary {
color: #675d53
} .order-review-page .panel.orderSummary .panel-body th, .order-review-page .panel.orderSummary .panel-body .subtotal-row td.qty {
border-bottom: 1px solid #d8d8d8;
font-size: 0.875em;
font-family: "Avenir Black";
line-height: 20px;
} .order-review-page .item-name {
font-weight: normal;
font-size: 0.875em;
} .order-review-page .panel.orderSummary .panel-body .item-row td {
line-height: 20px;
} .order-review-page .panel.orderSummary .panel-body td .item-edit-actions a {
font-size: 0.875em;
} .order-review-page .panel.orderSummary .panel-body .order-actions-checkout a.cancel-order {
position: relative;
top: 12px;
} .order-review-page .panel.orderSummary .panel-body .subtotal-row td {
border-bottom: 1px solid #d8d8d8;
} .panel.orderSummary .panel-body {
padding: 30px 25px;
}
/*style to comply with ADA compliance*/
#rooster-update .your-class-test-slick > button:focus {
outline: 1px solid rgb(77, 144, 254);
/*background: rgba(255,255,255,.8);*/
}
/*style to comply with ADA compliance*/
.your-class-test-slick .slick-dots li button:focus {
outline: 1px solid rgb(77, 144, 254);
/*color: white*/;
}
/*style to comply with ADA compliance*/
.article-slider > button:focus {
outline: 1px solid rgb(77, 144, 254);
}
/*style to comply with ADA compliance*/
.article-slider .slick-dots li button:focus {
outline: 1px solid rgb(77, 144, 254);
} .menu-and-order-middle-section input[type=number]:focus {
outline: 1px solid rgb(77, 144, 254);
} .ui-corner-all {
border-radius: 0px !important;
border-color: #D8D8D8 !important;
} .page-checkout .reservation-page .btn.grey.add-more-checkout {
padding: 11px 0px 6px;
text-transform: lowercase;
} @media (min-width: 1025px) {
#place-order.btn.custom-button-style.grey.formOrderCheckOutBtn {
margin-top: 5px;
}
.panel.orderSummary .panel-body a.checkout-cancel-order.formOrderCheckOutBtn {
line-height: 49px;
}
} @media screen and (max-width:833px) and (min-width: 768px) {
.col-md-12.resr > button {
float: left;
display: block;
}
button.btn.grey.res-margin.gds {
clear: left;
margin-top: 15px;
}
button.btn.grey.res-margin.gds + button {
margin-top: 15px;
}
} .alignment {
padding-left: 15px;
} @media only screen and (max-width: 767px) {
.modal-content.cancel-model-content.cancel-model-align.model-position {
padding: 50px 0px 40px 0px !important;
width: 88%;
float: right;
max-width: 430px;
min-width: 282px;
}
.cancel-alert-model {
max-width: 340px;
min-width: 242px;
padding: 30px 20px;
margin: auto;
}
} .clk {
position: absolute;
top: 10px;
left: 0px;
} .tm-res {
padding-left: 20px !important;
} .reservation-page select.text-input-style option {
background: #f6f6f6;
font-weight: normal;
color: #454545;
} .reservation-page select.text-input-style option:hover {
background: #C13846 !important;
color: #fff;
font-weight: normal;
} select:focus > option:checked {
background: #C13846 !important;
color: #fff;
} .order-checkout .help-block {
margin-top: 8px !important;
font-family: "Avenir Medium";
font-size: 0.75em !important;
line-height: 16px !important;
color: #8e8e8e !important;
} .help-block {
margin-bottom: 0px !important;
} .order-checkout .reservation-page .text-label-style {
font-size: 0.875em;
} .CheckOutController .error-display {
color: #ED2939;
font-size: 0.75em;
font-family: "Avenir Black";
padding-top: 10px;
padding-right: 10px;
/*padding-bottom: 5px;*/
padding-left: 0px;
} .CheckOutController .checkout-step-1 .group .error-display {
padding-bottom: 5px;
} .group.vehicleStyle {
margin-top: 23px;
} .form-group.form-group-promoCode {
font-family: "Avenir Medium";
} .reservation-page .form-group-promoCode .btn.promobtn.grey {
text-transform: lowercase;
} .main-body .modal-content #editItemFromOrderSummary.orderSummary .modal-header button.close span:before {
content: "\e900";
font-family: "pfchangs";
color: #3d3d3d;
font-size: 1.25em;
} .main-body .modal-content #editItemFromOrderSummary.orderSummary .modal-header button.close {
position: absolute;
z-index: 99;
bottom: auto;
top: -19px;
right: -25px;
left: auto;
} #notification-bar-segment-bar .close-dropdown:before {
cursor: pointer;
content: "\e900";
font-family: "pfchangs";
font-size: 1.25em;
} @media (min-width:768px) {
.resrv-result {
float: right;
}
} .cateringOrder .page-crumbs {
margin-top: 20px;
} #ReviewOrderRight .orderSummary .oder-details:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
} body.unloading #ajax-loader {
display: block !important;
} .menu-and-order-middle-section .input-radio-Class input[type="radio"]:checked + label .fa-circle {
top: -5px;
} .mapdirection {
padding-left: 15px
} .addressdetails {
padding-left: 20px !important;
} #rooster-update .wrapper-outside.cateringOrder {
padding-top: 70px;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.menu-and-order-middle-section .input-radio-Class .choose-menu-options.custom-menu-class {
padding-left: 22.5vw !important;
}
.menu-and-order-middle-section .menu-item-form-section .menu-item-price.custom-menu-class {
margin-left: 22.5vw !important;
}
.menu-and-order-middle-section .menu-item-form-section .btn.custom-menu-class {
margin-left: 22.5vw !important;
}
.menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .select-one.custom-menu-class {
width: 34.5vw !important;
}
.menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .radio-options-container.custom-menu-class {
width: 100% !important;
}
.checkout-steps .checkout-step-4 .promo-enter-row .form-inline input {
clear: left;
float: left;
margin-top: 1px;
}
.reservation-page .form-group-promoCode .btn.promobtn.grey {
margin-left: 5px;
padding: 5px 14px 1px;
}
.checkout-steps .checkout-step-4 .promo-enter-row .form-inline span {
display: block;
width: 100%;
}
} .orderDetailsToastr, #notification-bar .area-for-buttons {
font-family: "Avenir Light";
font-size: 1.125em;
} .checkOutOnToastr, #notification-bar .area-for-buttons a {
font-family: "Avenir Black"
} .group.form-group.form-group-promoCode {
max-width: 300px;
float: left;
margin-bottom: 0;
position: relative;
top: 12px;
} ng-form.promo-form {
padding: 20px 0;
float: left;
} .reservation-page .btn.promobtn.grey {
margin: 0 0 0 20px;
} .checkout-steps .checkout-step-4 .order-details-table tfoot td {
padding: 10px 0;
} .reservation-page .promo-form input.text-input-style:valid ~ .custom-label {
top: -8px !important;
} .res-special {
top: -2px !important;
} .cancel-msge {
margin-bottom: 20px;
} .cancel-msge-Acc {
margin-bottom: 20px;
margin-top: 20px;
} .reservation-page a.reservation-tel {
color: #D8D8D8;
font-size: 0.875em;
cursor: pointer !important;
} .notes-res {
position: absolute !important;
padding-top: 14px;
width: 81%;
margin-top: 160px;
/*margin-left: -170px;*/
} @media (max-width:768px) {
.notes-res-mobile {
position: absolute !important;
padding-top: 14px;
width: 81% !important;
}
} .reservation-notes {
color: #555 !important;
font-size: 0.875em;
font-family: "Avenir Black";
padding: 10px 20px 6px 0px;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
line-height: 14px;
} .mar-notes {
margin-top: auto !important;
} .min-note-width {
min-height: 210px !important;
} .checkout-steps .errorSection.bg-danger button {
margin: 0;
} .checkout-steps .place-order-info button {
margin: 0 !important;
} .checkout-steps .errorSection.bg-danger {
margin-top: 0px !important;
display: inline-block;
width: 100%;
} .checkout-steps .place-order-info {
display: inline-block;
width: 100%;
} .time-shown {
max-height: 200px;
overflow-y: scroll !important;
} @media (max-width:991px) {
.time-shown {
max-width: 150px;
}
} .time-shown div:hover {
background: #ccc !important;
} @media screen and (min-width: 768px) {
.page-checkout #contentPlaceholder_C002_Col00 .sf_colsOut.sf_2cols_1_75 {
width: 65% !important;
}
.page-checkout #contentPlaceholder_C002_Col00 .sf_colsOut.sf_2cols_1_75 > div:first-child {
width: 100% !important;
}
} div#cancelReservationModel button.close {
position: absolute;
right: 0px;
top: 50px;
} .blog-landing .hero-img-container .wrapper-outside a:not(:last-of-type):hover {
text-decoration: underline;
} #wrapper .contact-us label {
left: 0;
} #wrapper .contact-us input-dropdown.ng-empty ~ label {
top: 18px;
} .reservation-notes:focus {
outline: none;
} .reservation-page input.reservation-notes:focus ~ .reservation-floating-label {
font-size: 0.75em;
font-family: 'Avenir Medium';
color: black;
top: 8px;
bottom: 10px;
} .order-summary.custom-reorder {
margin-left: 0px !important;
color: #000000 !important;
} a.order-summary.custom-reorder.active .fa {
transform: rotate(180deg);
} .reservation-floating-label {
position: absolute;
pointer-events: none;
top: 28px;
color: #555;
font-size: 0.875em;
font-family: "Avenir Black";
opacity: 0.5;
transition: 0.2s ease all;
} .reservation-page input.reservation-notes.ng-not-empty ~ .reservation-floating-label {
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #555;
top: 8px;
bottom: 10px;
} #rooster-update .contact-us .contact-us-feedback-topic .dropdown .valueSelected {
margin: -4px -8px;
padding: 4px 8px;
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .radio-options-container {
width: 100%;
} .recent-order-and-or-favorite button.btn.custom-button-style.grey {
height: 30px;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 0.875em !important;
line-height: 34px;
text-transform: lowercase !important;
} .menu-and-order-middle-section .menu-item-form-section .menu-item-price.custom-menu-class {
margin-left: 25%;
} .menu-and-order-middle-section .menu-item-form-section .btn.custom-menu-class {
margin-left: 25%;
} .menu-and-order-middle-section .menu-item-form-section .menu-item-form-wrapper .option-row-quantity.custom-menu-class {
margin-left: 25%;
} .menu-and-order-middle-section .input-radio-Class .choose-menu-options.custom-menu-class {
padding-left: 25%;
} .menu-and-order-middle-section .input-radio-Class .select-one-and-options-container .radio-options-container.custom-menu-class {
width: 75%;
} @media (min-width:768px) {
#cancelReservationModel .rap-title {
margin-left: 25px;
margin-right: 0px;
}
} #notification-bar-item-updated.hide-notification-bar {
z-index: 1;
}
/*#notification-bar-item-updated {
z-index: 2;
}*/
@media screen and (min-width: 992px) {
.pageOrderExtras .order-actions-checkout .cancel-order {
display: inline-block !important;
}
.account-preferred .accountPagesStyles .sf_3cols_1_33 {
width: 25% !important;
}
.account-preferred .accountPagesStyles .sf_3cols_2_34 {
width: 40% !important;
}
.account-preferred .accountPagesStyles .sf_3cols_3_33 {
width: 35% !important;
}
} @media (max-width:992px) {
.special-off {
float: left;
margin-left: -14px;
}
} .reservation-radio {
top: 0px !important;
} .sidebar-body-mobile {
padding: 2px 20px 2px;
} .drp-pos {
position: relative !important;
} .notification-bar .added-to-order p {
text-align: left;
} .reservation-page .dropdown-backdrop {
z-index: auto !important;
}
/*begin Bugfix.CSS*/
/* HOME PAGE SLIDERS: Updating font */
/*#rooster-update .hero .h1-slider {
font-size: 0.625em0px;
font-weight: normal;
}*/
#rooster-update .hero .h3-slider {
font-size: 2.25em;
line-height: 42px;
font-family: "Avenir Medium";
text-transform: uppercase;
font-weight: normal;
padding-left: 15px;
padding-right: 15px;
}
/* HOME SLIDERS: For hero content or [.hero], change text-shadow to [0px 0px 2px #000000] to increase legibility */
#rooster-update .hero {
text-shadow: 0px 0px 2px #000000;
}
/* HOME: Remove letter spacing on tagline in "Restaurant Happenings" section */
#rooster-update .home-style .promo-offers .promo-wrapper .promo-images-section .promo-holders .tagline {
letter-spacing: normal;
} .location-all .location-search .reservation-page .text-input-style {
padding: 10px 0px 6px 0px;
}
/*.location-all .location-search .reservation-page .text-input-style:focus {
border: solid 1px;
}*/
/* FIND A LOCATION: Autocomplete text font for the "city, state, or zipcode" field is Avenir Light. */
#rooster-update .location-all .location-content .typeaheadWrap ul.dropdown-menu a {
font-family: "Avenir Light";
background-color: transparent;
}
/* FIND A LOCATION: On hover, removed blue highlight. Text is underlined instead */
#rooster-update .location-all .location-content .typeaheadWrap ul.dropdown-menu a:hover {
background-color: transparent;
text-decoration: underline;
}
/* FIND A LOCATION: For current location and search button or [.btn.custom-button-style.red], change padding to [8px 14px 8px] */
.location-search .reservation-page .btn.custom-button-style.red {
padding: 8px 14px 8px;
}
/* FIND A LOCATION: "Current location" button is 50px in width and height. "Search" button should be 50px in height. */
.location-search .inputs-and-buttons button {
height: 50px;
}
/* FIND A LOCATION: Padding above "Find a Location" should be reduced to 35px. */
.location-all h1.style-refresh {
margin-top: 35px;
}
/* FIND A LOCATION: Line height for location address and phone number should be increased to 26px */
.location-all .list-of-locations .single-location .address {
line-height: 26px;
} .location-all .list-of-locations .single-location .number {
line-height: 26px;
}
/* FIND A LOCATION: Line height for store hours and happy hour should be increased to 20px */
.location-all .list-of-locations .single-location .store-hours {
line-height: 22px;
} .location-all .list-of-locations .single-location .happy-hour {
line-height: 22px;
}
/* FIND A LOCATION: Location specific buttions (view menu & order, make a reservation, get directions, view restaurant details) should be 44px in height and have a 12px margin in between */
.location-all .list-of-locations .single-location .button-section-for-location button {
margin-bottom: 12px;
height: 44px;
} .location-all .list-of-locations .single-location .button-section-for-location a {
height: 44px;
}
/* FIND A LOCATION: Change margin-top of result count or [.location-all .location-content .location-search .flex-this .inputs-and-buttons .locations-found-desktop] to 14px */
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons .locations-found-desktop {
margin-top: 19px;
margin-left: 5px;
}
/* FIND A LOCATION: Gets rid of close button on input on Edge */
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons input::-ms-clear {
display: none;
}
/* FIND A LOCATION: For the "City, State or Zip Code" field, change the top value of active label or [.location-search .reservation-page input.text-input-style:valid ~ .text-label-style] to -8px so that it is consistent with input fields on the reservations page */
.location-search .reservation-page input.text-input-style:valid ~ .text-label-style, .reservation-page select.text-input-style:valid ~ .text-label-style, .location-search .reservation-page input.text-input-style.ng-not-empty ~ .text-label-style, .reservation-page select.text-input-style.ng-not-empty ~ .text-label-style {
top: -8px;
} .location-search .reservation-page input.text-input-style:focus ~ .text-label-style {
top: -8px;
}
/* FIND A LOCATION: For grey buttons or [.btn], change [padding: 6px 12px] to [10px 12px] */
.location-all .list-of-locations .single-location .location-info-body .btn.custom-button-style.grey {
padding: 10px 12px;
}
/* FIND A LOCATION: Increase size of pin icon to 22 x 22. */
.location-all .list-of-locations .single-location .location-info-header-body .my-location svg.stMapMarkerLineArt {
width: 22px;
height: 22px;
}
/* FIND A LOCATION: Change pin (selected) icon color to #788FFF */
.location-all .list-of-locations .single-location .my-location a em {
color: #788fff;
font-size: 1.5625em;
}
/* FIND A LOCATION: "Make this my location" should remain vertically centered with pin icon */
.location-all .list-of-locations .single-location .my-location a span {
top: -5px;
margin-left: 4px;
}
/* FIND A LOCATION: Add 60px margin-bottom between last result and footer or [.location-all .list-of-locations] */
.location-all .list-of-locations {
margin-bottom: 60px;
}
/* FIND A LOCATION: Make horse background image fixed when scrolling */
#rooster-update #wrapper.location-wrapper-addon #content.body-section > .sf_cols:nth-child(2) {
background-attachment: fixed;
}
/* FIND A LOCATION: Breadcrumbs should be 20pxbelow navbar */
#rooster-update #wrapper .wrapper-outside.location-all {
padding-top: 20px;
}
/* ACCOUNT OVERVIEW: Decrease space above breadcrumbs to be 20px */
.overview .main-content {
padding-top: 0px;
}
/* ACCOUNT OVERVIEW: For MY P.F. CHANG'S and ABOUT ME panel, adding 15px inside padding. */
.account-sidebar-panels nav.sidebar .list-group li:nth-child(2) {
padding-top: 15px;
} .account-sidebar-panels nav.sidebar .list-group li:last-child {
padding-bottom: 15px;
} .accountPagesStyles .account-sidebar-panels nav.sidebar .list-group li:last-child {
padding-bottom: 0px;
} .account-sidebar-panels nav.sidebar .list-group-item {
padding-left: 15px;
}
/* ACCOUNTS OVERVIEW: For MY P.F. CHANG'S and ABOUT ME panel links, remove [padding: 9px 7px] and replace with 10px padding-bottom only. */
.account-sidebar-panels nav.sidebar .list-group-item a {
padding: 0px 0px 10px 0px;
}
/* ACCOUNT OVERVIEW: For MY P.F. CHANG'S and ABOUT ME panel, change link font to Avenir Medium with 20px line-height */
.account-sidebar-panels .sidebar .list-group.list-nav .list-group-item {
font-family: "Avenir Black";
line-height: 20px;
}
/* ACCOUNT OVERVIEW: For P.F CHANG'S PREFERRED panel, increase top padding of .panel-body to 20px.; */
.overview-view-details .panel-body {
padding-top: 20px;
}
/* ACCOUNT OVERVIEW: For P.F CHANG'S PREFERRED panel, all text should have 30px padding-right. Progress circle should remain in top right corner */
.accountPagesStyles .panel .panel-body .progress-message .paragraph-and-progress-circle .circle-container span {
/*padding-right: 30px;*/
} .accountPagesStyles .panel .panel-body .progress-message .paragraph-and-progress-circle .circle-container .current-points {
/*padding-right: 0px;*/
} .accountPagesStyles .panel .panel-body .progress-message .paragraph-and-progress-circle .circle-container #progress-circle svg:first-child {
display: none;
}
/* ACCOUNT OVERVIEW: For EARN POINTS FOR A PAST VISIT link within P.F CHANG'S PREFERRED panel, change color to #80379B (purple) */
.accountPagesStyles .panel .panel-body .view-virtual-card a.block-content span {
color: #80379B;
} .accountPagesStyles .panel .panel-body .view-virtual-card a.block-content span:hover {
text-decoration: underline;
}
/* ACCOUNT OVERVIEW: For EARN POINTS FOR A PAST VISIT link within P.F CHANG'S PREFERRED panel, decrease margin-bottom to 5px */
.accountPagesStyles .panel .panel-body .view-virtual-card a.block-content.past-points-link {
margin-bottom: 5px;
}
/* ACCOUNT OVERVIEW: For RESERVATIONS & ORDERS panel, add 4px padding-bottom to location name or */
.accountPagesStyles .panel .panel-body .overview-orders-info.recent-orders-info .reservations-list h3 {
padding-bottom: 4px;
} .accountPagesStyles .panel .panel-body .overview-orders-info.recent-orders-info .reservations-list h3 {
padding-bottom: 4px;
}
/* ACCOUNT OVERVIEW: Remove hidden arrows to the right of all panel links */
.panel-heading .panel-heading-link.hidden-xs::after {
display: none;
}
/* ACCOUNT OVERVIEW: In MY PREFERRED LOCATIONS panel, change font of
text to Avenir Light */
.overview-favorites .panel-body .vcard p {
font-family: "Avenir Light";
}
/* ACCOUNT OVERVIEW: Make the styling of the "MAKE A RESERVATION" button look like "VIEW MENU" in the RESERVATIONS & ORDERS" panel */
.panel.overview-orders .panel-body .overview-orders-info.reservations-info a {
color: #80379B;
font-family: "Avenir Black";
font-size: 0.8125em;
text-transform: uppercase;
}
/* ACCOUNT OVERVIEW: Make the "MAKE A RESERVATION" button underline when hovering over it */
.panel.overview-orders .panel-body .overview-orders-info.reservations-info a:hover {
text-decoration: underline;
}
/* ACCOUNT OVERVIEW: Make the styling of the "LOOK UP" button look like "LOOK UP" on the RESERVATIONS page */
.panel.overview-orders .panel-body .overview-orders-info.reservations-info .reservation-details-email-msg button {
font-family: "Goshen";
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
font-size: 1.125em;
background-color: #D8D8D8;
color: #3D3D3D;
}
/* ACCOUNT OVERVIEW: For RESERVATIONS & ORDERS panel, add 4px padding-bottom to "No Recent Orders" or
*/
.accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info h3 {
padding-bottom: 4px;
}
/* ACCOUNT OVERVIEW: For RESERVATIONS & ORDERS panel, increase margin-bottom of "We’ll keep track of your orders to make it easier to reorder your favorites." or
to 8px. */
.accountPagesStyles .panel.overview-orders .panel-body .overview-orders-info.recent-orders-info p {
margin-bottom: 8px;
} a.save-order-edit {
font-family: "Avenir Black" !important;
font-size: 0.875em !important;
color: #c13846 !important;
text-transform: uppercase !important;
} a.save-order-edit:hover {
text-decoration: none !important;
} span.order-name {
font-family: "Avenir Black" !important;
font-size: 0.875em !important;
color: #000 !important;
padding-right: 5px !important;
} a.order-summary.recent-item-ordered-name {
color: #000 !important;
font-family: avenir medium !important;
font-size: 0.875em !important;
text-transform: unset !important;
text-decoration: none;
} a.order-summary.recent-item-ordered-name:hover {
color: #000 !important;
font-family: avenir medium !important;
font-size: 0.875em !important;
text-transform: unset !important;
text-decoration: underline;
} i.fa.fa-angle-up {
transform: rotate(180deg);
} .oder-details a.recent-item-ordered-name.active .fa {
transform: rotate(180deg);
} div#notification-bar-item-updated {
z-index: 2;
} button.btn.btn-sm.custom-button-style.grey.saving-order {
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 0.875em !important;
line-height: 34px;
text-transform: lowercase !important;
margin-left: 0px !important;
margin-bottom: 10px !important;
height: 30px !important;
} button.btn.btn-sm.custom-button-style.grey.cancelling-order {
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 0.875em !important;
line-height: 34px;
text-transform: lowercase !important;
margin-left: 5px !important;
margin-bottom: 10px !important;
height: 30px !important;
}
/* ACCOUNT OVERVIEW: For "Enjoy Your Last Order Again" or [.promo-copy], change font to Goshen, font-size: 2vw, color: #3D3D3D, text-transform: lowercase, padding-left: 20px */
.accountPagesStyles .promo-wrapper .promo .promo-copy {
font-family: "Goshen";
font-size: 2vw;
color: #3D3D3D;
text-transform: lowercase;
padding-left: 20px;
}
/* ACCOUNT OVERVIEW: For "Enjoy Your Last Order Again" right arrow, change color to #3D3D3D */
.accountPagesStyles .promo-wrapper .promo .promo-copy::after {
color: #3D3D3D;
}
/*ACCOUNT OVERVIEW:For PFChangs preferred*/
.intro {
font-size: 1em !important;
font-family: Avenir Black;
line-height: 22px !important;
}
/* ACCOUNT OVERVIEW: For MY PERSONAL INFO panel, name font should be Avenir Black. Email, phone, and zip code font should be Avenir Light. */
/* Name */
.overview-profile .intro, .vcard.person .fn {
font-family: "Avenir Black";
}
/* Email */
.overview-profile .intro, .vcard.person .email {
font-family: "Avenir Light";
}
/* Phone */
.overview-profile .intro, .vcard.person .phone .tel {
font-family: "Avenir Light";
}
/* Zip code */
.overview-profile .intro, .vcard.person .phone .adr {
font-family: "Avenir Light";
}
/* RESERVATIONS: Background image should remain fixed as users scroll */
#rooster-update .wrapper-outside.reservation-page {
background-attachment: fixed;
}
/* RESERVATIONS: Remove color change when hovering on "home" */
.reservation-page .page-crumbs a:hover {
color: #FFFFFF;
}
/* RESERVATIONS: Grey buttons should have 0px left margin */
.reservation-page .dont-have-an-account .btn.grey {
margin-left: 0px;
margin-top: 0px !important;
} .reservation-page .location-date-time-party .btn.grey {
margin-left: 0px;
} .reservation-page .submitformbutton .btn.grey {
margin-left: 0px;
}
/* RESERVATIONS: All buttons - Increase padding-top to 10px, padding-bottom to 7px, and padding-left/right to 14px */
.reservation-page button {
padding: 10px 14px 7px 14px;
} @media only screen and (max-width: 767px) {
.reservation-page button {
margin-bottom: 10px;
/*padding: 10px 14px 7px 14px;*/
}
.suggestedTimes-button-autotime {
width: auto !important;
}
}
/* RESERVATIONS: Text input styles - for [.text-input-style], change padding values to 10px 20px 8px 0px */
.reservation-page .text-input-style {
padding: 10px 20px 6px 0px;
}
/* RESERVATIONS: Input text labels - For [.text-label-style], change color to #808080 and remove 5px left value */
.reservation-page .text-label-style {
color: #8E8E8E;
left: 0px;
}
/* RESERVATIONS: For [.text-input-style:valid ~ .text-label-style], change font to Avenir Medium and font-size to 12px */
.reservation-page .text-input-style:valid {
/*font-family: "Avenir Medium";
font-size: 0.75em;*/
}
/* RESERVATIONS: For green checkmark or [.valid-field-check-icon], decrease top value to 10px. Checkmark should only display after input has been validated** */
.reservation-page .valid-field-check-icon {
top: 10px;
}
/* RESERVATIONS: For inputs or [.group], decrease margin-bottom to 25px */
.reservation-page .group {
margin-bottom: 25px;
}
/* RESERVATIONS: For accordion content or [.hmb .panel-body], change padding to 20px */
.reservation-page .hmb .panel-body {
padding: 20px 20px 25px 20px;
}
/* RESERVATIONS: For information tooltip or [.glyphicon], change top posititon to -9px, right position to 15px, and font-size to 100% */
.reservation-page .hmb #accordion .panel .step-1-body .step-1-form .firstname-lastname-email label.glyphicon-info-sign {
top: -9px;
right: 15px;
font-size: 100%;
} .reservation-page .hmb #accordion .panel .step-1-body .step-1-form .phone-number-promotions label.glyphicon-info-sign {
top: -9px;
right: 15px;
font-size: 100%;
}
/* RESERVATIONS: Padding and style on "Special Occasions" should match other inputs/dropdowns */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity button {
padding-left: 0px;
}
/* RESERVATIONS: "Special Occasion or Request" dropdown should expand full width of [col-md-6] */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown button {
width: 100%;
text-align: initial;
margin-bottom: 0px;
}
/* RESERVATIONS: "Special Occasions or Requests" dropdown: Dropdown menu should have an even 18px padding on each side. Remove 136px max-height. */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown .dropdown-menu {
padding: 18px;
max-height: none;
}
/* RESERVATIONS: For "Special Occasions or Requests" dropdown headers, change padding to [0px 40px 10px 0px], color #3D3D3D, and font-size 16px */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown .dropdown-menu .dropdown-header {
padding: 0px 40px 10px 0px;
color: #3D3D3D;
font-size: 1em;
}
/* RESERVATIONS: "Special Occasions or Requests" dropdown: Remove 3% padding-left on radio buttons and checkboxes or [.menu-and-order-middle-section] */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown .dropdown-menu .menu-and-order-middle-section {
padding-left: initial;
}
/* RESERVATIONS: "Special Occastions or Requests" dropdown: Add 5px margin-right to radio buttons. Remove 3px top value from radio buttons or [.menu-and-order-middle-section .input-radio-Class span.radio-border-style] */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown .dropdown-menu .menu-and-order-middle-section .radio-border-style {
margin-right: 5px;
top: initial;
}
/* RESERVATIONS: Add 5px margin-right to checkboxes in the "Special Occasion or Requests" dropdown. */
.reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown .dropdown-menu .menu-and-order-middle-section .checkbox-style .checkbox-holder {
margin-right: 5px;
} .reservation-page .hmb #accordion .panel .step-2-body .location-date-time-party .option-row-quantity .dropdown .dropdown-menu div:last-child .menu-and-order-middle-section label {
color: #333;
}
/* RESERVATIONS: For EXISTING RESERVATIONS header or [.reservation-page .sidebar .sidebar-header] apply text-transform: lowercase */
.reservation-page .sidebar .sidebar-header {
text-transform: lowercase;
}
/* RESERVATIONS: For paragraph text or [.reservation-page .sidebar .sidebar-body .text-body] add 22px line-height */
.reservation-page .sidebar .sidebar-body .text-body {
line-height: 22px;
}
/* RESERVATIONS: Increase height of all panels or [.hmb .panel-title] to 50px */
.reservation-page .hmb .panel-title {
height: 50px;
}
/* RESERVATIONS: Increase padding-left/right of panel title or [.hmb .panel-title a] to 20px */
.reservation-page .hmb .panel-title a {
padding-left: 20px;
padding-right: 20px;
float: left;
position: absolute;
}
/* RESERVATIONS: Remove top left/right 3px border radius on panels or [.panel-heading] */
.panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
/* RESERVATIONS: Change font of "Already have an account?" "Don't have an account?" and "Contact Information" to Avenir Black */
.reservation-page .already-have-an-account div {
font-family: "Avenir Light";
font-size: 1em;
} .reservation-page .dont-have-an-account div {
font-family: "Avenir Light";
padding-left: 15px;
font-size: 1em;
} .reservation-page .contact-information span {
font-family: "Avenir Black";
}
/* RESERVATIONS: Increase margin-bottom below LOG IN button or [.row.account-buttons] to 25px */
.reservation-page .step-1-body .row.account-buttons {
margin-bottom: 25px;
}
/* RESERVATIONS: Decrease margin-bottom of "Contact Information" or [.row.contact-information] to 25px */
.reservation-page .row.contact-information {
margin-bottom: 25px;
} .space-above-contact-info {
margin-top: 30px;
}
/* RESERVATIONS: Remove 25px margin-bottom on [.reservation-page .step-1-body .row.account-buttons] */
.reservation-page .step-1-body .row.account-buttons {
margin-bottom: 0px;
}
/* RESERVATIONS: Content should be inside the 20px padding of [.reservation-page .hmb .panel-body] */
.hmb .panel-body.step-2-body .location-date-time-party {
padding-top: 8px;
}
/* RESERVATIONS: Styling for map marker next to location input */
.hmb .panel-body.step-2-body .location-date-time-party div.col-md-3:first-child .fa-map-marker {
position: absolute;
top: 10px;
color: #788FFF;
}
/* RESERVATIONS: "Select a location" should not behave as an input. */
.hmb .panel-body.step-2-body .location-date-time-party > div.col-md-3:first-child .group input {
color: transparent;
text-shadow: 0px 0px 0px #FFFFFF;
padding-left: 15px;
}
/* RESERVATIONS: "Select a location" should be static and align with "Select Date" */
.hmb .panel-body.step-2-body .location-date-time-party > div.col-md-3:first-child .group label {
top: -8px;
color: #D8D8D8;
} @media (min-width:768px) and (max-width:991px) {
.hmb .panel-body.step-2-body .location-date-time-party > div.col-md-3:first-child .group label {
top: -20px;
}
.hmb .panel-body.step-2-body .location-date-time-party > div.col-md-3:first-child .group input ~ label {
top: -8px;
}
.account-preferred .accountPagesStyles .sf_3cols_1_33 {
width: 25% !important;
}
.account-preferred .accountPagesStyles .sf_3cols_2_34 {
width: 75% !important;
}
.account-preferred .accountPagesStyles .sf_3cols_3_33 {
width: 75% !important;
margin-left: 25%;
margin-top: 10px;
}
.account-favorites .accountPagesStyles .sf_3cols_1_33 {
}
.account-favorites .accountPagesStyles .sf_3cols_1_33 {
}
.account-favorites .accountPagesStyles .sf_3cols_1_33 {
width: 75% !important;
margin-left: 25%;
margin-top: 30px;
}
}
/* RESERVATIONS: "Select a location" without any location selected*/
.gap {
margin-top: 8px;
} .hmb .panel-body.step-2-body .location-date-time-party .caret {
top: 17px;
position: absolute;
right: 10px;
}
/*RESERVATIONS: Making hyperlink for all numbers and social icons*/
a.phonenumberlink.ng-binding {
cursor: pointer;
color: #E09B51;
} a.phonenumberlink:hover {
color: #E09B51;
} span.follow-us-icons {
cursor: pointer;
}
/* RESERVATIONS: Datepicker styling */
.ui-datepicker.ui-widget {
font-family: "Avenir Medium";
} .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
background: #C13846;
color: #fff;
border: 1px solid #ccc;
}
/* RESERVATIONS: Party size dropdown styling */
.wrapper-inside .hmb .step-2-body .location-date-time-party .col-md-3:last-child .group .dropdown {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border: none;
} .wrapper-inside .hmb .step-2-body .location-date-time-party .col-md-3:last-child .group .dropdown .valueContainer {
background: #fff;
color: #3D3D3D;
font-family: "Avenir Black";
padding: 0;
} .wrapper-inside .hmb .step-2-body .location-date-time-party .col-md-3:last-child .group .dropdown div div.color-dropdown {
padding: 8px 10px 6px 10px;
} .wrapper-inside .hmb .step-2-body .location-date-time-party .col-md-3:last-child .group .dropdown div:hover {
background: #ccc;
color: #3D3D3D;
}
/* RESERVATIONS: Party size information should follow the warning alert style guidelines. Add border 1px solid #FFDEAF, background-color #FFF8ED, font Avenir Medium, font-size 12px, line-height 16px, and padding 8px */
.wrapper-inside .hmb .step-2-body .location-date-time-party .col-md-3 .party-size-warning {
border: 1px solid;
border-color: #FFDEAF;
background-color: #FFF8ED;
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
padding: 8px;
}
/* RESERVATIONS: Add 6px margin-bottom to [.step-3-body .row.confirmation-email-sent] */
.reservation-page .step-3-body .row.confirmation-email-sent {
margin-bottom: 6px;
}
/* RESERVATIONS: For [.step-3-body .row.questions-call] increase margin-bottom to 18px */
.reservation-page .step-3-body .row.questions-call {
margin-bottom: 10px;
}
/* RESERVATIONS: For [.step-3-body .row.reservation-name], increase margin-bottom to 6px */
.reservation-page .step-3-body .row.reservation-name {
margin-bottom: 6px;
}
/* RESERVATIONS: The CANCEL YOUR RESERVATION alert, should follow the info alert style guidelines. Change border-color to #949DAB, background-color to #E7E9EC, change font to Avenir Medium, font-color to #182B49, padding to 14px, increase margin-bottom to 35px, and add line-height of 16px */
.wrapper-inside .hmb .step-2-body .cancel-change-location {
border-color: #949DAB;
background-color: #E7E9EC;
font-family: "Avenir Medium";
color: #182B49;
padding: 14px;
margin-bottom: 35px;
line-height: 16px;
} .wrapper-inside .hmb .step-2-body .alrt {
margin-bottom: 20px !important;
margin-top: 0px !important;
} .wrapper-inside .hmb .step-2-body .cancel-change-location a {
font-family: "avenir black";
}
/* OFFERS: Reduce space above breadcrumbs to be 20px */
#rooster-update .darken.offers .wrapper-outside {
padding-top: 20px;
}
/* GLOBAL: Make breadcrumbs not change color when hovering over it */
.page-crumbs a:hover {
color: #3D3D3D;
} .page-crumbs a.current-page:hover {
text-decoration: none;
}
/* GLOBAL LICENSING OPPORTUNITIES: For countries within the page, change font to be Avenir medium and font size to 16 */
#rooster-update.page-global-licensing .main-body .body-section div:nth-child(2) .center div:first-child div:nth-child(4) .wrapper-outside div.container {
font-family: "Avenir Medium";
font-size: 1em;
}
/* GLOBAL LICENSING OPPORTUNITIES: Should not be an underline effect on current page in breadcrumbs */
#rooster-update.page-global-licensing .main-body .body-section div:nth-child(2) .center .wrapper-outside a.current-page:hover {
text-decoration: none;
cursor: default;
}
/* INTERNATIONAL CONTACT: Should not be an underline effect on current page in breadcrumbs */
.wrapper-outside.international-locations a.current-page:hover {
text-decoration: none;
cursor: default;
}
/* MENU AND CATERING: Carton icon needs to have color #D8D8D8 (This was a Firefox issue) */
#order-summary-food-box .icon svg {
fill: #D8D8D8;
}
/* MAIN MENU: Decrease space above breadcrumbs to be 20px */
.main-body .body-section .wrapper-outside.main-menu {
padding-top: 70px;
}
/* LUNCH MENU: Decrease space above breadcrumbs to be 20px */
.main-body .body-section .wrapper-outside.lunch-menu {
padding-top: 70px;
}
/* HAPPY HOUR MENU: Decrease space above breadcrumbs to be 20px */
.main-body .body-section .wrapper-outside.happy-hour-menu {
padding-top: 70px;
}
/* DRINKS MENU: Decrease space above breadcrumbs to be 20px */
.main-body .body-section .wrapper-outside.drinks-menu {
padding-top: 70px;
}
/* MENU: For panels or [.style-refresh .panel-title > a], change padding-top to 17px, and padding-bottom/left/right to 15px. Catering panel should be consistent as well (it seems to be off from the rest) */
.style-refresh.left-side-menu-navigation .panel-title > a {
padding: 17px 15px 15px 15px;
}
/* MENU: For subhead on Lunch and Happy Hour panels or [.style-refresh .panel .panel-heading .panel-title a .sub-head], add 4px padding-top and change line-height to 16px. */
.style-refresh.left-side-menu-navigation .panel .panel-heading .panel-title a .sub-head {
line-height: 12px;
} .style-refresh.catering-print-nutrition-section .panel .panel-title a {
margin-top: 0px;
} .style-refresh.catering-print-nutrition-section .panel .panel-title a span {
position: absolute;
}
/* MENU: For spicy, vegetarian, new, and lighter icons, or [.menu-and-order-middle-section .menu-legend img.iconImage], add 2px margin-right */
.menu-and-order-middle-section .menu-legend-and-print .menu-legend div {
margin-right: 12px;
}
/* MENU: For item icons or [.item-icons-calories], padding between each should be decreased to 10px. (currently ~20px) */
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories span img.iconImage {
width: 18px;
} .menu-and-order-middle-section .MenuList .menu-item-description h2 a:hover {
text-decoration: underline;
} .menu-and-order-middle-section .MenuList .description-section .item-specifics .item-icons-calories span {
padding-right: 10px;
width: initial;
}
/* MENU: Labels in MORE SPICE, MORE SAUCE, OR CUSTOMIZE? expandable are the wrong font. Change font to Avenir Black */
.main-body .menu-item-options .option-row-extras .panel-body .checkbox-area-style .text-right {
font-family: "Avenir Black";
}
/* MENU: Red circle in radio button (selected) is not centered. There also seems to be a shadow outline in (deselected) radio button. */
.menu-and-order-middle-section .input-radio-Class label .radio-border-style .fa {
text-shadow: none;
top: -5px;
}
/* MENU: Add 5px of space below EDIT | DELETE links */
.main-body .orderSummary .panel-body .order-details-table-container .item-row .itm .item-edit-actions {
padding-bottom: 5px;
}
/* MENU: Changing quantity dropdown to match mockup */
.main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title {
font-size: 0.875em;
font-family: "Avenir Black";
font-weight: normal;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .select-partySize {
font-size: 0.875em;
font-family: "Avenir Black";
font-weight: normal;
color: #3D3D3D;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .valueContainer {
background: #FFFFFF;
font-size: 0.875em;
font-family: "Avenir Black";
cursor: pointer;
color: #3D3D3D;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .valueContainer .valueSelected {
background: #C13846;
cursor: pointer;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .color-dropdown:hover {
color: #333;
background: #ccc;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .dropdown {
height: 7em;
overflow: scroll;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .input-dropdown {
width: 25%;
} .main-body .body-section .wrapper-outside.main-menu .menu-and-order-middle-section .MenuList .menu-item-form-section .menu-item-form-wrapper .option-row-quantity .option-row-title .caret {
position: relative;
right: 20px;
}
/* EXTRAS PAGE: Updating styling of Group Size and Rize dropdown to match mockup */
.pageOrderExtras .checkout-page-container .checkout-page div .row {
border-top: none;
border-bottom: none;
} .pageOrderExtras .checkout-page-container .checkout-page div .row div.col-sm-3 {
font-family: "Avenir Black";
font-size: 0.875em;
} .pageOrderExtras .checkout-page-container .checkout-page div .row div.col-sm-9 input {
font-family: "Avenir Black";
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 32, 31, .0);
font-size: 0.875em;
padding-bottom: 5px;
outline: 0;
} .pageOrderExtras .checkout-page-container .checkout-page div .row div.col-sm-9 .group-size {
width: 40px !important;
} .pageOrderExtras .checkout-page-container .checkout-page div .row div.col-sm-9 select {
font-family: "Avenir Black";
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 32, 31, .0);
font-size: 0.875em;
padding-bottom: 5px;
outline: 0;
width: 170px;
border-radius: 0px;
}
/* EDIT ORDER SUMMARY MODAL */
#editItemFromOrderSummary .menu-item-options div.option-row-title input[type=number] {
width: 60px;
border-bottom: 1px solid #757575;
padding-bottom: 5px;
outline: 0;
overflow: auto;
} #No-Up-n-Down input[type=number]::-webkit-inner-spin-button, #No-Up-n-Down input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* MENU MODAL: Remove 30px margin from .modal-dialog */
.main-body.modal-open .modal .modal-content .orderSummary .modal-dialog {
margin-top: 0px;
margin-bottom: 0px;
}
/* MENU MODAL: Change padding of [modal-content] from (1em 90px 3em) to (50px 55px 50px 55px) */
.main-body .modal-content {
padding: 60px 65px 50px 65px;
}
/* MENU MODAL: For modal-header, 15px padding should be changed to apply to padding-bottom only. Also, remove the additional padding value (padding: 2px 16px) */
.main-body .modal-content .orderSummary .modal-header {
padding: 0px 0px 15px 0px;
}
/* MENU MODAL: For modal-footer, remove 15px padding */
.main-body .modal-content .orderSummary .modal-footer {
padding: 0px;
}
/* MENU MODAL: Remove border radius */
.main-body .modal-content {
border-radius: 0px;
}
/* MENU MODAL: Change close button and modify its position according to design specs above*/
.main-body .modal-content .orderSummary .modal-header button.close {
bottom: 20px;
left: 20px;
right: 0px;
opacity: 1;
}
/* MENU MODAL: Apply newsprint background image */
.main-body .modal-content {
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-large.jpg);
}
/* FAQ: Reduce space above breadcrumbs to be 20px */
.main-body .body-section .wrapper-outside.faq {
padding-top: 70px;
}
/* FAQ: Tab descriptions or #tabtext font should be 14px, Avenir Medium, with 20px line-height */
.faq.ui-tabs-nav .faq.ui-tabs-tab a p.faq {
font-size: 0.875em;
font-family: "Avenir Medium";
line-height: 20px;
}
/* FAQ: For accordion headers, top and bottom padding should be reduced to 6px. Decrease padding-left to 10px */
.faq.ui-tabs .faq.ui-tabs-panel .faq .faq.ui-accordion .faq.ui-accordion-header {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
}
/* FAQ: For paragraph text, font-size should be increased to 16px. Left and right padding should be reduced to 20px. */
.faq.ui-tabs-panel .faq.ui-accordion .ui-accordion-content {
padding-left: 20px;
padding-right: 20px;
} .faq.ui-tabs-panel .faq.ui-accordion #ui-id-1 {
padding-left: 20px;
padding-right: 20px;
}
/* ABOUT US: Remove color change when hovering on "Home" */
.about-us .page-crumbs a:hover {
color: #FFFFFF;
}
/* ABOUT US: Remove underline on LEARN MORE button on focus */
.page-about-us .about-us .farm-to-wok .red a:focus {
text-decoration: none;
}
/* PRIVACY POLICY: Remove any padding-top above h1 "Privacy Policy" without altering content section above */
#rooster-update .main-body .body-section div.wrapper-outside.privacy-policy:nth-child(2) {
padding-top: 0px;
}
/* CONTACT US: Reduce space above breadcrumbs to be 20px */
.contact-us .main-content {
padding-top: 0px;
}
/* CONTACT US: Add 10px padding-top to h1 "Contact Us" */
.contact-us .main-content h1.goshen {
padding-top: 10px;
}
/* CONTACT US: EARN POINTS and FAQ buttons are missing a box-shadow. Apply [box-shadow: 0px 2px 0px rgba(0,0,0,.2)] */
.contact-us .col-md-9 .contact-us-buttons-desktop #mediumButton {
box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
} .contact-us .col-md-3 .contact-us-buttons-mobile #mediumButton {
box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
}
/* CONTACT US: Increase 15px margin on first column inputs to 30px */
#rooster-update .contact-us .col-md-9 .col-md-12:last-child div.col-md-6 {
padding-right: 30px;
} #rooster-update .contact-us .col-md-9 .col-md-12:last-child div.col-md-12 {
padding-right: 30px;
}
/* CONTACT US: For PHONE, ADDRESS, FREQUENTLY ASKED QUESTIONS or [.panel-default>.panel-heading], change the the padding-left to 15px */
#rooster-update .contact-us .row div.col-md-3 .panel .panel-heading {
padding-left: 15px;
}
/* CONTACT US: Column with inputs on the left should be 70% width and info column on the right should be 30% width */
#rooster-update .contact-us .main-content .row div.col-md-3 {
width: 30%;
} #rooster-update .contact-us .main-content .row div.col-md-push-3 {
left: 70%;
} @media only screen and (max-width: 991px) {
#rooster-update .contact-us .main-content .row div.col-md-push-3 {
left: 0px !important;
}
#rooster-update .contact-us .main-content .row div.col-md-pull-9 {
right: 0px !important;
}
#rooster-update .contact-us .main-content .row div.col-md-push-3 {
left: 0%;
}
.hmb .panel-body.step-2-body .location-date-time-party {
padding-top: 20px;
padding-bottom: 0px !important;
border-bottom: none;
}
} #rooster-update .contact-us .main-content .row div.col-md-9 {
width: 70%;
} #rooster-update .contact-us .main-content .row div.col-md-pull-9 {
right: 30%;
}
/* CONTACT US: Add calendar icon to datepicker dropdown under "Dining Experience" */
.contact-us .extraQuestions #date ~ em.fa-calendar {
position: absolute;
top: 10px;
left: 0px;
} .contact-us .extraQuestions #date ~ span.caret {
position: absolute;
top: 17px;
right: 5px;
} .contact-us .extraQuestions input#date {
padding-left: 20px;
} .contact-us .extraQuestions input#date ~ label.smaller-label {
padding-left: 0px;
top: -5px;
} .contact-us .extraQuestions input#date.ng-not-empty ~ label.smaller-label {
padding-left: 0px;
top: -5px;
} .contact-us .extraQuestions input#date.ng-empty ~ label.smaller-label {
padding-left: 0px;
top: -5px;
font-family: "Avenir Medium";
font-size: 0.75em;
} .contact-us .extraQuestions input#date.ng-empty:valid ~ label.smaller-label, .contact-us .extraQuestions input#date.ng-empty:focus ~ label.smaller-label {
padding-left: 0px;
top: -5px;
font-family: "Avenir Medium";
font-size: 0.75em;
} .contact-us .extraQuestions input#date:valid ~ label.smaller-label, .contact-us .extraQuestions input#date:focus ~ label.smaller-label {
padding-left: 0px;
top: -5px;
font-family: "Avenir Medium";
font-size: 0.75em;
} .contact-us .extraQuestions input#date ~ label.m-d-y {
padding-left: 20px;
top: 17px;
} .contact-us .extraQuestions input#date.ng-not-empty ~ label.m-d-y {
display: none;
} .contact-us .extraQuestions input#date.ng-empty:focus ~ label.m-d-y {
display: none;
} .contact-us .extraQuestions input#date:valid ~ label.m-d-y {
display: none;
}
/* CONTACT US: Individual input error messages: Font-family should be Avenir Black, font-size: 0.875em, color: #AA272F, and padding-top: 5px. Remove the red background. */
.contact-us .text-danger {
font-family: "Avenir Black";
font-size: 0.875em;
color: #AA272F;
padding-top: 5px;
background-color: white;
} .contact-us .error-display {
font-family: "Avenir Black";
font-size: 0.875em;
color: #AA272F;
padding-top: 5px;
background-color: white;
}
/* CONTACT US: In the Extra Questions section, the "Time" input should be left-aligned to above columns */
.contact-us .extraQuestions .col-md-push-1 {
left: initial;
}
/* CONTACT US: This is so that when a field is invalid, it doesn't cause the field below it to move to the next column. */
.contact-us .group {
margin-bottom: 45px;
} .contact-us .bg-danger {
margin-bottom: 20px;
}
/* CONTACT US: Labels on "Feedback Topic" and "State" dropdowns */
#wrapper .contact-us select:valid ~ label, #wrapper .contact-us select:focus ~ label, #wrapper .contact-us select:active ~ label {
top: -4px;
font-family: "Avenir Medium";
font-size: 0.75em;
color: #3d3d3d;
} #wrapper .contact-us select.ng-pristine ~ label {
top: 20px;
font-family: "Avenir Black";
font-size: 0.875em;
color: #8e8e8e;
}
/* BLOG LANDING: For article title or [h1.main-offer.offers], add 12px padding-top */
.blog-landing .hero-img-container .text-overlay.offers h1.main-offer.offers {
padding-top: 12px;
font-size: 5.625em;
line-height: 90px;
margin-left: 6%;
margin-right: 6%;
}
/* BLOG LANDING: For thumbnails or [.blog-landing-page], change the top to 80px so that it aligns to the margins of the blog nav above. */
.page-blog .offer-background #blogs div.blog-landing-page {
top: 80px;
}
/* BLOG: Reduce margin-bottom to 5px */
.offer-background #blogs .article-listing .article-summary .article-details .share-icon {
margin-bottom: 5px;
}
/* BLOG: For article title or [.article-summary .article-details .title], change font-size to 26px, add 32px line-height, remove 48% width value, reduce margin-bottom to 12px, add 8px margin-top, and add 20px margin-left/right */
.offer-background #blogs .article-listing .article-summary .article-details .title {
font-size: 1.375em;
line-height: 28px;
width: 100%;
padding: 10px 20px;
margin-bottom: 0px;
} .offer-background #blogs .article-listing .article-summary .article-details .title:hover {
text-decoration: underline;
}
/* BLOG: For article subtitle or [.article-summary .article-details .sub-title], change font to Avenir Black. Remove font-weight: 900 value. Add .05em letter-spacing */
.offer-background #blogs .article-listing .article-summary .article-details .sub-title {
font-family: "Avenir Black";
font-weight: normal;
letter-spacing: .05em;
line-height: 18px;
}
/* BLOG LANDING: Should be 30px of white space after the last row of article */
.page-blog #blogs .blog-landing-page .article-listing .row:last-child .article-summary {
margin-bottom: 50px;
}
/*for mobile*/
@media screen and (max-width: 767px) {
.page-blog .hero-img-container .text-overlay.offers h1.main-offer.offers {
font-size: 3.375em !important;
line-height: 58px;
}
.page-blog #blogs .blog-landing-page .article-listing .row:last-child .article-summary {
margin-bottom: 20px;
}
}
/* BLOG ARTICLE: For article paragraph or [.article p], add 24px line-height */
.blog-landing-page .article .row div:first-child p {
line-height: 24px;
}
/* BLOG ARTICLE: For div or [.article .author], reduce margin-bottom to 20px */
.blog-landing-page .article .author {
margin-bottom: 20px;
}
/* BLOG ARTICLE: For author name or [.article .author .name], reduce font-size to 16px, reduce line-height to 20px, and add .05em letter-spacing */
.blog-landing-page .article .author .name {
font-size: 1em;
line-height: 20px;
letter-spacing: .05em;
}
/* BLOG ARTICLE: For author role or [.article .author .occupation], change font to Avenir Black, reduce font-size to 13px, reduce margin-top to 5px, and add .05em letter-spacing */
.blog-landing-page .article .author .occupation {
font-family: "Avenir Black";
font-size: 0.8125em;
margin-top: 5px;
letter-spacing: .05em;
}
/* BLOG ARTICLE: For MORE FROM THIS CONTRIBUTER link or [.article .author .more], add .05em letter-spacing */
.blog-landing-page .article .author .more {
letter-spacing: .05em;
}
/* BLOG ARTICLE: For text below social icons or [.article .social-box .wording], change font to Avenir Light and add 12px padding-top */
.main-body.Blog-article .blog-landing-page .article .social-box .wording {
font-family: "Avenir Light";
padding-top: 12px;
}
/* BLOG ARTICLE: Background color of name and date or [.name-and-date] should be #D8D8D8. Font should be Avenir Black with text-transform: uppercase and .05em letter-spacing */
.blog-landing-page .name-and-date {
background-color: #D8D8D8;
font-family: "Avenir Black";
text-transform: uppercase;
letter-spacing: .05em;
}
/* BLOG ARTICLE: [.text-overlay.offers] should be 25px above the bottom of the image */
.page-blog .hero-img-container.darken.offers {
position: relative;
} .page-blog .hero-img-container.darken.offers .text-overlay.offers {
bottom: 25px;
top: auto;
}
/* BLOG AUTHOR: For author photo and info section or [.author-image-and-info], change padding-top to 50px and padding-bottom to 40px. */
.blog-landing-page .author-image-and-info {
padding-top: 50px;
padding-bottom: 40px;
padding-left: 6%;
padding-right: 6%;
}
/* BLOG AUTHOR: For author info, add 40px padding-top. For author name or [.author-image-and-info .author-info .name], add letter-spacing: .1em */
.blog-landing-page .author-image-and-info .author-info .name {
padding-top: 40px;
letter-spacing: .1em;
}
/* BLOG AUTHOR: For author role or [.author-image-and-info .author-info .role] remove font-weight: 900 value, increase font-size to 18px, add .05em letter-spacing, and add 15px margin-bottom */
.blog-landing-page .author-image-and-info .author-info .role {
font-weight: normal;
font-size: 1.125em;
letter-spacing: .05em;
margin-bottom: 15px;
}
/* BLOG AUTHOR: For
in bio or [.author-image-and-info .author-info .bio h3], reduce margin-bottom to 3px, reduce font-size to 13px, and add .1em letter-spacing */
.blog-landing-page .author-image-and-info .author-info .bio h3 {
margin-bottom: 3px;
font-size: 0.8125em;
letter-spacing: .1em;
}
/* REWARDS: Decrease space above breadcrumbs to be 20px */
#rooster-update .wrapper-outside-rewards .background.rewards .wrapper-outside {
padding-top: 20px;
}
/*MEDIA: Current page in breadcrumbs should not behave as a link */
.page-media .hero-img-container a.current-page:hover {
text-decoration: none;
cursor: default;
}
/* MEDIA: For article title links or [a], change the color to #3D3D3D. On hover, remove [color: #23527C]. There should be no color change on hover, only an underline text-decoration. */
.page-media .offer-background .media-wrapper-for-styling .row.media-thumbnail .mediaGreyBox h3 a {
color: #3D3D3D;
} .page-media .offer-background .media-wrapper-for-styling .row.media-thumbnail .mediaGreyBox h3 a:hover {
color: #3D3D3D;
}
/* MEDIA: For SHARE icon or [a#mediablock], add position: absolute, and bottom: 3px so that it is vertically aligned with READ MORE link */
.page-media .offer-background .mediaGreyBox a#mediablock {
/*position: absolute;*/
bottom: 3px;
} .page-media .offer-background .mediaGreyBox a.mediablock {
/*position: absolute;*/
bottom: 3px;
}
/* OUR FOOD PHILOSOPHY: LEARN MORE buttons should not have blue color or underline on hover */
.food-philosophy-page .container div#mediumButton a.white:focus {
color: inherit;
text-decoration: none;
}
/* OUR FOOD PHILOSOPHY: LEARN MORE buttons should have box shadow */
.food-philosophy-page .container .primary-button {
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
width: 110px;
display: inline-block;
padding: 12px 7px 6px 7px;
}
/* OUR FOOD PHILOSOPHY ARTICLES: "Back to Food Philosophy" button should be correct width */
.page-food-philosophy-farm-to-wok .offer-background .container #largeButton.primary-button {
display: inline-block;
padding: 12px 14px 14px 14px;
font-size: 1.25em;
height: 50px;
} .fiery-wok-power .hero-img-container .text-overlay.offers h1.main-offer.offers, .fiery-wok-power .hero-img-container .text-overlay.offers h2.main-offer.offers, .made-from-scratch .hero-img-container .text-overlay.offers h1.main-offer.offers, .made-from-scratch .hero-img-container .text-overlay.offers h2.main-offer.offers, .recipes-with-purpose .hero-img-container .text-overlay.offers h1.main-offer.offers, .recipes-with-purpose .hero-img-container .text-overlay.offers h2.main-offer.offers {
width: 88%;
}
/* OUR FOOD PHILOSOPHY > FIERY WOK POWER: For "Fiery Wok Power" page title or [h1.main-offer.offers], change font-size to 90px and add line-height: 90px */
.fiery-wok-power .hero-img-container h1.main-offer.offers, .fiery-wok-power .hero-img-container h2.main-offer.offers {
font-size: 5.625em;
line-height: 90px;
}
/* OUR FOOD PHILOSOPHY > RECIPES WITH PURPOSE: For [.text-overlay.offers], change stuff so that the content is vertically centered in the hero image */
.recipes-with-purpose .hero-img-container {
position: relative;
} .recipes-with-purpose .hero-img-container .text-overlay.offers {
top: 20px;
height: calc(100% - 75px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 0px;
left: 0px;
-webkit-transform: none;
transform: none;
}
/* OUR FOOD PHILOSOPHY > MADE FROM SCRATCH: For [.text-overlay.offers], change stuff so that the content is vertically centered in the hero image */
.made-from-scratch .hero-img-container {
position: relative;
} .made-from-scratch .hero-img-container .text-overlay.offers {
top: 20px;
height: calc(100% - 75px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 0px;
left: 0px;
-webkit-transform: none;
transform: none;
}
/* OUR FOOD PHILOSOPHY > FIERY WOK POWER: For [.text-overlay.offers], change stuff so that the content is vertically centered in the hero image */
.fiery-wok-power .hero-img-container {
position: relative;
} .fiery-wok-power .hero-img-container .text-overlay.offers {
top: 20px;
height: calc(100% - 75px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 0px;
left: 0px;
-webkit-transform: none;
transform: none;
} @media screen and (max-width: 767px) {
.recipes-with-purpose .hero-img-container .text-overlay.offers {
top: 20px;
height: 100%;
}
.made-from-scratch .hero-img-container .text-overlay.offers {
top: 20px;
height: 100%;
}
.fiery-wok-power .hero-img-container .text-overlay.offers {
top: 20px;
height: 100%;
}
}
/* OUR FOOD PHILOSOPHY > FIERY WOK POWER: For focused BACK TO FOOD PHILOSOPHY button or [a:focus], remove [color: #23527C]. */
.page-food-philosophy-farm-to-wok.page-fiery-wok-power .offer-background .container #largeButton a.white:focus {
color: inherit;
}
/* OUR FOOD PHILOSOPHY > MADE FROM SCRATCH: For page title or [h1.main-offer.offers], change font-size to 90px and add line-height: 90px */
.made-from-scratch .hero-img-container h1.main-offer.offers, .made-from-scratch .hero-img-container h2.main-offer.offers {
font-size: 5.625em;
line-height: 90px;
}
/* SITEMAP: Breadcrumbs should have 20px white space above it */
.sitemap .main-content {
padding-top: 0px;
} .blog-landing-page .details.offers {
letter-spacing: 1em;
font-size: 1.125em;
} .RadSiteMap .rsmFlow {
z-index: 1;
} .reservation-page select.text-input-style[disabled] ~ .text-label-style {
top: -14px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #000000;
font-weight: normal;
} i.fa.fa-map-marker:before {
font-family: pfchangs;
content: "\e906";
} .reservation-cancel {
padding: 14px;
font-family: "Avenir Black";
font-size: 0.75em;
background-color: #F1F4E5;
border: 1px solid #BFCE89;
color: #739600;
margin-bottom: 20px;
margin-top: 20px;
} .reservation-page .hmb .panel-title a {
opacity: 0.5;
} .reservation-page .hmb .panel-title a.open {
opacity: 1 !important;
} .reservation-page .hmb .panel-title a.collapsed {
opacity: 0.5;
} .menuMainUIPage .img-and-content-holder {
cursor: default !important;
} .notification-bar.keepLookingNeverMind .added-to-order p {
text-align: left;
} .item-name {
font-weight: normal;
font-family: "Avenir Black";
} .panel.orderSummary .panel-body .item-row td {
vertical-align: top;
}
/*.menu-and-order-middle-section .MenuList .menu-item-description h1 a:hover sup:before {
content: "";
position: absolute;
bottom: -14px;
width: 10px;
height: 1px;
background-color: #3d3d3d;
left: 2px;
}*/
@media only screen and (max-width: 767px) {
.MenuList {
border-bottom: none !important;
}
} .menu-and-order-middle-section .MenuList .menu-item-description h2 a {
border-bottom: 1px solid #fff;
display: inline-block;
line-height: 1.4;
margin: 0;
text-decoration: none;
} .menu-and-order-middle-section .MenuList .menu-item-description h2 a:hover {
text-decoration: none;
border-bottom: 1px solid #000000;
} .menu-and-order-middle-section .MenuList .menu-item-description h2 a sup {
left: auto;
line-height: 1;
margin: 0;
position: static;
vertical-align: super;
} .style-refresh .panel-title {
max-height: unset;
} .style-refresh.left-side-menu-navigation .panel-title > a {
max-height: unset;
} .favorites-content:after {
content: "";
} #favorites-content-Inner {
height: 100%;
width: 300px;
overflow-x: hidden;
} em.pfchangs-heart:before {
font-family: "pfchangs";
content: "\e904";
font-size: 1.0625em;
font-style: normal;
color: #ff4d6b;
} .single-location .pfchangs-heart-o {
position: relative;
} .single-location .pfchangs-heart-o:after {
content: "\e903";
font-family: "pfchangs" !important;
font-size: 1.25em !important;
color: white !important;
} .single-location .pfchangs-heart {
position: relative;
} .single-location .pfchangs-heart:after {
content: "\e904";
font-family: "pfchangs" !important;
font-size: 1.25em !important;
color: #ff4d6b !important;
} #dropdown-favorites-panel .pfchangs-heart {
position: relative;
} #dropdown-favorites-panel .pfchangs-heart:before {
content: "\e904";
font-family: "pfchangs" !important;
font-size: 0.75em !important;
color: #ff4d6b !important;
} #dropdown-favorites-panel .pfchangs-heart-o {
position: relative;
} #dropdown-favorites-panel .pfchangs-heart-o:before {
content: "\e903";
font-family: "pfchangs" !important;
font-size: 1.375em !important;
color: white !important;
} .location-name-and-distance .heart-icons-no-hover a:hover {
text-decoration: none;
} .single-location .pfchangs-make-preferred-location {
position: relative;
} .single-location .pfchangs-make-preferred-location:after {
content: "\e905";
font-family: "pfchangs" !important;
font-size: 1.5em;
color: white !important;
} .single-location .pfchangs-preferred-location {
position: relative;
} .single-location .pfchangs-preferred-location:after {
content: "\e906";
font-family: "pfchangs" !important;
font-size: 1.5em;
color: #788fff !important;
} #dropdown-favorites-panel .pfchangs-make-preferred-location {
position: relative;
} #dropdown-favorites-panel .pfchangs-make-preferred-location:before {
content: "\e905";
font-family: "pfchangs" !important;
font-size: 1em;
color: white !important;
} #dropdown-favorites-panel .pfchangs-preferred-location {
position: relative;
} #dropdown-favorites-panel .pfchangs-preferred-location:before {
content: "\e906";
font-family: "pfchangs" !important;
font-size: 1.5em;
color: #788fff !important;
} .mar-account {
margin-bottom: 0px !important;
} .account-reservaton-order .text-input-style {
color: #000000;
font-size: 0.875em;
font-family: "Avenir Black";
padding: 10px 20px 6px 0px;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
line-height: 14px;
} .account-reservaton-order .text-label-style {
color: #8E8E8E;
left: -1px !important;
} .account-reservaton-order .text-label-style {
color: #D8D8D8;
font-size: 0.875em;
font-family: "Avenir black";
font-weight: normal;
position: absolute;
pointer-events: none;
left: 5px;
top: 14px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
} .account-overview-address .text-label-style {
color: #8e8e8e;
font-size: 0.875em;
font-family: "Avenir black";
font-weight: normal;
position: absolute;
pointer-events: none;
top: 6px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
} .account-overview-address .text-input-style {
color: #000000;
font-size: 0.875em;
font-family: "Avenir Black";
padding: 10px 20px 6px 0px;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: rgba(35, 31, 32, .0);
line-height: 14px;
} .account-overview-address select.profile-select-State:focus ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #000000;
} .account-overview-address select.profile-select-State.ng-not-empty ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #000000;
} .account-overview-address select.text-input-style:focus ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #000000;
} .account-overview-address input.text-input-style.ng-empty ~ .text-label-style {
top: 6px;
font-size: 0.875em;
font-family: 'Avenir black';
color: #8e8e8e;
} .account-overview-address input.text-input-style:focus ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #000000;
} .order-descr {
border: none !important;
font-family: "Avenir Medium";
font-size: 0.75em;
color: #2b2b2b;
padding-left: 0;
padding-top: 0;
} table.table.table-condensed.order-item.order-descr {
margin-bottom: 15px !important;
border: none !important;
font-family: "Avenir Medium";
font-size: 0.75em;
color: #2b2b2b;
padding-left: 0;
padding-top: 0;
} #locationModal .reservation-page .text-input-style:active {
padding: 10px 20px 6px 0 !important;
} .page-pastpoints .primary-button.button-padding.grey {
background-color: #d8d8d8;
color: #3d3d3d;
cursor: arrow;
box-shadow: none;
cursor: unset;
}
/*.page-pastpoints .primary-button.button-padding.grey:hover {
color: #3d3d3d !important;
}*/
#locationModal button.btn.custom-button-style.red.btn-margin-left {
margin-left: -3px !important;
width: 74px;
border: 0px;
height: 44px;
} @media (max-width:991px) {
.img-height {
height: 668px !important;
}
} @media only screen and (max-width: 767px) {
.accountPagesStyles .promo-wrapper {
width: 100% !important;
}
} .social-media-mobile .thumbnail .post-details .profile {
bottom: 12px;
} #locationModal .favorited-location .location-name span {
font-family: "Avenir light";
} #rooster-update #wrapper.location-wrapper-addon #content.body-section > .rooster-nav-container {
background-color: #2e2a2b !important;
z-index: 5;
position: fixed !important;
width: 100%;
left: 0;
right: 0;
min-height: 30px;
background-image: none !important;
-webkit-background-size: unset;
-moz-background-size: unset;
-o-background-size: unset;
background-size: unset;
} #rooster-update #wrapper.location-wrapper-addon #content.body-section > .sf_cols:nth-child(3) {
background-attachment: fixed;
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/locations-bg2.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
top: 70px;
z-index: 10;
} @media screen and (min-width: 320px) and (max-width:767px) {
/*#rooster-update #wrapper.location-wrapper-addon #content.body-section > .rooster-nav-container {
top: 0px !important;
}*/
} .select-partySize {
cursor: pointer;
} span.caret {
cursor: pointer;
pointer-events:none;
}
/**Earn points**/
@media only screen and (max-width: 991px) {
.col-md-6-top {
margin-top: 40px !important;
}
} .menuImageModal .modal-body {
padding: 0;
} .time-shown::-webkit-scrollbar {
-webkit-appearance: none;
width: 12px;
} .time-shown::-webkit-scrollbar-track {
background-color: rgba(156, 156, 156, .4);
border-radius: 0px;
} .time-shown::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: rgba(57,57,57, .4);
} .time-shown::-webkit-scrollbar-thumb:hover {
border-radius: 0px;
background-color: rgba(57,57,57, .5);
} .checkout-rice-item.bg-danger {
background-color: #FDE9Eb;
font-family: Avenir Medium;
line-height: 16px;
font-size: 0.75em;
padding: 14px;
border: 1px solid #F79CA4;
color: #3d3d3d !important;
} .aligning-left {
padding-left: 0px !important;
} .error-display {
color: #ED2939;
font-size: 0.75em;
font-family: "Avenir Black";
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 0px;
line-height: 1.3;
} .earnPoint-error-display {
color: #AA272F;
font-size: 0.875em;
font-family: "Avenir Black";
} .earnPoint-validiation {
font-family: fontawesome !important;
} .reward-detail {
font-family: scriptFont;
font-size: 4.25em;
line-height: 55%;
} .pull-right {
float: right !important;
} .congrats {
padding-bottom: 4px;
margin-bottom: 8%;
font-size: 1.125em !important;
font-family: 'Avenir Black';
} @media (min-width: 768px) {
.intro {
font-size: 0.6875em6.67%;
}
} .preferred-rewards-heading {
padding-bottom: .325em !important;
margin-bottom: 0;
} .preferred-rewards-redeem-message {
padding-bottom: .325em;
} .pref-earned {
font-size: 1.125em;
font-family: 'Avenir Black';
}
/*.location-all .list-of-locations .single-location .map-location-image img {
top: -308px !important;
}*/
.slick-initialized .slick-slide {
display: block;
} .slick-slide {
float: left;
height: 100%;
min-height: 1px;
} .no-order-wrap {
display: flex;
justify-content: center;
width: 100%;
padding: 0 30px 0 60px;
background-color: rgba(35,31,32,.6);
} .no-order-wrap > div {
width: 100%;
} @media (min-width: 992px) {
.location-all .list-of-locations .single-location .location-info-body, .location-all .list-of-locations .single-location {
height: auto;
}
.location-all .list-of-locations .single-location {
height: auto;
max-height: none;
}
} .page-media .offer-background {
background: none;
} @media (max-width: 768px) {
.cont-text-deco {
text-decoration: underline;
}
} .btn.custom-button-style.red:active {
outline: none;
}
/*interative elements MUST have a focus state styling to indicated focus for ADA compliance*/
.btn.custom-button-style.red:focus {
outline: 0;
} @media (max-width:991px) {
.margin-finishing-quantity {
margin-top: -20px;
}
} label.text-label-style.remove-input {
top: -8px;
} @media (max-width: 768px) {
.reservation-page h1.style-refresh {
margin-top: 50px !important;
}
.mobile-reservations .tell-your-friends {
padding-left: 20px !important;
padding-right: 20px !important;
}
.mobile-reservations .fa-facebook {
padding-left: 3px;
}
.mobile-reservations .fa-pinterest {
padding-left: 3px;
}
.mobile-reservations .fa-twitter {
padding-left: 3px;
}
} .timeeout-mssg {
line-height: 22px;
font-family: 'Avenir Light';
font-size: 1.125em;
color: #3D3D3D;
} .location-all h1.style-refresh {
color: #fff;
} .menu-and-order-middle-section .menu-legend-and-print .prnt-lign {
display: inline;
margin-top: 10px;
float: right;
} .carot-clk {
position: relative;
z-index: 1;
} #wrapper .contact-us label[for="feedbackTopic"] {
z-index: 2;
} @media (min-width: 768px) and (max-width: 991px) {
.fp.title {
top: 43.5% !important;
}
} @media (min-width:992px) {
.img-gft {
padding-left: 22px;
}
} @media (min-width:1281px) {
.fp-bottom {
margin-bottom: 0px;
}
.food-philosophy-page p {
margin-bottom: 10px !important;
}
} @media screen and (max-width: 991px) {
.page-sitemap .sf_cols.wrapper-outside.site-map .sf_cols.wrapper-inside {
display: none;
}
} @media only screen and (max-width: 991px) {
.page-sitemap .notification-red-bar.theNotificationIsShowing ~ #content .wrapper-outside.site-map .sfContentBlock + .sfContentBlock {
padding-top: 0px !important;
}
} .locdisable {
Cursor: text !important;
Text-Decoration: None !important;
} @media (min-width : 768px) {
.hide-line {
display: none;
}
} a.hamburger-helper.is-active span.hamburger-middle.hideextra {
display: none;
} .page-reservations .ng-map-info-window img {
height: 453px !important;
} .success-msg-contact {
opacity: 1;
visibility: visible;
margin: 0 6% 20px;
} .secondary-button.smallButton {
display: inline-block;
line-height: 50px;
} .dark.phone-number-icon-link.number-float {
float: right;
} .secondary-button.mediumButton {
display: inline-block;
line-height: 50px;
} .contactus-avenir {
padding-bottom: 40px;
} label.normal.black.contactus-lunchdinner {
margin-right: 10px !important;
color: #3d3d3d !important;
position: relative !important;
top: -1px !important;
font-size: 0.9375em !important;
pointer-events: auto !important;
} .contactus-timediv {
padding-top: 10px;
} input#lunch {
position: relative;
display: inline-block !important;
} input#dinner {
position: relative;
display: inline-block !important;
} .contactus-locationselection {
padding-top: 10px;
padding-left: 0 !important;
} .group.contactSelectedStore {
margin-bottom: 10px;
} label.smaller-label.select-location-label {
top: -15px !important;
} .how-can-we-get-in-touch {
padding-bottom: 40px;
margin-top: 25px !important;
} .whats-on-your-mind {
padding-bottom: 10px;
} button.primary-button.button-padding.mediumButton {
float: left;
} textarea#feedback {
width: 100%;
padding: 10px;
} .saving-order-as-favorite {
outline-color: #D8D8D8;
border: .5px solid #D8D8D8;
width: 210px;
max-width: 100%;
height: 30px;
font-size: 0.875em;
margin-right: 10px;
padding-left: 5px;
} .reservation-page .item-quantity-acc {
border: none !important;
font-size: 0.875em;
font-family: Avenir Light;
} .reservation-page .item-options-acc {
font-size: 0.875em;
font-family: Avenir Light;
font-weight: 700;
} .reservation-page .subitem-title {
font-size: 0.875em;
font-family: Avenir Light;
} .dropdown-menu.display-none {
display: none;
} .panel-earned-rewards .free-entry {
text-align: right;
} .login-signup.text-al {
text-align: right;
} .gobal-master-display-none {
display: none;
} .pfchangs-heart.style-gob {
font-size: 1.0625em;
padding-right: 6px;
} .manage-locations-section.man-text-center {
text-align: center;
} .single-location .height-display {
height: 100% !important;
} .button-section-for-location .getdir {
display: block;
margin-bottom: 12px;
} .list-of-locations .store-map {
height: 100% !important;
} .menu-item-thumb.float-left {
float: left;
} .input-radio-Class.float-padd {
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
} .select-one-and-options-container.mar {
margin-bottom: 15px;
} .panel-body.collapse.style-hieght {
height: 0px;
} .close-ValidationMessage.float-right {
float: right;
} .color-ab262f {
color: #ab262f;
} .style-referesh-display-none {
display: none;
} .rewards-button-property {
display: inline-block;
margin: 20px;
font-size: 1.875em;
height: 70px;
} .rewads-history-property {
margin-bottom: 1.65em;
} .btn-red-edit {
margin-top: 10px;
} .text-capitalize-request {
text-transform: capitalize;
} .height-width {
width: 130px;
height: 130px;
} .float-left {
float: left;
} .font-style {
font-size: 1em;
font-family: Avenir Light;
} .bottomBorder-hidden {
border-bottom: hidden;
} .input-inline-style {
outline-color: #D8D8D8;
border: .5px solid #D8D8D8;
width: 210px;
max-width: 100%;
height: 30px;
font-size: 0.875em;
margin-right: 10px;
padding-left: 5px;
} .inline-input-style {
cursor: pointer;
max-width: 100%;
} .span-z-index {
z-index: -1;
} .inline-display {
display: inline-block;
width: 4% !important;
} .float-right {
float: right;
} .white-space-nowrap {
white-space: nowrap;
} .inline-height-css {
height: 0px;
} .text-lowercase-css {
text-transform: lowercase;
} .margin-top-css {
margin-top: 5px;
} .mobileLeftNav.mar-nav {
margin-top: 0px !important;
} .account-overview-wrap-width {
width: 100%;
} .account-overview-wrap-width-25 {
width: 25%;
} .account-overview-wrap-width-40 {
width: 40%;
} .account-overview-wrap-width-35 {
width: 35%;
} .account-overview-wrap-width-0 {
margin: 0px;
} .reservation-details-email-msg.mar-lookup {
margin-top: 5px;
} .pad-acc {
padding-top: 10px;
} .input-account-over {
width: 210px;
height: 30px;
font-size: 0.875em;
margin-right: 10px;
margin-bottom: 10px;
font-family: Avenir Medium;
padding-left: 5px;
color: #000;
border: .5px solid #D8D8D8;
outline-color: #D8D8D8;
} .margin-bottom-save-as-favorite .clr {
color: #aa272f;
} .order-descr.item-qnt {
border: none !important;
font-size: 0.875em;
font-family: Avenir Light;
} .order-detail .td-border {
border: none !important
} .order-descr.options {
font-size: 0.875em;
font-family: Avenir Light;
font-weight: 700;
} .order-desc.subitem-title {
font-size: 0.875em;
font-family: Avenir Light;
} .display-none {
display: none;
} .preferred-location-list.list-unstyled.mar-bot {
margin-bottom: 0px !important;
} .float-right-account {
float: right;
} .close.style-top {
top: -73px;
} .mar-reg-url {
margin-right: 15px;
} .text-trans {
text-transform: uppercase;
} .goshen.pad-bot {
padding-bottom: 10px;
} .account-pat-point-cls {
max-width: 50em;
padding-bottom: 50px;
} .col-md-12.padd {
padding-left: 25px;
} .smaller-label.top {
top: -15px !important;
} .ContactSelectedLocation.mar {
margin-left: 0px;
} .primary-button.button-padding.button-float {
float: left;
} .block-style {
margin-top: 10px;
} .caret.style {
position: absolute;
top: 14px;
right: 0px;
} .reservation-page .input-text-style {
outline-color: #D8D8D8;
border: .5px solid #D8D8D8;
width: 210px;
height: 30px;
font-size: 0.875em;
margin-right: 10px;
margin-bottom: 10px;
font-family: Avenir Medium;
padding-left: 5px;
} .reservation-page .item-quantity-acc {
border: none !important;
font-size: 0.875em;
font-family: Avenir Light;
} .reservation-page .item-options-acc {
font-size: 0.875em;
font-family: Avenir Light;
font-weight: 700;
} .reservation-page .subitem-title {
font-size: 0.875em;
font-family: Avenir Light;
} .dropdown-menu.display-none {
display: none;
} @media (max-width:767px) {
.reward-margin-panel {
margin-top: 50px !important;
}
} @media (max-width:380px) {
.paneltile6 {
margin-top: -4px !important;
}
} .orderSummary.timeout {
padding-top: 0px;
} .close-dropdown.timeoutclose {
float: right;
} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.roosterNavigation .sfimageWrp img {
padding-top: 15px;
}
} .termsandcondition {
display: block;
margin-top: 20px;
} .close-dropdown-special {
border: 0;
width: 20px !important;
float: right;
font-size: 1.125em;
padding-left: 20px !important;
background: none;
margin-top: -17px;
opacity: 0.5;
} .display-drop {
cursor: pointer;
} .reservation-page .option-row-quantity input.ng-valid ~ .text-label-style {
top: -8px;
font-size: 0.75em;
font-family: 'Avenir Medium';
color: #D8D8D8;
} .menu-and-order-middle-section .MenuList .row.flex-this .image-section img {
cursor: pointer;
} .location-style-default-loc {
font-family: "Avenir Medium";
color: #182B49 !important;
text-decoration: underline;
} .oloMenuItem-Disable:hover {
border-bottom: none !important;
cursor: auto !important;
margin-bottom: 1px !important;
}
/*New Reservation UI CSS*/
.hmb .panel-group {
background: rgba(35, 31, 32, .8);
} .hmb .panel-group .slider {
background: rgba(35, 31, 32, .6);
text-align: center;
width: 100%;
padding-top: 20px;
} .reservation-page .hmb .slideshow-container .panel-title {
color: #FFFFFF;
font-size: 2.75em;
height: 35px;
font-family: Goshen;
font-weight: normal;
text-transform: lowercase;
line-height: inherit;
} .reservation-page .hmb .slideshow-container .panel-body {
padding: 0px 20px 25px 20px;
} .reservation-page .hmb .slideshow-container .step-2-body {
padding: 12px 50px 25px 50px;
} .reservation-page #step {
vertical-align: middle;
}
/* Slideshow container */
.reservation-page .slideshow-container {
text-align: center
}
/* Caption text */
.reservation-page .text {
color: #000;
font-size: 0.9375em;
padding: 8px 12px;
text-align: center;
}
/* The dots/bullets/indicators */
.reservation-page .dot {
cursor: pointer;
height: 8px;
width: 8px;
margin: 0 8px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {
font-size: 0.6875em
}
} .reservation-page .hmb .slideshow-container .party-size-warning {
font-family: "Avenir Light";
font-size: 1em;
padding: 15px;
} .reservation-page .hmb .slideshow-container .step-1 .location-date-time-party {
margin-top: 18px;
} .reservation-page .hmb .slideshow-container .step-1 .location-date-time-party .text-align {
text-align: left;
} .reservation-page .hmb .slideshow-container .caret {
top: 17px;
position: absolute;
right: 10px;
} .reservation-page .hmb .slideshow-container .step-1 .location-date-time-party .fa-map-marker {
position: absolute;
top: 10px;
left: 0px;
} .reservation-page .hmb .slideshow-container .account-buttons {
margin-top: 25px;
} .reservation-page .hmb .slideshow-container .account-buttons .CTA-res div {
margin-bottom: 8px;
}
/*.reservation-page .hmb .slideshow-container .account-buttons .red {
margin-right: 25px;
}*/
/*.reservation-page .hmb .slideshow-container .account-buttons .grey {
margin-left: 35px;
}*/
/*.reservation-page .hmb .slideshow-container .desktop-account-btn .dont-have-an-account div {
padding-left: 50px;
}*/
.reservation-page .hmb .slideshow-container .desktop-account-btn .already-have-an-account {
display: inline-block !important;
} .reservation-page .hmb .slideshow-container .desktop-account-btn .dont-have-an-account {
display: inline-block !important;
} .reservation-page .hmb .slideshow-container .desktop-account-btn .btn {
padding: 10px 40px 10px 40px;
} .reservation-page .hmb .slideshow-container .desktop-account-btn .dont-have-an-account .btn.grey {
margin-left: 20px !important;
} .reservation-page .hmb .slideshow-container .account-buttons-mobile {
text-align: center;
margin-top: 10px !important;
} reservation-page .hmb .slideshow-container .account-buttons-mobile .btn {
padding: 10px 10px 8px 10px;
} .reservation-page .hmb .slideshow-container .account-buttons-mobile .red {
width: 60%;
margin-bottom: 20px !important;
} .reservation-page .hmb .slideshow-container .account-buttons-mobile .grey {
width: 60%;
} .reservation-page .hmb .slideshow-container .option-row-quantity .open > .dropdown-menu {
width: 100%;
flex-direction: column;
} .reservation-page .hmb .slideshow-container .option-row-quantity .dropdown button {
width: 100%;
text-align: initial;
margin-bottom: 0px;
padding-left: 0px;
} .reservation-page .hmb .slideshow-container .option-row-quantity .dropdown .dropdown-menu .date-dropdown {
max-height: 140px;
overflow: auto;
} .reservation-page .hmb .slideshow-container .option-row-quantity .dropdown .dropdown-menu {
padding: 18px;
max-height: none;
} .reservation-page .hmb .slideshow-container .option-row-quantity .dropdown .dropdown-menu .close-dropdown-special {
float: right;
margin-right: -10px;
} .reservation-page .hmb .slideshow-container .option-row-quantity .dropdown .dropdown-menu .dropdown-header {
padding: 0px 40px 10px 0px;
color: #3D3D3D;
font-size: 1em;
} .reservation-page .hmb .slideshow-container .step-3-body {
text-align: left;
} .disabled-classCKE {
cursor: default !important;
} .reservation-page .hmb .slider .active {
background-color: #ffffff;
} .reservation-page .hmb .slideshow-container .step-1 .location-date-time-party .date-selected + label .fa {
color: #AA272F;
} .reservation-page .hmb .slideshow-container .phone-number-promotions .mobile-occassion .occassion-selected + label .fa {
color: #AA272F;
} .suggested-time-error {
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
padding: 14px;
margin-top: -25px;
margin-bottom: 20px;
margin-right: 0px;
margin-left: 0px;
} .margin-top-10 {
margin-top: 10px !important;
} .margin-top-20 {
margin-top: 20px !important;
} .margin-left-0 {
margin-left: 0px !important;
} .margin-left-neg-20 {
margin-left: -20px !important;
} .padding-top-0 {
padding-top: 0px !important;
} .padding-right-0 {
padding-right: 0px !important;
} .padding-left-0 {
padding-left: 0px !important;
} .sign-up {
text-align: left;
} .line-height-20px {
line-height: 20px !important;
} .text-align-center {
text-align: center;
} .mobile-reservations .time-slots-suggestions {
padding: 7px !important;
font-size: 1em;
width: auto !important;
} .reservation-page .time-slots-suggestions-btn {
padding: 8px 40px 8px 40px !important;
font-size: 1em;
font-family: Avenir Black;
line-height: 16px;
} .color-red {
color: red !important;
} .reservations-step-1-btn {
font-size: 1.375em !important;
text-transform: lowercase;
width: 200px;
} .reservations-step-1-btn-mobile {
width: 92% !important;
margin-left: 6px;
} .font-family-Avenr-Black {
font-family: 'Avenir Black' !important;
} .font-family-Avenr-Light {
font-family: 'Avenir Light' !important;
} .font-size-34 {
font-size: 2.125em !important;
} .reservation-date-mobile {
position: relative !important;
padding-left: 20px !important;
} .reservation-date-mobile-calendar {
position: absolute;
top: 10px;
left: 0px;
} .text-transform-lowercase {
text-transform: lowercase;
} .reservations-step-2 {
margin-top: -2px;
} .reservation-page input[type=number]::-webkit-inner-spin-button, .reservation-page input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
} @media only screen and (max-width: 320px) {
.reservation-page .hmb .slideshow-container .step-2-body .panel-title {
font-size: 1.8125em !important;
}
} .step-1-alignment {
height: 32px !important;
line-height: 15px !important;
} .guest-signup-confirmation, .guest-signup-confirmation:hover, .guest-signup-confirmation:active {
color: #D8D8D8;
text-decoration: underline;
white-space:nowrap;
} .width-percent-100{
width:100%;
}
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 0.5em
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace,monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit
}
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 {
padding: 0;
border: 0
}
input {
line-height: normal
}
input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid silver
}
legend {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-spacing: 0;
border-collapse: collapse
}
td, th {
padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*, :after, :before {
color: #000 !important;
text-shadow: none !important;
background: 0 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""
}
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn > .caret, .dropup > .btn > .caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td, .table th {
background-color: #fff !important
}
.table-bordered td, .table-bordered th {
border: 1px solid #ddd !important
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(/Scripts/fonts/glyphicons-halflings-regular.eot);
src: url(/Scripts/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/Scripts/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/Scripts/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/Scripts/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/Scripts/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {
content: "\002a"
}
.glyphicon-plus:before {
content: "\002b"
}
.glyphicon-eur:before, .glyphicon-euro:before {
content: "\20ac"
}
.glyphicon-minus:before {
content: "\2212"
}
.glyphicon-cloud:before {
content: "\2601"
}
.glyphicon-envelope:before {
content: "\2709"
}
.glyphicon-pencil:before {
content: "\270f"
}
.glyphicon-glass:before {
content: "\e001"
}
.glyphicon-music:before {
content: "\e002"
}
.glyphicon-search:before {
content: "\e003"
}
.glyphicon-heart:before {
content: "\e005"
}
.glyphicon-star:before {
content: "\e006"
}
.glyphicon-star-empty:before {
content: "\e007"
}
.glyphicon-user:before {
content: "\e008"
}
.glyphicon-film:before {
content: "\e009"
}
.glyphicon-th-large:before {
content: "\e010"
}
.glyphicon-th:before {
content: "\e011"
}
.glyphicon-th-list:before {
content: "\e012"
}
.glyphicon-ok:before {
content: "\e013"
}
.glyphicon-remove:before {
content: "\e014"
}
.glyphicon-zoom-in:before {
content: "\e015"
}
.glyphicon-zoom-out:before {
content: "\e016"
}
.glyphicon-off:before {
content: "\e017"
}
.glyphicon-signal:before {
content: "\e018"
}
.glyphicon-cog:before {
content: "\e019"
}
.glyphicon-trash:before {
content: "\e020"
}
.glyphicon-home:before {
content: "\e021"
}
.glyphicon-file:before {
content: "\e022"
}
.glyphicon-time:before {
content: "\e023"
}
.glyphicon-road:before {
content: "\e024"
}
.glyphicon-download-alt:before {
content: "\e025"
}
.glyphicon-download:before {
content: "\e026"
}
.glyphicon-upload:before {
content: "\e027"
}
.glyphicon-inbox:before {
content: "\e028"
}
.glyphicon-play-circle:before {
content: "\e029"
}
.glyphicon-repeat:before {
content: "\e030"
}
.glyphicon-refresh:before {
content: "\e031"
}
.glyphicon-list-alt:before {
content: "\e032"
}
.glyphicon-lock:before {
content: "\e033"
}
.glyphicon-flag:before {
content: "\e034"
}
.glyphicon-headphones:before {
content: "\e035"
}
.glyphicon-volume-off:before {
content: "\e036"
}
.glyphicon-volume-down:before {
content: "\e037"
}
.glyphicon-volume-up:before {
content: "\e038"
}
.glyphicon-qrcode:before {
content: "\e039"
}
.glyphicon-barcode:before {
content: "\e040"
}
.glyphicon-tag:before {
content: "\e041"
}
.glyphicon-tags:before {
content: "\e042"
}
.glyphicon-book:before {
content: "\e043"
}
.glyphicon-bookmark:before {
content: "\e044"
}
.glyphicon-print:before {
content: "\e045"
}
.glyphicon-camera:before {
content: "\e046"
}
.glyphicon-font:before {
content: "\e047"
}
.glyphicon-bold:before {
content: "\e048"
}
.glyphicon-italic:before {
content: "\e049"
}
.glyphicon-text-height:before {
content: "\e050"
}
.glyphicon-text-width:before {
content: "\e051"
}
.glyphicon-align-left:before {
content: "\e052"
}
.glyphicon-align-center:before {
content: "\e053"
}
.glyphicon-align-right:before {
content: "\e054"
}
.glyphicon-align-justify:before {
content: "\e055"
}
.glyphicon-list:before {
content: "\e056"
}
.glyphicon-indent-left:before {
content: "\e057"
}
.glyphicon-indent-right:before {
content: "\e058"
}
.glyphicon-facetime-video:before {
content: "\e059"
}
.glyphicon-picture:before {
content: "\e060"
}
.glyphicon-map-marker:before {
content: "\e062"
}
.glyphicon-adjust:before {
content: "\e063"
}
.glyphicon-tint:before {
content: "\e064"
}
.glyphicon-edit:before {
content: "\e065"
}
.glyphicon-share:before {
content: "\e066"
}
.glyphicon-check:before {
content: "\e067"
}
.glyphicon-move:before {
content: "\e068"
}
.glyphicon-step-backward:before {
content: "\e069"
}
.glyphicon-fast-backward:before {
content: "\e070"
}
.glyphicon-backward:before {
content: "\e071"
}
.glyphicon-play:before {
content: "\e072"
}
.glyphicon-pause:before {
content: "\e073"
}
.glyphicon-stop:before {
content: "\e074"
}
.glyphicon-forward:before {
content: "\e075"
}
.glyphicon-fast-forward:before {
content: "\e076"
}
.glyphicon-step-forward:before {
content: "\e077"
}
.glyphicon-eject:before {
content: "\e078"
}
.glyphicon-chevron-left:before {
content: "\e079"
}
.glyphicon-chevron-right:before {
content: "\e080"
}
.glyphicon-plus-sign:before {
content: "\e081"
}
.glyphicon-minus-sign:before {
content: "\e082"
}
.glyphicon-remove-sign:before {
content: "\e083"
}
.glyphicon-ok-sign:before {
content: "\e084"
}
.glyphicon-question-sign:before {
content: "\e085"
}
.glyphicon-info-sign:before {
content: "\e086"
}
.glyphicon-screenshot:before {
content: "\e087"
}
.glyphicon-remove-circle:before {
content: "\e088"
}
.glyphicon-ok-circle:before {
content: "\e089"
}
.glyphicon-ban-circle:before {
content: "\e090"
}
.glyphicon-arrow-left:before {
content: "\e091"
}
.glyphicon-arrow-right:before {
content: "\e092"
}
.glyphicon-arrow-up:before {
content: "\e093"
}
.glyphicon-arrow-down:before {
content: "\e094"
}
.glyphicon-share-alt:before {
content: "\e095"
}
.glyphicon-resize-full:before {
content: "\e096"
}
.glyphicon-resize-small:before {
content: "\e097"
}
.glyphicon-exclamation-sign:before {
content: "\e101"
}
.glyphicon-gift:before {
content: "\e102"
}
.glyphicon-leaf:before {
content: "\e103"
}
.glyphicon-fire:before {
content: "\e104"
}
.glyphicon-eye-open:before {
content: "\e105"
}
.glyphicon-eye-close:before {
content: "\e106"
}
.glyphicon-warning-sign:before {
content: "\e107"
}
.glyphicon-plane:before {
content: "\e108"
}
.glyphicon-calendar:before {
content: "\e109"
}
.glyphicon-random:before {
content: "\e110"
}
.glyphicon-comment:before {
content: "\e111"
}
.glyphicon-magnet:before {
content: "\e112"
}
.glyphicon-chevron-up:before {
content: "\e113"
}
.glyphicon-chevron-down:before {
content: "\e114"
}
.glyphicon-retweet:before {
content: "\e115"
}
.glyphicon-shopping-cart:before {
content: "\e116"
}
.glyphicon-folder-close:before {
content: "\e117"
}
.glyphicon-folder-open:before {
content: "\e118"
}
.glyphicon-resize-vertical:before {
content: "\e119"
}
.glyphicon-resize-horizontal:before {
content: "\e120"
}
.glyphicon-hdd:before {
content: "\e121"
}
.glyphicon-bullhorn:before {
content: "\e122"
}
.glyphicon-bell:before {
content: "\e123"
}
.glyphicon-certificate:before {
content: "\e124"
}
.glyphicon-thumbs-up:before {
content: "\e125"
}
.glyphicon-thumbs-down:before {
content: "\e126"
}
.glyphicon-hand-right:before {
content: "\e127"
}
.glyphicon-hand-left:before {
content: "\e128"
}
.glyphicon-hand-up:before {
content: "\e129"
}
.glyphicon-hand-down:before {
content: "\e130"
}
.glyphicon-circle-arrow-right:before {
content: "\e131"
}
.glyphicon-circle-arrow-left:before {
content: "\e132"
}
.glyphicon-circle-arrow-up:before {
content: "\e133"
}
.glyphicon-circle-arrow-down:before {
content: "\e134"
}
.glyphicon-globe:before {
content: "\e135"
}
.glyphicon-wrench:before {
content: "\e136"
}
.glyphicon-tasks:before {
content: "\e137"
}
.glyphicon-filter:before {
content: "\e138"
}
.glyphicon-briefcase:before {
content: "\e139"
}
.glyphicon-fullscreen:before {
content: "\e140"
}
.glyphicon-dashboard:before {
content: "\e141"
}
.glyphicon-paperclip:before {
content: "\e142"
}
.glyphicon-heart-empty:before {
content: "\e143"
}
.glyphicon-link:before {
content: "\e144"
}
.glyphicon-phone:before {
content: "\e145"
}
.glyphicon-pushpin:before {
content: "\e146"
}
.glyphicon-usd:before {
content: "\e148"
}
.glyphicon-gbp:before {
content: "\e149"
}
.glyphicon-sort:before {
content: "\e150"
}
.glyphicon-sort-by-alphabet:before {
content: "\e151"
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152"
}
.glyphicon-sort-by-order:before {
content: "\e153"
}
.glyphicon-sort-by-order-alt:before {
content: "\e154"
}
.glyphicon-sort-by-attributes:before {
content: "\e155"
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156"
}
.glyphicon-unchecked:before {
content: "\e157"
}
.glyphicon-expand:before {
content: "\e158"
}
.glyphicon-collapse-down:before {
content: "\e159"
}
.glyphicon-collapse-up:before {
content: "\e160"
}
.glyphicon-log-in:before {
content: "\e161"
}
.glyphicon-flash:before {
content: "\e162"
}
.glyphicon-log-out:before {
content: "\e163"
}
.glyphicon-new-window:before {
content: "\e164"
}
.glyphicon-record:before {
content: "\e165"
}
.glyphicon-save:before {
content: "\e166"
}
.glyphicon-open:before {
content: "\e167"
}
.glyphicon-saved:before {
content: "\e168"
}
.glyphicon-import:before {
content: "\e169"
}
.glyphicon-export:before {
content: "\e170"
}
.glyphicon-send:before {
content: "\e171"
}
.glyphicon-floppy-disk:before {
content: "\e172"
}
.glyphicon-floppy-saved:before {
content: "\e173"
}
.glyphicon-floppy-remove:before {
content: "\e174"
}
.glyphicon-floppy-save:before {
content: "\e175"
}
.glyphicon-floppy-open:before {
content: "\e176"
}
.glyphicon-credit-card:before {
content: "\e177"
}
.glyphicon-transfer:before {
content: "\e178"
}
.glyphicon-cutlery:before {
content: "\e179"
}
.glyphicon-header:before {
content: "\e180"
}
.glyphicon-compressed:before {
content: "\e181"
}
.glyphicon-earphone:before {
content: "\e182"
}
.glyphicon-phone-alt:before {
content: "\e183"
}
.glyphicon-tower:before {
content: "\e184"
}
.glyphicon-stats:before {
content: "\e185"
}
.glyphicon-sd-video:before {
content: "\e186"
}
.glyphicon-hd-video:before {
content: "\e187"
}
.glyphicon-subtitles:before {
content: "\e188"
}
.glyphicon-sound-stereo:before {
content: "\e189"
}
.glyphicon-sound-dolby:before {
content: "\e190"
}
.glyphicon-sound-5-1:before {
content: "\e191"
}
.glyphicon-sound-6-1:before {
content: "\e192"
}
.glyphicon-sound-7-1:before {
content: "\e193"
}
.glyphicon-copyright-mark:before {
content: "\e194"
}
.glyphicon-registration-mark:before {
content: "\e195"
}
.glyphicon-cloud-download:before {
content: "\e197"
}
.glyphicon-cloud-upload:before {
content: "\e198"
}
.glyphicon-tree-conifer:before {
content: "\e199"
}
.glyphicon-tree-deciduous:before {
content: "\e200"
}
.glyphicon-cd:before {
content: "\e201"
}
.glyphicon-save-file:before {
content: "\e202"
}
.glyphicon-open-file:before {
content: "\e203"
}
.glyphicon-level-up:before {
content: "\e204"
}
.glyphicon-copy:before {
content: "\e205"
}
.glyphicon-paste:before {
content: "\e206"
}
.glyphicon-alert:before {
content: "\e209"
}
.glyphicon-equalizer:before {
content: "\e210"
}
.glyphicon-king:before {
content: "\e211"
}
.glyphicon-queen:before {
content: "\e212"
}
.glyphicon-pawn:before {
content: "\e213"
}
.glyphicon-bishop:before {
content: "\e214"
}
.glyphicon-knight:before {
content: "\e215"
}
.glyphicon-baby-formula:before {
content: "\e216"
}
.glyphicon-tent:before {
content: "\26fa"
}
.glyphicon-blackboard:before {
content: "\e218"
}
.glyphicon-bed:before {
content: "\e219"
}
.glyphicon-apple:before {
content: "\f8ff"
}
.glyphicon-erase:before {
content: "\e221"
}
.glyphicon-hourglass:before {
content: "\231b"
}
.glyphicon-lamp:before {
content: "\e223"
}
.glyphicon-duplicate:before {
content: "\e224"
}
.glyphicon-piggy-bank:before {
content: "\e225"
}
.glyphicon-scissors:before {
content: "\e226"
}
.glyphicon-bitcoin:before {
content: "\e227"
}
.glyphicon-btc:before {
content: "\e227"
}
.glyphicon-xbt:before {
content: "\e227"
}
.glyphicon-yen:before {
content: "\00a5"
}
.glyphicon-jpy:before {
content: "\00a5"
}
.glyphicon-ruble:before {
content: "\20bd"
}
.glyphicon-rub:before {
content: "\20bd"
}
.glyphicon-scale:before {
content: "\e230"
}
.glyphicon-ice-lolly:before {
content: "\e231"
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232"
}
.glyphicon-education:before {
content: "\e233"
}
.glyphicon-option-horizontal:before {
content: "\e234"
}
.glyphicon-option-vertical:before {
content: "\e235"
}
.glyphicon-menu-hamburger:before {
content: "\e236"
}
.glyphicon-modal-window:before {
content: "\e237"
}
.glyphicon-oil:before {
content: "\e238"
}
.glyphicon-grain:before {
content: "\e239"
}
.glyphicon-sunglasses:before {
content: "\e240"
}
.glyphicon-text-size:before {
content: "\e241"
}
.glyphicon-text-color:before {
content: "\e242"
}
.glyphicon-text-background:before {
content: "\e243"
}
.glyphicon-object-align-top:before {
content: "\e244"
}
.glyphicon-object-align-bottom:before {
content: "\e245"
}
.glyphicon-object-align-horizontal:before {
content: "\e246"
}
.glyphicon-object-align-left:before {
content: "\e247"
}
.glyphicon-object-align-vertical:before {
content: "\e248"
}
.glyphicon-object-align-right:before {
content: "\e249"
}
.glyphicon-triangle-right:before {
content: "\e250"
}
.glyphicon-triangle-left:before {
content: "\e251"
}
.glyphicon-triangle-bottom:before {
content: "\e252"
}
.glyphicon-triangle-top:before {
content: "\e253"
}
.glyphicon-console:before {
content: "\e254"
}
.glyphicon-superscript:before {
content: "\e255"
}
.glyphicon-subscript:before {
content: "\e256"
}
.glyphicon-menu-left:before {
content: "\e257"
}
.glyphicon-menu-right:before {
content: "\e258"
}
.glyphicon-menu-down:before {
content: "\e259"
}
.glyphicon-menu-up:before {
content: "\e260"
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 1em;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1em;
line-height: 1.42857143;
color: #333;
background-color: #fff
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #AA272F;
text-decoration: none
}
a:focus, a:hover {
color: #AA272F;
text-decoration: underline
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role=button] {
cursor: pointer
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-weight: 400;
line-height: 1;
color: #777
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
font-size: 65%
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-size: 75%
}
.h1, h1 {
font-size: 2.25em
}
.h2, h2 {
font-size: 1.875em
}
.h3, h3 {
font-size: 1.5em
}
.h4, h4 {
font-size: 1.125em
}
.h5, h5 {
font-size: 0.875em
}
.h6, h6 {
font-size: 0.75em
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 1em;
font-weight: 300;
line-height: 1.4
}
@media (min-width:768px) {
.lead {
font-size: 1.3125em
}
}
.small, small {
font-size: 0.5em
}
.mark, mark {
padding: .2em;
background-color: #fcf8e3
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
a.text-primary:focus, a.text-primary:hover {
color: #286090
}
.text-success {
color: #3c763d
}
a.text-success:focus, a.text-success:hover {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:focus, a.text-info:hover {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:focus, a.text-warning:hover {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:focus, a.text-danger:hover {
color: #843534
}
.bg-primary {
color: #fff;
background-color: #337ab7
}
a.bg-primary:focus, a.bg-primary:hover {
background-color: #286090
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:focus, a.bg-success:hover {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:focus, a.bg-info:hover {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:focus, a.bg-warning:hover {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:focus, a.bg-danger:hover {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
ol, ul {
margin-top: 0;
margin-bottom: 10px
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dd, dt {
line-height: 1.42857143
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
@media (min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[data-original-title], abbr[title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 0.5625em;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 1.0625em.5px;
border-left: 5px solid #eee
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
margin-bottom: 0
}
blockquote .small, blockquote footer, blockquote small {
display: block;
font-size: 0.5em;
line-height: 1.42857143;
color: #777
}
blockquote .small:before, blockquote footer:before, blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0
}
.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143
}
code, kbd, pre, samp {
font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}
code {
padding: 2px 4px;
font-size: 0.5625em;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
kbd {
padding: 2px 4px;
font-size: 0.5625em;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 0.8125em;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
margin-right: -15px;
margin-left: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
border-top: 0
}
.table > tbody + tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td {
padding: 5px;
}
.table-condensed > tfoot > tr > td, .table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border: 1px solid #ddd
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border-bottom-width: 2px
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5
}
table col[class*=col-] {
position: static;
display: table-column;
float: none
}
table td[class*=col-], table th[class*=col-] {
position: static;
display: table-cell;
float: none
}
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
background-color: #f5f5f5
}
.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
background-color: #e8e8e8
}
.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
background-color: #dff0d8
}
.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
background-color: #d0e9c6
}
.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
background-color: #d9edf7
}
.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
background-color: #c4e3f3
}
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
background-color: #fcf8e3
}
.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
background-color: #faf2cc
}
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
background-color: #f2dede
}
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
background-color: #ebcccc
}
.table-responsive {
min-height: .01%;
overflow-x: auto
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive > .table {
margin-bottom: 0
}
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
white-space: nowrap
}
.table-responsive > .table-bordered {
border: 0
}
.table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0
}
.table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0
}
.table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 1.3125em;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700
}
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
input[type=checkbox], input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple], select[size] {
height: auto
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 0.875em;
line-height: 1.42857143;
color: #555
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 0.875em;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
line-height: 34px
}
.input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
line-height: 30px
}
.input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
line-height: 46px
}
}
.form-group {
margin-bottom: 15px;
}
.checkbox, .radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label, .radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
position: absolute;
margin-top: 4px\9;
margin-left: -20px
}
.checkbox + .checkbox, .radio + .radio {
margin-top: -5px
}
.checkbox-inline, .radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer
}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
margin-top: 0;
margin-left: 10px
}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
cursor: not-allowed
}
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
cursor: not-allowed
}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
cursor: not-allowed
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0
}
.form-control-static.input-lg, .form-control-static.input-sm {
padding-right: 0;
padding-left: 0
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 0.75em;
line-height: 1.5;
border-radius: 3px
}
select.input-sm {
height: 30px;
line-height: 30px
}
select[multiple].input-sm, textarea.input-sm {
height: auto
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 0.75em;
line-height: 1.5;
border-radius: 3px
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px
}
.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 0.75em;
line-height: 1.5
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 1.125em;
line-height: 1.3333333;
border-radius: 6px
}
select.input-lg {
height: 46px;
line-height: 46px
}
select[multiple].input-lg, textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 1.125em;
line-height: 1.3333333;
border-radius: 6px
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px
}
.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 1.125em;
line-height: 1.3333333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 42.5px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none
}
.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px
}
.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
color: #3c763d
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d
}
.has-success .form-control-feedback {
color: #3c763d
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b
}
.has-warning .form-control-feedback {
color: #8a6d3b
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442
}
.has-error .form-control-feedback {
color: #a94442
}
.has-feedback label ~ .form-control-feedback {
top: 25px
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media (min-width:768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group > .form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox, .form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label, .form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0
}
.form-horizontal .checkbox, .form-horizontal .radio {
min-height: 27px
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px
}
@media (min-width:768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media (min-width:768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 1.125em
}
}
@media (min-width:768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 0.75em
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 0.875em;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.focus, .btn:focus, .btn:hover {
color: #333;
text-decoration: none
}
.btn.active, .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default.focus, .btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success.focus, .btn-success:focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info.focus, .btn-info:focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #269abc;
border-color: #1b6d85
}
.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning.focus, .btn-warning:focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger.focus, .btn-danger:focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
border-color: transparent
}
.btn-link:focus, .btn-link:hover {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none
}
.btn-group-lg > .btn, .btn-lg {
padding: 10px 16px;
font-size: 1.125em;
line-height: 1.3333333;
border-radius: 6px
}
.btn-group-sm > .btn, .btn-sm {
padding: 5px 10px;
font-size: 0.75em;
line-height: 1.5;
border-radius: 3px
}
.btn-group-xs > .btn, .btn-xs {
padding: 1px 5px;
font-size: 0.75em;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block + .btn-block {
margin-top: 5px
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height,visibility;
-o-transition-property: height,visibility;
transition-property: height,visibility
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown, .dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 0.875em;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #262626;
text-decoration: none;
background-color: #f5f5f5
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
color: #777
}
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open > .dropdown-menu {
display: block
}
.open > a {
outline: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 0.75em;
line-height: 1.42857143;
color: #777;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid\9
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0
}
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group-vertical > .btn, .btn-group > .btn {
position: relative;
float: left
}
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
z-index: 2
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
margin-left: -1px
}
.btn-toolbar {
margin-left: -5px
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
float: left
}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
margin-left: 5px
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group > .btn:first-child {
margin-left: 0
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.btn-group > .btn-group {
float: left
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none
}
.btn .caret {
margin-left: 0
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical > .btn-group > .btn {
float: none
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%
}
.btn-group-justified > .btn-group .btn {
width: 100%
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto
}
[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group[class*=col-] {
float: none;
padding-right: 0;
padding-left: 0
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group .form-control:focus {
z-index: 3
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 1.125em;
line-height: 1.3333333;
border-radius: 6px
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px
}
select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
height: auto
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 0.75em;
line-height: 1.5;
border-radius: 3px
}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px
}
select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
height: auto
}
.input-group .form-control, .input-group-addon, .input-group-btn {
display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 0.875em;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 0.75em;
border-radius: 3px
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 1.125em;
border-radius: 6px
}
.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
margin-top: 0
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn > .btn {
position: relative
}
.input-group-btn > .btn + .btn {
margin-left: -1px
}
.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
z-index: 2
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
margin-right: -1px
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav > li {
position: relative;
display: block
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
background-color: #eee
}
.nav > li.disabled > a {
color: #777
}
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: #eee;
border-color: #337ab7
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav > li > a > img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs > li {
float: left;
margin-bottom: -1px
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified > li {
float: none
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border-bottom-color: #fff
}
}
.nav-pills > li {
float: left
}
.nav-pills > li > a {
border-radius: 4px
}
.nav-pills > li + li {
margin-left: 2px
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #fff;
background-color: #337ab7
}
.nav-stacked > li {
float: none
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0
}
.nav-justified {
width: 100%
}
.nav-justified > li {
float: none
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-justified > li {
display: table-cell;
width: 1%
}
.nav-justified > li > a {
margin-bottom: 0
}
}
.nav-tabs-justified {
border-bottom: 0
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
border-bottom-color: #fff
}
}
.tab-content > .tab-pane {
display: none
}
.tab-content > .active {
display: block
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
}
@media (min-width:768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
padding-right: 0;
padding-left: 0
}
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: 340px
}
@media (max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: 200px
}
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
margin-right: -15px;
margin-left: -15px
}
@media (min-width:768px) {
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
margin-right: 0;
margin-left: 0
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
@media (min-width:768px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-bottom, .navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
@media (min-width:768px) {
.navbar-fixed-bottom, .navbar-fixed-top {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 1.125em;
line-height: 20px
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none
}
.navbar-brand > img {
display: block
}
@media (min-width:768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px
}
@media (min-width:768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
background-image: none
}
}
@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav > li {
float: left
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}
@media (min-width:768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
width: auto
}
.navbar-form .input-group > .form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox, .navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox label, .navbar-form .radio label {
padding-left: 0
}
.navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media (max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media (min-width:768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px
}
@media (min-width:768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px
}
}
@media (min-width:768px) {
.navbar-left {
float: left !important
}
.navbar-right {
float: right !important;
margin-right: -15px
}
.navbar-right ~ .navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav > li > a {
color: #777
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #555;
background-color: #e7e7e7
}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-default .btn-link {
color: #777
}
.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
color: #333
}
.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc
}
.navbar-inverse {
background-color: #222;
border-color: #080808
}
.navbar-inverse .navbar-brand {
color: #9d9d9d
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-text {
color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
color: #444;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
color: #fff;
background-color: #080808
}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color: #444;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: #9d9d9d
}
.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
color: #fff
}
.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #444
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb > li {
display: inline-block
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0"
}
.breadcrumb > .active {
color: #777
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination > li {
display: inline
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg > li > a, .pagination-lg > li > span {
padding: 10px 16px;
font-size: 1.125em;
line-height: 1.3333333
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm > li > a, .pagination-sm > li > span {
padding: 5px 10px;
font-size: 0.75em;
line-height: 1.5
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none
}
.pager li {
display: inline
}
.pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px
}
.pager li > a:focus, .pager li > a:hover {
text-decoration: none;
background-color: #eee
}
.pager .next > a, .pager .next > span {
float: right
}
.pager .previous > a, .pager .previous > span {
float: left
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
a.label:focus, a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}
.label-default {
background-color: #777
}
.label-default[href]:focus, .label-default[href]:hover {
background-color: #5e5e5e
}
.label-primary {
background-color: #337ab7
}
.label-primary[href]:focus, .label-primary[href]:hover {
background-color: #286090
}
.label-success {
background-color: #5cb85c
}
.label-success[href]:focus, .label-success[href]:hover {
background-color: #449d44
}
.label-info {
background-color: #5bc0de
}
.label-info[href]:focus, .label-info[href]:hover {
background-color: #31b0d5
}
.label-warning {
background-color: #f0ad4e
}
.label-warning[href]:focus, .label-warning[href]:hover {
background-color: #ec971f
}
.label-danger {
background-color: #d9534f
}
.label-danger[href]:focus, .label-danger[href]:hover {
background-color: #c9302c
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.btn-group-xs > .btn .badge, .btn-xs .badge {
top: 0;
padding: 1px 5px
}
a.badge:focus, a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff
}
.list-group-item > .badge {
float: right
}
.list-group-item > .badge + .badge {
margin-right: 5px
}
.nav-pills > li > a > .badge {
margin-left: 3px
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee
}
.jumbotron .h1, .jumbotron h1 {
color: inherit
}
.jumbotron p {
margin-bottom: 15px;
font-size: 1.3125em;
font-weight: 200
}
.jumbotron > hr {
border-top-color: #d5d5d5
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px
}
.jumbotron .container {
max-width: 100%
}
@media screen and (min-width:768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px
}
.jumbotron .h1, .jumbotron h1 {
font-size: 3.9375em
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.thumbnail a > img, .thumbnail > img {
margin-right: auto;
margin-left: auto
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
border-color: #337ab7
}
.thumbnail .caption {
padding: 9px;
color: #333
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert > p, .alert > ul {
margin-bottom: 0
}
.alert > p + p {
margin-top: 5px
}
.alert-dismissable, .alert-dismissible {
padding-right: 35px
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 0.75em;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease
}
.progress-bar-striped, .progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px
}
.progress-bar.active, .progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: #5cb85c
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-danger {
background-color: #d9534f
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media, .media-body {
overflow: hidden;
zoom: 1
}
.media-body {
width: 10000px
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right, .media > .pull-right {
padding-left: 10px
}
.media-left, .media > .pull-left {
padding-right: 10px
}
.media-body, .media-left, .media-right {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
padding-left: 0;
margin-bottom: 20px
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
a.list-group-item, button.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
color: #777;
cursor: not-allowed;
background-color: #eee
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
color: #777
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
color: inherit
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
color: #c7ddef
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success, button.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info, button.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning, button.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger, button.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-body {
padding: 15px
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
color: inherit
}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
margin-bottom: 0
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group + .panel-footer {
border-top-width: 0
}
.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
margin-bottom: 0
}
.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
padding-right: 15px;
padding-left: 15px
}
.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd
}
.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
border-top: 0
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 0
}
.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0
}
.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0
}
.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
border-bottom: 0
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel + .panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #337ab7
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7
}
.panel-success {
border-color: #d6e9c6
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0,0,0,.15)
}
.well-lg {
padding: 24px;
border-radius: 6px
}
.well-sm {
padding: 9px;
border-radius: 3px
}
.close {
float: right;
font-size: 1.3125em;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2
}
.close:focus, .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0
}
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px
}
.modal-footer .btn-block + .btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
width: 900px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 0.75em;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 0.875em;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
line-break: auto
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 0.875em;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover > .arrow, .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover > .arrow {
border-width: 11px
}
.popover > .arrow:after {
content: "";
border-width: 10px
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0,0,0,.25);
border-bottom-width: 0
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0,0,0,.25);
border-left-width: 0
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0,0,0,.25)
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0,0,0,.25)
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
line-height: 1
}
@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-inner > .item.active.right, .carousel-inner > .item.next {
left: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
.carousel-inner > .item.active.left, .carousel-inner > .item.prev {
left: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
display: block
}
.carousel-inner > .active {
left: 0
}
.carousel-inner > .next, .carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner > .next {
left: 100%
}
.carousel-inner > .prev {
left: -100%
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
left: 0
}
.carousel-inner > .active.left {
left: -100%
}
.carousel-inner > .active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 1.25em;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
background-color: rgba(0,0,0,0);
filter: alpha(opacity=50);
opacity: .5
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x
}
.carousel-control:focus, .carousel-control:hover {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
left: 50%;
margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-next, .carousel-control .icon-prev {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1
}
.carousel-control .icon-prev:before {
content: '\2039'
}
.carousel-control .icon-next:before {
content: '\203a'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000\9;
background-color: rgba(0,0,0,0);
border: 1px solid #fff;
border-radius: 10px
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 1.875em
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -10px
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " "
}
.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
clear: both
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
display: none !important
}
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
display: none !important
}
@media (max-width:767px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table !important
}
tr.visible-xs {
display: table-row !important
}
td.visible-xs, th.visible-xs {
display: table-cell !important
}
}
@media (max-width:767px) {
.visible-xs-block {
display: block !important
}
}
@media (max-width:767px) {
.visible-xs-inline {
display: inline !important
}
}
@media (max-width:767px) {
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table !important
}
tr.visible-sm {
display: table-row !important
}
td.visible-sm, th.visible-sm {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-block {
display: block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline {
display: inline !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table !important
}
tr.visible-md {
display: table-row !important
}
td.visible-md, th.visible-md {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-block {
display: block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline {
display: inline !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block !important
}
table.visible-lg {
display: table !important
}
tr.visible-lg {
display: table-row !important
}
td.visible-lg, th.visible-lg {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-lg-block {
display: block !important
}
}
@media (min-width:1200px) {
.visible-lg-inline {
display: inline !important
}
}
@media (min-width:1200px) {
.visible-lg-inline-block {
display: inline-block !important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none !important
}
}
.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
table.visible-print {
display: table !important
}
tr.visible-print {
display: table-row !important
}
td.visible-print, th.visible-print {
display: table-cell !important
}
}
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
.ui-timepicker-wrapper {
overflow-y: auto;
max-height: 162px;
width: 14%;
max-width: 130px;
background: #fff;
-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: 4px 0 3px 10px;
cursor: pointer;
white-space: nowrap;
color: #3D3D3D;
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;
}
/*Carousel*/
.carousel-wrapper {
height: 450px;
}
.page-media ul.social-dropdown-social-content.advancedShare.share-icon.media {
margin-top: -2px !important;
}
.carousel-control {
width: 100%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 1.25em;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.carousel-control:hover {
color: rgba(255, 255, 255, 0.99);
}
.carousel-control.left span {
width: 114px;
height: 450px;
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-repeat: repeat-x;
}
.carousel-control.right span {
width: 114px;
height: 450px;
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);
background-repeat: repeat-x;
}
.icon-prev,
.icon-next {
font-size: 0.625em0px;
}
.icon-prev:before {
position: absolute;
content: '\2329';
left: 50px;
transform: translateY(115%);
}
.icon-next:before {
content: '\232a';
position: absolute;
right: 50px;
transform: translateY(115%);
}
*, *:before, *:after {
box-sizing: border-box;
}
#carousel {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0 auto;
}
.slide {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: table;
}
.slide .slide-content {
display: table-cell;
/*vertical-align: middle;*/
}
#prev,
#next {
position: absolute;
top: 50%;
z-index: 9999;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#prev {
left: 0px;
}
#next {
right: 0px;
}
/*Begin International.CSS*/
.international ~ h1 {
color: #675d53;
font-size: 1.625em;
margin-top: 18px;
margin-bottom: 9px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
/*Begin mobile.css*/
ul#fly-nav > li.user-profile-li {
display: none !important;
}
@media only screen and (max-width : 540px) {
.home-style #mobileSlider .slick-next i {
font-size: 1.875em !important;
}
.home-style #mobileSlider .slick-prev i {
font-size: 1.875em !important;
}
}
@media screen and (min-width: 600px) {
#footer .rooster-footer .sfContent-Block .link-area {
flex-direction: column;
}
}
@media screen and (min-width: 768px) {
@-moz-document url-prefix() {
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .selection-and-prices ul.align-content-right.price-alignment {
margin-top: -16px;
}
}
#editItemForm.form-horizontal .form-group {
margin-left: 0 !important;
margin-right: 0;
}
.menu-item-description .img-Mob {
display: none !important;
}
.mobileOnly {
display: none;
}
.offerPage {
margin-top: 70px;
}
.offer-background #blogs .article-listing .article-summary .article-details .blog-subtitle-mobile {
display: none;
}
.location-search .reservation-page .group {
width: 350px;
}
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons button {
margin-right: 15px;
}
}
.page-confirmation .rightSpacePrint {
padding-right: 120px;
position: relative;
}
.page-confirmation .rightSpacePrint .print-order {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_1_25,
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_3_25,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_1_25,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_3_25,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_1_25,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_3_25 {
width: 25% !important;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_2_50,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_2_50,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_2_50 {
width: 50% !important;
}
.page-extras .sf_colsOut.sf_2cols_1_67,
.page-checkout .sf_colsOut.sf_2cols_1_75,
.page-confirmation .order-confirmation .col-md-8 {
width: 65% !important;
}
.page-extras .sf_colsOut.sf_2cols_2_33,
.page-checkout .sf_colsOut.sf_2cols_2_25,
.page-confirmation .order-confirmation .col-md-4 {
width: 35% !important;
}
.page-confirmation .print-order {
margin-top: 15px;
}
.page-confirmation .order-confirmation .col-md-8,
.page-confirmation .order-confirmation .col-md-4 {
float: left;
}
.page-checkout .sf_colsOut.sf_2cols_1_75 {
padding-right: 10px;
}
.page-checkout .sf_colsOut.sf_2cols_2_25 {
padding-left: 10px;
}
.page-checkout .sf_colsOut.sf_2cols_2_25 .orderSummaryWrap .panel.orderSummary {
width: 100%;
}
.page-checkout .order-checkout .orderSummaryWrap {
display: inline-block !important;
}
#rooster-update .contact-us .row div.col-md-3 .panel .panel-heading h3,
#rooster-update .contact-us .row div.col-md-3 .panel .panel-heading h2 {
font-size: 1.125em;
}
#notification-bar .area-for-buttons .btn.custom-button-style.grey {
padding: 11px 14px 6px;
margin-top: 5px;
}
#rooster-update .contact-us .row div.col-md-3 .panel .panel-heading {
padding: 16px 20px 11px 15px;
}
.contact-us .col-md-12 > .group {
margin-bottom: 20px;
}
.page-contact-us #wrapper .button-padding {
margin-bottom: 0;
}
#rooster-update .contact-us .row div.col-md-3 .panel .panel-body p.normal,
#rooster-update .contact-us .row div.col-md-3 .panel .panel-body p.bold {
font-size: 1em;
line-height: 22px;
}
.page-media .mediaImg {
padding: 0;
height: 100%;
}
#rooster-update.page-terms-of-use .sf_colsIn .wrapper-outside:nth-child(2) {
padding-top: 0;
}
.page-media .mediaGreyBox {
background: #d8d8d8;
height: 200px;
padding: 20px;
}
.page-media .mediaGreyBox p.small {
margin-left: 0;
}
.page-media .mediaGreyBox .btnBlock {
display: inline-block;
position: absolute;
bottom: 10px;
padding: 0;
}
.page-media .mediaGreyBox .btnBlock .dark {
float: left;
margin-right: 5px;
position: relative;
}
.page-media .mediaGreyBox .btnBlock .share-icon-styles {
float: left;
}
#order-summary-food-box {
z-index: 0;
}
#rooster-update #wrapper {
padding-bottom: 262px;
}
.menu-nutrition-refresh .list-unstyled a {
color: #AA272F;
font-family: Avenir Black;
font-size: 0.8125em;
text-transform: uppercase;
}
.order-confirmation a.glyphicon.glyphicon-print.hidden-print {
margin-left: 0;
padding-bottom: 20px;
}
#rooster-update .wrapper-outside.mobile-left-nav-page .style-refresh.left-side-menu-navigation {
width: 300px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.checkout-page-container .checkout-page .item-Name {
float: left;
/*margin-bottom: 5px;*/
text-align: right;
width: 40%;
}
.panel.orderSummary .panel-heading {
margin-top: 15px;
}
.modal-body .panel.orderSummary .panel-heading {
margin-top: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1049px) {
.page-checkout .checkout-steps .errorSection {
float: left;
padding: 20px;
}
.page-checkout .checkout-steps .place-order-info {
float: left;
padding: 20px;
}
.checkout-steps button#place-order {
float: left
}
.page-checkout .checkout-steps .errorSection .errorMessage {
float: left;
margin-left: 25px;
width: 62%;
line-height: 22px;
}
.page-checkout .checkout-steps .place-order-info .errorMessage {
float: left;
margin-left: 25px;
width: 62%;
line-height: 22px;
}
.page-checkout .reservation-page .btn.grey {
margin-left: 0;
/*float: left;*/
}
button.btn.promobtn.custom-button-style.grey.ng-scope {
margin-left: 20px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1.625em;
line-height: 34px;
}
}
@media screen and (min-width: 1050px) and (max-width: 1280px) {
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1.375em;
line-height: 29px;
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
.page-account.page-favorites .account-favorites .accountPagesStyles .sf_3cols_1_33 {
width: 25% !important;
margin-left: 0;
margin-top: 0;
}
.page-account.page-favorites .account-favorites .accountPagesStyles .sf_3cols_3_33 {
float: right;
}
.page-account.page-overview .accountPagesStyles .sf_3cols_1_33,
.wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_1_33 {
width: 25% !important;
}
.page-account.page-overview .accountPagesStyles .sf_3cols_2_34 {
width: 75% !important;
}
.page-account.page-overview .accountPagesStyles .sf_3cols_3_33 {
width: 75% !important;
margin-left: 25%;
}
.pageOrderExtras .checkout-page-container .checkout-page div .row div.col-sm-9 input {
border-radius: 0 !important;
}
input[type="text"],
input[type="date"],
input[type="email"],
input[type="search"], input[type="password"], input[type="tel"], textarea {
border-radius: 0 !important;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_3_25,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_3_25,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_3_25,
.wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_3_33 {
width: 71% !important;
margin-left: 27%;
}
.wrapper-inside.menu-mainMenu-drinks .sf_colsOut.sf_3cols_3_25 {
width: 71% !important;
margin-left: 26%;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_3_25 .orderSummaryWrap .panel,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_3_25 .orderSummaryWrap .panel,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_3_25 .orderSummaryWrap .panel,
.wrapper-inside.menu-mainMenu-drinks .sf_colsOut.sf_3cols_3_25.orderSummaryWrap .panel,
.wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_3_33 .orderSummaryWrap .panel {
display: block;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_2_50,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_2_50,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_2_50,
.wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_2_34 {
width: 75% !important;
}
.page-confirmation .order-confirmation .col-md-4 .orderSummary {
padding-top: 112px;
}
.page-extras .sf_colsOut.sf_2cols_1_67 {
width: 55% !important;
}
.page-extras .sf_colsOut.sf_2cols_2_33 {
width: 45% !important;
}
.page-extras .sf_colsOut.sf_2cols_2_33 .sf_colsIn.sf_2cols_2in_33 {
margin-left: 15px;
}
.page-extras .checkout-page a.btn.no-thanks {
margin-bottom: 20px;
}
.page-extras .checkout-page .area-for-buttons input.btn {
margin-top: 19px;
line-height: 22px;
padding: 6px 12px 2px !important;
}
.menu-and-order-middle-section .MenuList .row.flex-this .description-section {
max-width: 62%;
float: left;
display: block;
width: 100%;
}
body {
min-width: 100%;
}
.page-menu .main-menu .wrapper-inside .sf_colsOut.sf_3cols_3_25 {
overflow: hidden;
}
.page-media .noMobile.faq {
display: block !important;
}
.top-banner .login-signup {
position: absolute;
right: 20px;
}
#wrapper .top-banner .sf_colsOut.sf_2cols_1_25 {
width: 395px !important;
}
#wrapper .top-banner .sf_colsOut.sf_2cols_2_75 {
width: 276px !important;
}
.rooster-footer .link-area a {
margin-right: 22px;
}
.wrapper-outside.contact-us .col-md-3.col-md-push-3 {
padding-right: 0px;
}
.wrapper-outside.contact-us .col-md-9.col-md-pull-9 {
padding-right: 0px;
padding-left: 0px;
}
.wrapper-outside.contact-us .contact-us-widget-styling .col-md-12.noPaddingRight {
padding-right: 0px;
}
.reservation-page .reservation-submit {
margin-top: 10px;
}
.location-all .list-of-locations .single-location .map-location-image {
display: none;
}
.location-all .list-of-locations .single-location .single-location-header {
padding-left: 40px;
}
.location-all .list-of-locations .single-location .location-info-body {
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (min-width: 700px) and (max-width:767px) {
.rooster-nav-container {
top: 0px !important;
}
.notification-red-bar.theNotificationIsShowing ~ #header {
top: 70px !important;
}
}
#mobile-location-dropdown {
display: none;
width: 100%;
background-color: #231f20;
z-index: 3;
top: 60px;
position: fixed;
max-height: calc(100% - 60px);
}
#mobile-location-dropdown svg {
margin-left: 6%;
}
.modal-open #mobile-location-dropdown {
overflow-y: scroll;
overflow-x: hidden;
}
.modal-open #mobile-location-dropdown::-webkit-scrollbar {
display: none;
}
.modal-open #mobile-location-dropdown {
-ms-overflow-style: none;
}
#mobile-location-dropdown .panel {
background-color: #231f20;
}
#mobile-location-dropdown > div {
height: 100%;
width: 100%;
}
#mobile-location-dropdown .panel.One {
width: 100%;
height: 100%;
}
#mobile-location-dropdown .panel.One #preferred-location-name {
display: block;
width: 100%;
height: 100%;
padding-top: 11px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-bottom: 3px;
}
#mobile-location-dropdown .panel.One #preferred-location-name span:last-child {
position: absolute;
right: 15px;
top: 8px;
}
#mobile-location-dropdown a {
font-family: "Avenir Black";
font-size: 0.8125em;
color: #FFFFFF;
}
#mobile-location-dropdown a:hover {
color: #FFFFFF;
text-decoration: none;
}
#mobile-location-dropdown a:focus {
text-decoration: none;
}
#mobile-location-dropdown a span.margin-left-from-svg {
margin-left: 3px;
}
#mobile-location-dropdown .no-location-chosen svg {
fill: #D8D8D8;
width: 12px;
height: 12px;
}
#mobile-location-dropdown .preferred-location-set svg {
fill: #788FFF;
width: 14px;
height: 14px;
}
#mobile-location-dropdown .panel {
border: none;
}
#mobile-location-dropdown > .panel > .panel-body {
padding: 0px 6%;
background-color: #231f20;
}
#mobile-location-dropdown > .panel > .panel-body {
}
#mobile-location-dropdown #dropdown-favorites-panel {
position: relative;
margin-bottom: 0;
padding-bottom: 15px;
padding-top: 15px;
background-color: #231f20;
/*overflow: scroll;
margin-left: -6%;
margin-right: -6%;
padding-left: 6%;
padding-right: 6%;
*/
}
#mobile-location-dropdown .street-address {
font-family: "Avenir Light";
font-size: 0.8125em;
line-height: 16px;
color: #FFFFFF;
padding-left: 21px;
margin-top: 3px;
}
#mobile-location-dropdown .white-borders {
border-top: 1px solid #646464;
border-bottom: 1px solid #646464;
margin-right: -7%;
margin-left: -7%;
padding-right: 7%;
padding-left: 7%;
}
#mobile-location-dropdown .street-address > div:first-of-type {
margin-top: 0px;
}
#mobile-location-dropdown .street-address > div:last-of-type {
margin-bottom: 1px;
}
#mobile-location-dropdown .phoneNumber {
display: block;
margin-bottom: 1px;
font-family: "Avenir Light";
text-decoration: underline;
margin-top: 8px;
}
#mobile-location-dropdown .phoneNumber:hover {
text-decoration: underline
}
#mobile-location-dropdown #collapseOneLocation .more-details {
display: block;
margin-bottom: 12px;
padding-left: 20px;
margin-top: 12px;
}
#mobile-location-dropdown .white-borders > a {
display: block;
margin-top: 15px;
margin-bottom: 12px;
}
#mobile-location-dropdown .white-borders svg {
fill: #FFFFFF;
}
#mobile-location-dropdown .white-borders .margin-left-from-svg {
padding-left: 3px;
}
#mobile-location-dropdown #preferred-favorites-dropdown {
margin-bottom: 0px;
}
#mobile-location-dropdown #dropdown-favorites-panel > a {
display: block;
position: relative;
text-decoration: none;
}
#mobile-location-dropdown #dropdown-favorites-panel > a .pfchangs-heart + span {
margin-left: 3px;
}
#mobile-location-dropdown #dropdown-favorites-panel > a .fa {
position: absolute;
top: -4px;
right: 0px;
font-size: 1.5em;
}
#mobile-location-dropdown .fa-angle-down {
font-size: 1.5em;
}
#mobile-location-dropdown #preferred-favorites-dropdown .favorite-location .favorite-location-name {
font-family: "Avenir Black";
font-size: 0.8125em;
}
#mobile-location-dropdown .panel-body.favorites-list {
padding-top: 0px;
padding-bottom: 0px;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location {
padding-bottom: 12px;
padding-top: 12px;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location:not(:last-of-type) {
border-bottom: 1px solid #646464;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location:last-of-type {
padding-bottom: 0px;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location .favorite-location-name > span:last-child {
margin-left: 2px;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location .alter-preferred-location > a {
text-decoration: none;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location .alter-preferred-location > a:hover {
text-decoration: none;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location .alter-preferred-location > a:active {
text-decoration: none;
}
#mobile-location-dropdown .panel-body.favorites-list .favorite-location .alter-preferred-location > a span:last-child {
margin-left: 5px;
}
#mobile-location-dropdown #preferred-location-name .fa-angle-down {
transform: rotate(180deg);
}
#mobile-location-dropdown #preferred-location-name.collapsed .fa-angle-down {
transform: rotate(0deg);
}
#mobile-location-dropdown #dropdown-favorites-panel > a .fa-angle-down {
transform: rotate(180deg);
}
#mobile-location-dropdown #dropdown-favorites-panel > a.collapsed .fa-angle-down {
transform: rotate(0deg);
}
#mobile-location-dropdown .no-location-chosen a {
display: block;
width: 100%;
height: 100%;
padding-top: 11px;
position: relative;
padding-bottom: 13px;
}
@media screen and (max-width: 767px) {
.adding-margintop-to-accounts {
margin-top: 120px;
}
.about-us .farm-to-wok h1.goshen sup {
position: relative;
right: 14px;
}
.menu-and-order-middle-section .MenuList .menu-item-description h2 a:hover {
text-decoration: none;
}
.menu-and-order-middle-section .MenuList .menu-item-description h2 a:hover sup:before {
display: none;
}
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .selection-and-prices ul.align-content-right.price-alignment {
margin-top: 2px;
}
.page-account.page-overview .accountPagesStyles .sf_3cols_2_34 .sf_3cols_2in_34,
.page-account.page-overview .accountPagesStyles .sf_3cols_3_33 .sf_3cols_3in_33 {
margin-left: 0;
}
.page-account.page-favorites .accountPagesStyles .sf_3cols_2_34 .sf_3cols_2in_34,
.page-account.page-favorites .accountPagesStyles .sf_3cols_3_33 .sf_3cols_3in_33 {
margin-left: 0;
}
/*hide the desktop version of the header*/
/*#header > .wrapper-inside {
display: none;
}*/
#header {
overflow: initial;
}
#mobile-location-dropdown {
display: block;
}
.mobileLeftNav {
display: block;
margin-top: 0 !important;
width: calc(100% - 99px);
position: fixed;
z-index: 1;
background-color: transparent;
transition: 0.3s linear all;
top: 120px;
}
.mobileLeftNav:before {
content: "";
background-color: #fff;
position: absolute;
width: 160%;
left: -16%;
top: -33px;
height: 202%;
z-index: 0;
}
.mobileLeftNav.margintop {
display: block;
margin-top: 77px !important;
}
#main .panel-heading {
margin-top: 81px;
}
@media (min-width:768px) {
#cateringPanelADA2 .panel-heading, #cateringPanelADA1 .panel-heading {
margin-top: 81px;
}
}
.panel.orderSummary .panel-heading {
margin-top: 15px;
}
.checkout-page-container .checkout-page.cateringExtraPage .item-Name {
padding-top: 20px;
}
h4.option-row-title.finishing-font {
font-family: "Avenir Black";
font-size: 0.75em;
padding-bottom: 1px !important;
}
#rooster-update .wrapper-outside.mobile-left-nav-page .style-refresh.left-side-menu-navigation {
width: 100%;
}
.menu-and-order-middle-section .menu-item-form-section .option-row-extras .panel-default > .panel-heading {
margin-top: 0px;
}
.order-confirmation a.glyphicon.glyphicon-print.hidden-print {
display: none;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_1_25 {
width: 55% !important;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 {
width: 45% !important;
}
.checkout-page .row {
margin-left: 0;
margin-right: 0;
}
.checkout-page-container .checkout-page .item-Name {
float: left;
/*margin-bottom: 5px;*/
text-align: right;
width: 40%;
padding-top: 20px;
}
.checkout-page-container .checkout-page .option-row-quantity {
float: left;
width: 88px;
}
.checkout-page-container .checkout-page .area-for-buttons {
float: left;
width: 20%;
}
.checkout-page-container .checkout-page .option-row-quantity .option-row-title,
.checkout-page-container .checkout-page .option-row-quantity .option-row-title input {
width: 58px;
float: left !important;
}
.checkout-page-container .checkout-page .option-row-quantity .option-row-title input {
padding: 5px 8px;
margin-top: 5px;
border: 1px solid gray;
}
.js .roosterNavigation .navbar {
display: none;
}
.roosterNavigation .sfimageWrp {
left: 0;
top: 0;
}
#contentPlaceholder_T37E341B3077_Col00 {
background: none;
}
.roosterNavigation.subpage-nav {
width: 100%;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_1_25 {
width: 40% !important;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 {
width: 60% !important;
}
.top-banner .wrapper-inside p.login-signup a:last-child {
margin-right: 0;
}
.terms {
margin-bottom: 25px !important;
}
.reservation-page a.reservation-tel {
color: #D8D8D8;
font-size: 0.875em;
line-height: 20px;
cursor: pointer !important;
text-decoration: underline;
}
.location-search .reservation-page .group {
width: 250px;
top: 14px;
}
.modal-content {
width: 100% !important;
}
.location-all .mobile-view .panel-title a.open.collapsed::after {
/*transform: rotate(270deg);*/
transform: rotate(90deg);
}
.menu-and-order-middle-section .menu-item-form-section .option-row a.panel-title {
padding-right: 20px;
display: inline-block;
}
#editItemForm.form-horizontal .btn.custom-button-style.grey {
max-width: 100%;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_1_25,
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_3_25,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_1_25,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_3_25,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_1_25,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_3_25 {
width: 100% !important;
}
.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_2_50,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_2_50,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_2_50 {
width: 100% !important;
}
.page-menu .wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_1_33,
.page-menu .wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_3_33,
.page-menu .wrapper-outside.happy-hour-menu .sf_colsOut.sf_3cols_2_34 {
width: 100% !important;
}
/*.page-menu .wrapper-outside.main-menu .sf_colsOut.sf_3cols_3_25 .orderSummaryWrap .panel,
.page-menu .wrapper-outside.lunch-menu .sf_colsOut.sf_3cols_3_25 .orderSummaryWrap .panel,
.page-menu .wrapper-outside.drinks-menu .sf_colsOut.sf_3cols_3_25 .orderSummaryWrap .panel {
display: none;
}*/
.page-confirmation .rightSpacePrint {
padding-right: 0;
}
.page-confirmation .rightSpacePrint .print-order {
display: none;
}
.page-confirmation .order-confirmation .col-md-8,
.page-confirmation .order-confirmation .col-md-4 {
float: left;
width: 100% !important;
}
.page-checkout .sf_colsOut.sf_2cols_1_75 {
width: 100% !important;
}
.page-checkout .sf_colsOut.sf_2cols_2_25 {
width: 100% !important;
}
.page-checkout .order-checkout .orderSummaryWrap {
margin: 0;
}
.page-extras .checkout-page-container .checkout-page .area-for-buttons {
width: auto;
}
.page-extras .checkout-page .area-for-buttons input.btn {
margin-top: 10px !important;
padding-bottom: 2px !important;
padding-top: 3px !important;
}
.page-extras .sf_colsOut.sf_2cols_1_67 {
width: 100% !important;
}
.page-extras .sf_colsOut.sf_2cols_2_33 {
width: 100% !important;
}
.page-extras .sf_colsOut.sf_2cols_2_33 .sf_colsIn.sf_2cols_2in_33 {
margin-left: 0;
}
#notification-bar .area-for-buttons .btn.custom-button-style.grey {
max-width: 100%;
width: 100%;
}
.order-review-page .checkout-page-container .sf_2cols_1_67 {
width: 100% !important;
}
.order-review-page .checkout-page-container .sf_2cols_2_33 {
width: 100% !important;
margin-top: 20px;
}
.order-review-page .checkout-page-container .sf_2cols_2_33 .sf_2cols_2in_33 {
margin-left: 0;
}
.home-style .social-media-area .social-media-content .social-media-mobile .thumbnail .post-details .time {
margin-bottom: 8px;
}
.home-style .social-media-area .social-media-content .social-media-mobile .thumbnail .post-details .profile .profile-name {
margin-left: 10px;
margin-right: 10px;
}
#rooster-update .home-style .social-media-content .social-media-wrapper .social-media-icons {
padding-top: 10px;
padding-bottom: 30px;
}
#rooster-update .home-style .article-slider .article .article-content {
height: 200px;
}
#rooster-update .home-style .article-slider .article .article-content .article-image {
min-width: 110px;
max-width: 200px;
width: auto;
}
#rooster-update .home-style .article-slider .article .article-content .article-image img {
height: 200px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording {
padding: 30px 20px 0px 20px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic {
display: none;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1em;
line-height: 20px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .read-more {
font-size: 0.75em;
bottom: 20px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording svg {
display: none;
}
#notification-bar .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories {
margin-top: 5px;
margin-bottom: 5px;
}
#notification-bar .menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .selection-and-prices {
float: left;
margin-bottom: 5px;
}
#notification-bar-item-deleted .added-to-order .close-dropdown,
#notification-bar-item-canceled .added-to-order .close-dropdown,
#notification-bar-segment-bar .added-to-order .close-dropdown,
#notification-bar-item-updated .added-to-order .close-dropdown,
#notification-bar .added-to-order .close-dropdown {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
.page-menu .main-menu .wrapper-inside .sf_colsOut.sf_3cols_3_25 {
margin-top: 20px;
}
.menu-and-order-middle-section .checkbox-style {
margin-right: 10px;
}
.menu-item-description .img-Mob {
margin-bottom: 10px;
width: 100%;
height: auto;
}
.contact-us .main-content h1.goshen {
padding-top: 16px;
font-size: 2.25em;
}
/*.page-food-philosophy-farm-to-wok.page-fiery-wok-power .hero-img-container .text-overlay.offers{
top:250px!important;
bottom:auto;
padding:0 6%;
display: block!important;
}*/
.page-food-philosophy-farm-to-wok.page-recipes-with-purpose h1.main-offer.offers,
.page-food-philosophy-farm-to-wok.page-recipes-with-purpose h2.main-offer.offers {
font-size: 3.375em;
line-height: 58px;
}
.page-food-philosophy-farm-to-wok.page-fiery-wok-power .offer-background .container #largeButton.primary-button,
.page-food-philosophy-farm-to-wok.page-recipes-with-purpose .offer-background .container #largeButton.primary-button,
.page-food-philosophy-farm-to-wok.page-made-from-scratch .offer-background .container #largeButton.primary-button {
max-width: 400px;
width: 100%;
font-size: 1.25em;
height: 50px;
padding: 12px 14px 14px 14px;
}
.page-food-philosophy-farm-to-wok.page-fiery-wok-power p.normal,
.page-food-philosophy-farm-to-wok.page-recipes-with-purpose p.normal,
.page-food-philosophy-farm-to-wok.page-made-from-scratch p.normal {
font-size: 1em;
}
.fiery-wok-power .hero-img-container .text-overlay.offers h1.main-offer.offers,
.fiery-wok-power .hero-img-container .text-overlay.offers h2.main-offer.offers,
.made-from-scratch .hero-img-container .text-overlay.offers h1.main-offer.offers,
.made-from-scratch .hero-img-container .text-overlay.offers h2.main-offer.offers,
.recipes-with-purpose .hero-img-container .text-overlay.offers h1.main-offer.offers,
.recipes-with-purpose .hero-img-container .text-overlay.offers h2.main-offer.offers {
padding-top: 30px;
}
.page-media .contactInfo {
margin-top: 0;
}
.page-media .contactInfo p.bold,
.page-media .contactInfo p.normal {
font-size: 1em;
}
.media-wrapper-for-styling p.normal {
font-size: 1em;
line-height: 24px;
margin-left: 6%;
margin-right: 6%;
}
.media-wrapper-for-styling .media-thumbnail .mediaGreyBox p.small {
display: none;
}
.media-wrapper-for-styling .media-thumbnail .mediaGreyBox .btnBlock p.small {
display: block;
}
.media-wrapper-for-styling {
margin: 0;
width: 100%;
}
.media-wrapper-for-styling .media-thumbnail {
margin-left: 0;
margin-right: 0;
}
.media-wrapper-for-styling .media-thumbnail .col-md-4 {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.page-media h1.main-offer.offers,
.page-media h2.main-offer.offers {
font-size: 3.375em;
line-height: 58px;
}
.page-media .text-overlay.offers {
top: 295px;
bottom: auto;
}
#header {
top: 60px;
}
.page-about-us .btn.custom-button-style.red {
max-width: 400px;
}
.about-us h2.avenir {
font-size: 1.125em;
}
.about-us p {
font-size: 1em;
line-height: 22px;
}
#rooster-update .home-style .hero h3.h3-slider {
font-size: 1.5em;
line-height: 32px;
}
.rooster-footer .bottom-area-footer .content {
display: block;
width: 100%;
margin-bottom: 20px;
margin-top: 25px;
}
.rooster-footer .bottom-area-footer .content div:first-child {
display: initial;
justify-content: initial;
margin: auto;
width: 88%;
}
.footer.rooster-footer .footer-logo {
margin-bottom: 35px;
text-align: center;
}
.rooster-footer .bottom-area-footer .content div:last-child {
margin-top: 10px;
}
.rooster-footer .bottom-area-footer {
height: auto;
}
.rooster-footer .bottom-area-footer .content a {
display: block;
margin: auto auto 5px;
text-align: center;
width: 100%;
}
.footer .social-icons-section {
flex-direction: column;
}
.rooster-footer .link-area a {
display: block;
margin: 0;
width: 100%;
}
.rooster-footer .about-blog-media-links {
text-align: center;
}
.rooster-footer .social.footer-social {
margin: auto;
text-align: center;
width: 88%;
padding-bottom: 30px;
}
.js .roosterNavigation ul.fly-nav-social-content {
margin-left: 65px;
position: relative;
}
#fly-nav .fly-nav-social-content .social-share-link {
right: auto;
left: -65px;
bottom: -12px;
display: inline-block;
position: absolute;
opacity: 0.7;
}
#fly-nav ul .social-share-link a {
font-size: 0.875em;
}
#fly-nav ul .social-share-link a svg {
display: none;
}
.help-block {
float: left;
width: 100%;
}
.main-body .modal-content {
padding: 9px;
}
.main-body .modal-content .orderSummary .modal-header button.close {
bottom: 0px;
right: -8px !important;
left: auto;
}
.notification-red-bar.theNotificationIsShowing ~ #header {
top: 110px;
display: block;
}
.top-banner {
display: block !important;
}
.top-banner .wrapper-inside .sf_colsOut.sf_2cols_2_75 {
display: none !important;
}
.top-banner .wrapper-inside a {
margin-right: 0 !important;
}
.top-banner .wrapper-inside .right-column a.current-location {
display: block;
float: right !important;
}
.top-banner .wrapper-inside .right-column a {
float: left;
}
#wrapper .top-banner .sf_colsOut.sf_2cols_1_25 {
width: 100% !important;
}
.top-banner.notifyRid {
top: 60px !important;
}
#contentPlaceholder_T37E341B3077_Col00 {
background: none;
}
.roosterNavigation .sfimageWrp {
left: 0;
top: 0;
}
.roosterNavigation.subpage-nav {
width: 100%;
}
#rooster-update.page-catering .wrapper-outside {
padding-top: 10px;
}
.center {
margin-top: 0px !important;
}
.page-nutrition .center,
.page-media .center,
.page-blog .center,
.page-food-philosophy-farm-to-wok .center {
margin-top: 0 !important;
}
.menu-nutrition-refresh .page-header {
margin-top: 55px;
font-size: 1.875em;
}
/*please be careful as it is use in more than one place. Do not use !important*/
.hero h1 {
font-size: 3em;
}
/*please be careful with this as it might be use in more than one place. Do not use !important*/
.hero .h1-slider {
font-size: 3em;
}
/*styling for the home page*/
.home-style .hero .h1-slider {
font-size: 3.5em;
line-height: 64px;
}
.js .roosterNavigation .navbar {
display: none;
}
/*please be careful with this as it might be use in more than one place. Do not use !important*/
.hero h3 {
font-size: 1.5em;
}
.carousel-inner {
height: 500px !important;
}
#rooster-update .home-style .video-placeholder {
min-height: 450px;
max-height: 530px;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
margin-top: 0px !important;
padding: 20px !important;
}
#rooster-update .home-style .promo-offers .offers-promos-title,
#rooster-update .home-style .video-placeholder .title {
font-size: 1.875em;
padding-bottom: 20px;
padding-top: 27px;
}
#rooster-update .home-style .promo-offers .offers-promos-title {
padding-top: 35px;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .header-section .header {
font-size: 1.875em;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .header-section .subheader {
font-size: 1.1875em
width: 88%;
margin: 0 6%;
}
.social-media-mobile .thumbnail img.postImage {
object-fit: cover;
}
#rooster-update .home-style .promo-offers,
#rooster-update .home-style .promo-offers > .sf_colsOut.sf_1col_1_100 {
min-height: 0 !important;
}
#rooster-update .home-style .promo-wrapper .promo-images-section {
margin-bottom: 25px;
}
.carousel .item {
top: 40% !important;
}
#rooster-update .home-style .social-media-area .social-media-content .social-media-wrapper .header-section {
padding: 35px 0px 20px 0px;
}
#rooster-update .shareStoriesHeader {
font-family: Goshen;
font-size: 1.875em;
padding-top: 50px;
position: relative;
text-align: center;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1.75em;
line-height: 34px;
}
#rooster-update .your-class-test-slick .slick-slide .headline-subheadline-holder {
padding-top: 0;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
display: block;
box-shadow: none !important;
background-color: transparent !important;
}
.details.offers {
width: 85% !important;
}
.food-philosophy-page .details.offers {
width: 88% !important;
margin: auto;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image img {
height: auto !important;
width: 200px !important;
display: table;
margin-top: 5px;
/*shadow to logo*/
-webkit-filter: drop-shadow(0px 0px 2px #000000);
filter: drop-shadow(0px 0px 2px #000000);
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image + p {
margin-top: -21px !important;
font-size: 0.8125em;
width: 75% !important;
line-height: 18px;
letter-spacing: .1em !important;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .logo-image + p + div a {
font-size: 1.125em;
padding: 10px 14px 7px;
}
.storiesWorthSharing {
font-size: 1.875em !important;
padding-top: 35px !important;
}
#rooster-update .home-style .article-slider {
margin-top: 20px;
margin-bottom: 60px;
}
#rooster-update .home-style .article-slider .slick-dots {
bottom: -35px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic,
#rooster-update .home-style .article-slider .article .article-content .article-wording svg {
display: none !important;
}
#rooster-update .home-style .video-placeholder .back-ground-image img .checkout-page-container .checkout-page .area-for-buttons {
margin-top: 15px;
}
.checkout-page-container .sf_2cols_1_67 {
width: 100%;
}
/*#order-summary-food-box {
height: 42px;
padding: 4px 5px 0px 10px;
top: 63px;
}
#order-summary-food-box .icon svg {
height: 35px;
}
#order-summary-food-box .number-of-items {
top: 7px;
}*/
.reservation-page .hmb .panel-body {
padding: 20px 20px 25px 20px;
}
.roosterNavigation.subpage-nav {
height: 60px !important;
}
.alert-section .blue {
margin-left: 0 !important;
}
.order-checkout .time-and-location-pickup .group {
margin-left: 0px !important;
}
.order-checkout .checkout-step-2 .group,
.checkout-steps .checkout-step-2 .margin-left-40 {
margin-left: 0px !important;
}
.checkout-steps .checkout-step-1 .left {
margin-left: 0 !important;
margin-top: 20px;
}
.checkout-steps .checkout-step-1 .left img {
width: 120px;
height: auto;
float: left;
}
.checkout-steps .errorSection .errorMessage {
margin-left: 0;
line-height: 1.2;
padding-top: 10px;
float: left;
text-align: center;
}
.checkout-steps .place-order-info .errorMessage {
margin-left: 0;
line-height: 1.2;
padding-top: 10px;
float: left;
text-align: center;
}
.order-confirmation p {
float: left;
width: 100%;
}
.orderConfirmation .order-confirmation .contact-info p {
float: none;
}
a.glyphicon.glyphicon-print {
margin-left: 0;
float: left;
width: 100%;
}
.checkout-steps .errorSection {
float: left !important;
margin-left: 0 !important;
width: 100%;
}
.checkout-steps .place-order-info {
float: left !important;
margin-left: 0 !important;
width: 100%;
}
.checkout-page a.btn,
.checkout-page-container .no-thanks {
margin-bottom: 0 !important;
}
.reservation-page .btn.grey {
width: 100%;
margin: 10px auto 10px !important;
display: table;
/*max-width: 400px;*/
margin-bottom: 10px;
}
.reservation-page .btn.grey.custom-space-btn-gd {
margin: 0px auto 10px !important;
}
.reservation-page .btn.grey.custom-select-btn {
font-size: 0.875em;
}
.menu-and-order-middle-section .menu-item-form-section .btn {
margin-left: 0px !important;
width: 100% !important;
}
.area-for-buttons.ng-scope .btn.custom-button-style.red {
margin-top: 5px;
}
.btn.custom-button-style.grey.no-thanks.ng-scope,
.btn.custom-button-style.red {
width: 100%;
margin-bottom: 23px !important;
}
.added-to-order .btn.custom-button-style.red {
width: 100%;
margin-bottom: 5px !important;
}
.added-to-order .btn.custom-button-style.red.order {
max-width: none;
}
.btn.cancel-order {
width: 100%;
margin-top: 5px;
}
.area-for-buttons.ng-scope .btn.custom-button-style.grey {
margin-top: 19px;
padding-top: 2px;
padding-bottom: 2px;
}
.checkbox.ng-scope label {
margin-top: 5px;
float: left;
font-size: 0.8125em;
}
#rooster-update .your-class-test-slick .slick-prev i.fa {
right: 3px;
}
#rooster-update .your-class-test-slick .slick-next i.fa {
left: 3px;
}
#fly-nav .social-share-link {
bottom: 17px;
}
.reservation-page .sidebar {
background: rgba(35, 31, 32, .6);
}
.reservation-page .sidebar .reservation .location, .date, .time {
text-transform: none !important;
}
.reservation-page .sidebar .reservation .location, .date {
margin-bottom: 2px !important;
}
h1.style-refresh.custom-account-margin {
margin-top: 44px !important;
}
h1.style-refresh,
h2.style-refresh {
margin-top: 0;
}
.cateringOrder h1.style-refresh {
display: none;
}
.reservation-page .wrapper-inside {
padding-top: 0;
}
.reservation-page .ReservationPageLNFix > h1.style-refresh {
display: none;
}
#rooster-update .wrapper-outside.reservation-page {
padding-top: 10px;
}
#notification-bar-item-canceled.hide-notification-bar {
top: -120px;
}
#locationModal .modal-body .button-wrapper .btn.custom-button-style.grey.no-thanks.ng-scope,
#locationModal .modal-body .button-wrapper .btn.custom-button-style.red {
margin-bottom: 23px;
margin-left: 10px;
width: 76%;
height: 44px;
}
#locationModal .arrow-icon {
height: 44px !important;
padding: 8px 14px !important;
width: 44px !important;
}
#locationModal .favorited-location.mobile-location:hover {
background-color: #ffffff;
}
#ReviewOrderRight {
padding-top: 0;
padding-left: 0;
/*font-size: 0.875em;*/
}
#notification-bar {
max-height: calc(100vh - 120px) !important;
top: 102px;
}
#notification-bar-item-canceled {
top: 102px;
}
.notification-bar {
top: 99px;
}
.theNotificationIsShowing ~ * #notification-bar, .theNotificationIsShowing ~ *#notification-bar-item-canceled {
top: 99px;
}
#notification-bar .frequently-dont-show {
display: block;
}
#notification-bar .frequently-purchased {
margin-top: 16px;
margin-bottom: 9px;
float: left;
width: 100%;
}
#notification-bar .frequently-purchased.red {
margin-top: 0;
}
.menu-and-order-middle-section .MenuList .row.flex-this .description-section {
min-height: 0;
}
#notification-bar .MenuList .menu-item-form-section .option-row.option-row-quantity.form-group.ng-scope {
margin-left: 4px;
}
.add-to-order-section {
width: 100%;
}
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics {
display: block;
}
.menu-detail {
padding: 0;
}
.menu-and-order-middle-section .checkbox-style span.checkbox-holder {
float: left;
}
.menu-and-order-middle-section .checkbox-style p {
float: left;
width: 88%;
padding-left: 10px;
font-size: 0.875em;
}
.reservation-page .group.vehicleStyle {
float: left;
width: 100%;
}
.form-group.pushDown {
margin-top: 25px;
float: left;
}
.form-group.restraunt-info {
float: left;
width: 100%;
margin-top: 25px;
}
.checkout-steps .checkout-step-1 .time-and-location-pickup .restraunt-info .input-wrapper {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 20px;
}
.checkout-steps .checkout-step-2 {
padding-bottom: 0px;
margin-bottom: 20px;
float: left;
}
.checkout-step-3 {
float: left;
/*border-bottom: 1px solid #d8d8d8;*/
}
/*.checkout-step-4 {
margin-bottom: 25px;
}*/
.center .center {
margin-top: 0 !important;
}
.order-confirmation .location {
float: left;
margin-bottom: 10px;
}
.checkout-steps .checkout-step-3,
.checkout-steps .checkout-step-4 {
width: 100%;
}
.page-food-philosophy-farm-to-wok.page-fiery-wok-power h2.goshen {
font-size: 1.625em;
}
/* OUR FOOD PHILOSOPHY > FIERY WOK POWER: For "Fiery Wok Power" page title or [h1.main-offer.offers], change font-size to 90px and add line-height: 90px */
.page-food-philosophy-farm-to-wok.page-fiery-wok-power .hero-img-container h1.main-offer.offers,
.page-food-philosophy-farm-to-wok.page-fiery-wok-power .hero-img-container h2.main-offer.offers {
font-size: 3.375em;
line-height: 58px;
}
.page-food-philosophy-farm-to-wok.page-made-from-scratch h2.goshen {
font-size: 1.625em;
}
/* OUR FOOD PHILOSOPHY > MADE FROM SCRATCH: For page title or [h1.main-offer.offers], change font-size to 90px and add line-height: 90px */
.page-food-philosophy-farm-to-wok.page-made-from-scratch .hero-img-container h1.main-offer.offers,
.page-food-philosophy-farm-to-wok.page-made-from-scratch .hero-img-container h2.main-offer.offers {
font-size: 3.375em;
line-height: 58px;
}
.page-food-philosophy-farm-to-wok.page-recipes-with-purpose h2.goshen {
font-size: 1.625em;
}
#rooster-update .home-style .storiesWorthSharingContainer {
overflow: hidden
}
#rooster-update .home-style .article-slider .slick-list.draggable {
overflow: visible;
}
#rooster-update .home-style .article-slider .slick-arrow {
display: none !important;
}
#rooster-update .home-style .article-slider .slick-next {
/*display: block !important;*/
right: -18px;
z-index: 999999;
}
#rooster-update .home-style .article-slider i.fa {
display: block;
}
#rooster-update .home-style .article-slider .slick-prev {
left: -18px;
}
.notification-red-bar .closeRedNotification {
color: #fff;
font-size: 0.875em;
position: absolute;
top: 50%;
transform: translate(0,-50%);
right: calc(6% - 7px);
}
.notification-red-bar .notificationContent a:after {
content: "\f101";
font-family: FontAwesome;
font-size: 1.125em;
color: #FFFFFF;
padding-left: 5px;
}
.home-style .video-placeholder .section-content + .back-ground-image {
display: none;
}
.wrapper-inside.print-menu-refresh {
padding-top: 20px;
}
#fjs_6 .blog-landing-page .article-listing {
padding-bottom: 25px;
}
.cateringOrder .main-content {
min-height: 500px;
}
.order-confirmation .orderSummary.less-padding {
padding-top: 0px;
}
#header > .wrapper-inside {
display: none !important;
}
}
@media screen and (max-width: 350px) {
.promo-text .no-thanks {
margin: 5px 0 0 0;
}
.top-banner .wrapper-inside {
width: 95% !important;
}
}
/* styles added - 19/07/2017 */
.content-body.catering .disclaimer {
margin-top: 20px;
}
@media screen and (max-width: 1120px) {
/*padding top changed so that iPad wont experiance 'My Order Summary' Panel hovering over footer.*/
.page-checkout .footer.rooster-footer {
padding-top: 15px;
}
.order-checkout .sf_colsOut.sf_2cols_2_25 {
float: right;
width: 100%;
margin: 20px 0 0;
}
.order-checkout .sf_colsOut.sf_2cols_2_25 .sf_2cols_2in_25 {
margin-left: 0;
}
}
@media screen and (max-width: 1024px) {
.page-faq #tabs.faq h3.accordionheader.faq .ui-icon {
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
background-size: 384px auto;
height: 24px;
width: 24px;
background-position: -96px 0 !important;
}
.page-faq #tabs.faq h3.accordionheader.faq.ui-accordion-header-active .ui-icon {
background-position: 2px -1px !important;
}
.offer-background #blogs .article-listing .article-summary .article-details .title {
font-size: 1.25em;
line-height: 24px;
}
#tips-container {
max-width: 100% !important;
}
.container.packages {
width: 100%;
}
.container.packagesBlock {
width: 100%;
}
.content-body.catering label.label-catering::after {
margin-top: 5px;
}
.content-body.catering input[type="checkbox"]:checked + label::after {
top: 4px;
}
.content-body.catering #package-title {
font-size: 1.5em !important;
line-height: 30px;
padding: 10px;
}
}
@media screen and (max-width: 991px) {
#rooster-update.page-terms-of-use .main-content .sfContentBlock .col-md-12,
#rooster-update.page-terms-of-use .main-content .sfContentBlock .col-md-6,
#rooster-update.page-privacy-policy .main-content .sfContentBlock .col-md-12,
#rooster-update.page-privacy-policy .main-content .sfContentBlock .col-md-6 {
padding-left: 0;
padding-right: 0;
}
#rooster-update.page-privacy-policy .main-content .sfContentBlock .col-md-12 .col-md-6:first-child,
#rooster-update.page-terms-of-use .main-content .sfContentBlock .col-md-12 .col-md-6:first-child {
padding-bottom: 20px;
}
.page-media .contactInfo p.normal {
padding-left: 0;
}
.page-blog span#blog {
padding-left: 5px;
}
.page-blog span.blog {
padding-left: 5px;
}
.offer-background #blogs .article-listing .article-summary .article-details .title {
font-size: 1.625em;
line-height: 32px;
}
.menu-nutrition-table-refresh thead .headerRow th.nameRotate {
transform: rotate(270deg);
white-space: nowrap;
padding-left: 20px;
}
.nutritional-info .nutritionalValues {
margin-top: 80px;
}
.menu-nutrition-table-refresh tr.values td {
font-size: 0.75em;
}
.content-body.catering .container {
width: 100%;
}
#rooster-update .info-menu-landing-page h2 a::after {
font-size: 1.875em;
margin-left: 10px;
}
#rooster-update .info-menu-landing-page h2 a {
font-size: 1.6875em
}
#rooster-update .info-menu-landing-page > .row:first-child .img-and-content-holder h2 {
width: 34%;
}
.order-confirmation .orderSummary {
padding-top: 20px;
}
.page-global-licensing .body-section div:last-child .center .subpage-nav {
display: none;
}
#rooster-update .contact-us .main-content .row div.col-md-3 {
width: 100%;
}
#rooster-update .contact-us .main-content .row div.col-md-9 {
width: 100%;
}
.contact-us .main-content .row .contact-us-buttons-desktop {
display: none;
}
#wrapper .contact-us .main-content .row .contact-us-buttons-mobile {
display: inline-block;
padding-bottom: 10px;
}
#wrapper .contact-us .contact-us-widget-styling .col-md-3:nth-child(2) div.panel:nth-child(3) {
margin-bottom: 0px;
}
}
@media screen and (min-width: 992px) {
.contact-us .main-content .row .contact-us-buttons-desktop {
display: inline-block;
}
.contact-us .main-content .row .contact-us-buttons-mobile {
display: none;
}
#rooster-update .wrapper-outside.global-licensing-opportunities {
padding-top: 10px;
}
.checkout-page-container .checkout-page .row.checkout-rice-item .col-sm-3,
.checkout-page-container .checkout-page .row.checkout-group-size .col-sm-3 {
width: auto;
}
}
@media screen and (max-width: 767px) {
.social-media-mobile .thumbnail .post-details .quote {
font-size: 0.8125em;
}
#EarnPointsForPastVisit {
margin-top: 33px;
}
button.btn.btn-sm.custom-button-style.grey.cancelling-order {
width: auto;
display: inline-block;
}
button.btn.btn-sm.custom-button-style.grey.saving-order {
width: auto !important;
max-width: none;
display: inline-block !important;
}
.menu-nutrition-table-refresh tr.values td {
font-size: 0.625em;
padding: 5px 2px;
}
.menu-and-order-middle-section {
padding-left: 0;
padding-right: 0;
}
.page-order.page-checkout .table-condensed tbody tr td.itm .row .ng-scope {
margin-top: 8px;
}
.main-body .modal-content .orderSummary .modal-header button.close {
bottom: auto;
left: auto;
right: -14px;
top: 5px;
}
.page-order.page-checkout h1.style-refresh,
.page-order.page-confirmation h1.style-refresh,
.page-order.page-review h1.style-refresh {
font-size: 2.25em;
margin-bottom: 20px;
}
p.small {
margin-left: 0px !important;
}
.checkout-page-container .checkout-page .row.checkout-rice-item,
.checkout-page-container .checkout-page .row.checkout-group-size {
display: flex;
}
.checkout-steps .checkout-step-4 .order-details-table {
width: 100% !important;
}
.page-order.page-review .btn.custom-button-style.red {
margin-bottom: 5px !important;
}
.page-order.page-extras h1.style-refresh {
margin-bottom: 20px;
font-size: 2.25em;
}
.checkout-steps .checkout-step-2 .menu-and-order-middle-section {
margin-left: 0px;
}
.checkout-steps .checkout-step-2 .menu-and-order-middle-section .checkbox-style p {
width: 86%;
margin-left: 0;
padding-left: 0;
}
.catering-print-nutrition-section, .menu-actions.style-refresh {
display: none;
}
.mobile-left-nav-page .catering-print-nutrition-section, .mobile-left-nav-page .menu-actions.style-refresh {
display: block;
}
.mobile-left-nav-page .menu-actions ul li:first-child {
display: none;
}
.page-contact-us #wrapper .contact-us .col-md-3.col-md-push-3 {
padding-left: 15px;
padding-right: 15px;
}
.page-faq h1.style-refresh.faq {
display: none
}
.page-faq .center.main-content {
padding-top: 0;
}
#rooster-update.page-faq .wrapper-outside.faq {
padding-top: 10px;
width: 100%;
}
.page-faq .wrapper-outside.faq .ui-tabs #tabs-1.faq,
.page-faq .wrapper-outside.faq .ui-tabs #tabs-2.faq {
border-width: 0;
border-top-width: 8px;
padding-bottom: 0;
}
.page-faq .mobileFullWidth.faq,
.page-faq .wrapperGeneral.faq {
padding: 0 15px !important;
}
.page-faq #tabs.faq h3.accordionheader.faq .ui-icon {
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
background-size: 384px auto;
height: 24px;
width: 24px;
background-position: -96px 0 !important;
}
.page-faq #tabs.faq h3.accordionheader.faq.ui-accordion-header-active .ui-icon {
background-position: 2px -1px !important;
}
.blog-landing-page .blog-nav .checkbox label {
padding-left: 0;
padding-right: 15px;
}
.page-media .mediaGreyBox .btnBlock .share-icon-styles {
display: none;
}
.blog-landing-page .blog-nav {
padding: 0 20px;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
}
.blog-landing-page .checkbox + .checkbox, .radio + .radio {
margin-top: 0px;
}
.blog-landing-page .article-listing .col-md-6 {
padding-left: 0px;
padding-right: 0px;
}
.blog-landing-page .article-listing .col-md-5 {
padding-left: 0px;
padding-right: 0px;
}
.blog-landing-page .article-summary {
margin-bottom: 20px;
}
.blog-landing-page .article-summary .article-details {
padding: 20px;
text-align: left;
}
.offer-background #blogs .article-listing .article-summary .article-details .sub-title {
display: none;
}
/*to remove the white space on the right side of the screen
*/
.blog-landing-page .article-listing .row {
margin-right: 0px;
margin-left: 0px;
}
.blog-landing-page .article-listing .col-md-4 {
padding-right: 0px;
padding-left: 0px;
}
.page-blog .offer-background #blogs div.blog-landing-page {
top: 70px;
}
.blog-landing-page .article-listing p {
width: 88%;
margin: auto;
}
#blogs .blog-landing-page {
padding-bottom: 20px;
}
/*hide breadcrumbs*/
.page-blog .RadSiteMap .rsmFlow {
display: none;
}
.RadSiteMap .rsmFlow {
display: none;
}
.page-blog .hero-img-container .text-overlay.offers h1.main-offer.offers + p.bold.white {
font-size: 0.8125em;
line-height: 18px;
}
.hero-img-container .text-overlay.offers h1.main-offer.offers + p.bold.white {
font-size: 0.8125em;
line-height: 18px;
}
.sf_cols.container.blog_container {
padding-right: 0px;
padding-left: 0px;
width: 88%;
margin-top: 10px;
}
.blog_container p.normal {
font-size: 1em;
}
.offer-background #blogs .article-listing .article-summary .article-details .title {
font-size: 1.125em;
line-height: 24px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
min-width: 200px;
}
.menu-nutrition-table-refresh .page-header {
font-size: 1.875em;
margin-top: 0;
}
.notification-bar.hide-notification-bar {
top: -315px;
display: none;
}
#rooster-update .wrapper-outside.main-menu {
padding-top: 20px;
}
.order-confirmation .orderSummary.less-padding .panel-heading .panel-title > a .fa {
margin-right: 10px;
}
.order-confirmation .orderSummary {
padding-top: 20px;
}
.order-confirmation .orderSummary.less-padding .panel-heading .panel-title {
display: block;
padding: 10px;
margin-top: 20px;
}
.orderConfirmation .order-confirmation .orderSummary.less-padding .panel-heading .panel-title {
margin-top: 33px;
}
#rooster-update .wrapper-outside.giftCardLanding {
padding-top: 0;
}
#rooster-update .wrapper-outside.giftCardLanding .main-content {
padding-top: 10px;
}
.about-us {
padding-top: 0;
}
.btn.custom-button-style.grey {
width: 100%;
margin: 0px auto;
display: table;
}
a.btn.custom-button-style.grey.view-res-details {
max-width: 100% !important;
background-color: #d8d8d8;
color: #3d3d3d;
}
.order-confirmation .btn.custom-button-style.grey {
margin: 0px 0px;
}
.btn.custom-button-style.grey.order {
max-width: none;
}
.order-confirmation .recent-order-and-or-favorite .custom-button-style.grey {
width: auto;
margin-left: 0px;
margin-right: 0px;
display: inline-block;
max-width: none;
}
.recent-order-and-or-favorite .custom-button-style.grey {
width: auto;
margin-left: 0px;
margin-right: 0px;
display: inline-block;
max-width: none;
}
.order-confirmation .print-order {
margin-top: 10px;
}
.content-body.catering #package-p {
font-size: 0.875em;
letter-spacing: 0;
line-height: 30px;
}
.noMobile {
display: none !important;
}
#rooster-update .info-menu-landing-page > .row:first-child .img-and-content-holder h2 {
width: 100%;
}
.info-menu-landing-page .col-md-4 .img-and-content-holder .img-container img {
max-height: none;
}
#rooster-update .info-menu-landing-page .col-md-10 p,
#rooster-update .info-menu-landing-page .col-md-4 p {
display: none;
}
#rooster-update .info-menu-landing-page > .row:nth-child(3) {
display: none;
}
#rooster-update .info-menu-landing-page .row,
#rooster-update .info-menu-landing-page .row:nth-child(2) {
margin-bottom: -75px;
}
#rooster-update .wrapper-outside {
padding-top: 20px;
}
#rooster-update .wrapper-outside.pageOrderExtras {
padding-top: 30px;
}
.info-menu-landing-page .col-md-12 .img-and-content-holder .img-container img {
min-height: 100px;
}
#rooster-update #wrapper {
padding-bottom: 545px;
}
.main-body .menu-item-options .option-row-extras .panel-body .checkbox-area-style .text-right {
width: 25%;
float: left;
}
.main-body .menu-item-options .option-row-extras .panel-body .checkbox-area-style .col-sm-8 {
width: 75%;
float: right;
}
.menu-and-order-middle-section .panel-body .checkbox-style {
width: 100%;
float: left;
margin-bottom: 10px;
}
#rooster-update #wrapper #content {
padding-top: 30px
}
#order-summary-food-box {
top: 105px;
}
#rooster-update .wrapper-outside.contact-us {
padding-top: 60px;
padding-bottom: 0px !important;
}
#rooster-update.page-global-licensing .main-body .body-section .wrapper-outside.global-licensing-opportunities {
padding-top: 90px;
padding-bottom: 0;
}
#rooster-update.page-international .main-body .body-section .wrapper-outside.international-locations {
padding-top: 90px;
}
.global-licensing h1.style-refresh {
font-size: 2.25em;
}
.global-licensing h2.global {
font-size: 1.625em;
}
.global-licensing .btn.custom-button-style.red.global {
max-width: 400px;
display: table;
margin: 0 auto;
}
.international-location h1.style-refresh {
font-size: 2.25em;
margin-top: 10px !important;
}
#listOfLocations {
padding-left: 0px;
padding-right: 0px;
}
#listOfLocations .mobileRemovePadding {
padding-left: 0;
padding-right: 0;
}
#tabs.faq h3.accordionheader.faq {
padding-left: 5px;
}
.page-faq .mobileFullWidth.faq, .page-faq .wrapperGeneral.faq, .page-faq .wrapperRewards.faq {
margin: 0 6% !important;
max-width: 88%;
padding: 0 !important;
width: 88% !important;
}
.contact-us .contact-us-widget-styling {
margin-right: -15px;
margin-left: -15px;
}
/*remove rounded corners on mobile devices*/
input[type = text] {
border-radius: 0px;
}
/*remove rounded corners on mobile devices*/
textarea {
border-radius: 0px;
}
.contact-us .contact-us-widget-styling .contactSelectedStore button {
max-width: 400px;
}
.home-style #mobileSlider .slick-slide img {
height: 450px;
width: 100%;
object-fit: cover;
}
.home-style #mobileSlider .slick-arrow .fa {
font-size: 2.75em;
transform: scale(1, 1.3);
color: #3D3D3D;
transform: scale(1, 1.3);
position: relative;
bottom: 1px;
}
.home-style #mobileSlider .slick-arrow.slick-prev .fa {
right: 3px;
}
.home-style #mobileSlider .slick-arrow.slick-next .fa {
left: 3px;
}
.home-style #mobileSlider .slick-next {
background: rgba(255, 255, 255, 0.60);
right: 0px;
height: 13vw;
max-height: 100px;
width: 7vw;
max-width: 60px;
border-radius: 140px 0px 0px 140px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
top: 49.5%;
}
.home-style #mobileSlider .slick-next i, .home-style #mobileSlider .slick-next:before {
content: none;
font-size: 2.75em;
}
.home-style #mobileSlider .slick-prev {
background: rgba(255, 255, 255, 0.60);
left: 0px;
height: 13vw;
max-height: 100px;
width: 7vw;
max-width: 60px;
border-radius: 0px 140px 140px 0px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
z-index: 1;
top: 49.5%;
}
.home-style #mobileSlider .slick-prev i, .home-style #mobileSlider .slick-prev:before {
content: none;
font-size: 2.75em;
}
#rooster-update .home-style .article-slider .article .article-content {
height: 200px;
}
#rooster-update .home-style .article-slider .article .article-content .article-image {
min-width: 110px;
max-width: 200px;
width: auto;
}
#rooster-update .home-style .article-slider .article .article-content .article-image img {
height: 200px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-topic {
display: none !important;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .article-summary {
font-size: 1em;
line-height: 20px;
}
#rooster-update .home-style .article-slider .article .article-content .article-wording .read-more {
bottom: 20px;
}
#fly-nav .flyMenuSignOut {
display: none !important;
}
html.userSignedIn #fly-nav .flyMenuSignOut, html.userSignedIn ul#fly-nav > li.user-profile-li {
display: block !important;
}
#fly-nav .user-profile-li img {
width: 30px;
height: 30px;
border-radius: 50%;
float: left;
}
#fly-nav .user-profile-li span {
font-size: 1.125em;
position: relative;
font-family: "Avenir Black";
text-transform: uppercase;
white-space: pre;
left: 10px;
width: 200px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 4px;
}
ul#fly-nav > li.user-profile-li a {
bottom: 7px;
}
html.page-sitemap h1.style-refresh {
font-size: 2.125em;
}
.home-style #mobileSlider .home-hero-button-section.mobileHeroBtnWrap a {
width: calc(50% - 10px);
font-size: 1.125em !important;
}
.home-style #mobileSlider .home-hero-button-section.mobileHeroBtnWrap > a:first-child {
float: left;
}
.home-style #mobileSlider .home-hero-button-section.mobileHeroBtnWrap > div {
width: 100%;
display: table;
}
.home-style #mobileSlider .home-hero-button-section.mobileHeroBtnWrap a:first-child + a {
float: right;
}
.home-style #mobileSlider .home-hero-button-section.mobileHeroBtnWrap > div a {
display: table;
margin: 5px auto !important;
}
.home-style #mobileSlider .home-hero-button-section {
width: 88%;
margin-left: 6%;
margin-right: 6%;
}
.home-style #mobileSlider hgroup h3 {
font-size: 1.5em;
line-height: 30px;
font-family: avenir medium;
margin-bottom: 15px;
text-transform: uppercase;
}
.home-style #mobileSlider hgroup .h3-subhead {
font-size: 0.8125em !important;
line-height: 18px !important;
letter-spacing: .1em !important;
font-family: avenir black !important;
}
.home-style #mobileSlider .hero {
top: 40% !important;
}
.home-style #mobileSlider.PurposefulIngredients .hero {
top: 37% !important;
}
div#mobileSlider .slick-dots {
display: none !important;
}
#mobileSlider.slick-dotted.slick-slider {
margin-bottom: 0;
}
/*.notification-red-bar .closeRedNotification {
display:none !important;
}*/
.main-menu.orderPages #contentPlaceholder_C019_Col00 > .sfContentBlock {
display: none;
}
.main-menu.orderPages .left-side-menu-navigation .catering-print-nutrition-section {
display: none;
}
.main-menu.orderPages .left-side-menu-navigation .menu-actions {
display: none;
}
.checkout-page-container .checkout-page .area-for-buttons {
margin-top: 11px;
}
.checkout-page-container .checkout-page .area-for-buttons.OnlyForCatering {
margin-top: 0px;
}
.page-extras .checkout-page .area-for-buttons.OnlyForCatering input.btn {
margin-top: 0px !important;
}
.checkout-steps #place-order {
width: 100%;
}
#rooster-update .info-menu-landing-page .img-and-content-holder h2 {
padding-left: 6%;
padding-right: 6%;
width: 100%;
}
#rooster-update .info-menu-landing-page .row:first-child {
margin-bottom: 20px;
}
#rooster-update .info-menu-landing-page .col-md-4 {
margin-bottom: 20px;
padding: 0px !important;
}
#rooster-update .info-menu-landing-page .row .col-md-12 .img-and-content-holder {
margin-top: -51px;
}
#rooster-update .home-style .video-placeholder .back-ground-image img {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
/* display: table; */
MAX-HEIGHT: 200%;
}
div#contentPlaceholder_C060_Col00 {
position: relative;
}
#rooster-update .home-style .video-placeholder .section-content {
position: relative;
z-index: 1;
}
#rooster-update .home-style .video-placeholder .section-content .logo-and-content .content {
padding-bottom: 36px !important;
}
html.page-print-menu.page-main-menu .print-menu-refresh h1 {
margin-top: 2px;
font-size: 2.25em;
}
.wrapper-inside.print-menu-refresh {
padding-top: 0;
}
#rooster-update.page-catering.page-menu .main-content.center {
padding: 5px 0px 40px 0px;
}
.order-review-page .panel.orderSummary .panel-body th, .order-review-page .panel.orderSummary .panel-body .subtotal-row td.qty {
border-bottom: 1px solid #d8d8d8;
font-size: 0.875em;
font-family: "Avenir Black";
line-height: 20px;
}
.order-review-page .item-name {
font-weight: normal;
font-size: 0.875em;
}
.order-review-page .panel.orderSummary .panel-body .item-row td {
line-height: 20px;
}
.panel.orderSummary .panel-body td .item-edit-actions a {
font-size: 0.875em;
}
.order-review-page .panel.orderSummary .panel-body .order-actions-checkout a.cancel-order {
position: relative;
top: 12px;
}
.order-review-page .panel.orderSummary .panel-body .subtotal-row td {
border-bottom: 1px solid #d8d8d8;
}
.order-review-page .panel.orderSummary .panel-body {
padding: 30px 25px;
}
input.itemQuantity {
min-width: 40px;
}
.info-menu-landing-page > .row {
margin: 0;
}
.btn.custom-button-style.grey.no-thanks {
margin-left: 0;
}
.order-checkout .reservation-page .btn.grey {
margin-left: 0 !important;
}
.reservation-page .form-group-promoCode .btn.promobtn.grey {
float: left;
margin-top: -10px;
}
.main-body .modal-content #editItemFromOrderSummary.orderSummary .modal-header button.close {
top: 5px;
right: 0px;
}
.main-body .modal-content #editItemFromOrderSummary.orderSummary .modal-header button.close span:before {
font-size: 1em;
}
.print-menu-refresh .menu-content {
padding-left: 0;
padding-right: 0;
}
/*=== PHONE MEDIA QUERY @MIN-300px to @MAX-766px ===*/
/*=== Global ===*/
.wrapper-inside {
width: 100%;
padding: 0;
margin: 0 auto;
}
.wrapper-inside .center {
width: 100%;
}
body {
min-width: 100%;
/*padding-top: 105px;*/
}
.xs-hidden {
display: none;
}
/*=== Home Page ===*/
.top-banner {
position: fixed;
left: 0;
top: 0;
right: 0;
/*z-index: 999;*/
}
.home-nav ul {
width: 100%;
margin: 27px auto 7px;
}
.home-nav ul li {
width: 100%;
height: 53px;
margin-bottom: 5px;
}
.home-nav ul li a {
padding: 0px 15px;
line-height: 30px;
}
.home-nav ul li:first-child:after {
padding-left: 15px;
font-size: 0.6875em;
}
.home-nav ul li p {
padding: 0px 15px 0;
margin-top: -20px;
font-size: 0.6875em;
}
.promo {
margin-bottom: -30px;
float: left;
}
.promo-3 {
margin-bottom: 0;
}
.promo-3 img {
height: inherit;
}
.tagline {
bottom: 85px;
line-height: 1em;
font-size: 1.875em;
color: #45200b;
padding: .5em 0 .3125em .375em;
}
.visible-xs {
display: block !important;
}
hr {
border-color: #ede9e5;
}
hr {
margin-top: 18px;
margin-bottom: 18px;
border: 0;
border-top: 1px solid #eee;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/*=== Menu Page ===*/
/*=== Gift Card Page ===*/
#rooster-update.page-nutrition .wrapper-outside.main-menu {
padding-top: 67px;
}
.group.form-group.form-group-promoCode {
top: 0;
max-width: 100%;
float: left;
width: 100%;
margin-bottom: 20px;
}
.reservation-page .location-date-time-party .btn.grey.resLocation {
max-width: 400px;
margin-left: 1px !important;
}
.reservation-page .option-row-quantity .open > .dropdown-menu {
overflow: visible;
max-height: inherit;
position: relative;
}
.cateringOrder .sf_3cols_2_34 {
width: 100% !important;
}
.menu-and-order-middle-section .menu-item-form-section a.panel-title i,
.menu-and-order-middle-section .menu-item-form-section a.panel-title em {
position: absolute;
right: 0;
top: calc(50% - 10px);
}
input[type="text"],
input[type="date"],
input[type="email"],
input[type="search"], input[type="password"], input[type="tel"], textarea {
border-radius: 0 !important;
}
#rooster-update .home-style .promo-images-section .tagline {
position: relative;
display: table-cell;
vertical-align: middle;
background-color: transparent;
text-align: center;
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
#rooster-update .home-style .promo-wrapper .promo-images-section .promo-holders {
display: table;
width: 100%;
overflow: hidden;
}
#rooster-update .home-style .promo-images-section .tagline .ad-verbiage {
padding: 0;
}
#rooster-update .home-style .promo-wrapper .promo-images-section .promo-holders br {
display: none;
}
#rooster-update .home-style .promo-images-section .tagline:before {
background-color: rgba(35,31,32,.7);
content: "";
position: absolute;
left: -10%;
height: 200px;
width: 200%;
top: -10px;
z-index: 0;
}
#rooster-update .home-style .promo-offers .promo-wrapper .promo-images-section .promo-holders .tagline * {
position: relative;
}
.roosterNavigation div.flexMenu-viewMore a.hamburger-helper::after {
display: none;
}
.page-order.page-checkout .checkout-steps .errorSection .errorMessage {
width: 100%;
}
#rooster-update .wrapper-outside.mobile-left-nav-page .style-refresh.left-side-menu-navigation {
margin-top: 20px;
}
.mobileLeftNav {
margin-top: 15px;
}
.main-body .modal-content {
padding: 20px 9px;
}
.menu-and-order-middle-section .menu-item-form-section .menu-item-form-wrapper #editItemForm .option-row-quantity {
margin-left: 24%;
}
.menu-and-order-middle-section .menu-item-form-section #editItemForm .option-row-extras .panel-default > .panel-heading {
margin-top: 0;
}
.menu-and-order-middle-section .menu-item-form-section #editItemForm .btn.custom-button-style.red {
margin-bottom: 5px !important;
}
.checkout-steps .checkout-step-1 .left img {
width: 35%;
margin-right: 65%;
margin-bottom: 10px;
}
.mobile-add-btn {
margin-top: -5px !important;
}
.wrapper-outside.main-menu.orderPages .main-content {
padding: 5px 0px 40px 0px;
}
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories {
width: auto;
float: left;
}
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics .item-icons-calories + div {
float: right;
}
.menu-and-order-middle-section .MenuList .menu-item-description .item-specifics {
float: left;
width: 100%;
padding-bottom: 20px;
}
.mobile-left-nav-page .style-refresh .panel-title .fa {
font-size: 1.25em;
}
input.text-input-style.location {
padding-left: 15px;
}
ul.dropdown-menu.specialoccasion {
z-index: 0 !important;
}
.account-overview-header {
padding-top: 45px;
}
}
@media only screen and (max-width: 600px) {
.menu-nutrition-table-refresh thead .headerRow th.nameRotate {
padding-left: 10px;
}
#locationModal .modal-content {
width: 100%;
padding: 50px 5%;
}
.giftCardLanding #ctabackground .col-md-3 {
margin-bottom: 0;
width: 225px;
margin-right: 10px;
}
.giftCardLanding #ctabackground .col-md-3 .btn.custom-button-style.red {
margin-bottom: 15px;
width: 225px;
}
.giftCardLanding #ctabackground .row-centered {
padding-left: 0;
padding-right: 20px;
}
.giftCardLanding .col-centered .img-responsive {
width: 100%;
height: auto;
}
.giftCardLanding .col-centered {
margin-right: 0;
}
.giftCardLanding .row-centered {
padding-left: 15px;
padding-right: 15px;
}
.giftCardLanding .col-centered .btn.custom-button-style.red {
width: 230px;
}
}
@media only screen and (max-width: 540px) {
.home-style #mobileSlider .slick-arrow .fa {
font-size: 1.875em;
}
}
@media screen and (max-width: 500px) {
#rooster-update #wrapper {
padding-bottom: 575px;
}
}
@media screen and (max-width: 480px) {
.content-body.catering label.label-catering::after {
right: -12px !important;
margin-top: 0px !important;
}
.nutritional-info .titleColumn {
width: 25%;
}
/* #rooster-update #wrapper {
padding-bottom: 575px;
}*/
.menu-nutrition-table-refresh thead .headerRow th.nameRotate {
font-size: 0.625em;
}
.content-body.catering #package-title {
font-size: 1.125em !important;
line-height: 24px;
padding: 10px;
}
.menu-nutrition-table-refresh tr.values td {
font-size: 0.5em;
padding: 5px 2px;
}
}
@media screen and (max-width: 420px) {
.search-results-mobile .locations-found-mobile p {
padding-top: 20px;
}
.main-body .menu-item-options .option-row-extras .panel-body .checkbox-area-style .text-right {
width: 100%;
float: left;
text-align: left;
}
.main-body .menu-item-options .option-row-extras .panel-body .checkbox-area-style .col-sm-8 {
width: 100%;
float: left;
margin-top: 10px;
}
.promo-modal-header {
padding: 20px 0px;
}
/*#notification-bar .menu-and-order-middle-section .menu-item-form-section a.panel-title,
.modal-body .menu-and-order-middle-section .menu-item-form-section a.panel-title {
font-size: 0.6875em;
}*/
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons {
display: inline;
}
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons div:first-child {
margin-bottom: 10px;
top: 14px;
}
}
@media screen and (max-width: 360px) {
.checkout-page-container .checkout-page .item-Name {
width: 38%;
}
#locationModal .modal-body .button-wrapper .btn.custom-button-style.red {
width: 67%;
}
.offer-background #blogs .article-listing .article-summary .article-details .title {
font-size: 1.25em;
line-height: 24px;
padding-top: 10px;
min-width: 100px;
}
.blog-landing-page .article-summary .article-details .sub-title {
font-size: 0.75em;
}
.menu-and-order-middle-section .menu-legend-and-print .menu-legend div {
float: left;
margin-right: 12px;
margin-top: 10px;
}
.menu-and-order-middle-section .menu-legend-and-print .menu-legend {
display: inline-block;
width: 100%;
}
#locationModal .modal-title {
font-size: 2.25em;
}
.content-body.catering #package-title {
font-size: 0.9375em !important;
line-height: 20px;
padding: 10px;
}
}
@media print {
.print-menu-refresh .menu-content {
width: 100%;
}
body, .print-menu-refresh h1 {
margin-top: 0;
}
#rooster-update .wrapper-outside {
padding-top: 0;
}
}
@media screen and (max-width: 1024px) {
#tabs.faq h3.accordionheader.faq {
padding-right: 25px !important
}
.page-faq #tabs.faq h3.accordionheader.faq .ui-icon {
right: 5px;
}
.info-menu-landing-page .col-md-12 .img-and-content-holder .img-container img {
object-fit: cover;
}
}
@media screen and (min-width: 1365px) {
.wrapper-outside.global-licensing-opportunities .noMobile {
margin-top: 40px;
}
}
@media (max-width:340px) {
.roosterNavigation div.flexMenu-viewMore {
padding-right: 3% !important;
}
}
@media (min-width:341px) and (max-width:420px) {
.roosterNavigation div.flexMenu-viewMore {
/* right: 10px; */
right: 0;
/*top: 10px;*/
top: 0;
width: 60px;
}
}
@media (min-width:421px) and (max-width:767px) {
.roosterNavigation div.flexMenu-viewMore {
/* padding-right: 3% !important;*/
}
.roosterNavigation div.flexMenu-viewMore {
right: 0px;
}
#rooster-update .location-search .inputs-and-buttons button:last-of-type {
width: initial;
}
}
@media only screen and (max-width: 767px) {
.page-order.page-checkout.userSignedIn .order-checkout .checkout-steps .checkout-step-2 .group.phone-number {
margin-top: 40px;
}
.page-order.page-checkout .order-checkout .checkout-steps .ng-pristine .errorMessage {
text-align: center;
width: 100%;
}
.page-account .sf_3cols_2_34 .sf_3cols_2in_34, .page-account .sf_3cols_3_33 .sf_3cols_3in_33 {
margin-left: 0 !important;
}
.reservation-page .btn.red {
margin-bottom: 10px !important;
}
.reservation-page .btn.grey {
margin-bottom: 10px;
/*margin-left:10px !important;*/
}
.reservation .btn.grey.cancel-btn {
margin-left: 10px !important;
}
.wrapper-inside .hmb .step-2-body .cancel-change-location {
margin-top: 0px;
margin-bottom: 20px;
}
.mobile-reservations .step-2-body .group input-dropdown .dropdown .valueContainer {
background: #FFF;
color: #3D3D3D;
font-family: "Avenir Black";
padding: 0;
}
.mobile-reservations .step-2-body .group input-dropdown .dropdown div div.color-dropdown {
padding: 8px 10px 6px 10px;
}
.reservation-page .step-3-body .row.questions-call {
margin-bottom: 12px;
}
.reservation-page .step-3-body .row.reservation-details {
margin-bottom: 15px;
}
#cancelReservationModel .rap-title br {
display: none;
}
.modal-content.cancel-model-content.cancel-model-align.model-position {
padding: 70px 20px 40px !important;
transform: translate(0%, 0%);
position: relative;
width: 88% !important;
max-width: 430px;
height: 100vh;
margin-top: 0;
margin-bottom: 0;
}
.cancel-alert-model {
padding: 0;
}
modal-content cancel-model-content cancel-model-align model-position button.close {
position: absolute;
}
.modal-content.cancel-model-content.cancel-model-align.model-position button.close {
position: absolute;
right: -5px;
top: 48px;
opacity: 1;
}
#cancelReservationModel .rap-title {
margin: 0 0 10px;
padding-left: 20px;
padding-right: 20px;
}
p.cancel-model.wraps-margin {
padding-left: 0;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.menu-nutrition-refresh .page-header {
margin-top: 0px;
}
}
/*begin Reset.css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}
a {
outline: none;
}
body:focus, div:focus, fieldset:focus, span:focus, li:focus, p:focus {
outline: 0;
}
/*Begin Desktop.css*/
@media (min-width: 992px) and (max-width: 1199px) {
/*=== DESKETOP MEDIA QUERY @MIN-992px to @MAX-1199px ===*/
/*=== Global ===*/
.wrapper-inside {
width: 100%;
margin: 0 auto;
}
.wrapper-inside .center {
width: 100%;
}
/*=== Home Page ===*/
.carousel-wrapper {
height: 371.05px;
}
.promo-3 img {
height: 187.86px;
}
.tagline {
font-size: 2.0625em;
}
/*=== Menu Page ===*/
.wrapper-outside {
margin: 0 auto;
}
.subpage-nav {
min-width: 775px;
}
.menu-featured-section {
max-width: 667px;
}
.wrapper-outside.location-all #accordion {
max-width: none;
}
.Reservations #accordion {
max-width: none;
}
a.menu-tagline,
.menu-tagline {
font-size: 2.25em;
}
/*=== Rewards Page ===*/
.rewards-content {
padding: 20px;
}
.earn div {
margin-left: 0px !important;
}
.experience div {
margin-right: 0px !important;
}
/*=== Gift Card Page ===*/
.gift-card-content {
padding: 0px 20px 40px;
}
}
/*Begin Tablet.css*/
@media (min-width: 768px) and (max-width: 991px) {
/*=== TABLET MEDIA QUERY @MIN-768px to @MAX-991px ===*/
.menu-and-order-middle-section .menu-item-form-section .menu-item-form-wrapper .option-row-quantity {
margin-left: 22.5vw !important;
clear: both;
}
.pageOrderExtras .checkout-page-container .checkout-page div .row.checkout-group-size .col-sm-3,
.pageOrderExtras .checkout-page-container .checkout-page div .row.checkout-rice-item .col-sm-3 {
width: 40%;
text-align: right;
}
.pageOrderExtras .checkout-page-container .checkout-page div .row.checkout-group-size .col-sm-9,
.pageOrderExtras .checkout-page-container .checkout-page div .row.checkout-rice-item .col-sm-9 {
width: 60%;
}
/*=== Global ===*/
.wrapper-inside {
width: 100%;
margin: 0 auto;
}
.wrapper-inside .center {
width: 100%;
}
body {
min-width: 100%;
}
/*=== Home Page ===*/
.home-nav ul li a {
height: 90px;
padding: 35px 6px 0;
display: block;
font-size: 1.0625em;
line-height: 22px;
margin: -6px 0 2px;
}
.home-nav ul li p {
display: block;
font-size: 0.6875em;
white-space: nowrap;
margin: -35px;
}
.home-nav ul li:first-child:after {
content: "Our Food Philosophy";
padding-left: 6px;
font-size: 0.6875em;
}
.home-nav ul li p {
padding: 0px 41px 0;
}
.carousel-wrapper {
height: 284.21px;
}
.promo-3 img {
height: 142.5px;
}
.tagline {
font-size: 1.875em;
padding-left: 10px;
bottom: 70px;
line-height: 35px;
}
/*=== Menu Page ===*/
.wrapper-outside {
margin: 0 auto;
}
.subpage-nav {
/*min-width: 775px;*/
width: 88%;
}
.menu-featured-section {
max-width: 667px;
}
.wrapper-outside.location-all #accordion {
max-width: none;
}
.Reservations #accordion {
max-width: none;
}
.style-refresh #accordion {
max-width: none;
}
a.menu-tagline,
.menu-tagline {
font-size: 2.25em;
}
/*=== Rewards Page ===*/
.rewards-content {
padding: 20px;
}
.earn div {
margin-left: 0px !important;
}
.experience div {
margin-right: 0px !important;
}
}
/*Begin PHones.css*/
@media (min-width: 300px) and (max-width: 767px) {
/*=== PHONE MEDIA QUERY @MIN-300px to @MAX-767px ===*/
/*=== Global ===*/
.wrapper-inside {
width: 100%;
padding: 0;
margin: 0 auto;
}
.wrapper-inside .center {
width: 100%;
}
body {
min-width: 100%;
/*padding-top: 105px;*/
}
.xs-hidden {
display: none;
}
/*=== Home Page ===*/
.top-banner {
position: fixed;
left: 0;
top: 0;
right: 0;
/*z-index: 999;*/
}
.home-nav ul {
width: 100%;
margin: 27px auto 7px;
}
.home-nav ul li {
width: 100%;
height: 53px;
margin-bottom: 5px;
}
.home-nav ul li a {
padding: 0px 15px;
line-height: 30px;
}
.home-nav ul li:first-child:after {
padding-left: 15px;
font-size: 0.6875em;
}
.home-nav ul li p {
padding: 0px 15px 0;
margin-top: -20px;
font-size: 0.6875em;
}
.promo {
margin-bottom: -30px;
float: left;
}
.promo-3 {
margin-bottom: 0;
}
.promo-3 img {
height: inherit;
}
.tagline {
bottom: 85px;
line-height: 1em;
font-size: 1.875em;
color: #45200b;
padding: .5em 0 .3125em .375em;
}
.visible-xs {
display: block !important;
}
hr {
border-color: #ede9e5;
}
hr {
margin-top: 18px;
margin-bottom: 18px;
border: 0;
border-top: 1px solid #eee;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/*=== Menu Page ===*/
/*=== Gift Card Page ===*/
}
@media (max-width:430px) {
.checkout-steps .checkout-step-1 .left img {
width: 45%;
margin-right: 55%;
}
.rewards-card .card-anchor {
width: 270px;
height: 165px;
}
.rewards-card .card-anchor .barCode {
height: 60px;
bottom: 30px;
}
.rewards-card .card-anchor .VirtualCardUserName {
bottom: 10px;
}
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
div.modal-bg {
width: 100%;
box-sizing: border-box;
}
ul#fly-nav {
box-sizing: border-box;
}
.roosterNavigation.subpage-nav.topnavNewTemp {
background-color: grey;
}
.pad-res {
line-height: 14px;
}
@media (min-width:768px) {
.reservation-page a.reservation-tel {
color: #D8D8D8;
font-size: 1em;
line-height: 22px;
cursor: pointer !important;
text-decoration: underline;
}
}
.input-dropdown .dropdown {
background: #FFF;
}
.time-input-dropdown .dropdown div {
font-family: "Avenir Black";
}
.input-dropdown .dropdown div:hover {
background-color: #ededed;
color: #3d3d3d;
}
.time-input-dropdown .dropdown {
background: #FFF;
z-index: 3;
}
@media (min-width: 768px) {
.reservation-page .btn.red {
margin-bottom: 0px !important;
}
}
@media (min-width:1440px) {
.CTA-res {
width: 35% !important;
}
}
.submit-reservation-error {
font-family: "Avenir Medium";
font-size: 0.75em;
line-height: 16px;
color: #ED2939;
padding: 14px;
border: 1px solid;
background-color: #FDE9Eb;
border-color: #F79CA4;
margin-bottom: 20px;
margin-right: 0px;
margin-left: 0px;
}
.fa-user-o::before {
content: "\f007";
font-family: "FontAwesome";
}
@media only screen and (max-width: 991px) {
.hmb .panel-body.step-2-body .location-date-time-party {
padding-top: 10px !important;
}
}
.mar-mob {
margin-bottom: 0px !important;
}
@media (min-width:500px) and (max-width:767px) {
.plse-explain {
margin-left: -150px !important;
margin-top: 140px !important;
}
.plse-explain-left {
margin-left: -150px !important;
padding-top: 140px !important;
}
.min-note-width {
width: 420px !important;
min-width: 415px !important;
}
}
.dropdown-header-special {
padding: 0px 40px 10px 0px !important;
}
.model-grey {
background-color: #D8D8D8 !important;
}
.model-grey:hover {
background-color: #E5E5E5 !important;
}
.truncate-loc {
padding-left: 15px !important;
line-height: 15px !important;
}
@media (min-width:768px) and (max-width:991px) {
.page-account.page-orders .account-orders .accountPagesStyles .sf_colsOut.sf_3cols_3_33 {
float: right;
}
.mar-change-loc {
margin-bottom: 20px !important;
}
.sf_colsOut.sf_3cols_3_25.order-summary-panel {
width: 75% !important;
overflow: visible;
min-width: 75% !important;
float: right;
margin-top: 45px;
}
.page-menu .main-menu .wrapper-inside .sf_colsOut.sf_3cols_3_25 .orderSummary {
/*display: block !important;*/
float: right;
width: 100%;
}
}
.heart-mobile:before {
content: "\e904";
font-family: "pfchangs" !important;
font-size: 0.625em;
color: #ff4d6b;
font-style: normal;
margin-right: 6px;
}
.profile-save {
margin-bottom: 22px !important;
}
.profile-input-text {
padding-top: 5px !important;
}
.profile-email {
margin-bottom: 15px !important;
}
.profile-p-header {
line-height: 20px !important;
color: #3D3D3D !important;
}
.profile-main-heading {
font-family: "Avenir Black";
font-size: 1.125em;
line-height: 24px;
color: #3D3D3D;
}
.profile-emailcom {
padding-bottom: 4px;
}
.accountPagesStyles .sf_3cols_2_34 .sf_3cols_2in_34, .accountPagesStyles .sf_3cols_3_33 .sf_3cols_3in_33 {
margin-left: 20px;
}
.accountPagesStyles nav.sidebar ul.list-group {
margin-bottom: 20px;
}
.accountPagesStyles .list-group .list-group-item:last-child {
padding-bottom: 0px;
}
.accountPagesStyles .panel-body {
padding: 20px 15px;
}
/*Responsive Page Layout (Desktop)*/
@media (max-width: 767px) {
.accountPagesStyles .sf_3cols_1_33 {
width: 100% !important;
}
.accountPagesStyles .sf_3cols_2_34 {
width: 100% !important;
}
.accountPagesStyles .sf_3cols_3_33 {
width: 100% !important;
}
.account-favorites h1.style-refresh {
margin-top: 45px !important;
}
}
@media (min-width: 768px) and (max-width:991px) {
.accountPagesStyles .sf_3cols_1_33 {
width: 25% !important;
}
.accountPagesStyles .sf_3cols_2_34 {
width: 75% !important;
}
.accountPagesStyles .sf_3cols_3_33 {
width: 75% !important;
float: right;
}
}
/*Media share alignment fixes starts here*/
@media only screen and (max-width: 700px) {
.media-wrapper-for-styling .media-thumbnail .col-md-3.mediaImg {
margin-bottom: 20px !important;
}
}
.media-wrapper-for-styling .col-md-3.mediaImg {
width: 120px;
}
@media only screen and (max-width: 767px) {
.col-md-3.mediaImg {
padding: 0;
width: 30%;
float: left;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 992px) {
.col-md-3.mediaImg {
padding: 0;
width: 30%;
float: left;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 700px) {
.media-wrapper-for-styling .media-thumbnail .col-md-9.mediaGreyBox {
margin-bottom: 20px !important;
}
}
.media-wrapper-for-styling .col-md-9.mediaGreyBox {
width: calc(100% - 120px);
}
.media-wrapper-for-styling .media-thumbnail .mediaGreyBox {
padding: 25px 20px;
}
.media-wrapper-for-styling .media-thumbnail .col-md-9.mediaGreyBox {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.col-md-9.mediaGreyBox {
background: #d8d8d8;
padding: 20px;
float: right;
width: 70%;
margin-bottom: 40px;
}
.page-offers .text-overlay {
width: 100%;
}
.page-offers .sf_colsIn.sf_1col_1in_100 {
margin-top: 0 !important;
}
.page-offers .sf_colsIn.sf_1col_1in_100 .hero-img-container.darken {
height: 450px;
margin-top: 62px;
}
/*.page-order.page-extras .checkout-page-container .checkout-page .item-Name {
padding-top: 22px;
}*/
}
@media only screen and (max-width: 992px) {
.col-md-9.mediaGreyBox {
background: #d8d8d8;
padding: 20px;
float: right;
width: 70%;
margin-bottom: 40px;
}
}
.col-md-3.mediaImg {
height: 100%;
}
.page-media ul.social-dropdown-social-content.advancedShare.share-icon.media {
margin-top: -2px !important;
}
body.main-body.media {
overflow: visible !important;
}
/*Media share alignment fixes Ends here*/
.theNotificationIsShowing ~ * .notification-bar, .theNotificationIsShowing ~ * .frequent-notification-bar,
.theNotificationIsShowing ~ * #notification-bar-item-canceled {
margin-top: 53px;
}
.theNotificationIsShowing ~ * .notification-bar.hide-notification-bar,
.theNotificationIsShowing ~ * .frequent-notification-bar.hide-notification-bar,
.theNotificationIsShowing ~ * #notification-bar-item-canceled.hide-notification-bar {
margin-top: 0;
}
/*@media (max-width: 991px) and (min-width: 768px) {
.accountPagesStyles .sf_3cols_3_33 {
width: 75% !important;
margin-left: 22%;
margin-top: 30px;
}
.accountPagesStyles .sf_3cols_2_34 {
width: 79% !important;
margin-left: 22%;
margin-top: 30px;
}
}*/
@media only screen and (min-width : 768px) {
#rooster-update #wrapper .theNotificationIsShowing ~ #content {
padding-top: 90px;
}
#rooster-update.page-reward #wrapper #NotificationRedViolator.theNotificationIsShowing ~ #content,
#rooster-update .homePage #wrapper #NotificationRedViolator.theNotificationIsShowing ~ #content {
padding-top: 160px;
}
#rooster-update.page-account #wrapper .theNotificationIsShowing ~ #content {
padding-top: 64px;
}
#rooster-update body.media {
margin: 0;
}
}
a.collapsed.active-opacity {
opacity: 1 !important;
}
.msge-wrapper {
padding-right: 10px;
}
@media (max-width:767px) {
.mobview:after {
content: "\f105" !important;
font-family: FontAwesome;
font-size: 1.5em;
color: #FFFFFF;
float: right;
margin-top: -9px;
}
}
@media (max-width: 767px) {
.cateringOrder .sf_3cols_1_33 {
width: 100% !important;
}
.cateringOrder .sf_3cols_2_34 {
width: 100% !important;
}
.cateringOrder .sf_3cols_3_33 {
width: 100% !important;
}
.page-checkout .sf_colsOut.sf_2cols_2_25 {
padding-left: 0px !important;
}
.order-checkout .orderSummary.keepVisible {
position: static !important;
top: 0;
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
.cateringOrder .sf_3cols_1_33 {
width: 25% !important;
}
.cateringOrder .sf_3cols_2_34 {
width: 75% !important;
}
.cateringOrder .sf_3cols_3_33 {
width: 75% !important;
margin-left: 25%;
}
}
@media (min-width: 768px) and (max-width:992px) {
#editItemForm.form-horizontal .option-row-quantity.form-group {
margin-left: 24% !important;
}
#editItemForm.form-horizontal .option-row-quantity.form-group.editmod {
margin-left: 0 !important;
}
}
@media (max-width: 767px) {
#header .sf_cols.wrapper-inside {
display: none !important;
}
}
@media (min-width: 768px) {
li.signoutlist {
display: none !important;
}
/*.checkout-page-container .checkout-page .item-Name {
margin-top: 15px;
}*/
}
.contactInfo div .mediaContact {
margin-left: 5.6% !important;
}
.showingMobileFav button#backToTopButton {
display: none !important;
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
.iOS .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle {
width: 26px;
}
.iOS .roosterNavigation div.flexMenu-viewMore a.hamburger-helper span.hamburger-middle:after {
width: 26px;
}
}
@media screen and (min-width: 767px) {
.flexMenu-order {
display: block;
margin-top: -9px;
}
}
.location-all .list-of-locations .single-location {
height: auto;
}
.location-alert-message {
position: absolute;
top: 305px;
padding-left: 10px;
width: 89%;
}
.share-icon {
fill: white;
margin-bottom: 10px;
}
@media (max-width: 767px) {
#locationModal .modal-body {
max-width: 100%;
}
#locationModal .modal-body .button-wrapper .btn.custom-button-style.red {
margin-left: 0;
margin-top: 0;
}
#locationModal .modal-body .button-wrapper .btn.custom-button-style.red + button {
min-width: 87px;
width: 87px;
}
#locationModal .modal-body .button-wrapper {
width: 100% !important;
}
}
#rooster-update .location-all .location-content .location-search .flex-this .inputs-and-buttons button.disabled:focus {
border: none;
outline: none;
}
@media (max-width: 992px) {
#backToTopButton {
display: none !important;
}
}
@media (max-width: 767px) {
.editmod {
margin-left: 0px !important;
}
}
@media (max-width:767px) {
#rooster-update #wrapper.location-wrapper-addon .notification-red-bar.theNotificationIsShowing ~ #content.body-section > .sf_cols:nth-child(2) {
top: 62px;
}
#rooster-update #wrapper.location-wrapper-addon .notification-red-bar.theNotificationIsShowing ~ #header {
top: 110px !important;
}
#rooster-update #wrapper.location-wrapper-addon .notification-red-bar.theNotificationIsShowing ~ #content.body-section > .rooster-nav-container {
top: 50px !important;
}
}
@media (max-width:767px) {
/**Privacy policy**/
#rooster-update.page-privacy-policy .main-content .sfContentBlock {
padding-top: 55px !important;
}
.notification-red-bar.theNotificationIsShowing ~ #content .wrapper-outside.privacy-policy .sfContentBlock {
padding-top: 45px !important;
}
/**Sitemap***/
#rooster-update.page-sitemap .main-content .sfContentBlock {
padding-top: 55px !important;
}
.notification-red-bar.theNotificationIsShowing ~ #content .wrapper-outside.site-map .sfContentBlock {
padding-top: 45px !important;
}
/**Terms of use**/
#rooster-update.page-terms-of-use .main-content .sfContentBlock {
padding-top: 55px !important;
}
.notification-red-bar.theNotificationIsShowing ~ #content .wrapper-inside.terms-of-use .sfContentBlock {
padding-top: 45px !important;
}
.mobileLeftNav.margintop {
display: block;
margin-top: 0 !important;
width: calc(100% - 99px);
position: fixed;
z-index: 1;
background-color: transparent;
transition: 0.3s linear all;
}
.mobileLeftNav a {
background-color: rgba(35,31,32,.9);
}
.menu-and-order-middle-section {
margin-top: 120px;
}
.menu-and-order-middle-section.full-width.margin-bottom-35.margin-top {
margin-top: 0px;
}
.menu-and-order-middle-section.mainmenumargin {
margin-top: 133px;
}
.menu-and-order-middle-section.cateringmenumargin {
margin-top: 143px;
}
img.location-modal-logo {
margin-left: 50%;
position: relative;
left: -85px;
}
.mobileLeftNav.margintop:before {
content: "";
background-color: #fff;
position: absolute;
width: 160%;
left: -16%;
top: -33px;
height: 202%;
z-index: 0;
}
.page-catering #order-summary-food-box, .page-menu #order-summary-food-box {
top: 133px;
z-index: 1;
}
.page-catering .mobileLeftNav, .page-menu .mobileLeftNav {
top: 133px !important;
}
.page-catering .theNotificationIsShowing ~ * #order-summary-food-box,
.page-menu .theNotificationIsShowing ~ * #order-summary-food-box {
top: 183px !important;
}
.page-catering .theNotificationIsShowing ~ * .mobileLeftNav,
.page-menu .theNotificationIsShowing ~ * .mobileLeftNav {
top: 183px !important;
}
#order-summary-food-box {
height: 40px;
padding: 4px 5px 0 10px;
}
#order-summary-food-box .number-of-items {
top: 6px
}
#order-summary-food-box .icon svg {
height: 35px;
bottom: 2px;
}
#order-summary-food-box .number-of-items {
top: 7px;
}
.notification-red-bar.theNotificationIsShowing ~ div * .mobileLeftNav.margintop {
margin-top: 0 !important;
}
.notification-red-bar.theNotificationIsShowing ~ div * .mobileLeftNav.margintop:before {
top: -30px;
height: 80px;
}
.page-wine .sf_colsOut.sf_3cols_2_50 {
width: 100% !important;
}
.page-wine .notification-red-bar.theNotificationIsShowing ~ div * .mobileLeftNav.margintop,
.page-happy-hour .notification-red-bar.theNotificationIsShowing ~ div * .mobileLeftNav {
margin-top: 0 !important;
}
.page-wine .mobileLeftNav.margintop,
.page-happy-hour .mobileLeftNav.margintop {
margin-top: 0 !important;
}
.page-catering-mobile .style-refresh .panel-body li a.selected {
color: #3d3d3d;
}
.page-catering .notification-red-bar.theNotificationIsShowing ~ div * .mobileLeftNav {
margin-top: 0 !important;
}
.page-catering .mobileLeftNav {
margin-top: 0 !important;
}
.page-catering div#notification-bar, .page-menu div#notification-bar,
.page-menu div#toastrWrap > div, .page-catering div#toastrWrap > div,
.page-catering .notification-bar, .page-menu .notification-bar,
.page-menu #notification-bar-item-canceled, .page-catering #notification-bar-item-canceled {
z-index: 23 !important;
}
div#notification-bar .menu-and-order-middle-section,
div#toastrWrap > div .menu-and-order-middle-section,
.notification-bar .menu-and-order-middle-section,
.modal-body .menu-and-order-middle-section {
margin-top: 0 !important;
}
.page-catering div#notification-bar.hide-notification-bar,
.page-menu div#notification-bar.hide-notification-bar,
.page-catering .notification-bar.hide-notification-bar, .page-menu .notification-bar.hide-notification-bar,
.page-menu #notification-bar-item-canceled.hide-notification-bar, .page-catering #notification-bar-item-canceled.hide-notification-bar {
top: -1500px;
}
#tabs.faq {
margin-top: 60px;
}
.page-drink .sf_3cols_2_50 {
width: 100% !important;
}
}
.toastr span.close-dropdown.custom-close {
position: absolute;
right: 15px;
top: 15px;
}
/*.page-sitemap .sf_cols.wrapper-inside {
display: none;
}*/
@media (min-width:768px) {
#rooster-update .DisableSlider .home-style .your-class-test-slick .slick-prev,
#rooster-update .DisableSlider .home-style .your-class-test-slick .slick-next,
#rooster-update .DisableSlider .your-class-test-slick .slick-dots {
display: none !important;
}
#rooster-update .DisableSlider #desktopSlider {
pointer-events: none;
}
#rooster-update .DisableSlider .sfContentBlock.PreventSwiperRelative {
position: relative;
}
div#PreventSwiper {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background-color: transparent;
top: 0;
left: 0;
}
}
@media (max-width:1024px) {
.sitemap .main-content {
padding-bottom: 0;
}
}
.accountPagesStyles .panel.overview-view-details .panel-heading a {
top: -9px;
}
.page-extras select {
position: relative;
z-index: 1;
background-color: transparent;
}
.page-contact-us #ajax-loader {
display: none !important;
}
.page-contact-us #ajax-loader.show {
display: block !important;
}
@-moz-document url-prefix() {
.outlineColor {
border-color: rgb(169, 169, 169);
border: 0.5px solid rgb(169, 169, 169);
}
}
@supports (-ms-ime-align:auto) {
.outlineColor {
border-color: rgb(169, 169, 169);
border: 0.5px solid rgb(169, 169, 169);
}
#generalTab.faq {
padding-bottom: 1px !important;
}
}
.top-banner .login-signup .user-profile img {
font-size: 0;
text-indent: -999em;
color: #231f20;
}
.global-licensing-opportunities p span a {
font-family: "Avenir black";
font-size: 0.8125em;
}
.blog p span a:active {
font-family: "Avenir black" !important;
font-size: 0.8125em !important;
}
ul.social-dropdown-social-content.advancedShare.adjuess.homeRestaurant {
margin-top: 26px !important;
}
.about-us .your-class-test-slick .slick-slide img.philip.setObjectPosition {
object-position: center bottom;
}
.location-all h1.style-refresh {
color: #fff;
}
@media (min-width:992px) {
.wrapper-inside.menu-mainMenu-drinks .sf_colsOut.sf_3cols_3_25 {
width: 26% !important;
}
.wrapper-inside.menu-mainMenu-drinks .sf_colsOut.sf_3cols_2_50 {
width: 50% !important;
}
.wrapper-inside.menu-mainMenu-drinks .sf_colsOut.sf_3cols_1_25 {
width: 24% !important;
}
}
@media (max-width:767px) {
#rooster-update .about-us .your-class-test-slick .slick-slide img.cecilia {
object-position: 17% 50% !important;
}
#rooster-update.page-about-us #wrapper #content {
padding-top: 100px;
}
#rooster-update .about-us .your-class-test-slick .slick-slide img.philip.setObjectPosition {
object-position: 30% 50% !important;
}
#rooster-update .about-us .your-class-test-slick .slick-slide img.mandarette {
object-position: center;
}
}
.img-responsive.gift-card-img {
padding-bottom: 18px;
}
.img-responsive.img-width {
width: 100%;
}
.page-blog h1.main-offer.offers.shareTitle, .page-blog h2.main-offer.offers.shareTitle {
margin-top: 20px;
}
h2.goshen.termsofserviceheader, p.normal.termsofservicestory, h2.goshen.privacypolicyheader, p.normal.privacypolicystory, h1.goshen.privacypolicyheader {
text-align: center;
}
h2.goshen.termsofserviceheader {
margin-top: 40px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
h2.goshen.termsofserviceheader, p.normal.termsofservicestory, h2.goshen.privacypolicyheader, p.normal.privacypolicystory, h1.goshen.privacypolicyheader {
text-align: left;
}
.main-body .orderSummary .panel-body .order-details-table-container .item-row .itm .item-edit-actions {
margin-right: -15px;
}
}
@media screen and (max-width: 767px) {
.page-catering-mobile .wrapper-outside {
margin-top: 62px;
}
.reservation-page .btn.grey {
text-transform: lowercase;
}
#rooster-update .info-menu-landing-page .row .col-md-12 .img-and-content-holder h1 {
width: 100%;
}
}
@media only screen and (min-width: 991px) {
.order-side-bar-actions {
width: 105px;
}
}
#rooster-update.page-happy-hour .wrapper-outside, #rooster-update.page-lunch .wrapper-outside {
padding-top: 70px;
}
@media only screen and (max-width: 767px) {
#rooster-update.page-happy-hour .wrapper-outside, #rooster-update.page-lunch .wrapper-outside {
padding-top: 50px;
}
}
.menu-and-order-middle-section .menu-item-form-section .option-row-extras .panel-default > .panel-heading {
background-color: #D8D8D8;
border: #D8D8D8;
}
.menu-and-order-middle-section .menu-item-form-section .option-row a.panel-title {
color: #231F20;
}
.menu-and-order-middle-section .menu-item-form-section a.panel-title em {
color: #231F20;
}
.ReservationTermsAndCondition, .MobileReservationTermsAndCondition {
font-size: 0.75em;
font-family: "Avenir Light";
}
.MobileReservationTermsAndCondition {
line-height: 20px;
}
.ReservationTermsAndCondition {
padding-top: 15px;
}
.MobileReservationTermsAndCondition a, .ReservationTermsAndCondition a, .MobileReservationTermsAndCondition a:hover, .ReservationTermsAndCondition a:hover {
color: #ffb652;
}
.checkoutTerms {
position: relative;
top: 10px;
}
.checkout-step-4 + div + ng-form {
display: block;
}
.msge-wrap.inbox, .msge-wrap.inbox a.links, .panel.orderSummary .panel-body .order-actions-checkout .msge-wrap.inbox a {
font-size: 0.75em;
}
.panel.orderSummary .panel-body .order-actions-checkout .msge-wrap.inbox a.links {
text-transform: none;
}
.col-xs-6.col-md-6.InboxParent {
min-width: 66%;
}
.col-md-3.col-xs-3.cancel-button {
width: 40%;
padding: 0;
}
.secure-message.col-md-7.col-xs-7, .reservation-page .CheckOutController .msge-wrap {
padding: 0 !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.col-xs-6.col-md-6.InboxParent {
min-width: 67%;
}
.msge-wrap.inbox {
padding: 15px 0 0;
}
.secure-message.col-md-7.col-xs-7, .col-md-3.col-xs-3.cancel-button {
padding: 0 !important;
width: 100%;
}
.msge-wrap.checkoutTerms {
max-width: 70%;
top: 22px;
left: 10px;
}
.col-md-3.col-xs-3.cancel-button {
width: 100%;
padding: 0;
}
}
#wrapper .contact-us label.contactus-lunchdinner {
cursor: pointer;
}
#BrowserSupport .modal-dialog {
z-index: 1;
}
#BrowserSupport .modal-content {
padding: 40px 65px 30px 65px;
top: 30px;
}
#BrowserSupport {
top: 100px;
background-color: transparent;
}
#BrowserSupport .bg {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
position: fixed;
width: 200%;
height: 200%;
background-color: #000;
z-index: 1;
top: -100px;
left: -100px;
}
#BrowserSupport .timeoutclose.close-dropdown {
font-family: "Arial,Helvetica,sans-serif" !important;
position: relative;
left: 35px;
font-size: 1.25em;
}
#BrowserSupport .close-dropdown.timeoutclose:before {
content: "";
}
@media only screen and (max-width : 767px) {
#BrowserSupport {
top: 99px !important;
}
.notification-red-bar p.browserSupport, .notification-red-bar p.browserSupport a, .notification-red-bar .notificationContent a:after {
font-size: 0.8125em !important;
line-height: 13px !important;
}
html.page-checkout div#scroll-container.panel.orderSummary .panel-heading {
display: none !important;
}
html.page-checkout div#scroll-container.panel.orderSummary .panel-body {
border: none;
padding: 0;
}
html.page-checkout .checkout-steps {
padding-bottom: 0;
}
html.page-checkout .checkout-steps .checkout-step-4 {
padding-bottom: 0;
}
.order-checkout .panel.orderSummary .panel-body .order-actions-checkout {
padding: 15px;
}
.order-checkout .panel.orderSummary .panel-body .order-actions-checkout .col-xs-6.placeorderbtn {
padding-bottom: 15px;
}
.totalQuantityCheckout td {
padding-top: 35px !important;
}
.page-checkout .sf_colsOut.sf_2cols_2_25 {
margin-top: 0 !important;
}
.checkout-step-4 + div + ng-form.ng-valid {
padding-left: 15px;
padding-right: 15px;
}
.order-checkout .panel.orderSummary .panel-body a.checkout-cancel-order {
float: right;
}
.col-md-3.col-xs-3.cancel-button {
padding-right: 3px;
}
.page-offers div#contentPlaceholder_C027_Col00 > div > .col-md-6 {
width: 100% !important;
padding: 0;
}
}
.page-reservations .rooster-nav-container,
.page-reservations #header {
z-index: 4;
}
.notification-red-bar p.browserSupport {
font-family: Goshen;
font-size: 1em;
color: #fff;
text-transform: lowercase;
line-height: 18px;
}
.page-reservations .reservation-page .text-input-style, .page-reservations .reservation-page .input-dropdown, .mobile-reservations .step-2-body time-input-dropdown,
.page-reservations .input-dropdown .dropdown, .page-account.page-profile select, #TopicOptionsInput {
position: relative;
}
.page-reservations .reservation-page .caret, .page-account.page-profile span.caret.style, .page-pastpoints .caret {
z-index: 0;
}
.page-pastpoints #pastPointsDate {
position: relative;
z-index: 1;
background-color: transparent;
}
#TopicOptionsInput, #AllStatesInput {
position: relative;
z-index: 2;
background-color: transparent;
}
input-dropdown#TopicOptionsInput ~ label {
z-index: 2;
}
.page-contact-us input#date, .page-contact-us input#date ~ em {
position: relative;
z-index: 2;
background-color: transparent;
}
.page-contact-us input#date ~ label {
z-index: 2;
}
#wrapper input-dropdown:before {
z-index: 0;
}
#wrapper input-dropdown:before {
display: none;
}
.contact-us-state-field .caret {
position: absolute;
right: 10px;
top: 16px;
}
input-dropdown#TopicOptionsInput ~ .caret {
position: absolute;
right: 10px;
top: 16px;
z-index: 0;
}
input-dropdown#TopicOptionsInput, .page-contact-us #wrapper .select-partySize {
background-color: transparent;
position: relative;
z-index: 1;
}
.wrapper-inside .hmb .step-2-body .location-date-time-party .col-md-3:last-child .group .dropdown {
position: absolute;
width: 100%;
}
.page-reservations .reservation-page #partySize + .input-dropdown {
width: 100%;
}
.page-reservations .reservation-page #partySizeMobile ~ .input-dropdown .dropdown {
position: absolute;
z-index: 1;
top: 33px;
}
.mobile-reservations .step-2-body .group.remove-margin-bottom input.display-drop {
z-index: 0;
}
.reservation-page .step-3-body .row.modify-reservation-buttons .btn.getDirBtn {
padding: 10px 14px 7px 14px;
}
.page-reservations .time-input-dropdown {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.checkout-steps.reservation-page .text-input-style ~ .caret {
right: 140px;
}
.page-reservations .time-input-dropdown {
z-index: 2;
}
.reservation-page .CheckOutController .checkbox-style + .msge-wrap {
padding-left: 10px !important;
}
.location-all .list-of-locations .single-location .single-location-header-Heart {
padding-left:37px !important;
}
}
#notification-red-bar.theNotificationIsShowing + #NotificationRedViolator {
top: -50px;
}
#notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing {
top: 50px;
border-top: 1px solid #840d14;
}
#notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing + #header {
top: 100px;
}
#rooster-update #wrapper #notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing ~ #content {
padding-top: 210px;
}
#rooster-update #wrapper #notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing ~ #content .rooster-nav-container {
top: 140px;
}
@media only screen and (max-width: 767px) {
#rooster-update #wrapper #notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing ~ #content .rooster-nav-container {
top: 100px;
}
#notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing + #header {
top: 160px;
}
#rooster-update #wrapper #notification-red-bar.theNotificationIsShowing + #NotificationRedViolator.theNotificationIsShowing ~ #content {
padding-top: 202px !important;
}
}
.textnoselect, .promo-text .no-thanks, .promo-text .sign-up, .primary-button, .btn, .fa, .custom-button-style {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@charset "UTF-8";
.h, label {
font-weight: 400
}
.-flexColumn {
-webkit-box-orient: vertical
}
.btn, .dashboardClose, .editButton, .modal__content [ng-click], .orderDetails, .paging a, .pointer {
cursor: pointer
}
#rooster-update #wrapper {
padding: 0
}
#rooster-update .top-banner, .rooster-nav-container {
z-index: 3
}
.btn span, .flexGrid {
position: relative;
z-index: 1
}
.flexGrid, .flexGrid__w {
width: 100%
}
.ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
max-height: 0 !important;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
.flexGrid {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.-flex, .hero__content {
display: -webkit-box;
display: -ms-flexbox;
}
.flexGrid--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flexGrid--spaceBetween {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.flexGrid__w--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flexGrid__w--vCenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
align-items: center;
}
.flexGrid__w10 {
width: 10%
}
.flexGrid__w15 {
width: 15%
}
.flexGrid__w20 {
width: 20%
}
.flexGrid__w25 {
width: 25%
}
.flexGrid__w30 {
width: 30%
}
.flexGrid__w33 {
width: 33.33%
}
.flexGrid__w40 {
width: 40%
}
.flexGrid__w50 {
width: 50%
}
.flexGrid__w60 {
width: 60%
}
.flexGrid__w66 {
width: 66.66%
}
.flexGrid__w75 {
width: 75%
}
.flexGrid__w80 {
width: 80%
}
.flexGrid__w90 {
width: 90%
}
.flexGrid__w100 {
width: 100%
}
.flexGrid__wc50 {
width: calc(50% - 20px)
}
.flexGrid__wc60 {
width: calc(60% - 20px)
}
.flexGrid__wc40 {
width: calc(40% - 20px)
}
@media (min-width:20em) {
.flexGrid__w10-xsmall {
width: 10%
}
.flexGrid__w15-xsmall {
width: 15%
}
.flexGrid__w20-xsmall {
width: 20%
}
.flexGrid__w25-xsmall {
width: 25%
}
.flexGrid__w30-xsmall {
width: 30%
}
.flexGrid__w33-xsmall {
width: 33.33%
}
.flexGrid__w40-xsmall {
width: 40%
}
.flexGrid__w50-xsmall {
width: 50%
}
.flexGrid__w60-xsmall {
width: 60%
}
.flexGrid__w66-xsmall {
width: 66.66%
}
.flexGrid__w75-xsmall {
width: 75%
}
.flexGrid__w80-xsmall {
width: 80%
}
.flexGrid__w90-xsmall {
width: 90%
}
.flexGrid__w100-xsmall {
width: 100%
}
.flexGrid__wc50-xsmall {
width: calc(50% - 20px)
}
}
@media (min-width:30em) {
.flexGrid__w10-small {
width: 10%
}
.flexGrid__w15-small {
width: 15%
}
.flexGrid__w20-small {
width: 20%
}
.flexGrid__w25-small {
width: 25%
}
.flexGrid__w30-small {
width: 30%
}
.flexGrid__w33-small {
width: 33.33%
}
.flexGrid__w40-small {
width: 40%
}
.flexGrid__w50-small {
width: 50%
}
.flexGrid__w60-small {
width: 60%
}
.flexGrid__w66-small {
width: 66.66%
}
.flexGrid__w75-small {
width: 75%
}
.flexGrid__w80-small {
width: 80%
}
.flexGrid__w90-small {
width: 90%
}
.flexGrid__w100-small {
width: 100%
}
.flexGrid__wc50-small {
width: calc(50% - 20px)
}
}
@media (min-width:40em) {
.flexGrid__w10-medium {
width: 10%
}
.flexGrid__w15-medium {
width: 15%
}
.flexGrid__w20-medium {
width: 20%
}
.flexGrid__w25-medium {
width: 25%
}
.flexGrid__w30-medium {
width: 30%
}
.flexGrid__w33-medium {
width: 33.33%
}
.flexGrid__w40-medium {
width: 40%
}
.flexGrid__w50-medium {
width: 50%
}
.flexGrid__w60-medium {
width: 60%
}
.flexGrid__w66-medium {
width: 66.66%
}
.flexGrid__w75-medium {
width: 75%
}
.flexGrid__w80-medium {
width: 80%
}
.flexGrid__w90-medium {
width: 90%
}
.flexGrid__w100-medium {
width: 100%
}
.flexGrid__wc50-medium {
width: calc(50% - 20px)
}
.flexGrid__wc60-medium {
width: calc(60% - 20px)
}
.flexGrid__wc40-medium {
width: calc(40% - 20px)
}
}
@media (min-width:64em) {
.flexGrid__w10-large {
width: 10%
}
.flexGrid__w15-large {
width: 15%
}
.flexGrid__w20-large {
width: 20%
}
.flexGrid__w25-large {
width: 25%
}
.flexGrid__w30-large {
width: 30%
}
.flexGrid__w33-large {
width: 33.33%
}
.flexGrid__w40-large {
width: 40%
}
.flexGrid__w50-large {
width: 50%
}
.flexGrid__w60-large {
width: 60%
}
.flexGrid__w66-large {
width: 66.66%
}
.flexGrid__w75-large {
width: 75%
}
.flexGrid__w80-large {
width: 80%
}
.flexGrid__w90-large {
width: 90%
}
.flexGrid__w100-large {
width: 100%
}
.flexGrid__wc50-large {
width: calc(50% - 20px)
}
}
@media (min-width:76em) {
.flexGrid__w10-xlarge {
width: 10%
}
.flexGrid__w15-xlarge {
width: 15%
}
.flexGrid__w20-xlarge {
width: 20%
}
.flexGrid__w25-xlarge {
width: 25%
}
.flexGrid__w30-xlarge {
width: 30%
}
.flexGrid__w33-xlarge {
width: 33.33%
}
.flexGrid__w40-xlarge {
width: 40%
}
.flexGrid__w50-xlarge {
width: 50%
}
.flexGrid__w60-xlarge {
width: 60%
}
.flexGrid__w66-xlarge {
width: 66.66%
}
.flexGrid__w75-xlarge {
width: 75%
}
.flexGrid__w80-xlarge {
width: 80%
}
.flexGrid__w90-xlarge {
width: 90%
}
.flexGrid__w100-xlarge {
width: 100%
}
.flexGrid__wc50-xlarge {
width: calc(50% - 20px)
}
}
@media (min-width:90em) {
.flexGrid__w10-super {
width: 10%
}
.flexGrid__w15-super {
width: 15%
}
.flexGrid__w20-super {
width: 20%
}
.flexGrid__w25-super {
width: 25%
}
.flexGrid__w30-super {
width: 30%
}
.flexGrid__w33-super {
width: 33.33%
}
.flexGrid__w40-super {
width: 40%
}
.flexGrid__w50-super {
width: 50%
}
.flexGrid__w60-super {
width: 60%
}
.flexGrid__w66-super {
width: 66.66%
}
.flexGrid__w75-super {
width: 75%
}
.flexGrid__w80-super {
width: 80%
}
.flexGrid__w90-super {
width: 90%
}
.flexGrid__w100-super {
width: 100%
}
.flexGrid__wc50-super {
width: calc(50% - 20px)
}
}
.-flex {
display: flex
}
.-flexCenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.-flexCenterAll {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.-flexColumn {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.-flexBetween {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.-flexWrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.-flexEnd {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media (min-width:64em) {
.-flexEndLarge {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (min-width:76em) {
.-flexEndXlarge {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
.-flexGrow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.-flexSelfEnd {
-ms-flex-item-align: end;
align-self: flex-end
}
.-flexSelfStart {
-ms-flex-item-align: start;
align-self: flex-start
}
.-flexSelfEnd {
-ms-flex-item-align: end;
align-self: flex-end
}
.-flexSelfStart {
-ms-flex-item-align: start;
align-self: flex-start
}
.-bgPurple a:hover {
color: #fff;
opacity: .75
}
.h {
font-family: Goshen;
-webkit-font-variant-ligatures: no-common-ligatures;
font-variant-ligatures: no-common-ligatures
}
.btn.-primary, .btn.-secondary {
font-family: Goshen
}
.btn.-disabled {
background-color:#ccc;
pointer-events:none;
cursor: wait;
}
.h--xl {
font-size: 1.5em
}
@media (min-width:40em) {
.h--xl {
font-size: 2.5em
}
}
.h--lg {
font-size: 1.375em;
line-height: 28px
}
@media (min-width:30em) {
.h--lg {
font-size: 1.625em
}
}
@media (min-width:40em) {
.h--lg {
font-size: 2em;
line-height: 36px
}
}
.h--md {
font-size: 1.5em
}
.h--sm {
font-size: 1.125em
}
.btn {
position: relative;
border: 0;
border-radius: 2px;
padding: 10px 15px;
overflow: hidden;
display: inline-block;
font-size: 1em;
line-height: 20px;
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.5);
box-shadow: 0 2px 1px rgba(0,0,0,.5);
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
@media (min-width:76em) {
.btn {
font-size: 1.125em;
line-height: 24px;
padding: 15px 30px
}
}
.btn.-primary {
background-color: #aa272f;
color: #fff;
padding: 11px 14px 6px
}
.btn.-primary.arrow-icon {
padding: 11px 10px 6px;
margin-right: 2px
}
.btn.-primary:hover {
color: #fff;
background-color: rgba(170,39,47,.85)
}
@media (min-width:64em) {
.btn.-primary {
padding: 11px 28px 6px
}
}
.btn.-secondary, .btn.-facebook {
background-color: #D8D8D8;
margin-left: 0;
padding: 11px 14px 6px;
color: #3d3d3d
}
.btn.-secondary:hover {
background-color: rgba(216,216,216,.75)
}
.select, .select:hover {
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
.ie11 select,
.ie11 select:hover {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 0 1em 0 0.25em;
}
.ie11 select.ng-empty {
font-size: 0.9em;
color: #a0a0a0;
}
.ie11 select.ng-empty option:not([value=""]) {
font-size: 1em;
color: #000;
}
.btn.-large {
width: 260px
}
.btn.-close, .modal-content .btn.-close {
position: absolute;
padding: 0;
border: 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
top: 10px;
right: 10px;
color: #767676
}
.select, .select:hover, input[type=password], input[type=checbox] {
border: 1px solid #B7BDC4
}
.btn.-close svg, .modal-content .btn.-close svg {
width: 20px;
height: 20px;
display: block
}
.btn.-close.-colorWhite, .modal-content .btn.-close.-colorWhite {
color: #fff
}
.userInput, input[type=text], input[type=email], input[type=password] {
display: inline-block;
border: 1px solid #B7BDC4;
padding: 0 10px;
line-height: 40px;
height: 40px;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
.modal input[type=checbox] {
font-size: 1em;
width: 16px;
height: 16px;
display: inline-block;
}
@media (min-width:64em) {
.btn.-close, .modal-content .btn.-close {
right: 20px;
top: 20px
}
.userInput, input[type=text], input[type=email], input[type=password] {
line-height: 45px;
height: 45px
}
}
.btn.-facebook {
background-color: rgba(58, 96, 148, 1);
color: white;
}
.btn.-facebook span:before {
position: absolute;
left: -45px;
top: 0;
background-image: url('/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/Facebook.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
}
input[type=checbox] {
height: 16px;
width: 16px
}
.userLabel {
display: inline-block
}
label {
font-size: inherit
}
.select {
color: #767676;
text-transform: none;
line-height: 45px;
height: 45px;
padding: 0 .5em;
text-align: left
}
.selectInput {
position: relative
}
.ui-datepicker {
z-index: 10000 !important
}
.ui-datepicker .ui-widget-header .ui-icon {
background-image: none
}
.ui-datepicker .ui-widget-header .ui-state-hover {
border: 0;
font-weight: 700;
right: 2px;
top: 2px
}
.editButton {
position: absolute;
top: 10px;
right: 20px;
font-size: 1em
}
.errorBox p, .errorContainer {
color: #AA272F;
font-size: 1.25rem
}
.editButton svg {
height: 12px;
width: 20px
}
.errorContainer {
padding: 5px 0
}
.errorBox {
border: 1px solid #ED2939;
background-color: #FDE9EB;
margin: 0 0 20px
}
.errorBox p {
padding: 15px
}
.errorBoxNoBg {
border: 1px solid #ED2939;
margin: 20px 0;
}
input.ng-touched.ng-invalid, select.ng-invalid.ng-dirty, select.ng-touched.ng-invalid.ng-dirty, .submitted select.ng-invalid-required {
border-color: #ED2939
}
@media (min-width:64em) {
.editButton {
top: 20px
}
.hero__content {
margin-top: 70px;
max-height: 480px;
height: 480px;
width: 100%;
}
}
.inlineMessage {
padding: 20px;
border: 1px solid #80379B;
font-family: avenir
}
@media (min-width:64em) {
.modal__heading {
text-align: center
}
}
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 10000
}
.modal .-close {
z-index: 2
}
.modal .dropdown-menu li a {
color: #fff
}
.modal__background {
position: absolute;
width: 100%;
height: 100%
}
.modal__content {
position: absolute;
left: 0;
right: 0;
top: -100px;
width: auto;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
opacity: 0;
z-index: 100;
}
.modal__content input:focus ~ label.text-label-style, .modal__content input:valid ~ label.text-label-style {
top: -20px !important
}
.modal__content .text-label-style {
left: 5px
}
.modal__content.locationModal {
max-width: 530px
}
@media screen and (max-width:40em) {
.modal__content {
padding-bottom: 75px
}
.modalOpen #content {
position: fixed;
z-index: 0;
}
}
@media (min-width:30em) {
.modal__content {
left: 20px;
right: 20px
}
}
@media (min-width:40em) {
.dashboard__locations {
background-color: #fff;
border: 1px solid #D8D8D8
}
.modal__content {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%
}
}
.modal__locationResult {
background-color: #fff;
border: 1px solid #D8D8D8;
padding: 10px;
margin-bottom: 10px
}
.modal__locationResult .alert {
margin-bottom: 0
}
.modal__locationResult:hover {
background-color: #D8D8D8;
cursor: pointer
}
.modalOpen {
height: 100%;
overflow: hidden;
}
.modalOpen #content {
height: 100%;
width: 100%;
overflow: hidden;
z-index: 0;
}
@media screen and (max-width:40em) {
.modalOpen #footer, .modalOpen #header {
display: none !important
}
}
.modalOpen .modal {
overflow-y: scroll;
bottom: inherit;
height: 100%
}
.modalOpen .modal__content {
opacity: 1;
top: 0
}
@media (min-width:40em) {
.modalOpen .modal__content {
top: 20px
}
}
@media (min-width:64em) {
.modalOpen .modal__content {
top: 55px
}
}
.notification-red-bar {
overflow: hidden !important
}
.accountoverview-page, .-bgPage {
overflow-x: hidden;
padding-top: 0;
width: 100%;
background-image: url(https://www.pfchangs.com/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-large.jpg);
background-size: cover
}
.-bgWhite {
background-color: #fff
}
-bgBlue {
}
.-bgPurple {
background-color: #80379B
}
.-bgPurpleLight {
background-color: #F1ECF4
}
.-bgGray {
background-color: #ccc;
}
.-bgGrayLightest {
background-color: #F6F6F6;
}
.-bgModalHeader {
background-size: cover;
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/modalHeader.png)
}
.-bgSigninModal {
background-size: cover;
background-image: url('/images/default-source/gigya/bg-gigya-notification.jpg');
}
.-bgRewards {
background-size: cover;
background-image: url(https://www.pfchangs.com/images/default-source/rewards/rewards-purple-background.jpg?sfvrsn=cb2fea35_2)
}
.-bgModal {
background-color: rgba(61,61,61,.7)
}
.-bgWhiteTrans {
background-color: rgba(255, 255, 255, 0.50);
}
.-bgModalSmall {
background-image: url(/Sitefinity/WebsiteTemplates/Base/App_Themes/Base/Images/newsprint-small.jpg)
}
.-borderAll {
border: 1px solid rgba(204,204,204,.75)
}
.-borderAllPurple {
border: 1px solid #80379B
}
.-borderBottom {
border-bottom: 1px solid rgba(204,204,204,.75)
}
@media screen and (max-width:64em) {
.-borderBottom--largeDown {
border-bottom: 1px solid rgba(204,204,204,.75)
}
}
.-borderTop {
border-top: 1px solid rgba(204,204,204,.75)
}
.-borderRight {
border-right: 1px solid rgba(204,204,204,.75)
}
@media (min-width:76em) {
.-borderRightXlarge {
border-right: 1px solid rgba(204,204,204,.75)
}
}
.-colorRed {
color: #aa272f
}
.-colorPurple {
color: #80379B
}
.-colorWhite {
color: #fff
}
.-colorGray {
color: #767676
}
.-colorGrayDark {
color: #353735
}
.-colorGrayLightest {
color: #F6F6F6
}
.-colorGrayMid {
color: #D8D8D8
}
.-lh14 {
line-height: 14px
}
.-lh16 {
line-height: 16px
}
.-font42 {
font-size: 2em
}
@media (min-width:40em) {
.-font42 {
font-size: 2.625em
}
}
.-font32 {
font-size: 1.75em
}
@media (min-width:40em) {
.-font32 {
font-size: 2em
}
}
.-font24 {
font-size: 1.25em
}
@media (min-width:40em) {
.-font24 {
font-size: 1.5em
}
}
.-font18 {
font-size: 0.875em
}
@media (min-width:64em) {
.-borderRightLarge {
border-right: 1px solid rgba(204,204,204,.75)
}
.-font18 {
font-size: 1.125em
}
}
.-font14 {
font-size: 0.875em;
line-height: 18px
}
.-font13 {
font-size: 0.8125em
}
.-font12 {
font-size: 0.75em
}
.-fontMid {
font-weight: 700
}
.-fontCenter {
text-align: center
}
.-fontRight {
text-align: right
}
.-fontAvenir {
font-family: 'Avenir Medium'
}
.-fontHeavy {
font-family: 'Avenir Black'
}
.-fontGoshD {
-webkit-font-variant-ligatures: no-common-ligatures;
font-variant-ligatures: no-common-ligatures;
font-family: Goshen
}
.-marginTop {
margin-top: 20px
}
.-marginTop-2 {
margin-top: 40px
}
.-beforeLine span {
z-index: 1;
}
.-bgLine:before {
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 100%;
background-color: #f6f6f6;
content: ' ';
z-index 0;
left: 0;
z-index: 0;
}
@media (min-width:64em) {
.-fontRightLarge {
text-align: right
}
.-marginTop {
margin-top: 40px
}
.-marginTop-2 {
margin-top: 80px
}
}
.-marginTopHalf {
margin-top: 10px
}
@media (min-width:64em) {
.-marginTopHalf {
margin-top: 20px
}
}
.-marginTopHalfMedSmaller {
margin-top: 10px
}
@media (min-width:40em) {
.-marginTopHalfMedSmaller {
margin-top: 10px
}
}
.-marginBottom {
margin-bottom: 20px
}
@media (min-width:64em) {
.-marginBottom {
margin-bottom: 40px
}
}
.-marginBottomHalf {
margin-bottom: 10px
}
@media (min-width:64em) {
.-marginBottomHalf {
margin-bottom: 20px
}
}
.-marginBottomQtr {
margin-bottom: 10px
}
.-marginAll {
margin: 20px
}
@media (min-width:64em) {
.-marginAll {
margin: 40px
}
}
.-marginLeft {
margin-left: 20px
}
.-marginLeftAuto {
margin-left: auto
}
@media (min-width:64em) {
.-marginLeft {
margin-left: 40px
}
}
@media (min-width:40em) {
.-marginLeftMed {
margin-left: 10px
}
}
.-marginRightHalf {
margin-right: 10px
}
@media (min-width:64em) {
.-marginLeftLarge {
margin-left: 40px
}
.-marginRightHalf {
margin-right: 20px
}
}
.-marginSides {
margin-left: 20px;
margin-right: 20px
}
@media (min-width:64em) {
.-marginSides {
margin-left: 40px;
margin-right: 40px
}
}
@media screen and (max-width:40em) {
.-marginSidesMedDown {
margin-left: 20px;
margin-right: 20px
}
}
.-marginC {
margin-left: auto;
margin-right: auto
}
.-paddingTop {
padding-top: 20px
}
@media (min-width:64em) {
.-paddingTop {
padding-top: 40px
}
}
.-paddingTopHalf {
padding-top: 10px
}
@media (min-width:64em) {
.-paddingTopHalf {
padding-top: 20px
}
}
@media screen and (max-width:40em) {
.-paddingVertMedDown {
padding-top: 20px;
padding-bottom: 20px
}
.-w100-small {
width: 100%
}
}
.-paddingVertQtr {
padding-top: 5px;
padding-bottom: 5px
}
@media (min-width:64em) {
.-paddingVertQtr {
padding-top: 10px;
padding-bottom: 10px
}
}
.-paddingBottom {
padding-bottom: 20px
}
@media (min-width:64em) {
.-paddingBottom {
padding-bottom: 40px
}
}
.-paddingBottomHalf {
padding-bottom: 10px
}
.-paddingSides {
padding-left: 20px;
padding-right: 20px
}
@media (min-width:64em) {
.-paddingBottomHalf {
padding-bottom: 20px
}
.-paddingSides {
padding-left: 40px;
padding-right: 40px
}
}
.-paddingSidesHalf {
padding-left: 10px;
padding-right: 10px
}
@media screen and (max-width:76em) {
.-paddingSidesHalfXlargeDown {
padding-left: 20px;
padding-right: 20px
}
}
.-paddingAll {
padding: 20px
}
@media (min-width:64em) {
.-paddingSidesHalf {
padding-left: 20px;
padding-right: 20px
}
.-paddingAll {
padding: 40px
}
}
.-paddingAllHalf {
padding: 10px
}
@media (min-width:64em) {
.-paddingAllHalf {
padding: 20px
}
.-paddingAllHalfLarge, .-paddingAllLarge {
padding: 40px
}
}
.-paddingRightHalf {
padding-right: 10px
}
.-wrap.-w20em {
max-width: 20em
}
.-wrap.-w30em {
max-width: 30em
}
.-wrap.-w35em {
max-width: 35em
}
.-wrap.-w40em {
max-width: 40em
}
.-wrap.-w50em {
max-width: 50em
}
.-wrap.-w64em {
max-width: 64em
}
.-wrap.-w72em {
max-width: 72em;
}
.-wrap.-w80em {
max-width: 80em;
}
.-wrap.-small {
max-width: calc(30em - 5em)
}
.-wrap.-w80p {
max-width: 80%
}
.-block {
display: block
}
.inline-block {
display: inline-block
}
.-vAlignMiddle {
vertical-align: middle
}
.-vAlignTextTop {
vertical-align: text-top
}
.-w100 {
width: 100%;
max-width: 100%
}
.-linedText, .-relative {
position: relative
}
.-linedText span {
background-color: #fff
}
.-linedText:before {
position: absolute;
z-index: -1;
content: ' ';
height: 1px;
top: 50%;
left: 0;
margin-top: -1px;
width: 100%;
background-color: #D8D8D8
}
.-floatLeft {
clear: none;
float: left
}
.-floatRight {
clear: none;
float: right
}
.-hidden {
display: none
}
@media (min-width:40em) {
.-hidden-medium {
display: none
}
}
@media (min-width:90em) {
.-hidden-super {
display: none
}
}
@media (min-width:64em) {
.-paddingRightHalf {
padding-right: 20px
}
.-hidden-large {
display: none
}
.-visible-large {
display: block;
}
.-visible-large-inline {
display: inline-block;
}
}
a.fb-button {
color: #FFF;
display: inline-block;
text-decoration: none;
}
.fb-button {
background: #4c69ba;
background: linear-gradient(#4c69ba, #3b55a0);
/*background-image: url('https://static.xx.fbcdn.net/rsrc.php/v3/yk/r/mDRwtnJueyz.png'); */
border-top: 1px solid #29447E;
border-right: 1px solid #29447E;
border-bottom: 1px solid #1A356E;
border-left: 1px solid #29447E;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8A9CC2;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8A9CC2;
cursor: pointer;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 0.8125em;
font-weight: bold;
height: 40px;
line-height: 23px;
padding: 0px 5px 0px 30px;
text-align: left;
}
.tooltip > .tooltip-inner {
background-color: #e0e0e0;
padding: 1em 1em 1em 1em;
font-family: "Avenir Light";
font-size: 0.75em;
border-radius: 5px;
color: black;
}
.tooltip strong {
font-family: "Avenir Black";
}
.tooltip.top .tooltip-arrow {
border-top-color: #e0e0e0 !important;
}
.weak {
color:#AA272F;
}
.strong {
color:#28af92;
}
/*
.modal input, modal select {
visibility: hidden;
opacity: 0;
display: none;
}
.modal.visible input, .modal.visible select {
opacity: 1;
visibility: visible;
display: inline-block;
} */