/* Minification failed. Returning unminified contents. (5042,31): run-time error CSS1019: Unexpected token, found '}' */ /*! jQuery UI - v1.10.3 - 2013-11-13 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.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-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;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{border:1px solid #fbcb09;background:#fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.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_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-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:-64px -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:-64px -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:0 -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:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * Owl Carousel Owl Demo Theme * v1.24 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ height: 68px; background: url(AjaxLoader.gif) no-repeat center center } /* SITE wide CSS - applies to both the public and the back end */ /* Site.css is generated by the Sass precompiler */ /* Please make changes to Site.scss (SASS) since changes to Site.css (CSS) will be overwritten */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } script { display: none !important; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; } meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; } meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #fff; color: #666; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .row .large-offset-0 { position: relative; margin-left: 0%; } .row .large-offset-1 { position: relative; margin-left: 8.33333%; } .row .large-offset-2 { position: relative; margin-left: 16.66667%; } .row .large-offset-3 { position: relative; margin-left: 25%; } .row .large-offset-4 { position: relative; margin-left: 33.33333%; } .row .large-offset-5 { position: relative; margin-left: 41.66667%; } .row .large-offset-6 { position: relative; margin-left: 50%; } .row .large-offset-7 { position: relative; margin-left: 58.33333%; } .row .large-offset-8 { position: relative; margin-left: 66.66667%; } .row .large-offset-9 { position: relative; margin-left: 75%; } .row .large-offset-10 { position: relative; margin-left: 83.33333%; } .row .large-offset-11 { position: relative; margin-left: 91.66667%; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } /* Foundation Visibility HTML Classes */ .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } /* Specific visilbity for tables */ table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; } /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; } .show-for-large, .show-for-large-down { display: none !important; } .hide-for-large, .hide-for-large-down { display: inherit !important; } .hide-for-xlarge { display: none !important; } /* Specific visilbity for tables */ table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; } td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visilbity for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visilbity for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625em; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625em 1.25em; } .small-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 768px) { /* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } p.lead { font-size: 1.21875em; line-height: 1.6; } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default Link Styles */ a { color: #538ac6; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #407dc0; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 2.125em; } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 0; } ul.no-bullet, ol.no-bullet { margin-left: 0; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #666; border-bottom: 1px dotted #ddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 0.8125em; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: 0.625em 0.75em; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375em; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } @media only screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3 { font-size: 1.6875em; } h4 { font-size: 1.4375em; } } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #538ac6; border-color: #3970ad; color: #fff; } button:hover, button:focus, .button:hover, .button:focus { background-color: #3970ad; } button:hover, button:focus, .button:hover, .button:focus { color: #fff; } button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333; } button.success, .button.success { background-color: #00a600; border-color: #007300; color: #fff; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #007300; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #fff; } button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: #fff; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #fff; } button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #538ac6; border-color: #3970ad; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #3970ad; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #fff; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #538ac6; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #00a600; border-color: #007300; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #007300; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #fff; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #00a600; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #fff; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none; } button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none; } @media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } @media only screen and (min-width: 768px) { button, .button { display: inline-block; } } /* Standard Forms */ form { margin: 0 0 1em; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5em; } form .row .row .column, form .row .row .columns { padding: 0 0.5em; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5em; } /* Label Styles */ label { font-size: 0.875em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.1875em; /* Styles for required inputs */ } label.right { float: none; text-align: right; } label.inline { margin: 0 0 1em 0; padding: 0.625em 0; } label small { text-transform: capitalize; color: #666666; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333; } span.prefix.radius, label.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } span.postfix, label.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333; } span.postfix.radius, label.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* Input groups will automatically style first and last elements of the group */ .input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: #fff; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1em 0; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: solid 1px #ddd; padding: 1.25em; margin: 1.125em 0; } fieldset legend { font-weight: bold; background: #fff; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; } /* Error Handling */ [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: #fff; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: #fff; } .error input, .error textarea, .error select { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); margin-bottom: 0; } .error input:focus, .error textarea:focus, .error select:focus { background: #fafafa; border-color: #999999; } .error label, .error label.error { color: #c60f13; } .error > small, .error small.error { display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: #fff; } .error span.error-message, .error .toaster span.success-message, .toaster .error span.success-message { display: block; } input.error, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); margin-bottom: 0; } input.error:focus, textarea.error:focus { background: #fafafa; border-color: #999999; } .error select { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error select:focus { background: #fafafa; border-color: #999999; } label.error { color: #c60f13; } /* Button Groups */ .button-group { list-style: none; margin: 0; *zoom: 1; } .button-group:before, .button-group:after { content: " "; display: table; } .button-group:after { clear: both; } .button-group > * { margin: 0 0 0 -1px; float: left; } .button-group > *:first-child { margin-left: 0; } .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } .button-group.even-2 li { width: 50%; } .button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; } .button-group.even-3 li { width: 33.33333%; } .button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; } .button-group.even-4 li { width: 25%; } .button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { width: 20%; } .button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { width: 16.66667%; } .button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { width: 14.28571%; } .button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { width: 12.5%; } .button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; } .button-bar { *zoom: 1; } .button-bar:before, .button-bar:after { content: " "; display: table; } .button-bar:after { clear: both; } .button-bar .button-group { float: left; margin-right: 0.625em; } .button-bar .button-group div { overflow: hidden; } /* Dropdown Button */ .dropdown.button { position: relative; padding-right: 3.1875em; } .dropdown.button:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: #fff transparent transparent transparent; top: 50%; } .dropdown.button:before { border-width: 0.5625em; right: 1.5em; margin-top: -0.25em; } .dropdown.button:before { border-color: #fff transparent transparent transparent; } .dropdown.button.tiny { padding-right: 2.1875em; } .dropdown.button.tiny:before { border-width: 0.4375em; right: 0.875em; margin-top: -0.15625em; } .dropdown.button.tiny:before { border-color: #fff transparent transparent transparent; } .dropdown.button.small { padding-right: 2.8125em; } .dropdown.button.small:before { border-width: 0.5625em; right: 1.125em; margin-top: -0.21875em; } .dropdown.button.small:before { border-color: #fff transparent transparent transparent; } .dropdown.button.large { padding-right: 4em; } .dropdown.button.large:before { border-width: 0.625em; right: 1.75em; margin-top: -0.3125em; } .dropdown.button.large:before { border-color: #fff transparent transparent transparent; } .dropdown.button.secondary:before { border-color: #333 transparent transparent transparent; } /* Split Buttons */ .split.button { position: relative; padding-right: 4.8em; } .split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px; } .split.button span:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; left: 50%; } .split.button span:active { background-color: rgba(0, 0, 0, 0.1); } .split.button span { border-left-color: #33649a; } .split.button span { width: 3em; } .split.button span:before { border-top-style: solid; border-width: 0.5625em; top: 1.125em; margin-left: -0.5625em; } .split.button span:before { border-color: #fff transparent transparent transparent; } .split.button.secondary span { border-left-color: #c3c3c3; } .split.button.secondary span:before { border-color: #fff transparent transparent transparent; } .split.button.alert span { border-left-color: #7f0a0c; } .split.button.success span { border-left-color: #005a00; } .split.button.tiny { padding-right: 3.9375em; } .split.button.tiny span { width: 2.84375em; } .split.button.tiny span:before { border-top-style: solid; border-width: 0.4375em; top: 0.875em; margin-left: -0.3125em; } .split.button.small { padding-right: 3.9375em; } .split.button.small span { width: 2.8125em; } .split.button.small span:before { border-top-style: solid; border-width: 0.5625em; top: 0.84375em; margin-left: -0.5625em; } .split.button.large { padding-right: 6em; } .split.button.large span { width: 3.75em; } .split.button.large span:before { border-top-style: solid; border-width: 0.625em; top: 1.3125em; margin-left: -0.5625em; } .split.button.expand { padding-left: 2em; } .split.button.secondary span:before { border-color: #333 transparent transparent transparent; } .split.button.radius span { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .split.button.round span { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Flex Video */ .flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Sections */ [data-section=''], [data-section='auto'], .section-container.auto, [data-section='vertical-tabs'], .section-container.vertical-tabs, [data-section='vertical-nav'], .section-container.vertical-nav, [data-section='horizontal-nav'], .section-container.horizontal-nav, [data-section='accordion'], .section-container.accordion { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style], [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style], [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style], [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style], [data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] { width: 100% !important; } [data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section, [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section, [data-section='accordion'][data-section-small-style] > [data-section-region], [data-section='accordion'][data-section-small-style] > section, [data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title, [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title, [data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='accordion'][data-section-small-style] > [data-section-region] > .title, [data-section='accordion'][data-section-small-style] > section > [data-section-title], [data-section='accordion'][data-section-small-style] > section > .title, [data-section='accordion'][data-section-small-style] > .section > [data-section-title], [data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title { width: 100% !important; } [data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region], [data-section='vertical-tabs'] > section, [data-section='vertical-tabs'] > .section, [data-section='vertical-tabs'] > [data-section-region], .section-container.vertical-tabs > section, .section-container.vertical-tabs > .section, .section-container.vertical-tabs > [data-section-region], [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region], [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region], [data-section='accordion'] > section, [data-section='accordion'] > .section, [data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] { margin: 0; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title, [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { margin-bottom: 0; } [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a, [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a, [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a, [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a, [data-section='accordion'] > section > [data-section-title] a, [data-section='accordion'] > section > .title a, [data-section='accordion'] > .section > [data-section-title] a, [data-section='accordion'] > .section > .title a, [data-section='accordion'] > [data-section-region] > [data-section-title] a, [data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content, [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content, [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content, [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content, [data-section='accordion'] > section > [data-section-content], [data-section='accordion'] > section > .content, [data-section='accordion'] > .section > [data-section-content], [data-section='accordion'] > .section > .content, [data-section='accordion'] > [data-section-region] > [data-section-content], [data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content { display: none; } [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content, [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content, [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content, [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content, [data-section='accordion'] > section.active > [data-section-content], [data-section='accordion'] > section.active > .content, [data-section='accordion'] > .section.active > [data-section-content], [data-section='accordion'] > .section.active > .content, [data-section='accordion'] > [data-section-region].active > [data-section-content], [data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content { display: block; } [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active), [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active), [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active), [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active), [data-section='accordion'] > section:not(.active), [data-section='accordion'] > .section:not(.active), [data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) { padding: 0 !important; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title, [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { width: 100%; } .section-container.auto, .section-container.vertical-tabs, .section-container.vertical-nav, .section-container.horizontal-nav, .section-container.accordion { border-top: 1px solid #ccc; } .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title, .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .section-container.auto > section > .title a, .section-container.auto > .section > .title a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a, .section-container.accordion > section > .title a, .section-container.accordion > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover, .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover, .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover, .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover, .section-container.accordion > section > .title:hover, .section-container.accordion > .section > .title:hover { background-color: #e2e2e2; } .section-container.auto > section > .content, .section-container.auto > .section > .content, .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content, .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content, .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content, .section-container.accordion > section > .content, .section-container.accordion > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child, .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child, .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child, .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child, .section-container.accordion > section > .content > *:last-child, .section-container.accordion > .section > .content > *:last-child { margin-bottom: 0; } .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child, .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child, .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child, .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child, .section-container.accordion > section > .content > *:first-child, .section-container.accordion > .section > .content > *:first-child { padding-top: 0; } .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video), .section-container.accordion > section > .content > *:last-child:not(.flex-video), .section-container.accordion > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title, .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title, .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title, .section-container.accordion > section.active > .title, .section-container.accordion > .section.active > .title { background: #d6d6d6; } .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a, .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a, .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a, .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a, .section-container.accordion > section.active > .title a, .section-container.accordion > .section.active > .title a { color: #333; } .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active) { padding: 0 !important; } .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title, .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title { border-top: none; } [data-section='tabs'], .section-container.tabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { margin-bottom: 0; } [data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content { display: none; } [data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content { display: block; } [data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { width: auto; position: absolute; top: 0; left: 0; } .section-container.tabs { border: none; } .section-container.tabs > section > .title, .section-container.tabs > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover { background-color: #e2e2e2; } .section-container.tabs > section > .content, .section-container.tabs > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child { margin-bottom: 0; } .section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child { padding-top: 0; } .section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { background: #fff; } .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a { color: #333; } .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) { padding: 0 !important; } .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { border-bottom: 0; } @media only screen and (min-width: 768px) { [data-section=''], [data-section='auto'], .section-container.auto { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { margin-bottom: 0; } [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content { display: none; } [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content { display: block; } [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) { padding: 0 !important; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { width: auto; position: absolute; top: 0; left: 0; } .section-container.auto { border: none; } .section-container.auto > section > .title, .section-container.auto > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .section-container.auto > section > .title a, .section-container.auto > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { background-color: #e2e2e2; } .section-container.auto > section > .content, .section-container.auto > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child { margin-bottom: 0; } .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child { padding-top: 0; } .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { background: #fff; } .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { color: #333; } .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) { padding: 0 !important; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { border-bottom: 0; } [data-section='vertical-tabs'], .section-container.vertical-tabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style] { width: 100% !important; } [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title { margin-bottom: 0; } [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content { display: none; } [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content { display: block; } [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title { position: absolute; top: 0; left: 0; width: 12.5em; } [data-section='vertical-tabs'] > section.active, [data-section='vertical-tabs'] > .section.active, [data-section='vertical-tabs'] > [data-section-region].active, .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active, .section-container.vertical-tabs > [data-section-region].active { padding-left: 12.5em; } [data-section='vertical-tabs'] > section.active > [data-section-title], [data-section='vertical-tabs'] > section.active > .title, [data-section='vertical-tabs'] > .section.active > [data-section-title], [data-section='vertical-tabs'] > .section.active > .title, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-title], [data-section='vertical-tabs'] > [data-section-region].active > .title, .section-container.vertical-tabs > section.active > [data-section-title], .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > [data-section-title], .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-tabs > [data-section-region].active > [data-section-title], .section-container.vertical-tabs > [data-section-region].active > .title { width: 12.5em; } .section-container.vertical-tabs { border: none; } .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover { background-color: #e2e2e2; } .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child { margin-bottom: 0; } .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child { padding-top: 0; } .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title { background: #d6d6d6; } .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a { color: #333; } .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active) { padding: 0 !important; } .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active { padding-left: 12.4375em; } .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title { background-color: #d6d6d6; } [data-section='vertical-nav'], .section-container.vertical-nav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style] { width: 100% !important; } [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region] { position: relative; display: inline-block; } [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title { margin-bottom: 0; } [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content { display: none; } [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content { display: block; } [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title { position: static; width: auto; } [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a { display: block; } [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content { position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-container.vertical-nav { border: none; } .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover { background-color: #e2e2e2; } .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child { margin-bottom: 0; } .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child { padding-top: 0; } .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title { background: #d6d6d6; } .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a { color: #333; } .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active) { padding: 0 !important; } [data-section='horizontal-nav'], .section-container.horizontal-nav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] { width: 100% !important; } [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] { position: relative; float: left; } [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { margin-bottom: 0; } [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { display: none; } [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content { display: block; } [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { position: static; width: auto; } [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { display: block; } [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { width: auto; position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-container.horizontal-nav { background: #efefef; border: 1px solid #ccc; } .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover { background-color: #e2e2e2; } .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child { margin-bottom: 0; } .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child { padding-top: 0; } .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title { background: #d6d6d6; } .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a { color: #333; } .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) { padding: 0 !important; } } .no-js [data-section], .no-js .section-container { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } .no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] { width: 100% !important; } .no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title { width: 100% !important; } .no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] { margin: 0; } .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { margin-bottom: 0; } .no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } .no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content { display: none; } .no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content { display: block; } .no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) { padding: 0 !important; } .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { width: 100%; } .no-js .section-container { border-top: 1px solid #ccc; } .no-js .section-container > section > .title, .no-js .section-container > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #ccc; } .no-js .section-container > section > .title a, .no-js .section-container > .section > .title a { padding: 0.9375em; color: #333; font-size: 0.875em; background: none; } .no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover { background-color: #e2e2e2; } .no-js .section-container > section > .content, .no-js .section-container > .section > .content { padding: 0.9375em; background-color: #fff; border: solid 1px #ccc; } .no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child { margin-bottom: 0; } .no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child { padding-top: 0; } .no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title { background: #d6d6d6; } .no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a { color: #333; } .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) { padding: 0 !important; } .no-js .section-container > section > .title, .no-js .section-container > .section > .title { border-top: none; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #5D9CEC; } .contain-to-grid .top-bar { margin-bottom: 20px; } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 40px; } .top-bar { overflow: hidden; height: 40px; line-height: 40px; position: relative; background: #5D9CEC; margin-bottom: 20px; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: 2.45em; } .top-bar .button { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0; } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 40px; margin: 0; font-size: 16px; } .top-bar .name h1 { line-height: 40px; font-size: 1.0625em; margin: 0; } .top-bar .name h1 a { font-weight: 400; color: #fff; width: 50%; display: block; padding: 0 13.33333px; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: #fff; text-transform: uppercase; font-size: 0.8125em; font-weight: 400; position: relative; display: block; padding: 0 13.33333px; height: 40px; line-height: 40px; } .top-bar .toggle-topbar.menu-icon { right: 13.33333px; top: 50%; margin-top: -16px; padding-left: 40px; } .top-bar .toggle-topbar.menu-icon a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: #fff; } .top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #5D9CEC; } .top-bar.expanded .toggle-topbar a { color: #12509e; } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px #12509e, 0 16px 0 1px #12509e, 0 22px 0 1px #12509e; box-shadow: 0 10px 0 1px #12509e, 0 16px 0 1px #12509e, 0 22px 0 1px #12509e; } .top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out; } .top-bar-section ul { width: 100%; height: auto; display: block; background: #5D9CEC; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-bottom: 0; border-top: 0; clear: both; height: 1px; width: 100%; } .top-bar-section ul li > a { display: block; width: 100%; color: #fff; padding: 12px 0 12px 0; padding-left: 13.33333px; font-size: 0.8125em; font-weight: 400; background: #5D9CEC; } .top-bar-section ul li > a.button { background: #538ac6; font-size: 0.8125em; padding-right: 13.33333px; padding-left: 13.33333px; } .top-bar-section ul li > a.button:hover { background: #3970ad; } .top-bar-section ul li > a.button.secondary { background: #e9e9e9; } .top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0; } .top-bar-section ul li > a.button.success { background: #00a600; } .top-bar-section ul li > a.button.success:hover { background: #007300; } .top-bar-section ul li > a.button.alert { background: #c60f13; } .top-bar-section ul li > a.button.alert:hover { background: #970b0e; } .top-bar-section ul li:hover > a { background: #1867cb; color: #fff; } .top-bar-section ul li.active > a { background: #4f94ea; color: #fff; } .top-bar-section .has-form { padding: 13.33333px; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent white; border-left-style: solid; margin-right: 13.33333px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; display: none; z-index: 99; } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 13.33333px; } .top-bar-section .dropdown li a.parent-link { font-weight: 400; } .top-bar-section .dropdown li.title h5 { margin-bottom: 0; } .top-bar-section .dropdown li.title h5 a { color: #fff; line-height: 20px; display: block; } .top-bar-section .dropdown label { padding: 8px 13.33333px 2px; margin-bottom: 0; text-transform: uppercase; color: #555; font-weight: 400; font-size: 0.625em; } .top-bar-js-breakpoint { width: 940px !important; visibility: hidden; } .js-generated { display: block; } @media only screen and (min-width: 940px) { .top-bar { background: #5D9CEC; *zoom: 1; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button { line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 10px; position: relative; top: 8px; } .top-bar.expanded { background: #5D9CEC; } .contain-to-grid .top-bar { max-width: 62.5em; margin: 0 auto; margin-bottom: 20px; } .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover > a:not(.button) { background: #1867cb; color: #fff; } .top-bar-section li a:not(.button) { padding: 0 13.33333px; line-height: 40px; background: #5D9CEC; } .top-bar-section li a:not(.button):hover { background: #1867cb; } .top-bar-section .has-dropdown > a { padding-right: 33.33333px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: white transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 20px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: none; } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1em; margin-top: -7px; right: 5px; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: #fff; line-height: 1; white-space: nowrap; padding: 7px 13.33333px; background: #74aaef; } .top-bar-section .dropdown li label { white-space: nowrap; background: #74aaef; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: 0; border-left: 0; clear: none; height: 40px; width: 0; } .top-bar-section .has-form { background: #5D9CEC; padding: 0 13.33333px; height: 40px; } .top-bar-section ul.right li .dropdown { left: auto; right: 0; } .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } .no-js .top-bar-section ul li:hover > a { background: #1867cb; color: #fff; } .no-js .top-bar-section ul li:active > a { background: #4f94ea; color: #fff; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Orbit Graceful Loading */ .slideshow-wrapper { position: relative; } .slideshow-wrapper ul { list-style-type: none; margin: 0; } .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; } .slideshow-wrapper ul li:first-child { display: block; } .slideshow-wrapper .orbit-container { background-color: transparent; } .slideshow-wrapper .orbit-container li { display: block; } .slideshow-wrapper .orbit-container li .orbit-caption { display: block; } .preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555 #fff; -webkit-border-radius: 1000px; border-radius: 1000px; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 1.5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .orbit-container { overflow: hidden; width: 100%; position: relative; background: #f5f5f5; } .orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; } .orbit-container .orbit-slides-container img { display: block; max-width: 100%; } .orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 100%; } .orbit-container .orbit-slides-container > *:first-child { margin-left: 0%; } .orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; padding: 10px 14px; font-size: 0.875em; } .orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0); z-index: 10; } .orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125em; } .orbit-container .orbit-timer { position: absolute; top: 10px; right: 10px; height: 6px; width: 100px; z-index: 10; } .orbit-container .orbit-timer .orbit-progress { height: 100%; background-color: rgba(0, 0, 0, 0.6); display: block; width: 0%; } .orbit-container .orbit-timer > span { display: none; position: absolute; top: 10px; right: 0; width: 11px; height: 14px; border: solid 4px #000; border-top: none; border-bottom: none; } .orbit-container .orbit-timer.paused > span { right: -6px; top: 9px; width: 11px; height: 14px; border: inset 8px; border-right-style: solid; border-color: transparent transparent transparent #000; } .orbit-container:hover .orbit-timer > span { display: block; } .orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 50%; margin-top: -25px; background-color: rgba(0, 0, 0, 0.6); width: 50px; height: 60px; line-height: 50px; color: white; text-indent: -9999px !important; z-index: 10; } .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { background-color: rgba(0, 0, 0, 0.6); } .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: inset 16px; } .orbit-container .orbit-prev { left: 0; } .orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: #fff; } .orbit-container .orbit-prev:hover > span { border-right-color: #ccc; } .orbit-container .orbit-next { right: 0; } .orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: #fff; left: 50%; margin-left: -8px; } .orbit-container .orbit-next:hover > span { border-left-color: #ccc; } .orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px; } .orbit-bullets li { display: block; width: 0.75em; height: 0.75em; background: #999; float: left; margin-right: 6px; border: solid 1px #555; -webkit-border-radius: 1000px; border-radius: 1000px; } .orbit-bullets li.active { background: #555; } .orbit-bullets li:last-child { margin-right: 0; } .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; } .touch .orbit-bullets { display: none; } @media only screen and (min-width: 768px) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } .touch .orbit-bullets { display: block; } } @media only screen and (max-width: 768px) { .orbit-stack-on-small .orbit-slides-container { height: auto !important; } .orbit-stack-on-small .orbit-slides-container > * { position: relative; margin-left: 0% !important; } .orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets { display: none; } } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 98; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background-color: #fff; padding: 1.25em; border: solid 1px #666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); top: 50px; } .reveal-modal .column, .reveal-modal .columns { min-width: 0; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } .reveal-modal .close-reveal-modal { font-size: 1.375em; line-height: 1; position: absolute; top: 0.5em; right: 0.6875em; color: #aaa; font-weight: bold; cursor: pointer; } @media only screen and (min-width: 768px) { .reveal-modal { padding: 1.875em; top: 6.25em; } .reveal-modal.tiny { margin-left: -15%; width: 30%; } .reveal-modal.small { margin-left: -20%; width: 40%; } .reveal-modal.medium { margin-left: -30%; width: 60%; } .reveal-modal.large { margin-left: -35%; width: 70%; } .reveal-modal.xlarge { margin-left: -47.5%; width: 95%; } } @media print { .reveal-modal { background: #fff !important; } } /* Foundation Joyride */ .joyride-list { display: none; } /* Default styles for the container */ .joyride-tip-guide { display: none; position: absolute; background: black; color: #fff; z-index: 101; top: 0; left: 2.5%; font-family: inherit; font-weight: normal; width: 95%; } .lt-ie9 .joyride-tip-guide { max-width: 800px; left: 50%; margin-left: -400px; } .joyride-content-wrapper { width: 100%; padding: 1.125em 1.25em 1.5em; } .joyride-content-wrapper .button { margin-bottom: 0 !important; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide .joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: inset 14px; } .joyride-tip-guide .joyride-nub.top { border-top-style: solid; border-color: black; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; } .joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid; border-color: black !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; } .joyride-tip-guide .joyride-nub.right { right: -28px; } .joyride-tip-guide .joyride-nub.left { left: -28px; } /* Typography */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: #fff; } .joyride-tip-guide p { margin: 0 0 1.125em 0; font-size: 0.875em; line-height: 1.3; } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555; position: absolute; right: 1.0625em; bottom: 1em; } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666; } .joyride-close-tip { position: absolute; right: 12px; top: 10px; color: #777 !important; text-decoration: none; font-size: 30px; font-weight: normal; line-height: .5 !important; } .joyride-close-tip:hover, .joyride-close-tip:focus { color: #eee !important; } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; } .joyride-expose-wrapper { background-color: #ffffff; position: absolute; border-radius: 3px; z-index: 102; -moz-box-shadow: 0 0 30px #ffffff; -webkit-box-shadow: 0 0 15px #ffffff; box-shadow: 0 0 15px #ffffff; } .joyride-expose-cover { background: transparent; border-radius: 3px; position: absolute; z-index: 9999; top: 0; left: 0; } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .joyride-tip-guide { width: 300px; left: inherit; } .joyride-tip-guide .joyride-nub.bottom { border-color: black !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; } .joyride-tip-guide .joyride-nub.right { border-color: black !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: auto; right: -28px; } .joyride-tip-guide .joyride-nub.left { border-color: black !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -28px; right: auto; } } /* Clearing Styles */ [data-clearing] { *zoom: 1; margin-bottom: 0; margin-left: 0; list-style: none; } [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } [data-clearing]:after { clear: both; } [data-clearing] li { float: left; margin-right: 10px; } .clearing-blackout { background: #111; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } .clearing-blackout .clearing-close { display: block; } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } .visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; } .clearing-caption { color: #fff; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #111; width: 100%; padding: 10px 30px; position: absolute; left: 0; } .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 40px; line-height: 1; color: #fff; display: none; } .clearing-close:hover, .clearing-close:focus { color: #ccc; } .clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; } .clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 768px) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 16px; } .clearing-main-prev { left: 0; } .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #fff; } .clearing-main-next { right: 0; } .clearing-main-next > span { border-color: transparent; border-left-color: #fff; } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.5; } .clearing-assembled .clearing-container .carousel { background: #111; height: 150px; margin-top: 5px; } .clearing-assembled .clearing-container .carousel > ul { display: block; z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; margin-right: 1px; position: relative; cursor: pointer; opacity: 0.4; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { min-height: 100%; height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; -webkit-box-shadow: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; min-width: 100% !important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .visible-img { background: #111; overflow: hidden; height: 75%; } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0; } } /* Foundation Alerts */ .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 0.875em; background-color: #538ac6; border-color: #3970ad; color: #fff; } .alert-box .close { font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: 0.4375em; right: 0.3125em; color: #333; opacity: 0.3; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { -webkit-border-radius: 3px; border-radius: 3px; } .alert-box.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .alert-box.success { background-color: #00a600; border-color: #007300; color: #fff; } .alert-box.alert { background-color: #c60f13; border-color: #970b0e; color: #fff; } .alert-box.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #505050; } /* Breadcrumbs */ .breadcrumbs { display: block; padding: 0.5625em 0.875em 0.5625em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f6f6f6; border-color: gainsboro; -webkit-border-radius: 3px; border-radius: 3px; } .breadcrumbs > * { margin: 0; float: left; font-size: 0.6875em; text-transform: uppercase; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > * a, .breadcrumbs > * span { text-transform: uppercase; color: #538ac6; } .breadcrumbs > *.current { cursor: default; color: #333; } .breadcrumbs > *.current a { cursor: default; color: #333; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999; } .breadcrumbs > *.unavailable a { color: #999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } .breadcrumbs > *:before { content: "/"; color: #aaa; margin: 0 0.75em; position: relative; top: 1px; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } /* Custom Checkbox and Radio Inputs */ form.custom .hidden-field { margin-left: -99999px; position: absolute; visibility: hidden; } form.custom .custom { display: inline-block; width: 16px; height: 16px; position: relative; top: -1px; /* fix centering issue */ vertical-align: middle; border: solid 1px #ccc; background: #fff; } form.custom .custom.checkbox { -webkit-border-radius: 0; border-radius: 0; padding: 0; } form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; padding: 3px; } form.custom .custom.checkbox:before { content: ""; display: block; font-size: 16px; color: #fff; } form.custom .custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222; position: relative; } form.custom .custom.checkbox.checked:before { content: "\00d7"; color: #222; position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px; } /* Custom Select Options and Dropdowns */ form.custom { /* Custom input, disabled */ } form.custom .custom.dropdown { display: block; position: relative; top: 0; height: 2.3125em; margin-bottom: 1.25em; margin-top: 0; padding: 0; width: 100%; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%); background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%); -webkit-box-shadow: none; background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%); box-shadow: none; font-size: 0.875em; vertical-align: top; } form.custom .custom.dropdown ul { overflow-y: auto; max-height: 200px; } form.custom .custom.dropdown .current { cursor: default; white-space: nowrap; line-height: 2.25em; color: rgba(0, 0, 0, 0.75); text-decoration: none; overflow: hidden; display: block; margin-left: 0.5em; margin-right: 2.3125em; } form.custom .custom.dropdown .selector { cursor: default; position: absolute; width: 2.5em; height: 2.3125em; display: block; right: 0; top: 0; } form.custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #aaa transparent transparent transparent; border-top-style: solid; position: absolute; left: 0.9375em; top: 50%; margin-top: -3px; } form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #222 transparent transparent transparent; border-top-style: solid; } form.custom .custom.dropdown .disabled { color: #888; } form.custom .custom.dropdown .disabled:hover { background: transparent; color: #888; } form.custom .custom.dropdown .disabled:hover:after { display: none; } form.custom .custom.dropdown.open ul { display: block; z-index: 10; min-width: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } form.custom .custom.dropdown.small { max-width: 134px; } form.custom .custom.dropdown.medium { max-width: 254px; } form.custom .custom.dropdown.large { max-width: 434px; } form.custom .custom.dropdown.expand { width: 100% !important; } form.custom .custom.dropdown.open.small ul { min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.medium ul { min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.large ul { min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .error .custom.dropdown { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); background: rgba(198, 15, 19, 0.1); margin-bottom: 0; } form.custom .error .custom.dropdown:focus { background: #fafafa; border-color: #999999; } form.custom .error .custom.dropdown + small.error { margin-top: 0; } form.custom .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); margin: 0; padding: 0; background: #fff; border: solid 1px #cccccc; font-size: 16px; } form.custom .custom.dropdown ul li { color: #555; font-size: 0.875em; cursor: default; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.375em; padding-right: 2.375em; min-height: 1.5em; line-height: 1.5em; margin: 0; white-space: nowrap; list-style: none; } form.custom .custom.dropdown ul li.selected { background: #eeeeee; color: #000; } form.custom .custom.dropdown ul li:hover { background-color: #e4e4e4; color: #000; } form.custom .custom.dropdown ul li.selected:hover { background: #eeeeee; cursor: default; color: #000; } form.custom .custom.dropdown ul.show { display: block; } form.custom .custom.disabled { background: #ddd; } /* Keystroke Characters */ .keystroke, kbd { background-color: #ededed; border-color: #dbdbdb; color: #222; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 0.875em; padding: 0.125em 0.25em 0; -webkit-border-radius: 3px; border-radius: 3px; } /* Labels */ .label { font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; padding: 0.1875em 0.625em 0.25em; font-size: 0.875em; background-color: #538ac6; color: #fff; } .label.radius { -webkit-border-radius: 3px; border-radius: 3px; } .label.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; color: #fff; } .label.success { background-color: #00a600; color: #fff; } .label.secondary { background-color: #e9e9e9; color: #333; } /* Inline Lists */ .inline-list { margin: 0 auto 1.0625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: left; margin-left: 1.375em; display: block; } .inline-list > li > * { display: block; } /* Default Pagination */ ul.pagination { display: block; height: 1.5em; margin-left: -0.3125em; } ul.pagination li { height: 1.5em; color: #222; font-size: 0.875em; margin-left: 0.3125em; } ul.pagination li a { display: block; padding: 0.0625em 0.4375em 0.0625em; color: #999; } ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #538ac6; color: #fff; font-weight: bold; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #538ac6; } ul.pagination li { float: left; display: block; } /* Pagination centred wrapper */ .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } /* Panels */ .panel { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { color: #333; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625em; } .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; } .panel.callout { border-style: solid; border-width: 1px; border-color: #3970ad; margin-bottom: 1.25em; padding: 1.25em; background: #538ac6; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .panel.callout > :first-child { margin-top: 0; } .panel.callout > :last-child { margin-bottom: 0; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { color: #333; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625em; } .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; } .panel.callout a { color: #fff; } .panel.radius { -webkit-border-radius: 3px; border-radius: 3px; } /* Pricing Tables */ .pricing-table { border: solid 1px #ddd; margin-left: 0; margin-bottom: 1.25em; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .title { background-color: #ddd; padding: 0.9375em 1.25em; text-align: center; color: #333; font-weight: bold; font-size: 1em; } .pricing-table .price { background-color: #eee; padding: 0.9375em 1.25em; text-align: center; color: #333; font-weight: normal; font-size: 1.25em; } .pricing-table .description { background-color: #fff; padding: 0.9375em; text-align: center; color: #777; font-size: 0.75em; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #ddd; } .pricing-table .bullet-item { background-color: #fff; padding: 0.9375em; text-align: center; color: #333; font-size: 0.875em; font-weight: normal; border-bottom: dotted 1px #ddd; } .pricing-table .cta-button { background-color: #f5f5f5; text-align: center; padding: 1.25em 1.25em 0; } /* Progress Bar */ .progress { background-color: transparent; height: 1.5625em; border: 1px solid #cccccc; padding: 0.125em; margin-bottom: 0.625em; } .progress .meter { background: #538ac6; height: 100%; display: block; } .progress.secondary .meter { background: #e9e9e9; height: 100%; display: block; } .progress.success .meter { background: #00a600; height: 100%; display: block; } .progress.alert .meter { background: #c60f13; height: 100%; display: block; } .progress.radius { -webkit-border-radius: 3px; border-radius: 3px; } .progress.radius .meter { -webkit-border-radius: 2px; border-radius: 2px; } .progress.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .progress.round .meter { -webkit-border-radius: 999px; border-radius: 999px; } /* Side Nav */ .side-nav { display: block; margin: 0; padding: 0.875em 0; list-style-type: none; list-style-position: inside; } .side-nav li { margin: 0 0 0.4375em 0; font-size: 0.875em; } .side-nav li a { display: block; color: #538ac6; } .side-nav li.active > a:first-child { color: #4d4d4d; font-weight: bold; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6; } /* Side Nav */ .sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25em 0 1.125em; padding-top: 0.25em; margin-right: 0; margin-left: -0.5625em; } .sub-nav dt, .sub-nav dd, .sub-nav li { float: left; display: inline; margin-left: 0.5625em; margin-bottom: 0.625em; font-weight: normal; font-size: 0.875em; } .sub-nav dt a, .sub-nav dd a, .sub-nav li a { color: #999; text-decoration: none; } .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { -webkit-border-radius: 1000px; border-radius: 1000px; font-weight: bold; background: #538ac6; padding: 0.1875em 0.5625em; cursor: default; color: #fff; } /* Foundation Switches */ @media only screen { div.switch { position: relative; padding: 0; display: block; overflow: hidden; border-style: solid; border-width: 1px; margin-bottom: 1.25em; height: 2.25em; background: #fff; border-color: #cccccc; } div.switch label { position: relative; left: 0; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; font-weight: bold; text-align: left; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } div.switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; -moz-appearance: none; } div.switch input:hover, div.switch input:focus { cursor: pointer; } div.switch span:last-child { position: absolute; top: -1px; left: -1px; z-index: 1; display: block; padding: 0; border-width: 1px; border-style: solid; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } div.switch input:not(:checked) + label { opacity: 0; } div.switch input:checked { display: none !important; } div.switch input { left: 0; display: block !important; } div.switch input:first-of-type + label, div.switch input:first-of-type + span + label { left: -50%; } div.switch input:first-of-type:checked + label, div.switch input:first-of-type:checked + span + label { left: 0%; } div.switch input:last-of-type + label, div.switch input:last-of-type + span + label { right: -50%; left: auto; text-align: right; } div.switch input:last-of-type:checked + label, div.switch input:last-of-type:checked + span + label { right: 0%; left: auto; } div.switch span.custom { display: none !important; } } @media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 480px) { div.switch { -webkit-animation: webkitSiblingBugfix infinite 1s; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { div.switch { -webkit-animation: none 0; } } @media only screen { form.custom div.switch .hidden-field { margin-left: auto; position: absolute; visibility: visible; } div.switch label { padding: 0; line-height: 2.3em; font-size: 0.875em; } div.switch input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.1875em; } div.switch span:last-child { width: 2.25em; height: 2.25em; } div.switch span:last-child { border-color: #b3b3b3; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #a6ffa6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #a6ffa6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5; } div.switch:hover span:last-child, div.switch:focus span:last-child { background: #fff; background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%); background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%); } div.switch:active { background: transparent; } div.switch.large { height: 2.75em; } div.switch.large label { padding: 0; line-height: 2.3em; font-size: 1.0625em; } div.switch.large input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.6875em; } div.switch.large span:last-child { width: 2.75em; height: 2.75em; } div.switch.small { height: 1.75em; } div.switch.small label { padding: 0; line-height: 2.1em; font-size: 0.75em; } div.switch.small input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -1.6875em; } div.switch.small span:last-child { width: 1.75em; height: 1.75em; } div.switch.tiny { height: 1.375em; } div.switch.tiny label { padding: 0; line-height: 1.9em; font-size: 0.6875em; } div.switch.tiny input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -1.3125em; } div.switch.tiny span:last-child { width: 1.375em; height: 1.375em; } div.switch.radius { -webkit-border-radius: 4px; border-radius: 4px; } div.switch.radius span:last-child { -webkit-border-radius: 3px; border-radius: 3px; } div.switch.round { -webkit-border-radius: 1000px; border-radius: 1000px; } div.switch.round span:last-child { -webkit-border-radius: 999px; border-radius: 999px; } div.switch.round label { padding: 0 0.5625em; } @-webkit-keyframes webkitSiblingBugfix { from { position: relative; } to { position: relative; } } } [data-magellan-expedition] { background: #fff; z-index: 50; min-width: 100%; padding: 10px; } [data-magellan-expedition] .sub-nav { margin-bottom: 0; } [data-magellan-expedition] .sub-nav dd { margin-bottom: 0; } /* Tables */ table { background: #fff; margin-bottom: 1.25em; border: solid 1px #ddd; } table thead, table tfoot { background: #f5f5f5; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222; text-align: left; } table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color: #222; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; } /* Image Thumbnails */ .th { line-height: 0; display: inline-block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } .th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(83, 138, 198, 0.5); box-shadow: 0 0 6px 1px rgba(83, 138, 198, 0.5); } .th.radius { -webkit-border-radius: 3px; border-radius: 3px; } a.th { display: inline-block; max-width: 100%; } /* Tooltips */ .has-tip { border-bottom: dotted 1px #ccc; cursor: help; font-weight: bold; color: #333; } .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #2d5886; color: #538ac6; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 999; font-weight: bold; font-size: 0.9375em; line-height: 1.3; padding: 0.5em; max-width: 85%; left: 50%; width: 100%; color: #fff; background: #000; -webkit-border-radius: 3px; border-radius: 3px; } .tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #000 transparent; top: -10px; } .tooltip.opened { color: #538ac6 !important; border-bottom: dotted 1px #2d5886 !important; } .tap-to-close { display: block; font-size: 0.625em; color: #888; font-weight: normal; } @media only screen and (min-width: 768px) { .tooltip > .nub { border-color: transparent transparent #000 transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: #000 transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent #000; right: -10px; left: auto; top: 50%; margin-top: -5px; } .tooltip.tip-right > .nub { border-color: transparent #000 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } @media only screen and (max-width: 767px) { .f-dropdown { max-width: 100%; left: 0; } } /* Foundation Dropdowns */ .f-dropdown { position: absolute; top: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: #fff; border: solid 1px #cccccc; font-size: 16px; z-index: 99; margin-top: 2px; max-width: 200px; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent #fff transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 99; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 98; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown li { font-size: 0.875em; cursor: pointer; line-height: 1.125em; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #eeeeee; } .f-dropdown li a { display: block; padding: 0.5em; color: #555; } .f-dropdown.content { position: absolute; top: -9999px; list-style: none; margin-left: 0; padding: 1.25em; width: 100%; height: auto; max-height: none; background: #fff; border: solid 1px #cccccc; font-size: 16px; z-index: 99; max-width: 200px; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } /* -------------------------------------------------- This file contains CSS overrides that are specific to making sure that Foundation works well with MVC ----------------------------------------------------- */ /* Overrides: Errors */ .input-validation-error, input.input-validation-error, textarea.input-validation-error, input.ng-invalid.ng-dirty { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .field-validation-error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } /* @font-face { font-family: 'rabioheadregular'; src: url('font/rabiohead-webfont.eot'); src: url('font/rabiohead-webfont.eot?#iefix') format('embedded-opentype'), url('font/rabiohead-webfont.woff') format('woff'), url('font/rabiohead-webfont.ttf') format('truetype'), url('font/rabiohead-webfont.svg#rabioheadregular') format('svg'); font-weight: normal; font-style: normal; } */ html, body { height: 100%; } #wrap { min-height: 95%; width: 100%; } #nav-main { box-shadow: 0px 0px 50px -25px #666; margin-bottom: 25px; } #nav-main .row { max-width: 1080px; } #main { overflow: auto; padding-bottom: 25px; margin-left: 5px; margin-right: 5px; } /* must be same height as the footer */ #footer { position: relative; margin-top: -25px; /* negative value of footer height */ height: 25px; clear: both; background: #5D9CEC; color: #fff; } /*Opera Fix*/ body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } .top-bar { /* 3d effect to top menu */ box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.5); } .top-bar .name h1 a { background: #5D9CEC; } .top-bar-section .dropdown { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); } .alert-box.header-alert { text-align: center; font-size: 16px; } .alert-box.header-alert a { color: white; text-decoration: underline; } .layout-with-context .menu { /*default on mobile...*/ position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; /*"small" here actually means that is larger than mobile. Odd.*/ } .layout-with-context .menu .side-nav { padding-left: 9px; padding-right: 9px; background: #F5FAFF; border: 1px solid #E3E9EF; border-radius: 3px; margin-bottom: 15px; line-height: 1.6; } .layout-with-context .menu .side-nav h2 { font-size: 1.2em; } @media only screen and (min-width: 768px) { .layout-with-context .menu { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 16.66667%; right: 83.33333%; left: auto; float: left; } } .layout-with-context .content { /*default on mobile...*/ position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; /*"small" here actually means that is larger than mobile. Odd.*/ } @media only screen and (min-width: 768px) { .layout-with-context .content { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 83.33333%; left: 16.66667%; right: auto; float: left; border-top: 1px solid #eee; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .layout-with-context .content label { text-align: right; } .layout-with-context .content .end { padding-top: 15px; display: inline-block; text-align: left; } } .validation-summary-errors ul { list-style-type: none; } .validation-summary-errors ul li { color: #c60f13; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .clearfix { clear: both; } .contactShell .validation-summary-errors { padding: 1.5em; font-size: .85em; position: relative; } .contactShell .validation-summary-errors i { position: absolute; right: 5px; top: 5px; cursor: pointer; } .contactShell form { padding: 1em; } .contactShell form textarea { margin-bottom: 0; } .contactShell form div.row { margin-bottom: 1.5em; } .contactShell form div.row span.field-validation-error { margin-top: 0; } .offer-icon, .cashback-icon { width: 22px; height: 22px; display: inline-block; } .cashback-icon { background: url("cashback_icon.png") no-repeat; } .toaster { position: static; padding: 5px; font-size: .75em; font-style: normal; } .toaster i.icon-remove { position: absolute; right: 10px; top: 10px; cursor: pointer; color: white; } .toaster .error-message, .toaster .success-message { position: static; padding: 10px; background-color: #c60f13; } .toaster .error-message li, .toaster .success-message li { border-bottom: 1px dotted #000; margin-left: 20px; margin-bottom: 5px; } .toaster .error-message span, .toaster .success-message span { font-size: medium; } .toaster .success-message { background-color: #00a600; } .panel.callout a { color: #2d3540; font-size: 0.8em; font-weight: normal; } .panel.callout a:hover { color: white; } /* CSS for the public part of the site */ /* $headerColour:$darkblue; */ body, h1, h2, h3, h4, h5 { font-family: "Asap", sans-serif !important; font-weight: 700; -webkit-text-stroke: 0.2px; } #wrap { margin: 0 auto; background: white; } #main-shell { max-width: 1080px; margin: 0 auto; } div.registerlnk { font-size: small; } nav { display: block; background: white; position: relative; } nav .nav-core { display: flex; justify-content: space-between; align-items: baseline; min-height: 100px; margin-right: 2em; } @media screen and (max-width: 640px) { nav .nav-core { padding: 25px; flex-wrap: wrap; align-items: center; justify-content: center; } nav .nav-core #menuAccount { margin-right: 0; } nav .nav-core .basket-text { display: none; } nav .nav-core .tagline { display: none; } } @media screen and (max-width: 400px) { nav .nav-core ul li { display: list-item; } } nav .nav-core ul { display: inline; padding-bottom: 20px; border-bottom: 2px solid #538ac6; min-width: 50vw; text-align: center; } nav .nav-core ul li { font-size: 12px; list-style-type: none; display: inline; } nav .nav-core ul li:not(:last-child):after { content: "|"; padding: 0 1em; color: #538ac6; font-weight: 700; } nav .nav-core ul.publicNav { padding: 0; border-bottom: 0; min-width: 0; min-width: 215px; } nav .nav-core #basketMenu { display: inline; } nav .nav-logo, nav .menuBody, nav .hamburgerContainer { min-width: 215px; display: flex; justify-content: center; color: #538ac6; } nav .nav-logo { background: white; overflow: hidden; padding: 0.5em 0; } @media screen and (max-width: 640px) { nav .nav-logo { flex-basis: 90%; padding-left: 10%; padding: 0; min-width: 100%; height: 50px; } nav .nav-logo img { height: 50px; } } nav .nav-info { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media screen and (max-width: 640px) { nav .nav-info { min-width: 100%; } } nav .menuBody { flex-direction: column; align-items: center; margin-bottom: 2em; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } @media screen and (max-width: 640px) { nav .menuBody { flex-basis: 100%; order: 3; } } nav .menuBody h3 { color: #538ac6; font-size: 1.2em; } nav .menuBody .menuItem { line-height: 1.2em; } nav .hamburgerContainer { font-size: 1.2em; } @media screen and (max-width: 640px) { nav .hamburgerContainer { min-width: 0; flex-basis: 10%; order: 2; } } nav .tagline { bottom: 10px; right: 20px; height: 55px; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-size: 1.28em; text-transform: none; letter-spacing: -0.07em; padding-top: 0.15em; font-weight: bold; } .footer-spacer { height: 36px; } #global-footer { width: 100%; background: white; position: fixed; bottom: 0; left: 0; z-index: 50; -webkit-text-stroke: 0; box-shadow: 0px 0px 50px -15px #666; } #global-footer .shell { max-width: 920px; margin: 0 auto; padding: 10px 8px; text-align: center; font-size: 10px; text-transform: uppercase; color: #999; } @media screen and (max-width: 400px) { #global-footer .shell .powered-by { display: none; } } #global-footer .shell ul { margin: 0; } #global-footer .shell li { list-style-type: none; display: inline; } #global-footer .shell li:not(:last-child):after { content: "|"; padding: 0 1em; color: inherit; } div#main { margin-top: 10vh; } div.t-and-c, div.about, div.faq { margin-top: 20px; font-weight: normal; } div.t-and-c h1, div.t-and-c h2, div.t-and-c h3, div.t-and-c h4, div.t-and-c h5, div.t-and-c h6, div.about h1, div.about h2, div.about h3, div.about h4, div.about h5, div.about h6, div.faq h1, div.faq h2, div.faq h3, div.faq h4, div.faq h5, div.faq h6 { text-transform: uppercase; } div.t-and-c h2, div.about h2, div.faq h2 { font-size: larger; font-weight: bold; } div.t-and-c h3, div.about h3, div.faq h3 { font-size: medium; font-weight: bold; } div.t-and-c h4, div.about h4, div.faq h4 { font-size: medium; font-weight: normal; } div.t-and-c p, div.about p, div.faq p { text-align: justify; } div.t-and-c ol.with-padding, div.about ol.with-padding, div.faq ol.with-padding { padding: 0 2em; } #retailerLogos { height: 68px; max-width: 920px; } #retailerLogos .owl-item img { border-color: #538ac6; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; height: 68px; width: 120px; } .login { opacity: 1; background-color: transparent; padding: 10px 20px; z-index: 200; max-width: 275px; margin: 0 auto; border: 1px solid #ccc; } .login h1 { font-size: 24px; font-weight: 400; } .login .field-validation-error { font-size: 10px; text-transform: uppercase; padding: 4px; font-weight: 400; } .login .button { width: 100%; } .login .registerlnk { text-transform: uppercase; font-size: 10px; text-align: center; color: #666; width: 100%; font-family: verdana, sans-serif; -webkit-text-stroke: 0; } #landing { margin: 15px 0; } #landing .register-cta { max-width: 275px; margin: 0 auto; } #landing .register-cta .button { width: 100%; } #register h1 { text-align: center; } #register .panel.callout { background: #5a9eef; text-align: center; border: 0; box-shadow: none; } #register .panel.callout p { color: white; } #register legend { display: none; } #register fieldset { max-width: 400px; margin: 0 auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #register fieldset .panel { line-height: 1.3em; text-align: center; border-radius: 5px; font-size: 0.85em; background: #333; color: #eee; } #register fieldset .disclaimer, #register fieldset .sub-link { font-size: 10px; text-transform: uppercase; } #register fieldset .button { width: 100%; } #register fieldset .sub-link { text-align: center; } #password-reset h1 { text-align: center; } #password-reset fieldset { max-width: 400px; margin: 0 auto; } #password-reset fieldset .button { width: 100%; } .fullWidth { width: 100%; } #register label { display: none; } #register label.disclaimer { display: block; height: 30px; } /* CSS for the member part of the site */ /* Flat / Light Colours */ /* Micro Clearfix */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } body, h1, h2, h3, h4, h5 { font-family: "Asap", sans-serif !important; font-weight: 400; -webkit-text-stroke: 0.2px; } .icon { -webkit-text-stroke: 0; } body { background: white; } small { font-size: 0.75em; } .help { position: fixed; overflow-y: auto; overflow-x: hidden; bottom: 10px; right: 10px; z-index: 100; max-height: 90vh; margin-left: 10px; } .help .helpHeader { text-align: right; font-size: 10px; font-family: verdana; -webkit-text-stroke: 0; font-weight: bold; text-transform: uppercase; color: #538ac6; line-height: 16px; } .help .helpHeader .trigger { cursor: pointer; } .help .helpHeader .icon { font-size: 16px; vertical-align: -18%; } .help .helpBody { -webkit-transition: all linear 0.5s; transition: all linear 0.5s; line-height: 20px; opacity: 1; padding: 2em; background: #538ac6; color: white; margin-top: 5px; font-size: 14px; font-weight: 400; margin-right: -10px; } .help .helpBody h1 { font-size: 22px; margin-bottom: 10px; color: white; } .help .helpBody .sub-block { width: 190px; margin: 10px 10px; display: inline-block; font-size: 12px; vertical-align: top; } .help .helpBody .sub-block h2 { color: white; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .help .helpBody .sub-block img { width: 32px; height: 32px; display: block; float: left; margin: 3px 10px 10px 0; } .help .helpBody.ng-hide-add, .help .helpBody.ng-hide-remove { display: block !important; } .help .helpBody.ng-hide { line-height: 0; opacity: 0; padding: 0 10px; } #main-hero-copy { max-width: 920px; margin: 0 auto; } #main-hero-copy .owl-page span { width: 1em; height: 1em; border: 2px solid #538ac6; background: none; } #main-hero-copy .owl-page.active span { background: #538ac6; } #main-hero-copy .owl-carousel .owl-wrapper-outer { box-shadow: 0 10px 20px -20px #333; } #main-hero-copy.slideshow { padding: 5px 0 5px 0; } #main-hero-copy .slide-img { display: block; margin: 0 auto; width: 100%; max-height: 333px; } #main-hero-copy.retailer { padding: 1em 2em; background: none; } #main-hero-copy.retailer .returnlink { font-weight: 400; border-bottom: solid 1px silver; display: block; line-height: 50px; } #main-hero-copy.retailer .returnlink .icon { font-size: 12px; } #main-hero-copy.retailer .description { line-height: 1.3em; font-weight: 400; padding: 1em 0; border-bottom: 1px solid silver; } #main-hero-copy.retailer h2 { margin: 0; } @media screen and (max-width: 640px) { #main-hero-copy.retailer h2 { margin: 0 10px; } } #main-hero-copy.retailer .retailerSummary { padding: 1em 0; } @media screen and (max-width: 640px) { #main-hero-copy.retailer .retailerSummary { padding: 10px 0 0 10px; } } #main-hero-copy.retailer .retailerSummary .retailerTitle { margin-top: 15px; } #main-hero-copy.retailer .retailerSummary .retailerTitle .thumbnailContainer { float: left; margin-right: 10px; background: #538ac6; padding: 5px; box-shadow: 0px 10px 25px -15px #666; } #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value { float: left; width: 200px; font-weight: 400; } #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value .in, #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value .out { text-transform: uppercase; font-size: 0.8em; } #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value .amount { font-size: 2.5em; padding-top: 2px; float: left; } #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value .out { float: left; padding-top: 8px; padding-left: 3px; } @media screen and (max-width: 400px) { #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value .out { padding-top: 4px; } } @media screen and (max-width: 400px) { #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value { width: 140px; } #main-hero-copy.retailer .retailerSummary .retailerTitle .offer-value .amount { font-size: 1.5em; } } #main-hero-copy.retailer .retailerSummary .retailerSummaryBottom { font-size: 0.8em; margin-top: 1em; } #main-hero-copy.retailer .retailerSummary p { margin: 0; margin-bottom: 0px; } .content { margin-bottom: 2rem; } .content.referrals .contactShell { max-width: 500px; margin: 0 auto; } .content.referrals .contactShell fieldset { padding-top: 30px; } .content.referrals .contactShell .button { width: 100%; margin: 0 auto; } .content.referrals .contactShell .sent-message { display: block; padding: 20px; padding-bottom: 10px; text-align: center; border-radius: 3px; margin-bottom: 30px; } .content.referrals .contactShell .sent-message p { margin-bottom: 1em; } .tab-container .tab-header { max-width: 920px; background: #d2d9dc; } .tab-container .tab-header.header-fixed { width: 95.6%; position: fixed; top: 0; z-index: 99; } .tab-container .tab-header .tab-dropdown { padding: 10px; } .tab-container .tab-header .tab-dropdown .select-shell { overflow: hidden; background: white; border: 2px solid #538ac6; border-radius: 3px; margin: 0 auto; position: relative; outline: 0 !important; } .tab-container .tab-header .tab-dropdown .select-shell .icon { position: absolute; right: 5px; top: 50%; font-size: 16px; margin-top: -8px; z-index: 10; } .tab-container .tab-header .tab-dropdown .select-shell select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: 0; color: #000; background: transparent; font-size: 16px; margin: 0; padding: 5px; position: relative; z-index: 20; outline: 0 !important; } .tab-container .tab-header .tab-dropdown .select-shell select:focus { outline: 0 !important; } .tab-container .tab-header .tab-dropdown .select-shell select option { border: 0; outline: 0 !important; } .tab-container .tab-header ul { text-align: center; margin-bottom: 0; } .tab-container .tab-header ul li { display: inline-block; background: #538ac6; width: 145px; height: 45px; line-height: 45px; font-size: 12px; text-transform: uppercase; margin-left: 1px; color: white; cursor: pointer; list-style-type: none; } .tab-container .tab-header ul li:first-child { margin-left: 0; } .tab-container .tab-header ul li:hover { background: #2e445e; } .tab-container .tab-header ul li.active { background: white; color: #333; } .tab-container .tab-header .tab-icon { position: relative; top: 5px; margin-right: 5px; } .tab-container .content-home-menu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 925px; background: #538ac6; color: white; margin: 1em auto; padding: 1em; box-shadow: 0px 10px 20px -10px #666; } .tab-container .content-home-menu .go-to { flex: 0 0 4em; font-weight: 700; } .tab-container .content-home-menu .items-container { display: flex; flex-wrap: wrap; min-width: 18em; } .tab-container .content-home-menu .items-container .menu-item { cursor: pointer; line-height: 1.4em; } .tab-container .content-home-menu .items-container .menu-item:not(:last-child):after { content: "|"; padding: 0 1em; } .tab-container .content-main-tab { background: #e4eaf6; width: 100%; height: 48px; } .tab-container .content-main-tab .chosen-retailer-tab { float: left; width: 33.33%; height: 48px; margin: auto; text-align: center; vertical-align: text-top; color: #5d9cec; cursor: pointer; font-size: 16px; background-color: #ffffff; border: 7px solid #e8eff3; border-bottom: none; } .tab-container .content-main-tab .chosen-retailer-tab div { position: relative; top: 50%; transform: translateY(-50%); } .tab-container .content-main-tab .chosen-retailer-tab-active { font-size: 24px; color: #ffffff; background-color: #5d9cec; border: 7px solid #ffffff; border-bottom: none; } .tab-container .content-main-tab .chosen-retailer-tab-wider { width: 50%; } .tab-container .content .voucherLeftSection { width: 50%; float: left; padding: 10px; } .tab-container .content .voucherRightSection { width: 50%; overflow: hidden; padding: 10px; } .tab-container .content .voucherLabel { text-align: right; clear: both; float: left; margin-right: 15px; } .tab-container .content .voucherAmountError { color: #af193f; } .tab-container .content .retailerSectionHeader { padding: 20px; padding: 20px 20px 5px 20px; background: #e4eaf6; } .tab-container .content .retailerSectionHeader p { font-size: 12px; width: 50%; line-height: 1.2em; float: left; } @media screen and (max-width: 640px) { .tab-container .content .retailerSectionHeader p { display: none; } } .tab-container .content .contextual-heading { display: block; background: #538ac6; padding: 10px 20px; color: white; font-size: 24px; margin-bottom: 15px; position: relative; text-align: left; } .tab-container .content .contextual-heading.dropdownmobile .pointer { position: absolute; top: -16px; left: 50%; margin-left: -8px; border: 8px outset transparent; border-bottom: #538ac6 8px solid; display: block; height: 0; width: 0; } @media screen and (max-width: 520px) { .tab-container .content .contextual-heading { font-size: 18px; text-align: center; } } .tab-container .content .typeFilter { float: left; text-align: left; font-size: 12px; text-transform: uppercase; margin-top: 5px; margin-bottom: 0; display: inline-block; } .tab-container .content .typeFilter li { cursor: pointer; list-style-type: none; float: left; padding: 0 8px; border-left: 1px solid #999; height: auto; } .tab-container .content .typeFilter li:first-child { padding-left: 0; border: 0; } .tab-container .content .typeFilter li.cashback { color: #af193f; } .tab-container .content .typeFilter li.off { color: grey; } .tab-container .content .filters { display: flex; justify-content: space-between; margin: 1em auto; max-width: 925px; } @media screen and (max-width: 549px) { .tab-container .content .filters { flex-wrap: wrap; justify-content: center; } } .tab-container .content .filters .filter-favs { width: 100%; max-width: 275px; } .tab-container .content .filters .filter-favs.active a { background: #2e445e; border-color: #2e445e; color: white; cursor: default; } .tab-container .content .filters .filter-favs.active a .icon { color: white; } .tab-container .content .filters .filter-favs.active a .pointer { position: absolute; bottom: -16px; left: 50%; margin-left: -8px; border: 8px outset transparent; border-bottom: #538ac6 8px solid; display: block; height: 0; width: 0; } @media screen and (max-width: 549px) { .tab-container .content .filters .filter-favs.active a .pointer { display: none; } } .tab-container .content .filters .filter-favs a { border: 2px solid #538ac6; box-shadow: none; border-radius: 100px; font-weight: 400; width: 100%; display: block; background: white; text-align: center; height: 32px; line-height: 29px; text-transform: uppercase; font-size: 12px; position: relative; } .tab-container .content .filters .filter-favs a .icon { position: absolute; top: 50%; left: 10px; margin-top: -16px; font-size: 16px; font-weight: 400; color: #538ac6; } .tab-container .content .filters .filter-favs a:hover { background: #2e445e; border-color: #2e445e; color: white; } .tab-container .content .filters .filter-favs a:hover .icon { color: white; } .tab-container .content .filters .filter-search { width: 100%; max-width: 275px; height: 2em; margin: 0 1em; } @media screen and (max-width: 549px) { .tab-container .content .filters .filter-search { margin: 1em 0; } } .tab-container .content .filters .filter-search:hover { cursor: text; } .tab-container .content .filters .filter-search input { border: none; border-bottom: 2px solid #538ac6; box-shadow: none; width: 100%; cursor: pointer; margin-bottom: 0; background: none; } .tab-container .content .filters .filter-search input:hover { cursor: pointer; } .tab-container .content .filters .filter-search ::-webkit-input-placeholder { color: #538ac6; } .tab-container .content .filters .filter-search :-moz-placeholder { /* Firefox 18- */ color: #538ac6; } .tab-container .content .filters .filter-search ::-moz-placeholder { /* Firefox 19+ */ color: #538ac6; } .tab-container .content .filters .filter-search :-ms-input-placeholder { color: #538ac6; } .tab-container .content .filters .filter-search .icon { float: right; position: relative; top: -25px; right: 1em; font-size: 16px; font-weight: 400; color: #538ac6; } .tab-container .content .filters .filter-search.active ::-webkit-input-placeholder { color: white; } .tab-container .content .filters .filter-search.active :-moz-placeholder { /* Firefox 18- */ color: white; } .tab-container .content .filters .filter-search.active ::-moz-placeholder { /* Firefox 19+ */ color: white; } .tab-container .content .filters .filter-search.active :-ms-input-placeholder { color: white; } .tab-container .content .filters .filter-search.active input { color: #538ac6; cursor: text; } .tab-container .content .filters .filter-search.active .icon { color: white; } .tab-container .content .filters .filter-search.active .pointer { position: absolute; bottom: 0; left: 50%; margin-left: -8px; border: 8px outset transparent; border-bottom: #538ac6 8px solid; display: block; height: 0; width: 0; } @media screen and (max-width: 520px) { .tab-container .content .filters .filter-search.active .pointer { display: none; } } .tab-container .content .filters .filter-dropdown { width: 100%; max-width: 275px; } .tab-container .content .filters .filter-dropdown p { font-size: 10px; font-family: verdana; -webkit-text-stroke: 0 !important; font-weight: bold; text-transform: uppercase; color: #538ac6; line-height: 0px; text-align: center; outline: 0 !important; } .tab-container .content .filters .filter-dropdown .select-shell { overflow: hidden; background: white; border: 2px solid #538ac6; border-radius: 3px; margin: 0 auto; position: relative; outline: 0 !important; } .tab-container .content .filters .filter-dropdown .select-shell:hover { border-color: #2e445e; background: #2e445e; } .tab-container .content .filters .filter-dropdown .select-shell:hover .icon { color: white; } .tab-container .content .filters .filter-dropdown .select-shell .icon { position: absolute; right: 7px; top: 50%; font-size: 16px; margin-top: -8px; z-index: 10; color: #538ac6; } .tab-container .content .filters .filter-dropdown .select-shell select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; cursor: pointer; border: 0; color: #538ac6; background: transparent; text-transform: uppercase; font-size: 12px; margin: 0; padding: 6px; position: relative; z-index: 20; outline: 0 !important; } .tab-container .content .filters .filter-dropdown .select-shell select:hover { color: white; } .tab-container .content .filters .filter-dropdown .select-shell select:hover option { cursor: pointer; } @media screen and (max-width: 549px) { .tab-container .content .filters .filter-dropdown .select-shell select { text-align: center; } } .tab-container .content .filters .filter-dropdown .select-shell select option { cursor: pointer; border: 0; background: white !important; color: #000; } @media screen and (max-width: 520px) { .tab-container .content .filters .filter-dropdown .select-shell select option { text-align: center; } } .tab-container .content .filters .filter-dropdown.active .select-shell { background: #2e445e; border-color: #2e445e; } .tab-container .content .filters .filter-dropdown.active .select-shell .icon { color: white !important; } .tab-container .content .filters .filter-dropdown.active .select-shell select { color: white; } .tab-container .content .filters .filter-dropdown.active .select-shell select option { color: #000; } .tab-container .content .filters .filter-dropdown.active:hover .icon { color: white !important; } .tab-container .content .payment-details { padding: 1em; overflow: hidden; } .tab-container .content .choice-details-content { padding: 20px 60px; font-size: 14px; } .tab-container .content .choice-details-content .basic-journey-section h5 { text-align: center; } .tab-container .content .choice-details-content .provider-url-button { display: block; margin-left: auto; margin-right: auto; } .tab-container .content .choice-details-content .salary-sacrifice { margin-bottom: 50px; } .tab-container .content .choice-details-content .salary-sacrifice label { font-size: 16px; text-align: right; clear: both; float: left; margin-right: 15px; font-weight: bold; color: black; } .tab-container .content .choice-details-content .salary-sacrifice input { border: 1px solid #b6b6b6; border-radius: 10px; width: auto; } .tab-container .content .choice-details-content .salary-sacrifice .salarySacrificeAmountError { color: #af193f; font-weight: bold; } .tab-container .content .choice-details-content .salary-sacrifice button { float: right; } .tab-container .content .choice-details-content ol { margin-left: 15px; } .tab-container .content .choice-details-content li { font-weight: normal; } .tab-container .content .salary-sacrifice-content { padding: 20px 60px; font-size: 14px; } .tab-container .content .salary-sacrifice-content table { margin-left: auto; margin-right: auto; } .tab-container .content .salary-sacrifice-content label { font-size: 14px; } .tab-container .content .salary-sacrifice-content input { border: 1px solid #b6b6b6; border-radius: 10px; width: auto; } .tab-container .content .salary-sacrifice-content ol { font-weight: normal; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-identification { display: flex; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-identification .identification-separator { margin-left: 50px; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-identification input { margin-left: 15px; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-identification label { margin-left: 50px; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-summary { padding-bottom: 50px; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-summary .salary-sacrifice-checkbox-container { display: flex; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-summary .salary-sacrifice-checkbox-container input { width: 20px; height: 20px; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-summary .salary-sacrifice-checkbox-container label { font-size: 16px; text-align: right; clear: both; margin-left: 15px; font-weight: bold; color: black; } .tab-container .content .salary-sacrifice-content .salary-sacrifice-summary button { float: right; } .tab-container .content .salary-sacrifice-content .validation-error { color: #af193f; font-weight: bold; } .tab-container .content .thank-you-content { padding: 60px 80px; text-align: center; } .tab-container .content .thank-you-content p { font-size: 18px; font-weight: bold; } .cardShell { text-align: center; } .cardShell .card.store-card { position: relative; } .cardShell .card.store-card .cardContent { height: 80%; } .cardShell .card.store-card .cardContent .row { margin: 10px 0; } .cardShell .card.store-card .cardContent .row .column { margin-left: 20%; } .cardShell .card.store-card .cardContent .row label { margin-right: 10px; } .cardShell .card.store-card .cardContent .row a.button { margin-left: 10px; } .cardShell .card.store-card .cardContent .row span.currency-symbol { margin-right: 0.15em; padding-top: 0.15em; font-size: 1.5em; } .cardShell .card.store-card .cardContent .row .wrapper { position: relative; } .cardShell .card.store-card .cardContent .row .wrapper input { width: 5em; margin-bottom: 2em; } .cardShell .card.store-card .cardContent .row .wrapper div.range { font-size: small; font-style: italic; position: absolute; left: 0; bottom: 5px; white-space: nowrap; } .cardShell .card.store-card .cardContent .image-container { text-align: center; } .cardShell .card.store-card .cardContent .card-number { position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; font-style: italic; font-weight: bold; font-family: "Courier New"; } .cardShell.retailer { padding: 30px 0 60px 0; } .retailerInfo { padding: 20px; } .retailerInfo ul { font-size: 14px; } .retailerInfo li { font-size: 12px; } .card { width: 275px; margin: 25px 25px 50px; padding: 5px; display: inline-block; position: relative; text-align: left; vertical-align: middle; box-shadow: 0px 25px 50px -30px #666; } @media screen and (max-width: 670px) { .card { margin: 25px 15px 50px; } } .card.cashback { background: white; box-shadow: 0px 10px 50px -35px #666; } .card.cashback .cardWrapper { display: flex; align-items: center; } .card.cashback .cardWrapper .halfCircle { box-shadow: -10px 0px 10px -10px inset; height: 50px; border-radius: 50%; width: 50px; margin-left: -30px; background: #fff; background: linear-gradient(96deg, #fcfcfc 50%, #fafafa 50%); } .card.cashback .cardWrapper .cardContent.offer { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 1em; text-align: right; } .card.cashback .cardWrapper .cardContent.offer .title { margin-bottom: 0; font-size: 1em; } .card.cashback .cardWrapper .cardContent.offer .savings { font-size: 3em; } .card.cashback .cardWrapper .cardContent.offer .savings .tagline { font-weight: 700; } .card.cashback .cardWrapper .redeem-link { writing-mode: vertical-lr; text-transform: uppercase; font-size: 2em; color: #538ac6; letter-spacing: 0.1em; font-weight: 700; margin-top: 0; padding: 0 0.5em; background-image: linear-gradient(to bottom, #538ac6 50%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 2px 15px; background-repeat: repeat-y; } .card.cashback .cardWrapper .redeem-link div { cursor: pointer; } .card.cashback .cardWrapper .redeem-link.broken { color: #eeeeee; } .card.cashback .cardWrapper .redeem-link.broken div { cursor: not-allowed; } .card.cashback .ctaLink a { color: #538ac6; } .card.retailer { background: #538ac6; } .card.retailer .cardContent { padding: 1em; } .card.benefitsCard { background: white; min-height: 10em; } .card.benefitsCard a { color: #538ac6; } .card.benefitsCard h2 { color: white; } .card.benefitsCard h2 .icon { color: #538ac6; background: white; padding: 1em; border-radius: 50%; height: 3em; width: 3em; line-height: 1em; top: -10px; right: -10px; box-shadow: 0.1em 0.1em 10px -5px #999; } .card.voucherWrapper a { color: #2e445e; } .card.voucherWrapper h2 { color: white; } .card.voucherWrapper h2 .icon { color: #538ac6; background: white; padding: 1em; border-radius: 50%; height: 3em; width: 3em; line-height: 1em; top: -10px; right: -10px; box-shadow: 0.1em 0.1em 10px -5px #999; } .card.voucherWrapper .cardContent { display: flex; padding: 1em 0; justify-content: center; align-items: center; } .card.refer .button, .card.balance .button { width: 250px; display: block; margin: 80px auto 0 auto; } .card a { color: white; } .card .cardImage { background: white; } .card .cardImage img { width: 100%; } .card .redeem-link { text-align: center; margin-top: 1em; } .card .voucherTagline { width: 100%; text-align: center; border-bottom: 1px solid #ccc; line-height: 0.1em; margin: 10px 0 10px; color: #ccc; } .card .voucherTagline span { background: #fff; padding: 0 10px; } .card h2 { background: #2e445e; margin: 0; height: 30px; line-height: 30px; font-size: 14px; position: relative; padding: 0 10px; } .card h2 a { display: block; color: white; } .card h2:hover { /* background:$activeColourOn; */ } .card h2 .iconlabel { position: absolute; top: 0; right: 33px; font-size: 12px; text-align: right; } .card h2 .icon { position: absolute; top: 0; right: 10px; font-size: 18px; } .card .cardContent { position: relative; } .card .cardContent .retailerImage { float: left; height: 68px; } .card .cardContent .retailerImage img { max-width: 120px; max-height: 68px; } .card .cardContent .benefitImage { height: 68px; } .card .cardContent .benefitImage img { max-width: 120px; max-height: 68px; } .card .cardContent .retailerName { font-size: 1.4em; text-align: center; padding: 0 0.5em; color: inherit; } .card .cardContent .offerLinks { padding-top: 1em; clear: both; } .card .cardContent .offerLinks .offer-count { font-size: 1.2em; } .card .cardContent .offerLinks a { font-size: 21px; line-height: 21px; margin-left: 3px; } .card .cardContent .offerLinks a:first-child { margin-left: 0; } .card .cardContent .offerLinks a.cashback { color: #af193f; } .card .cardContent .offerLinks .bullet-divider { padding: 0 3px; color: #333; } .card .cardContent.offer { padding: 20px 10px 0 10px; text-align: center; font-size: 14px; font-weight: 400; } .card .cardContent.offer .title { margin-bottom: 0.4em; font-size: 1.1em; font-style: italic; } .card .cardContent.offer div { line-height: 1.2em; } .card .cardContent.offer div span { font-size: 1.5em; text-transform: uppercase; font-weight: 700; } .card .cardContent .benefitName { border-top: solid; padding-top: 5px; font-size: 1.2em; margin: 0.7em 0 0.5em; text-align: center; color: #2e445e; } .card .cardContent .benefitMoreInfo { display: block; margin: 1em auto; font-weight: normal; } .card .savingsLinks { font-size: 1.4em; text-align: center; padding: 1em; background-image: linear-gradient(to right, #cccccc 50%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 15px 2px; background-repeat: repeat-x; } .card .savingsLinks .offer-discount { font-size: 1.2em; } .card .savingsLinks .offer-discount div { font-size: 1.2em; font-weight: 700; } .card .ctaLink, .card .favLink { font-family: verdana; font-size: 10px; text-transform: uppercase; letter-spacing: -1px; -webkit-text-stroke: 0; } .card .ctaLink { position: absolute; bottom: 10px; right: 10px; text-align: right; padding-right: 13px; } .card .ctaLink .icon { position: absolute; top: 0; right: 0; font-weight: 400; } .card .favLink { position: absolute; left: calc(50% - 10px); } .card .favLink .icon { position: absolute; top: -15px; font-weight: 700; font-size: 24px; } .card .favLink .iconBackground { position: absolute; top: -20px; left: -4px; font-weight: 700; font-size: 32px; color: white; } .offerview, .retailer.offer .help { max-width: 800px; margin: 0 auto; } .offerview { background: white; text-align: left; } .offerview h2 { background: #2e445e; font-size: 14px; line-height: 40px; height: 40px; padding-left: 15px; color: white; text-transform: uppercase; } .offerview .offercontent { padding: 20px 60px; font-size: 14px; font-weight: 400; line-height: 1.2em; } @media screen and (max-width: 640px) { .offerview .offercontent { padding: 20px 10px; } } .offerview .offercontent .terms { margin-top: 2em; } .offerview .offercontent .card-purchase-main { margin: 15px auto; } .offerview .offercontent .card-purchase-main img { margin-right: 15px; max-width: 350px; display: block; float: left; } @media screen and (max-width: 640px) { .offerview .offercontent .card-purchase-main img { max-width: 200px; } } .offerview .offercontent .card-purchase-main .amount-box .amount { font-size: 5em; line-height: 1em; } @media screen and (max-width: 640px) { .offerview .offercontent .card-purchase-main .amount-box .amount { font-size: 3em; } } @media screen and (max-width: 640px) { .offerview .offercontent .card-purchase-main .description { clear: both; padding-top: 0.5em; } } .offerview .offercontent div.form { padding: 5px 10px; background: rgba(99, 99, 99, 0.1); color: black; border-radius: 10px; height: 250px; max-width: 400px; margin: 2em auto; } .offerview .offercontent div.form .value-save { font-size: 1.25em; text-align: left; padding-left: 56px; } .offerview .offercontent div.form .value-save span { font-size: 1.25em; } .offerview .offercontent div.form input[type="number"], .offerview .offercontent div.form select.number { text-align: right; } .offerview form { max-width: 275px; margin: 0 auto; } .offerview form .buy { font-size: 2em; line-height: auto; } .offerview form .buy label { text-align: right; display: inline-block; width: 20%; margin-left: 5%; } .offerview form .buy input, .offerview form .buy select { width: 70%; max-width: 120px; display: inline-block; margin-bottom: 0.5em; } .offerview form p.amount-limits { margin-bottom: 0.5px; font-size: 0.7em; text-align: center; } .offerview form select { padding: 6px; cursor: pointer; } .offerview .value-save { text-align: center; margin: 15px 0; font-size: 16px; font-weight: 700; } .offerview .you-pay { font-size: 20px; text-align: right; font-weight: 700; } #basket { text-align: center; } #basket th { text-align: center; } #basket th.item-header-remove { width: 40px; } #basket .item-header-retailer, #basket .item-retailer { text-align: left; } #basket tbody { font-weight: 400; } #basket tbody td { height: 42px; vertical-align: middle; } #basket tbody td.item-number { width: 100px; } #basket tbody td.item-number .icon { cursor: pointer; color: #538ac6; vertical-align: bottom; font-size: 12px; } #basket tbody td.item-number .icon:hover { color: #2e445e; } #basket tbody td.item-number input { margin: 0; width: 60px; display: inline; text-align: center; font-size: 12px; } .delivery-paymenttype select { width: 165px; } .delivery-paymenttype .values { text-align: right; } .inline { display: inline; } .blocker { z-index: 100; position: fixed; width: 100%; height: 100%; opacity: 0.95; background-color: #2e445e; left: 0; top: 0; } .loginWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .loginWrapper .login { background-color: #e4eaf6; position: absolute; left: 50%; margin-left: -134px; top: 25%; border: 0; border-top: 5px solid #538ac6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 275px; } /* Account section */ div.account-summary-container.panel { padding: 0; } div.account-summary-container .card { width: 48%; max-width: 420px; min-width: 275px; height: 265px; } div.account-summary-container .card h2 { color: white; padding: 0 10px; } div.account-summary-container .card.mySavings { width: 98%; max-width: 850px; height: auto; } div.account-summary-container .card.my-benefits { width: 98%; max-width: 850px; height: auto; } div.account-summary-container .card .cardContent { padding: 10px; overflow: hidden; height: 90%; box-sizing: border-box; } div.account-summary-container .card .cardContent .my-account-table-wrapper { height: 250px; overflow: auto; margin-bottom: 10px; } div.account-summary-container .card .cardContent .my-account-table-content { display: block; overflow-x: auto; white-space: nowrap; } div.account-summary-container .card .cardContent .my-account-table-content .row { width: 99%; } div.account-summary-container .card .cardContent .my-account-table-content .cancel-choice-button { margin: auto; } div.account-summary-container .card .cardContent .savingsWithdrawalInfo { margin: auto; width: 80%; text-align: center; } div.account-summary-container .card .cardContent .columns { margin: 5px 0; } div.account-summary-container .card .cardContent h3, div.account-summary-container .card .cardContent h5 { margin-bottom: 0.1em; padding-left: 0; padding-top: 0.1em; border-bottom: 1px dotted #dddddd; font-size: 14px; font-weight: 400; } div.account-summary-container .card .cardContent h3 { font-size: 2.5em; } div.account-summary-container .card .cardContent .label { font-weight: normal; text-align: left; background-color: inherit; padding-left: 0; text-transform: uppercase; letter-spacing: 0.1em; font-family: verdana; font-size: 10px; color: #999; margin-bottom: 10px; } div.account-summary-container .card .cardContent .dead-center { position: absolute; top: 40%; height: 2em; line-height: 2em; text-align: center; width: 100%; margin-left: 0; font-size: 14px; } div.account-summary-container .card .cardContent table { width: 100%; white-space: nowrap; } div.account-summary-container .card .cardContent table caption { margin-bottom: 13px; } div.account-summary-container .card .cardContent table tr td.caption { width: 40%; font-weight: normal; } div.account-summary-container .card .cardContent table .gentleRow { font-weight: 200; } div.account-edit-container .card { width: 100%; height: auto; } div.account-edit-container .card h2 { cursor: pointer; } div.account-edit-container .card h2 span { right: auto; left: 10px; color: white; } div.account-edit-container .card h2 a { margin-left: 2em; } div.account-edit-container .card .cardContent form { margin: 0 1em 1em; } div.account-edit-container .card .cardContent form input[type="radio"] { margin: 0 1em 0.5em 0; } iframe.cashback { width: 100%; height: 1000px; border: 0; margin: 0; padding: 0; } div.offerNavigationHeader { width: 100%; height: 25px; border: 1px solid grey; background-color: silver; margin-bottom: 3px; } div.offerNavigationHeader > div { height: 100%; padding-top: 2px; cursor: pointer; } div.offerNavigationHeader .offerLeft { float: left; } div.offerNavigationHeader .offerRight { float: right; } .pageNavigation { padding: 10px 0; } .pageNavigation [class^="icon-"], .pageNavigation [class*=" icon-"] { color: #538ac6; } @media screen and (max-width: 400px) { .pageNavigation { font-size: 0.7em; } } .pageNavigation [data-disabled="true"] [class^="icon-"], .pageNavigation [data-disabled="true"] [class*=" icon-"], .pageNavigation [disabled="disabled"] [class^="icon-"], .pageNavigation [disabled="disabled"] [class*=" icon-"] { color: silver; } .pageNavigation > div { cursor: pointer; } div.loading { padding-top: 10vh; } div.loading p { text-align: center; font-size: 3em; } div.clickable { cursor: pointer; color: #468ee9; } h1.retailerTitle img { max-height: 40px; max-width: 120px; margin-right: 5px; vertical-align: initial; } @media screen and (max-width: 640px) { h1.retailerTitle img { display: block; } } .mn-w-15 { min-width: 15em; } .mn-w-8 { min-width: 8em; } .mn-w-10 { min-width: 10em; } #ad-carousel { max-width: 920px; max-height: 367px; overflow: hidden; } iframe.unibenefitslink { width: 1041px; height: 800px; } .button.topcashback-link { margin: 3em auto 4em auto; } .button.topcashback-query-link { margin: 1em auto 4em auto; } input.input-small { width: 20%; display: inline; } fizz-iframe { text-align: center; } ul.tagList li { font-size: 0.8em; font-style: uppercase; display: inline-block; padding-right: 10px; text-rendering: optimizeLegibility; } ul.tagList li a { color: grey; } ul.tagList li a:hover { color: #5d9cec; } .hidden-class { visibility: hidden; } .card-container { max-width: 925px; box-shadow: 0px 10px 20px -10px #666; background: #fff; width: 100%; margin: 0 auto; padding: 1rem; } /* TRS Section styling */ .trs-data-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; } .trs-data-container .flex-item.pie-chart { max-width: 280px; margin: 1rem; } .trs-data-container .flex-item.total-reward-block { text-align: center; flex-grow: 0.5; } .trs-data-container .benefits-table { margin-top: 2rem; width: 100%; } /* Dashboard layout styling */ .content-card { box-shadow: 0px 10px 20px -10px #666; max-width: 925px; width: 100%; margin: 0 auto; } .content-card .card-header { display: flex; align-items: center; color: #538ac6; border-bottom: 1px solid #538ac6; padding: 1rem; } .content-card .card-header .card-icon { padding: 0 1rem; } .content-card .card-header .card-title { color: inherit; font-size: 1.5rem; margin: 0; display: inline-block; } .content-card .card-content { margin-top: 1rem; padding: 1rem; } .content-card.dashboard-card .card-content { display: flex; flex-wrap: wrap; } @media screen and (max-width: 640px) { .content-card.dashboard-card .card-content { padding: 0; } } .content-card.dashboard-card .card-content .dashboard-item { display: flex; flex-direction: column; justify-content: center; color: #538ac6; text-align: center; padding: 0 0.5em; min-height: 7em; width: 25%; } @media screen and (max-width: 940px) { .content-card.dashboard-card .card-content .dashboard-item { width: 33%; } } @media screen and (max-width: 640px) { .content-card.dashboard-card .card-content .dashboard-item { width: 100%; border-bottom: 1px solid #538ac6; } } .content-card.dashboard-card .card-content .dashboard-item .title { color: inherit; font-size: 1em; font-weight: 600; transition: all 200ms; } .content-card.dashboard-card .card-content .dashboard-item hr { border: solid #538ac6; border-width: 1px 0 0; width: 5em; margin: 0.5em auto; } .content-card.dashboard-card .card-content .dashboard-item .count { transition: all 200ms; margin-bottom: 0.2em; } .content-card.dashboard-card .card-content .dashboard-item:hover { background: #e4eaf6; } .content-card.dashboard-card .card-content .dashboard-item:hover .title { font-weight: 400; font-size: 0.9em; } .content-card.dashboard-card .card-content .dashboard-item:hover .count { font-weight: 600; font-size: 1.1em; } .dashboard-tiles { display: flex; justify-content: center; width: 100%; margin: 0 auto; } .dashboard-tiles .dashboard-tiles-content { display: grid; grid-template-columns: repeat(5, 1fr); padding: 1rem; gap: 0.5rem; row-gap: 1rem; } @media screen and (max-width: 640px) { .dashboard-tiles .dashboard-tiles-content { padding: 0; } } .dashboard-tiles .dashboard-tile.skyscraper-tile { grid-column: 5; grid-row: 2 / span 2; } .dashboard-tiles .dashboard-tile.footer-tile { grid-column: 1 / span 5; } @media screen and (max-width: 940px) { .dashboard-tiles .dashboard-tiles-content { grid-template-columns: repeat(3, 1fr); } .dashboard-tiles .dashboard-tile.skyscraper-tile { grid-column: 3; } .dashboard-tiles .dashboard-tile.footer-tile { grid-column: 1 / span 3; } } @media screen and (max-width: 640px) { .dashboard-tiles .dashboard-tiles-content { grid-template-columns: repeat(1, 1fr); } .dashboard-tiles .dashboard-tile.skyscraper-tile { grid-column: 1; grid-row: 10 / span 2; } .dashboard-tiles .dashboard-tile.footer-tile { grid-column: 1; } } .dashboard-tile { display: flex; flex-direction: column; color: #538ac6; text-align: center; min-height: 225px; width: 100%; border: 1px solid #d7d7d7; } @media screen and (max-width: 640px) { .dashboard-tile { max-width: 200px; min-height: 200px; margin-left: auto; margin-right: auto; } } .dashboard-tile.showcase-tile { border: 1px solid #d7d7d7; } .dashboard-tile.voucher-tile { border: 1px solid #d7d7d7; } .dashboard-tile.dashboard-tile.skyscraper-tile { display: flex; justify-content: start; align-items: center; border: none; } .dashboard-tile.dashboard-tile.skyscraper-tile img { max-width: 198px; max-height: 624px; } .dashboard-tile.dashboard-tile.footer-tile { display: flex; justify-content: center; align-items: center; border: none; max-width: 100%; min-height: 150px; } .dashboard-tile.dashboard-tile.footer-tile img { height: 100%; width: 100%; max-height: 150px; object-fit: cover; object-position: 0%; } .dashboard-tile.dashboard-tile.footer-tile .footer-tile-link { justify-content: center; } .dashboard-tile .dashboard-tile-header { display: flex; align-items: center; justify-content: center; color: #3e8bd8; border-bottom: 1px solid #538ac6; padding: 1rem 0; } .dashboard-tile .dashboard-tile-header.tab-tile-header { background-color: #3e8bd8; color: white; } .dashboard-tile .dashboard-tile-header .card-icon { padding: 0 1rem; } .dashboard-tile .dashboard-tile-header .card-title { display: flex; justify-content: center; color: inherit; font-size: 1rem; margin: 0; text-align: center; flex: 1; } .dashboard-tile .dashboard-tile-content { margin-top: 0rem; flex-grow: 1; display: flex; flex-direction: column; } .dashboard-tile .dashboard-tile-content ul { margin: 0; } .dashboard-tile .dashboard-tile-content ul > li > a { display: flex; justify-content: space-between; margin: 0 0.5rem; } .dashboard-tile .dashboard-tile-content ul > li > a .cashback-logo { flex: 0.25; text-align: left; } .dashboard-tile .dashboard-tile-content ul > li > a .cashback-logo img { object-fit: contain; height: 25px; width: auto; } .dashboard-tile .dashboard-tile-content ul > li > a .cashback-offer { flex: 0.75; justify-self: end; text-align: right; } .dashboard-tile .dashboard-tile-content li { list-style-type: none; padding: 0.25rem 0; border-bottom: solid lightgray 1px; } .dashboard-tile .dashboard-tile-content .dashboard-tile-action-link { flex-grow: 1; display: flex; align-items: center; justify-content: end; font-weight: 600; margin: 0.75rem 0; text-align: right; } .dashboard-tile .dashboard-showcase-header, .dashboard-tile .dashboard-combo-offer-header { display: flex; justify-content: center; align-items: center; margin: 1rem; min-height: 150px; flex-grow: 1; } .dashboard-tile .dashboard-combo-offer-header .combo-offer-image { object-fit: contain; max-height: 150px; min-height: 150px; width: auto; } .dashboard-tile .dashboard-tile-showcase-link, .dashboard-tile .dashboard-tile-combo-offer-link { border-top: 1px dotted #538ac6; padding: 1rem; } .dashboard-tile .dashboard-voucher-header { display: flex; flex: 0.9; flex-direction: column; justify-content: center; align-items: center; margin: 0.5rem 0; } .dashboard-tile .dashboard-voucher-header.dashboard-voucher-vendor-logo { height: 100px; width: 160px; } .dashboard-tile .dashboard-voucher-header.dashboard-voucher-vendor-logo img { height: 100px; } .dashboard-tile .tile-decoration { display: flex; align-items: center; justify-content: center; font-size: 16px; position: relative; background: #3e8bd8; width: 85%; color: white; padding: 4px; margin: 1em 0; } .dashboard-tile .tile-decoration .icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); width: 35px; height: 35px; border-radius: 50%; background-color: #3e8bd8; box-shadow: 3px 3px 3px 0px lightgray; } .dashboard-tile .dashboard-tile-voucher-link { border-top: 1px dotted #538ac6; padding: 1rem; flex: 0.1; } .dashboard-tile .dashboard-tile-link { display: flex; flex-direction: column; height: 100%; } .voucher-tile:first-child, :not(.voucher-tile) + .voucher-tile { grid-column: 1; } .tab-tile:first-child, :not(.tab-tile) + .tab-tile { grid-column: 1; } .combo-offer-tile:first-child, :not(.combo-offer-tile) + .combo-offer-tile { grid-column: 1; } .cashback-tile:first-child, :not(.cashback-tile) + .cashback-tile { grid-column: 1; } .carousel-dot-item, .carousel-dot-item-selected { display: inline-block; margin: 0 8px; cursor: pointer; background: none; opacity: 0.5; border: 2px solid #538ac6; width: 1em; height: 1em; border-radius: 20px; color: #468ee9; } .carousel-dot-item-selected { opacity: 1; background: #538ac6; } .balance-display { text-align: center; } .balance-display .balance-display-label { display: block; text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-family: verdana; font-size: 10px; color: #999; } @media screen and (max-width: 640px) { .balance-display { margin-top: 0.5em; } } /* Sidenav Drawer styling */ .sidenav-drawer { height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav-drawer .close-button { position: absolute; top: 0; right: 0; font-size: 2rem; padding: 1rem; line-height: 0.3; } .sidenav-drawer .user-menu, .sidenav-drawer .main-menu { margin: 1rem; } .sidenav-drawer .user-menu { color: #538ac6; font-size: 0.8em; padding-right: 2rem; } .sidenav-drawer .user-menu .welcome-header { color: inherit; font-size: 1rem; font-weight: 600; } .sidenav-drawer .user-menu .separator { padding: 0 1em; } .sidenav-drawer .main-menu { display: flex; flex-direction: column; border-top: 1px solid #538ac6; padding-top: 1rem; } .sidenav-drawer .main-menu .main-menu-item { font-size: 1em; padding: 0 1em 0.5em 1.5em; } .sidenav-drawer .main-menu .main-menu-item.active { padding-left: 0; font-weight: 600; } #backdrop { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; z-index: 999; display: none; } .hamburgerContainer { align-items: center; } @media screen and (max-width: 640px) { .hamburgerContainer { margin-top: 1em; min-width: 100% !important; flex-basis: 10% !important; order: 2 !important; } } .hamburger-search { width: 100%; max-width: 275px; height: 2em; margin: 0 1em; } .hamburger-search input { border-radius: 25px; border: 2px solid #538ac6; box-shadow: none; width: 100%; cursor: pointer; margin-bottom: 0; background: none; } .hamburger-search input:hover { cursor: pointer; } .hamburger-search .icon { float: right; position: relative; top: -25px; right: 1em; font-size: 16px; font-weight: 400; color: #538ac6; } /* Version: 3.4.3 Timestamp: Tue Sep 17 06:47:14 PDT 2013 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(top, #ccc 0%, #eee 60%); } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('select2.png') no-repeat 0 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url('select2.png') no-repeat 100% -22px; background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url('select2-spinner.gif') no-repeat 100%; background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(top, #eee 1%, #fff 15%); } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('select2.png') right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } }