, or .\n\n.list-group {\n // No need to set list-style: none; since .list-group-item is block level\n padding-left: 0; // reset padding because ul and ol\n margin-bottom: 20px;\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -1px;\n background-color: @list-group-bg;\n border: 1px solid @list-group-border;\n\n // Round the first and last items\n &:first-child {\n .border-top-radius(@list-group-border-radius);\n }\n &:last-child {\n margin-bottom: 0;\n .border-bottom-radius(@list-group-border-radius);\n }\n\n // Disabled state\n &.disabled,\n &.disabled:hover,\n &.disabled:focus {\n color: @list-group-disabled-color;\n cursor: @cursor-disabled;\n background-color: @list-group-disabled-bg;\n\n // Force color to inherit for custom content\n .list-group-item-heading {\n color: inherit;\n }\n .list-group-item-text {\n color: @list-group-disabled-text-color;\n }\n }\n\n // Active class on item itself, not parent\n &.active,\n &.active:hover,\n &.active:focus {\n z-index: 2; // Place active items above their siblings for proper border styling\n color: @list-group-active-color;\n background-color: @list-group-active-bg;\n border-color: @list-group-active-border;\n\n // Force color to inherit for custom content\n .list-group-item-heading,\n .list-group-item-heading > small,\n .list-group-item-heading > .small {\n color: inherit;\n }\n .list-group-item-text {\n color: @list-group-active-text-color;\n }\n }\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.list-group-item,\nbutton.list-group-item {\n color: @list-group-link-color;\n\n .list-group-item-heading {\n color: @list-group-link-heading-color;\n }\n\n // Hover state\n &:hover,\n &:focus {\n color: @list-group-link-hover-color;\n text-decoration: none;\n background-color: @list-group-hover-bg;\n }\n}\n\nbutton.list-group-item {\n width: 100%;\n text-align: left;\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n.list-group-item-variant(success; @state-success-bg; @state-success-text);\n.list-group-item-variant(info; @state-info-bg; @state-info-text);\n.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);\n.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);\n\n\n// Custom content options\n//\n// Extra classes for creating well-formatted content within `.list-group-item`s.\n\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3;\n}\n","// List Groups\n\n.list-group-item-variant(@state; @background; @color) {\n .list-group-item-@{state} {\n color: @color;\n background-color: @background;\n\n a&,\n button& {\n color: @color;\n\n .list-group-item-heading {\n color: inherit;\n }\n\n &:hover,\n &:focus {\n color: @color;\n background-color: darken(@background, 5%);\n }\n &.active,\n &.active:hover,\n &.active:focus {\n color: #fff;\n background-color: @color;\n border-color: @color;\n }\n }\n }\n}\n","// stylelint-disable selector-max-type, selector-max-compound-selectors, selector-max-combinators, no-duplicate-selectors\n\n//\n// Panels\n// --------------------------------------------------\n\n\n// Base class\n.panel {\n margin-bottom: @line-height-computed;\n background-color: @panel-bg;\n border: 1px solid transparent;\n border-radius: @panel-border-radius;\n .box-shadow(0 1px 1px rgba(0, 0, 0, .05));\n}\n\n// Panel contents\n.panel-body {\n padding: @panel-body-padding;\n &:extend(.clearfix all);\n}\n\n// Optional heading\n.panel-heading {\n padding: @panel-heading-padding;\n border-bottom: 1px solid transparent;\n .border-top-radius((@panel-border-radius - 1));\n\n > .dropdown .dropdown-toggle {\n color: inherit;\n }\n}\n\n// Within heading, strip any `h*` tag of its default margins for spacing.\n.panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: ceil((@font-size-base * 1.125));\n color: inherit;\n\n > a,\n > small,\n > .small,\n > small > a,\n > .small > a {\n color: inherit;\n }\n}\n\n// Optional footer (stays gray in every modifier class)\n.panel-footer {\n padding: @panel-footer-padding;\n background-color: @panel-footer-bg;\n border-top: 1px solid @panel-inner-border;\n .border-bottom-radius((@panel-border-radius - 1));\n}\n\n\n// List groups in panels\n//\n// By default, space out list group content from panel headings to account for\n// any kind of custom content between the two.\n\n.panel {\n > .list-group,\n > .panel-collapse > .list-group {\n margin-bottom: 0;\n\n .list-group-item {\n border-width: 1px 0;\n border-radius: 0;\n }\n\n // Add border top radius for first one\n &:first-child {\n .list-group-item:first-child {\n border-top: 0;\n .border-top-radius((@panel-border-radius - 1));\n }\n }\n\n // Add border bottom radius for last one\n &:last-child {\n .list-group-item:last-child {\n border-bottom: 0;\n .border-bottom-radius((@panel-border-radius - 1));\n }\n }\n }\n > .panel-heading + .panel-collapse > .list-group {\n .list-group-item:first-child {\n .border-top-radius(0);\n }\n }\n}\n// Collapse space between when there's no additional content.\n.panel-heading + .list-group {\n .list-group-item:first-child {\n border-top-width: 0;\n }\n}\n.list-group + .panel-footer {\n border-top-width: 0;\n}\n\n// Tables in panels\n//\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\n// watch it go full width.\n\n.panel {\n > .table,\n > .table-responsive > .table,\n > .panel-collapse > .table {\n margin-bottom: 0;\n\n caption {\n padding-right: @panel-body-padding;\n padding-left: @panel-body-padding;\n }\n }\n // Add border top radius for first one\n > .table:first-child,\n > .table-responsive:first-child > .table:first-child {\n .border-top-radius((@panel-border-radius - 1));\n\n > thead:first-child,\n > tbody:first-child {\n > tr:first-child {\n border-top-left-radius: (@panel-border-radius - 1);\n border-top-right-radius: (@panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-top-left-radius: (@panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-top-right-radius: (@panel-border-radius - 1);\n }\n }\n }\n }\n // Add border bottom radius for last one\n > .table:last-child,\n > .table-responsive:last-child > .table:last-child {\n .border-bottom-radius((@panel-border-radius - 1));\n\n > tbody:last-child,\n > tfoot:last-child {\n > tr:last-child {\n border-bottom-right-radius: (@panel-border-radius - 1);\n border-bottom-left-radius: (@panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-bottom-left-radius: (@panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-bottom-right-radius: (@panel-border-radius - 1);\n }\n }\n }\n }\n > .panel-body + .table,\n > .panel-body + .table-responsive,\n > .table + .panel-body,\n > .table-responsive + .panel-body {\n border-top: 1px solid @table-border-color;\n }\n > .table > tbody:first-child > tr:first-child th,\n > .table > tbody:first-child > tr:first-child td {\n border-top: 0;\n }\n > .table-bordered,\n > .table-responsive > .table-bordered {\n border: 0;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n > thead,\n > tbody {\n > tr:first-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n > tbody,\n > tfoot {\n > tr:last-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n }\n > .table-responsive {\n margin-bottom: 0;\n border: 0;\n }\n}\n\n\n// Collapsible panels (aka, accordion)\n//\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\n// the help of our collapse JavaScript plugin.\n\n.panel-group {\n margin-bottom: @line-height-computed;\n\n // Tighten up margin so it's only between panels\n .panel {\n margin-bottom: 0;\n border-radius: @panel-border-radius;\n\n + .panel {\n margin-top: 5px;\n }\n }\n\n .panel-heading {\n border-bottom: 0;\n\n + .panel-collapse > .panel-body,\n + .panel-collapse > .list-group {\n border-top: 1px solid @panel-inner-border;\n }\n }\n\n .panel-footer {\n border-top: 0;\n + .panel-collapse .panel-body {\n border-bottom: 1px solid @panel-inner-border;\n }\n }\n}\n\n\n// Contextual variations\n.panel-default {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);\n}\n.panel-primary {\n .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);\n}\n.panel-success {\n .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);\n}\n.panel-info {\n .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);\n}\n.panel-warning {\n .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);\n}\n.panel-danger {\n .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);\n}\n","// Panels\n\n.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {\n border-color: @border;\n\n & > .panel-heading {\n color: @heading-text-color;\n background-color: @heading-bg-color;\n border-color: @heading-border;\n\n + .panel-collapse > .panel-body {\n border-top-color: @border;\n }\n .badge {\n color: @heading-bg-color;\n background-color: @heading-text-color;\n }\n }\n & > .panel-footer {\n + .panel-collapse > .panel-body {\n border-bottom-color: @border;\n }\n }\n}\n","// Embeds responsive\n//\n// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden;\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n// Modifier class for 16:9 aspect ratio\n.embed-responsive-16by9 {\n padding-bottom: 56.25%;\n}\n\n// Modifier class for 4:3 aspect ratio\n.embed-responsive-4by3 {\n padding-bottom: 75%;\n}\n","// stylelint-disable property-no-vendor-prefix\n\n//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: (@font-size-base * 1.5);\n font-weight: @close-font-weight;\n line-height: 1;\n color: @close-color;\n text-shadow: @close-text-shadow;\n .opacity(.2);\n\n &:hover,\n &:focus {\n color: @close-color;\n text-decoration: none;\n cursor: pointer;\n .opacity(.5);\n }\n\n // Additional properties for button version\n // iOS requires the button element instead of an anchor tag.\n // If you want the anchor version, it requires `href=\"#\"`.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n button& {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n appearance: none;\n }\n}\n","//\n// Modals\n// --------------------------------------------------\n\n// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and shit\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal;\n display: none;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n\n // When fading in the modal, animate it to slide down\n &.fade .modal-dialog {\n .translate(0, -25%);\n .transition-transform(~\"0.3s ease-out\");\n }\n &.in .modal-dialog { .translate(0, 0); }\n}\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n background-color: @modal-content-bg;\n background-clip: padding-box;\n border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\n border: 1px solid @modal-content-border-color;\n border-radius: @border-radius-large;\n .box-shadow(0 3px 9px rgba(0, 0, 0, .5));\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal-background;\n background-color: @modal-backdrop-bg;\n // Fade for backdrop\n &.fade { .opacity(0); }\n &.in { .opacity(@modal-backdrop-opacity); }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n padding: @modal-title-padding;\n border-bottom: 1px solid @modal-header-border-color;\n &:extend(.clearfix all);\n}\n// Close icon\n.modal-header .close {\n margin-top: -2px;\n}\n\n// Title text within header\n.modal-title {\n margin: 0;\n line-height: @modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n padding: @modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n padding: @modal-inner-padding;\n text-align: right; // right align buttons\n border-top: 1px solid @modal-footer-border-color;\n &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons\n\n // Properly space out buttons\n .btn + .btn {\n margin-bottom: 0; // account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n margin-left: 5px;\n }\n // but override that for button groups\n .btn-group .btn + .btn {\n margin-left: -1px;\n }\n // and override it for block buttons as well\n .btn-block + .btn-block {\n margin-left: 0;\n }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@media (min-width: @screen-sm-min) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n width: @modal-md;\n margin: 30px auto;\n }\n .modal-content {\n .box-shadow(0 5px 15px rgba(0, 0, 0, .5));\n }\n\n // Modal sizes\n .modal-sm { width: @modal-sm; }\n}\n\n@media (min-width: @screen-md-min) {\n .modal-lg { width: @modal-lg; }\n}\n","//\n// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n position: absolute;\n z-index: @zindex-tooltip;\n display: block;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n .reset-text();\n font-size: @font-size-small;\n\n .opacity(0);\n\n &.in { .opacity(@tooltip-opacity); }\n &.top {\n padding: @tooltip-arrow-width 0;\n margin-top: -3px;\n }\n &.right {\n padding: 0 @tooltip-arrow-width;\n margin-left: 3px;\n }\n &.bottom {\n padding: @tooltip-arrow-width 0;\n margin-top: 3px;\n }\n &.left {\n padding: 0 @tooltip-arrow-width;\n margin-left: -3px;\n }\n\n // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\n &.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.top-left .tooltip-arrow {\n right: @tooltip-arrow-width;\n bottom: 0;\n margin-bottom: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.top-right .tooltip-arrow {\n bottom: 0;\n left: @tooltip-arrow-width;\n margin-bottom: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;\n border-right-color: @tooltip-arrow-color;\n }\n &.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-left-color: @tooltip-arrow-color;\n }\n &.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n &.bottom-left .tooltip-arrow {\n top: 0;\n right: @tooltip-arrow-width;\n margin-top: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n &.bottom-right .tooltip-arrow {\n top: 0;\n left: @tooltip-arrow-width;\n margin-top: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: @tooltip-max-width;\n padding: 3px 8px;\n color: @tooltip-color;\n text-align: center;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n}\n\n// Arrows\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n",".reset-text() {\n font-family: @font-family-base;\n // We deliberately do NOT reset font-size.\n font-style: normal;\n font-weight: 400;\n line-height: @line-height-base;\n line-break: auto;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n}\n","//\n// Popovers\n// --------------------------------------------------\n\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: @zindex-popover;\n display: none;\n max-width: @popover-max-width;\n padding: 1px;\n // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n .reset-text();\n font-size: @font-size-base;\n background-color: @popover-bg;\n background-clip: padding-box;\n border: 1px solid @popover-fallback-border-color;\n border: 1px solid @popover-border-color;\n border-radius: @border-radius-large;\n .box-shadow(0 5px 10px rgba(0, 0, 0, .2));\n\n // Offset the popover to account for the popover arrow\n &.top { margin-top: -@popover-arrow-width; }\n &.right { margin-left: @popover-arrow-width; }\n &.bottom { margin-top: @popover-arrow-width; }\n &.left { margin-left: -@popover-arrow-width; }\n\n // Arrows\n // .arrow is outer, .arrow:after is inner\n > .arrow {\n border-width: @popover-arrow-outer-width;\n\n &,\n &:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n\n &:after {\n content: \"\";\n border-width: @popover-arrow-width;\n }\n }\n\n &.top > .arrow {\n bottom: -@popover-arrow-outer-width;\n left: 50%;\n margin-left: -@popover-arrow-outer-width;\n border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-top-color: @popover-arrow-outer-color;\n border-bottom-width: 0;\n &:after {\n bottom: 1px;\n margin-left: -@popover-arrow-width;\n content: \" \";\n border-top-color: @popover-arrow-color;\n border-bottom-width: 0;\n }\n }\n &.right > .arrow {\n top: 50%;\n left: -@popover-arrow-outer-width;\n margin-top: -@popover-arrow-outer-width;\n border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-right-color: @popover-arrow-outer-color;\n border-left-width: 0;\n &:after {\n bottom: -@popover-arrow-width;\n left: 1px;\n content: \" \";\n border-right-color: @popover-arrow-color;\n border-left-width: 0;\n }\n }\n &.bottom > .arrow {\n top: -@popover-arrow-outer-width;\n left: 50%;\n margin-left: -@popover-arrow-outer-width;\n border-top-width: 0;\n border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-bottom-color: @popover-arrow-outer-color;\n &:after {\n top: 1px;\n margin-left: -@popover-arrow-width;\n content: \" \";\n border-top-width: 0;\n border-bottom-color: @popover-arrow-color;\n }\n }\n\n &.left > .arrow {\n top: 50%;\n right: -@popover-arrow-outer-width;\n margin-top: -@popover-arrow-outer-width;\n border-right-width: 0;\n border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-left-color: @popover-arrow-outer-color;\n &:after {\n right: 1px;\n bottom: -@popover-arrow-width;\n content: \" \";\n border-right-width: 0;\n border-left-color: @popover-arrow-color;\n }\n }\n}\n\n.popover-title {\n padding: 8px 14px;\n margin: 0; // reset heading margin\n font-size: @font-size-base;\n background-color: @popover-title-bg;\n border-bottom: 1px solid darken(@popover-title-bg, 5%);\n border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n","// stylelint-disable media-feature-name-no-unknown\n\n//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n\n > .item {\n position: relative;\n display: none;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n &:extend(.img-responsive);\n line-height: 1;\n }\n\n // WebKit CSS3 transforms for supported devices\n @media all and (transform-3d), (-webkit-transform-3d) {\n .transition-transform(~\"0.6s ease-in-out\");\n .backface-visibility(~\"hidden\");\n .perspective(1000px);\n\n &.next,\n &.active.right {\n .translate3d(100%, 0, 0);\n left: 0;\n }\n &.prev,\n &.active.left {\n .translate3d(-100%, 0, 0);\n left: 0;\n }\n &.next.left,\n &.prev.right,\n &.active {\n .translate3d(0, 0, 0);\n left: 0;\n }\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: @carousel-control-width;\n font-size: @carousel-control-font-size;\n color: @carousel-control-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug\n .opacity(@carousel-control-opacity);\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n #gradient > .horizontal(@start-color: rgba(0, 0, 0, .5); @end-color: rgba(0, 0, 0, .0001));\n }\n &.right {\n right: 0;\n left: auto;\n #gradient > .horizontal(@start-color: rgba(0, 0, 0, .0001); @end-color: rgba(0, 0, 0, .5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n color: @carousel-control-color;\n text-decoration: none;\n outline: 0;\n .opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n z-index: 5;\n display: inline-block;\n margin-top: -10px;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n font-family: serif;\n line-height: 1;\n }\n\n .icon-prev {\n &:before {\n content: \"\\2039\";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: \"\\203a\";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n padding-left: 0;\n margin-left: -30%;\n text-align: center;\n list-style: none;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n cursor: pointer;\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0, 0, 0, 0); // IE9\n\n border: 1px solid @carousel-indicator-border-color;\n border-radius: 10px;\n }\n\n .active {\n width: 12px;\n height: 12px;\n margin: 0;\n background-color: @carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: @carousel-caption-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: (@carousel-control-font-size * 1.5);\n height: (@carousel-control-font-size * 1.5);\n margin-top: (@carousel-control-font-size / -2);\n font-size: (@carousel-control-font-size * 1.5);\n }\n .glyphicon-chevron-left,\n .icon-prev {\n margin-left: (@carousel-control-font-size / -2);\n }\n .glyphicon-chevron-right,\n .icon-next {\n margin-right: (@carousel-control-font-size / -2);\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n right: 20%;\n left: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n.clearfix() {\n &:before,\n &:after {\n display: table; // 2\n content: \" \"; // 1\n }\n &:after {\n clear: both;\n }\n}\n","// Center-align a block level element\n\n.center-block() {\n display: block;\n margin-right: auto;\n margin-left: auto;\n}\n","// stylelint-disable font-family-name-quotes, font-family-no-missing-generic-family-keyword\n\n// CSS image replacement\n//\n// Heads up! v3 launched with only `.hide-text()`, but per our pattern for\n// mixins being reused as classes with the same name, this doesn't hold up. As\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.\n//\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n\n// Deprecated as of v3.0.1 (has been removed in v4)\n.hide-text() {\n font: ~\"0/0\" a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n// New mixin to use as of v3.0.1\n.text-hide() {\n .hide-text();\n}\n","// stylelint-disable declaration-no-important, at-rule-no-vendor-prefix\n\n//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue: https://github.com/twbs/bootstrap/issues/10497\n// Docs: https://getbootstrap.com/docs/3.4/getting-started/#support-ie10-width\n// Source: https://timkadlec.com/2013/01/windows-phone-8-and-device-width/\n// Source: https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@-ms-viewport {\n width: device-width;\n}\n\n\n// Visibility utilities\n// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n .responsive-invisibility();\n}\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n\n.visible-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-visibility();\n }\n}\n.visible-xs-block {\n @media (max-width: @screen-xs-max) {\n display: block !important;\n }\n}\n.visible-xs-inline {\n @media (max-width: @screen-xs-max) {\n display: inline !important;\n }\n}\n.visible-xs-inline-block {\n @media (max-width: @screen-xs-max) {\n display: inline-block !important;\n }\n}\n\n.visible-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-visibility();\n }\n}\n.visible-sm-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: block !important;\n }\n}\n.visible-sm-inline {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline !important;\n }\n}\n.visible-sm-inline-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline-block !important;\n }\n}\n\n.visible-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-visibility();\n }\n}\n.visible-md-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: block !important;\n }\n}\n.visible-md-inline {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline !important;\n }\n}\n.visible-md-inline-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline-block !important;\n }\n}\n\n.visible-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-visibility();\n }\n}\n.visible-lg-block {\n @media (min-width: @screen-lg-min) {\n display: block !important;\n }\n}\n.visible-lg-inline {\n @media (min-width: @screen-lg-min) {\n display: inline !important;\n }\n}\n.visible-lg-inline-block {\n @media (min-width: @screen-lg-min) {\n display: inline-block !important;\n }\n}\n\n.hidden-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-invisibility();\n }\n}\n.hidden-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-invisibility();\n }\n}\n.hidden-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-invisibility();\n }\n}\n.hidden-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-invisibility();\n }\n}\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n// Note: Deprecated .visible-print as of v3.2.0\n.visible-print {\n .responsive-invisibility();\n\n @media print {\n .responsive-visibility();\n }\n}\n.visible-print-block {\n display: none !important;\n\n @media print {\n display: block !important;\n }\n}\n.visible-print-inline {\n display: none !important;\n\n @media print {\n display: inline !important;\n }\n}\n.visible-print-inline-block {\n display: none !important;\n\n @media print {\n display: inline-block !important;\n }\n}\n\n.hidden-print {\n @media print {\n .responsive-invisibility();\n }\n}\n","// stylelint-disable declaration-no-important\n\n.responsive-visibility() {\n display: block !important;\n table& { display: table !important; }\n tr& { display: table-row !important; }\n th&,\n td& { display: table-cell !important; }\n}\n\n.responsive-invisibility() {\n display: none !important;\n}\n","/* See fonts/README.md for more info */\n// stylelint-disable declaration-colon-newline-after, indentation, value-list-comma-newline-after, value-list-comma-space-after\n\n/* SOURCE SANS PRO */\n\n/* CYRILLIC-EXT */\n/* source-sans-pro-300 - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n/* source-sans-pro-300italic - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n/* source-sans-pro-regular - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n/* source-sans-pro-italic - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n/* source-sans-pro-700 - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n/* source-sans-pro-600 - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n/* source-sans-pro-700italic - cyrillic-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-ext-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n\n/* CYRILLIC */\n/* source-sans-pro-300 - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* source-sans-pro-300italic - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* source-sans-pro-regular - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* source-sans-pro-italic - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* source-sans-pro-600 - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* source-sans-pro-700italic - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* source-sans-pro-700 - cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-cyrillic-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-cyrillic-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* GREEK-EXT */\n/* source-sans-pro-300 - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n/* source-sans-pro-300italic - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n/* source-sans-pro-regular - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n/* source-sans-pro-italic - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n/* source-sans-pro-600 - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n/* source-sans-pro-700 - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n/* source-sans-pro-700italic - greek-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-ext-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-ext-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+1F00-1FFF;\n}\n\n/* GREEK */\n/* source-sans-pro-300italic - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-greek-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n/* source-sans-pro-300 - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-greek-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n/* source-sans-pro-regular - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-greek-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n/* source-sans-pro-600 - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-greek-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n/* source-sans-pro-italic - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-greek-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n/* source-sans-pro-700italic - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-greek-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n/* source-sans-pro-700 - greek */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-greek-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-greek-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-greek-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-greek-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-greek-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0370-03FF;\n}\n\n/* VIETNAMESE */\n/* source-sans-pro-300 - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n/* source-sans-pro-300italic - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n/* source-sans-pro-regular - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n/* source-sans-pro-italic - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n/* source-sans-pro-600 - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n/* source-sans-pro-700italic - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n/* source-sans-pro-700 - vietnamese */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-vietnamese-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-vietnamese-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n\n/* LATIN-EXT */\n/* source-sans-pro-300 - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* source-sans-pro-300italic - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* source-sans-pro-regular - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* source-sans-pro-600 - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* source-sans-pro-italic - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* source-sans-pro-700 - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* source-sans-pro-700italic - latin-ext */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* LATIN */\n/* source-sans-pro-300 - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n/* source-sans-pro-300italic - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n/* source-sans-pro-regular - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n/* source-sans-pro-600 - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n/* source-sans-pro-italic - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n/* source-sans-pro-700 - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n/* source-sans-pro-700italic - latin */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n\n/* FALLBACK */\n/* source-sans-pro-300italic - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n/* source-sans-pro-300 - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 300;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n/* source-sans-pro-regular - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n/* source-sans-pro-italic - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n/* source-sans-pro-600 - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 600;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-600.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n/* source-sans-pro-700 - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: normal;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n/* source-sans-pro-700italic - latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic */\n@font-face {\n font-family: 'Source Sans Pro';\n font-style: italic;\n font-weight: 700;\n src: url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */\n src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('@{icon-font-path}source-sans-pro-v10-latin-ext_vietnamese_cyrillic-ext_greek_latin_greek-ext_cyrillic-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */\n unicode-range: U+E6E1;\n}\n\n\n/* CRIMSON TEXT */\n\n/* CYRILLIC-EXT */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-cyrillic-ext.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-cyrillic-ext.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-cyrillic-ext.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-cyrillic-ext.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-cyrillic-ext.svg#crimson_textroman') format('svg');\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-cyrillic-ext.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-cyrillic-ext.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-cyrillic-ext.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-cyrillic-ext.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-cyrillic-ext.svg#crimson_textitalic') format('svg');\n unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;\n}\n\n/* CYRILLIC */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-cyrillic.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-cyrillic.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-cyrillic.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-cyrillic.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-cyrillic.svg#crimson_textroman') format('svg');\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-cyrillic.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-cyrillic.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-cyrillic.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-cyrillic.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-cyrillic.svg#crimson_textitalic') format('svg');\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* GREEK-EXT */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-greek-ext.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-greek-ext.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-greek-ext.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-greek-ext.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-greek-ext.svg#crimson_textroman') format('svg');\n unicode-range: U+1F00-1FFF;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-greek-ext.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-greek-ext.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-greek-ext.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-greek-ext.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-greek-ext.svg#crimson_textitalic') format('svg');\n unicode-range: U+1F00-1FFF;\n}\n\n/* GREEK */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-greek.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-greek.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-greek.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-greek.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-greek.svg#crimson_textroman') format('svg');\n unicode-range: U+0370-03FF;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-greek.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-greek.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-greek.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-greek.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-greek.svg#crimson_textitalic') format('svg');\n unicode-range: U+0370-03FF;\n}\n\n/* VIETNAMESE */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-vietnamese.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-vietnamese.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-vietnamese.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-vietnamese.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-vietnamese.svg#crimson_textroman') format('svg');\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-vietnamese.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-vietnamese.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-vietnamese.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-vietnamese.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-vietnamese.svg#crimson_textitalic') format('svg');\n unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;\n}\n\n/* LATIN-EXT */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-latin-ext.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-latin-ext.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-latin-ext.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-latin-ext.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-latin-ext.svg#crimson_textroman') format('svg');\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-latin-ext.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-latin-ext.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-latin-ext.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-latin-ext.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-latin-ext.svg#crimson_textitalic') format('svg');\n unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* LATIN */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-latin.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-latin.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-latin.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-latin.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-latin.svg#crimson_textroman') format('svg');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-latin.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-latin.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-latin.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-latin.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-latin.svg#crimson_textitalic') format('svg');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n\n\n/* FALLBACK */\n@font-face {\n font-family: 'Crimson Text';\n font-style: normal;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-roman-all.eot');\n src: //local('Crimson Text'), local('CrimsonText-Roman'),\n url('@{icon-font-path}crimson-roman-all.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-roman-all.woff') format('woff'),\n url('@{icon-font-path}crimson-roman-all.ttf') format('truetype'),\n url('@{icon-font-path}crimson-roman-all.svg#crimson_textroman') format('svg');\n unicode-range: U+E6E1;\n}\n\n@font-face {\n font-family: 'Crimson Text';\n font-style: italic;\n font-weight: 400;\n src: url('@{icon-font-path}crimson-italic-all.eot');\n src: //local('Crimson Text Italic'), local('CrimsonText-Italic'),\n url('@{icon-font-path}crimson-italic-all.eot?#iefix') format('embedded-opentype'),\n url('@{icon-font-path}crimson-italic-all.woff') format('woff'),\n url('@{icon-font-path}crimson-italic-all.ttf') format('truetype'),\n url('@{icon-font-path}crimson-italic-all.svg#crimson_textitalic') format('svg');\n unicode-range: U+E6E1;\n}\n\n// stylelint-enable\n","/*\n * EdGEL resets\n * --------------------------------------------------\n */\n\n// stylelint-disable property-no-vendor-prefix\nhtml {\n overflow-x: hidden;\n font-size: 95%;\n -webkit-text-size-adjust: 100%;\n}\n// stylelint-enable\n\n/* These font changes do not use the same breakpoints as Bootstrap */\n@media screen and (min-width: @screen-sm-min) {\n html {\n font-size: 85%;\n height: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n html {\n font-size: 87.5%;\n }\n}\n@media screen and (min-width: 1080px) {\n html {\n font-size: 90%;\n }\n}\n@media screen and (min-width: 1200px) {\n html {\n font-size: 95%;\n }\n}\n@media screen and (min-width: 1350px) {\n html {\n font-size: 100%;\n }\n}\n@media screen and (min-width: 1650px) {\n html {\n font-size: 105%;\n }\n}\n@media screen and (min-width: 1900px) {\n html {\n font-size: 115%;\n }\n}\n\nbody {\n font-size: 100%;\n font-size: 1rem;\n line-height: normal;\n}\n\n/* Containers get a maximum width */\n@media screen and (min-width: @screen-sm-min) {\n .container {\n max-width: 90rem;\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n","/**\n * Miscellaneous spacing.\n */\n\n/* Spacing above overview panel grid */\np + .row {\n margin-top: @grid-gutter-width;\n}\n\n/* Forms */\ntd .form-group {\n margin: 0;\n * {\n margin-bottom: 0;\n }\n}\n\n.form-file {\n margin-top: 0;\n margin-bottom: 10px;\n padding-top: 0;\n}\n\n.form-inline .panel-body {\n display: block;\n padding: 15px;\n}\n\n.alert {\n margin-top: @line-height-computed;\n}\n.alert > .glyphicon {\n float: left;\n padding-right: 1em;\n}\n\n.modal-body {\n overflow: auto;\n p:last-child {\n margin-bottom: 0;\n }\n}\n\n.container > p:last-child {\n margin-bottom: 0;\n}\n","/*\n * Bootstrap type overrides\n * --------------------------------------------------\n */\n\n/* Bootstrap lead paragraph style */\n.lead {\n font-size: 1.3em;\n font-weight: 400;\n}\n\n/* Published date */\n.article-published {\n display: block;\n margin-top: 2em;\n}\n\n/* Bootstrap help block */\n.help-block {\n color: @text-muted;\n font-size: 12px;\n margin-bottom: 15px;\n}\n\n/* Small and cite elements */\nsmall,\n.small,\ncite {\n font-size: 85%;\n color: #6a6a6a;\n}\n\n/* Links */\na {\n cursor: pointer;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ul,\n ol {\n color: #428bca;\n }\n}\n\n/* Heading font changes */\nh5 {\n font-weight: 500;\n}\n\nh6 {\n font-weight: 600;\n small {\n font-weight: 400;\n }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n clear: left;\n small,\n .small {\n font-weight: 300;\n }\n}\n\nh3,\nh4,\nh5,\nh6,\n.h3,\n.h4,\n.h5,\n.h6 {\n color: #666;\n}\n\nh4,\n.h4 {\n margin-top: 20px;\n}\n\nh1 + h2,\nh2 + h3,\nh3 + h4,\nh4 + h5,\nh5 + h6 {\n margin-top: -4px;\n}\n\n/* H1 as a page header */\n.page-header {\n margin: 0 0 10px;\n}\n\n/* Horizontal rule */\nhr {\n display: block;\n clear: both;\n border-bottom: 1px solid #ccc;\n margin: @grid-gutter-width 0;\n}\n\n/* Legend element */\nlegend a:focus {\n outline: initial;\n}\n\nlegend {\n font-size: 1.65em;\n}\n\n/* Remove extra bottom margin in panels etc */\np:last-child,\ndl:last-child,\nol:last-child,\nul:last-child {\n margin-bottom: 0;\n}\n","/*\n * Figure HTML element styling\n * --------------------------------------------------\n */\n\nfigure {\n margin-bottom: 15px;\n .shade;\n}\n\nfigure img {\n width: 100%;\n height: auto;\n .shade;\n}\n\nfigcaption {\n color: @descriptive-text-color;\n padding: 11px 20px;\n &:empty {\n display: none;\n }\n margin-bottom: 0;\n background: @panel-bg;\n clear: both;\n}\n\nfigure.pull-left {\n padding-left: 0;\n padding-right: 0;\n margin-right: 20px;\n clear: left;\n}\n\nfigure.pull-right {\n padding-left: 0;\n padding-right: 0;\n margin-left: 20px;\n clear: right;\n}\n","/**\n * Fix for abbreviation underline, backported from Bootstrap v4.\n */\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n","/**\n * Styling for list elements.\n */\n\n/* Address formatted in a dl */\n.dl-address {\n dt {\n .sr-only;\n }\n dd {\n word-wrap: break-word;\n }\n dd p {\n /* Don't allow paragraph breaks in an address */\n margin-bottom: 0;\n }\n}\n/* Enforce bottom margin */\n.dl-address:last-child {\n margin-bottom: @line-height-computed;\n}\n\n/* Reduce list indent */\nul,\nol {\n padding-left: 1.5em;\n}\n\n/* Unordered list style with chevrons instead of bullets */\n// stylelint-disable font-family-no-missing-generic-family-keyword\n.list-chevron {\n list-style: none;\n padding: 0;\n\n li {\n position: relative;\n padding-left: 1.5em;\n }\n > li:before {\n font-family: \"Glyphicons Halflings\";\n /* Right Chevron */\n content: \"\\e080\";\n margin-right: 6px;\n font-size: .75em;\n position: absolute;\n top: .25em;\n left: .5em;\n }\n}\n\n// stylelint-enable\n","/*\n * Bootstrap table overrides\n */\n.table > thead > tr > th {\n border-bottom: 1px solid #bbb;\n}\ntable th {\n a {\n display: block;\n position: relative;\n }\n &.active {\n a {\n padding: 0 25px 0 0;\n }\n img {\n position: absolute;\n right: 3px;\n top: 3px;\n }\n }\n}\n\n.table-striped tr {\n background-color: #fff;\n}\n\ntd.checkbox,\nth.checkbox {\n text-align: center;\n display: table-cell;\n .checkbox {\n margin: 0;\n }\n}\n","/**\n * EdGEL Blockquote\n */\n\nblockquote {\n .shade;\n clear: both;\n border-color: @brand;\n background: #fff;\n padding: 20px;\n margin: 0 0 15px;\n font-size: 1.2em;\n line-height: 1.6em;\n font-style: italic;\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\nblockquote + small {\n display: block;\n margin: -20px 0 @grid-gutter-width;\n}\nblockquote p:first-of-type:before,\nblockquote p:last-of-type:after {\n color: #ccc;\n content: open-quote;\n font-size: 3.2em;\n line-height: 1px;\n margin-right: .25em;\n vertical-align: -27px;\n font-family: Arial, Helvetica, sans-serif;\n font-weight: 400;\n}\nblockquote p:last-of-type:after {\n content: close-quote;\n margin-right: 0;\n margin-left: .25em;\n}\nblockquote footer cite span {\n display: block;\n}\n","/*\n * Secondary column on page\n * --------------------------------------------------\n */\n\n.col-second-inner {\n padding-left: (@grid-gutter-width / 2);\n border-left: solid 2px @brand;\n overflow: hidden;\n}\n\n.col-with-second {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n\n/* Reset box shadows inside so not doubled-up */\n.col-second-media {\n figure,\n figure img {\n .box-shadow(none);\n }\n\n margin-left: -15px;\n .shade;\n}\n\n.col-second-media img {\n width: 100%;\n height: auto;\n}\n\n/* Page header modifier style for when there's a second column */\n.page-header-with-second {\n margin-bottom: 0;\n border-bottom: 10px solid @brand;\n}\n\n/* Reset last child padding applied to panels so left border doesn't overrun */\n.col-second-inner .panel:last-child {\n margin-bottom: 0;\n}\n","/*\n * Bootstrap row modifier to provide a separation from the previous row.\n */\n\n.row-separator {\n border-top: solid 1px @panel-inner-border;\n margin-top: 15px;\n padding-top: 20px;\n}\n","/*\n * Modify the Bootstrap embed-responsive container\n * --------------------------------------------------\n */\n\n/* Padding moved to :before child element so reinstate height */\n.embed-responsive {\n height: auto;\n}\n\n/* Modifier class for 16:9 aspect ratio. Add max width */\n.embed-responsive-16by9 {\n padding-bottom: 0;\n max-width: 660px;\n margin: 0 auto;\n &:before {\n padding-bottom: 56.25%;\n width: 100%;\n content: \"\";\n display: block;\n }\n}\n\n/* Modify Bootstrap class for 4:3 aspect ratio. Add max width */\n.embed-responsive-4by3 {\n padding-bottom: 0;\n max-width: 660px;\n margin: 0 auto;\n &:before {\n padding-bottom: 75%;\n width: 100%;\n content: \"\";\n display: block;\n }\n}\n","/*\n * Bootstrap Panel Overrides\n * --------------------------------------------------\n */\n\n.panel {\n border-style: none;\n .shade;\n &:last-child {\n margin-bottom: 20px;\n }\n}\n.panel-heading {\n border-style: none;\n .shade-light;\n}\n// TODO: See if we can retire this for a new .img-panel class //\n.panel img {\n width: 100%;\n height: auto;\n .shade;\n}\n.panel .embed-responsive {\n .shade;\n}\n/* Allow responsive embeds to go full width (limited in embed-responsive partial) */\n.panel .embed-responsive-4by3,\n.panel .embed-responsive-16by9 {\n max-width: none;\n}\n\n.panel-body {\n line-height: @line-height-base;\n position: relative;\n}\nh1.panel-title { font-size: @font-size-h3; }\nh2.panel-title { font-size: @font-size-h3; }\nh3.panel-title { font-size: @font-size-h3; }\n\n.panel-default .panel-title {\n font-weight: 600;\n font-size: 17px;\n}\n\n.panel > .list-group {\n list-style: none;\n border-style: none;\n}\n.panel > .list-group .list-group-item {\n border-style: none;\n}\n\n/* Panel groups (accordion) overrides */\n.panel-group .panel-title {\n font-weight: 600;\n}\n.panel-group .panel-heading {\n padding-top: 10px;\n}\n.panel-group .panel-primary > .panel-heading {\n &:hover {\n background-color: darken(@panel-primary-heading-bg, 5%);\n }\n .panel-title,\n a {\n display: block;\n }\n}\n.panel-group .panel-default > .panel-heading {\n &:hover {\n background-color: darken(@panel-default-heading-bg, 5%);\n }\n .panel-title,\n a {\n display: block;\n }\n}\n.panel-group .panel-heading + .panel-collapse .panel-body {\n border-top: none;\n}\n.panel-group .panel-default .panel-heading {\n background-color: @panel-default-heading-bg;\n}\n\n// stylelint-disable font-family-no-missing-generic-family-keyword\n.panel [data-toggle=\"collapse\"] {\n &:before {\n content: \"\\e082\";\n font-family: 'Glyphicons Halflings';\n vertical-align: sub;\n padding-right: 20px;\n display:inline-block;\n }\n &[aria-expanded=\"false\"],\n &.collapsed,\n &.collapse.in {\n &:before {\n content: \"\\e081\";\n }\n }\n}\n// stylelint-enable\n\n.panel-collapse,\n.panel-group .panel-heading .panel-title a {\n padding-left: 40px;\n &[data-toggle=\"collapse\"] {\n padding-left: 0;\n }\n}\n\n.panel.panel-group {\n padding: 20px;\n .panel {\n margin-top: 0;\n .box-shadow(none);\n }\n .panel > .panel-heading {\n background: none;\n }\n}\n\n.panel figure {\n margin-bottom: 0;\n .box-shadow(none);\n\n figcaption {\n background-color: @gray-lighter;\n }\n}\n\n/* Provide an indented section within a panel-body */\n.panel-body-offset {\n padding-left: .75em;\n border-left: solid 2px @brand;\n margin-left: 2em;\n}\n/* Reset bottom margins to ensure red line is vertically centred */\n.panel-body > &,\n.panel-body-offset > & {\n p:last-child,\n dl:last-child,\n ol:last-child,\n ul:last-child {\n margin-bottom: 0;\n }\n}\n\n/* Support vertical alignment of glyphicon before panel-body-offset */\n.panel-body-offset-marker {\n position: absolute;\n left: 20px;\n top: 50%;\n margin-top: -.5em;\n}\n","/*\n * EdGEL Panels\n * --------------------------------------------------\n */\n\n/* High visual impact panel style */\n.panel-uoe-high {\n .panel-variant(@brand-color; @brand-bg-text; @brand-color; @brand-color);\n background-color: @brand-color;\n color: @brand-bg-text;\n\n .panel-heading {\n .box-shadow(none);\n padding-bottom: 0;\n }\n .panel-title {\n margin-top: 10px;\n margin-bottom: 0;\n }\n\n a:not(.btn) {\n color: @brand-link-color;\n &:hover {\n color: darken(@brand-link-color, 5%);\n }\n }\n}\n\n/* Medium visual impact panel style */\n.panel-uoe-medium {\n .panel-variant(@panel-default-border; @brand-bg-text; @brand-color; @brand-color);\n\n .panel-heading a {\n color: @brand-link-color;\n &:hover {\n color: darken(@brand-link-color, 5%);\n }\n }\n}\n\n/* Low visual impact panel style */\n.panel-uoe-low {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-bg; @brand-color);\n .topline;\n\n .panel-heading {\n .box-shadow(none);\n padding-bottom: 0;\n }\n .panel-title {\n margin-top: 10px;\n margin-bottom: 0;\n }\n\n .panel-heading a {\n color: @brand-as-link;\n &:hover {\n color: @brand-as-link-hover;\n }\n }\n}\n","/*\n * EdGEL Mixins\n * --------------------------------------------------\n */\n\n/* Box shadows */\n.shade() {\n @shadow: 0 4px 6px -5px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .1);\n .box-shadow(@shadow);\n}\n\n.shade-light() {\n @shadow: 0 2px 1px -1px rgba(0, 0, 0, .15);\n .box-shadow(@shadow);\n}\n\n/* Top line border */\n.topline() {\n border-top: 8px solid @brand-color;\n}\n","/*\n * Overview panels\n * --------------------------------------------------\n */\n\n/* Common overview panel styles */\n.panel-overview,\n.panel-overview-medium,\n.panel-overview-high {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-bg; @brand-color);\n\n .panel-heading {\n box-shadow: none;\n }\n\n /* Reset the panel-title margins */\n .panel-title {\n margin-top: 5px;\n margin-bottom: 5px;\n }\n}\n\n/* Medium and default visual impact overview panel */\n.panel-overview,\n.panel-overview-medium {\n .panel-title {\n color: @brand-as-link;\n }\n\n > a,\n .panel-heading a {\n color: @brand-as-link;\n\n &:hover,\n &:focus {\n color: @brand-as-link-hover;\n }\n }\n}\n\n/* Add the topline as an inset border so title text positioning is consistent */\n.panel-overview-medium {\n @shadow: 0 4px 6px -5px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .1), inset 0 7px 0 @brand;\n .box-shadow(@shadow);\n}\n\n/* High visual impact overview panel */\n.panel-overview-high {\n .panel-variant(@panel-default-border; @brand-bg-text; @brand-color; @brand-color);\n\n a > .panel-heading {\n background: @brand-color;\n }\n .panel-heading:hover {\n background: @brand-as-link-hover;\n }\n\n > a,\n .panel-heading a {\n color: @brand-bg-text;\n }\n}\n","/*\n * EdGEL Hero panels\n * --------------------------------------------------\n */\n\n.panel-hero {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-bg; @brand-color);\n}\n\n.panel-hero .panel-title {\n margin-bottom: 1em;\n}\n\n.panel-hero-bg {\n background-image: none;\n background-size: cover;\n background-position: center;\n}\n/* Clearfix since only contents could be floated left or right */\n.panel-hero-bg:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.panel-hero-content {\n padding: @panel-hero-padding;\n font-size: floor((@font-size-base * 1.15));\n line-height: 1.4;\n\n @media (min-width: @screen-sm-min) {\n font-size: (@font-size-base * 1.5);\n }\n}\n\n.panel-hero-content-left {\n width: 50%;\n float: left;\n}\n\n.panel-hero-content-right {\n width: 50%;\n float: right;\n}\n\n.panel-hero-content-dark,\n.panel-hero-content-dark-opaque {\n color: #fff;\n a:not(.btn) {\n &,\n &:visited {\n color: #ccc;\n }\n &:hover,\n &:focus {\n color: #fff;\n }\n }\n}\n\n.panel-hero-content-dark-opaque {\n background-color: @gray-dark;\n}\n\n.panel-hero-content-dark {\n background-color: fade(@gray-dark, 75%);\n}\n\n.panel-hero-content-light-opaque {\n background-color: #fff;\n}\n\n.panel-hero-content-light {\n background-color: fade(#fff, 75%);\n}\n\n.panel-hero-content-uoe,\n.panel-hero-content-uoe-opaque {\n color: @brand-bg-text;\n a:not(.btn) {\n &,\n &:visited {\n color: @brand-link-color;\n }\n &:hover,\n &:focus {\n color: darken(@brand-link-color, 5%);\n }\n }\n}\n\n.panel-hero-content-uoe-opaque {\n background-color: @brand-color;\n}\n\n.panel-hero-content-uoe {\n background-color: fade(@brand-color, 75%);\n}\n","/*\n * EdGEL Feature row of panels\n * --------------------------------------------------\n */\n\n.row-feature {\n background-color: @gray-dark;\n padding-left: floor((@grid-gutter-width / 2));\n padding-right: floor((@grid-gutter-width / 2));\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 20px;\n\n .panel {\n margin-top: 15px;\n }\n\n .panel-feature {\n .panel-heading {\n padding-left: 0;\n padding-right: 0;\n }\n\n .panel-body {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n\n.panel-feature-heading {\n color: #fff;\n padding: @grid-gutter-width 0 5px;\n font-size: (@font-size-h2 / @font-size-h3);\n}\n\n.panel-feature {\n .panel-variant(@gray-dark; #fff; @gray-dark; @gray-dark);\n background-color: @gray-dark;\n color: #fff;\n .box-shadow(none);\n\n .panel-title {\n margin-top: 10px;\n margin-bottom: 0;\n }\n\n .panel-heading {\n .box-shadow(none);\n padding-bottom: 0;\n }\n\n a:not(.btn) {\n &,\n &:active,\n &:focus,\n &:hover,\n &:visited {\n color: @feature-link;\n }\n }\n}\n","/*\n * EdGEL Event panels\n * --------------------------------------------------\n */\n// stylelint-disable font-family-no-missing-generic-family-keyword\n\n.panel-event {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);\n border-style: solid;\n border-width: 1px;\n margin: 1em 0;\n position: relative;\n}\n\n/* Date and title wrapper */\n.event-date-title {\n margin: @panel-heading-padding;\n display: table;\n}\n\n/* Date section */\n.event-date {\n display: table-cell;\n vertical-align: middle;\n padding-right: .75em;\n border-right: solid 2px @brand;\n white-space: nowrap;\n line-height: 1px;\n}\n.event-date time {\n display: inline-block;\n line-height: .9em;\n}\n\n.event-date-separator {\n color: @brand;\n font-size: 1.9em;\n line-height: 1.5em;\n font-weight: 700;\n vertical-align: top;\n}\n\n.event-month,\n.event-day,\n.event-year {\n display: block;\n font-weight: 600;\n line-height: .8;\n text-align: center;\n}\n\n.event-month {\n font-size: 1.05em;\n text-transform: uppercase;\n}\n\n.event-day {\n color: @brand;\n font-size: 1.9em;\n font-weight: 700;\n}\n\n.event-year {\n margin-top: .05em;\n}\n\n.event-time {\n display: block;\n padding-top: .35em;\n border-top: solid 1px @panel-inner-border;\n margin-top: .475em;\n font-size: .9em;\n line-height: .9em;\n}\n\n/* Event title */\n.event-title {\n font-size: 1.25em;\n display: table-cell;\n padding-left: 10px;\n vertical-align: middle;\n}\n\n/* Event summary in listing */\n.event-listing-title {\n font-size: 1.25em;\n padding-left: 10px;\n margin-top: 0;\n}\n.event-listing {\n padding-left: 10px;\n}\n\n/* Links at bottom of block */\n.event-link {\n display: block;\n margin-top: 5px;\n padding: .5em .5em .5em 2em;\n background: @brand;\n color: @brand-bg-text;\n position: relative;\n\n &:hover,\n &:focus {\n background: darken(@brand, 5%);\n color: @brand-bg-text;\n }\n\n .glyphicon:first-child {\n position: absolute;\n left: .6em;\n top: .6em;\n }\n}\n.panel-event + .row {\n margin-top: -5px;\n}\n\n/* Related events block */\n.event-related {\n padding-top: 60px;\n}\n\n.event-image {\n .topline;\n}\n\n/* Extend event image right to reduce gutter gap with event-date-title block */\n@media (min-width: @screen-sm-min) {\n .event-image {\n margin-right: -@grid-gutter-width;\n }\n}\n\n/* Event panel elements when used in listings */\n.event-listing-image {\n .topline;\n padding-bottom: percentage((4 / 9));\n margin-bottom: @grid-gutter-width;\n line-height: 1px;\n\n /* Ensure badly-sized images are cropped */\n max-height: 1px;\n overflow: hidden;\n\n /* Fallback display calendar icon on grey background */\n background-color: @gray-lighter;\n &:before {\n font-size: 4em;\n font-family: \"Glyphicons Halflings\";\n /* Calendar symbol */\n content: \"\\e109\";\n color: @gray-light;\n width: 100%;\n position: absolute;\n top: 30%;\n left: 0;\n text-align: center;\n }\n}\n\n/* Ensure the image is rendered over the calendar icon and padding */\n.event-listing-image > img {\n float: left;\n position: relative;\n}\n\n@media (min-width: @screen-lg-min) {\n .event-listing-image {\n margin-bottom: 0;\n &:before {\n /* Reposition calendar icon since margin-bottom change has re-sized the container */\n top: 40%;\n }\n }\n}\n\n// stylelint-enable\n","/*\n * Bootstrap Carousel Overrides\n * --------------------------------------------------\n */\n\n.carousel {\n margin: 0 0 @line-height-computed;\n .shade;\n}\n\n.panel .carousel {\n .box-shadow(none);\n}\n\n/* Move carousel indicators to the top */\n.carousel-indicators {\n bottom: auto;\n top: 4%;\n}\n\n.carousel-inner {\n background-color: #fff;\n img {\n max-height: 460px;\n width: 100%;\n }\n}\n\n.carousel-control.left,\n.carousel-control.right {\n background-image: none;\n background-repeat: no-repeat;\n filter: none;\n}\n\n.carousel-control .glyphicon {\n font-size: 2em;\n background-color: #000000;\n margin: -55px 0 0;\n padding: 20px;\n height: auto;\n width: 80px;\n}\n\n.carousel-control .glyphicon-chevron-left {\n left: 0;\n}\n\n.carousel-control .glyphicon-chevron-right {\n right: 0;\n}\n\n.carousel-control .glyphicon:hover {\n .opacity(.6);\n}\n\n/* Drop caption below images */\n.carousel-caption {\n position: static;\n padding: 0;\n margin: 15px 0;\n}\n\n.carousel img {\n .shade-light;\n}\n","/*\n * Progress Bar Steps\n * --------------------------------------------------\n */\n\n/* Modifier to the Bootstrap .progress block */\n.progress-stepped {\n margin: 0 7em @line-height-computed 0;\n}\n\n/* New component to display the steps below the progress bar */\n.progress-steps {\n margin: -@line-height-computed 0 @line-height-computed 0;\n padding: 0;\n display: table;\n table-layout: fixed;\n width: 100%;\n box-sizing: border-box;\n list-style: none;\n}\n\n/* Step element within progress-steps */\n// stylelint-disable font-family-no-missing-generic-family-keyword\n.progress-step {\n &:before {\n content: \"\\e253\"; /* glyphicon-triangle-top */\n font-family: 'Glyphicons Halflings';\n font-style: normal;\n font-weight: 400;\n line-height: .8em;\n margin: 0 .5em 0 -.5em;\n display: block;\n }\n display: table-cell;\n padding: 0 .7em 0 0;\n &:last-of-type {\n width: 7em;\n padding-right: 0;\n }\n}\n// stylelint-enable\n\n/* Progress step element modifiers */\n.progress-step-completed {\n color: @disabled-text-color;\n}\n.progress-step-current {\n font-weight: 600;\n}\n\n@media screen and (max-width: @screen-xs-max) {\n .progress-stepped {\n margin-right: 5.5em;\n }\n .progress-step:last-of-type {\n width: 5.5em;\n }\n}\n\n/* Component for the \"page n of m\" text */\n.progress-number {\n margin-bottom: (@line-height-computed * 2);\n text-align: center;\n padding: 5px;\n background-color: #ffffff;\n}\n","/*\n * Social Media Links\n * --------------------------------------------------\n */\n\n/* Component block */\n.social {\n padding-left: 0;\n li {\n display: inline-block;\n margin-right: 10px;\n }\n}\n\n/* Bootstrap button modifier */\n.btn-social {\n width: 46px;\n height: 46px;\n border-style: none;\n touch-action: manipulation;\n padding: 0;\n}\n\n/* SVG path variant modifiers\n * The .social-bg-* and .social-fg-* classes are applied to the background and\n * foreground paths in the inline SVG for the button.\n */\n.social-fg-facebook,\n.social-fg-twitter,\n.social-fg-linkedin,\n.social-fg-email {\n fill: #fff;\n}\n.social-bg-facebook {\n fill: #3d5193;\n}\n.social-bg-twitter {\n fill: #38a8e0;\n}\n.social-bg-linkedin {\n fill: #0077b5;\n}\n.social-bg-email {\n fill: #8c8d8d;\n}\n\n/* Invert foreground and background colours for hovers/focus. */\n.btn-social:hover,\n.btn-social:focus {\n .social-bg-facebook,\n .social-bg-twitter,\n .social-bg-linkedin,\n .social-bg-email {\n fill: #fff;\n }\n\n .social-fg-facebook {\n fill: #3d5193;\n }\n .social-fg-twitter {\n fill: #38a8e0;\n }\n .social-fg-linkedin {\n fill: #0077b5;\n }\n .social-fg-email {\n fill: #8c8d8d;\n }\n}\n","/*\n * Login Page Support\n * --------------------------------------------------\n */\n\n.panel-login {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);\n margin: 0 (0 - floor((@grid-gutter-width / 2))) @line-height-computed;\n}\n\n/* Remove extra margin at bottom of form */\n.panel-login p:last-child {\n margin-bottom: 0;\n}\n\n.panel-login img {\n .box-shadow(none);\n margin-bottom: @line-height-computed;\n}\n\n.login-form {\n margin: @line-height-computed 0;\n}\n\n@media screen and (min-width: @screen-sm-min) {\n .panel-login {\n margin-top: @line-height-computed;\n border-style: solid;\n border-width: 1px;\n }\n}\n\n","/*\n * Bootstrap Navbar Overrides\n * --------------------------------------------------\n */\n\n.navbar-nav {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.navbar-default {\n border-width: 0;\n .navbar-nav > li {\n background-color: @navbar-default-link-color-bg;\n border-left: 1px solid @navbar-default-border;\n &:last-of-type {\n border-right: 1px solid @navbar-default-border;\n }\n a {\n @media (max-width: @grid-float-breakpoint-max) {\n padding: 1em 1.6em;\n }\n line-height: 10px;\n @media (min-width: @grid-float-breakpoint) {\n line-height: 20px;\n }\n }\n }\n}\n\n/* Add link underline on navbar dropdowns. */\n.dropdown-menu > li > a {\n &:hover,\n &:focus {\n text-decoration: underline;\n }\n}\n\n@media (max-width: (@grid-float-breakpoint-max)) {\n .navbar-nav > li {\n border-bottom: 1px solid @navbar-default-border;\n .dropdown-menu {\n padding-top: 1px;\n }\n }\n}\n@media (min-width: @screen-xs-min) and (max-width: (@grid-float-breakpoint-max)) {\n .navbar-default {\n li {\n width: 33.33%;\n float: left;\n li {\n width: 100%;\n }\n }\n }\n}\n@media (min-width: @screen-xs-min) and (max-width: 550px) {\n .navbar-default {\n li {\n width: 50%;\n li {\n width: 100%;\n float: none;\n }\n }\n }\n}\n","/*\n * EdGEL Breadcrumb trail\n * --------------------------------------------------\n */\n\n/* The breadcrumb ordered list */\n.breadcrumb {\n font-size: .9em;\n margin-bottom: 0;\n // TODO: Review use of this over @line-height-base (or default)\n line-height: @line-height-computed;\n\n a,\n a:visited {\n color: @breadcrumb-color;\n display: inline-block;\n }\n\n > li {\n + li:before {\n padding: 0 7px;\n }\n &:last-child,\n &:last-child a,\n &:last-child a:visited {\n color: #000;\n cursor: default;\n }\n }\n}\n\n/* Breadtrail is a wrapper for the breadcrumb and contact button */\n.breadtrail {\n margin: 0 -10px;\n\n & > div {\n margin-bottom: 20px;\n padding: 0 10px;\n }\n\n & > div:last-child {\n margin-bottom: 30px;\n }\n\n .btn {\n // TODO: Review use of this over @line-height-base (or default)\n line-height: @line-height-computed;\n padding-left: 2px;\n padding-right: 2px;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: .9em;\n border-style: none;\n }\n}\n","/*\n * EdGEL content navigation menu\n * --------------------------------------------------\n */\n// stylelint-disable font-family-no-missing-generic-family-keyword\n\n/* Top of col-uoe-nav goes to top of page content container */\n.col-uoe-nav {\n margin-top: -30px;\n margin-bottom: 30px;\n}\n\n/* Trigger button used to expand the menu */\n.uoe-nav-trigger {\n display: block;\n background: #fff;\n margin: 0;\n padding: 18px 15px;\n position: relative;\n font-weight: 700;\n font-size: 1em;\n border-bottom: 1px solid #666;\n cursor: pointer;\n\n .glyphicon {\n font-size: 1.3em;\n font-weight: 400;\n padding-right: 10px;\n vertical-align: sub;\n }\n}\n\n/* Left content navigation menu */\n.uoe-nav {\n .box-shadow(0 4px 6px -5px rgba(0, 0, 0, .3));\n border-top: 1px solid #f5f5f5;\n margin: 0;\n padding: 0;\n list-style: none;\n /* No shadow on nested lists */\n .uoe-nav {\n .box-shadow(none);\n }\n .glyphicon {\n color: @brand;\n font-size: 1.25em;\n }\n a:hover .glyphicon {\n color: darken(@brand, 5%);\n }\n ul {\n list-style: none;\n font-size: 1em;\n margin: 0;\n padding: 0;\n }\n /* Default list item settings. */\n li {\n background: #fff;\n > a {\n background: transparent;\n display: block;\n line-height: 1.2em;\n font-size: .95em;\n font-weight: 600;\n color: #555;\n &:hover,\n &:focus {\n background: #fafafa;\n color: #111;\n }\n }\n /* Grandchildren have a red left border and smaller padding */\n li {\n ul {\n padding: 10px 0;\n }\n li {\n > a {\n border-bottom: none;\n margin-left: 1em;\n padding: 10px 15px;\n font-size: .879em;\n border-left: 1px solid @brand;\n }\n }\n }\n }\n\n /* Group page list item */\n > li {\n > a {\n border-bottom: 1px solid #ccc;\n padding: 20px 15px;\n }\n &.uoe-nav-expanded > a {\n margin: 0;\n color: #555;\n &:hover,\n &:focus {\n color: #111;\n }\n border-bottom: 1px solid #ccc;\n }\n > ul {\n padding: 0;\n /* Immediate children of the group list item */\n > li {\n > a {\n padding: 15px;\n border-bottom: 1px solid #ccc;\n }\n }\n > .uoe-nav-expanded > a {\n margin: 0;\n }\n }\n }\n\n /* Expanded list item */\n .uoe-nav-expanded > a {\n margin: 10px 0 0;\n font-size: .95em;\n border-style: none;\n color: @brand-as-link;\n &:hover,\n &:focus {\n color: @brand-as-link-hover;\n }\n }\n\n /* Active list item */\n .uoe-nav-active > a,\n .uoe-nav-expanded.uoe-nav-active > a {\n background: @brand;\n\n &,\n .glyphicon {\n color: @brand-bg-text;\n }\n &:hover,\n &:focus {\n background: darken(@brand, 5%);\n &,\n .glyphicon {\n color: @brand-bg-text;\n }\n }\n }\n\n /* Ancestors of the expanded list item */\n .uoe-nav-ancestor {\n margin: 0;\n\n > a {\n position: relative;\n background: #fafafa;\n border-bottom: 1px solid #ddd;\n border-left-style: none;\n font-size: .85em;\n font-weight: 400;\n margin: 0;\n opacity: .9;\n padding: 10px 15px;\n color: #555;\n &:hover,\n &:focus {\n color: #111;\n }\n\n &:before {\n /* Add a chevron-up glyphicon to the ancestor link */\n position: absolute;\n top: 11px;\n right: 15px;\n white-space: nowrap;\n overflow: hidden;\n font-family: \"Glyphicons Halflings\";\n content: \"\\e113\";\n color: @brand;\n font-size: 1.25em;\n z-index: 1;\n }\n }\n > ul {\n padding: 0;\n }\n }\n}\n\n.js .uoe-nav {\n > li {\n display: none;\n }\n}\n.js .uoe-nav.open {\n > li,\n > li li {\n display: block;\n }\n}\n\n@media screen and (min-width: @screen-sm-min) {\n .js {\n .uoe-nav > li {\n display: block;\n }\n .uoe-nav-trigger {\n display: none;\n }\n }\n}\n\n@media screen and (max-width: (@screen-xs-max)) {\n .navbar-default .navbar-collapse {\n max-height: 600px;\n }\n}\n\n/* Marking secure links */\na .glyphicon-lock {\n font-size: 80%;\n padding-left: .5em;\n}\n\n// stylelint-enable\n","/*\n * EdGEL page masthead\n * --------------------------------------------------\n */\n\n.page-head {\n position: relative;\n background: #fff;\n\n padding: @page-head-padding-xs 0;\n @media screen and (min-width: @screen-sm-min) {\n padding-top: @page-head-padding;\n padding-bottom: @page-head-padding;\n }\n}\n\n.page-head-text {\n font-size: @page-head-font-size;\n line-height: @page-head-line-height;\n\n margin: @page-head-padding-xs 0;\n @media screen and (min-width: @screen-sm-min) {\n margin: 0 0 (@page-head-padding-xs * 1.25);\n }\n\n}\n\n.form-control-page-head {\n height: @page-head-input-height;\n font-size: 16px;\n}\n.btn-page-head {\n .button-variant(@brand-bg-text; @brand-color; @brand-color);\n height: @page-head-input-height;\n font-size: 14px;\n}\n\n.uoe-logo {\n height: auto;\n width: 100%;\n max-width: 332px;\n max-height: 79px;\n}\n\n/* Show/hide the search form */\n.page-head-search-trigger {\n display: none;\n position: absolute;\n font-size: 21px;\n right: 0;\n top: 0;\n cursor: pointer;\n padding: 10px;\n}\n\n@media only screen and (max-width: @screen-xs-max) {\n .page-head-search-trigger {\n display: block;\n }\n .page-head-search {\n display: none;\n padding-bottom: 5px;\n }\n}\n\n/* Ensure search form always open on larger screens whatever slideToggle() has done. */\n// stylelint-disable declaration-no-important\n@media only screen and (min-width: @screen-sm-min) {\n .page-head-search {\n display: block !important;\n }\n}\n// stylelint-enable\n\n/* Hero image */\n.page-head-hero {\n background-color: @brand;\n img {\n width: 100%;\n height: auto;\n .shade;\n }\n position: relative;\n}\n\n/* Bootstrap container modifier for positioning the brand logo */\n.container-page-head-brand {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n}\n\n/* Brand image has a top line */\n.page-head-brand {\n border-top: 4px solid @brand;\n}\n\n/* Title block */\n.page-head-title {\n display: table-cell;\n vertical-align: middle;\n height: 70px; /* Min-height for table-cell */\n font-size: 1em;\n padding-top: .8em;\n padding-bottom: .6em;\n position: relative;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n .h1,\n .h2,\n .h3,\n .h4,\n .h5,\n .h6 {\n display: block;\n font-family: @font-family-serif;\n font-weight: 400;\n }\n .h1,\n h1 {\n font-size: 1.6em;\n font-style: normal;\n line-height: 1;\n margin: 0;\n text-transform: uppercase;\n }\n .h2,\n h2 {\n font-size: 1.4em;\n font-style: italic;\n margin: 0 0 8px;\n }\n\n a,\n a:visited {\n color: @brand-bg-text;\n }\n}\n\n@media screen and (min-width: @screen-sm-min) {\n .page-head-title {\n font-size: 1.5em;\n padding-top: 1.5em;\n padding-bottom: 1.3em;\n }\n}\n","/*\n * Admin Interface Header\n */\n\n.container-admin-bar {\n padding-bottom: 10px;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: @font-family-serif;\n font-size: 2em;\n font-weight: 400;\n margin-top: 15px;\n }\n}\n\n/* Primary task links in admin bar */\n.admin-bar-primary {\n padding-bottom: .5rem;\n border-bottom: solid #fff 1px;\n li {\n line-height: 2.7;\n }\n}\n\n/* Secondary task links in admin bar */\n.admin-bar-secondary {\n float: right;\n li {\n line-height: 2.1;\n }\n}\n","/*\n * Container modifier style for page content area\n * --------------------------------------------------\n */\n\n.container-page-content {\n background-color: @page-content-bg;\n padding-top: @grid-gutter-width;\n padding-bottom: (@grid-gutter-width * 2);\n}\n","/*\n * Page footer\n */\n// stylelint-disable declaration-no-important\n\n.footer-discover {\n background: @footer-discover-bg;\n h3 {\n color: @footer-discover-fg;\n font-size: 1.8em;\n margin-bottom: @line-height-computed;\n text-transform: uppercase;\n font-family: @font-family-serif;\n font-weight: 400;\n }\n}\n\n.footer {\n color: @footer-fg;\n font-size: 1em;\n background: @footer-bg;\n background: linear-gradient(to bottom, @footer-bg 0%, @footer-discover-bg 100%) repeat scroll 0 0;\n border-top: none;\n padding-top: 16px;\n padding-bottom: 16px;\n // Source Sans Pro Black (weight 900) is not currently loaded.\n // h3 {\n // font-family: 'Source Sans Pro', sans-serif;\n // font-size: 1em;\n // letter-spacing: .01em;\n // text-transform: uppercase;\n // a, a:visited {font-weight: 900; color: #fff;}\n // }\n ul {\n padding-left: 0;\n list-style: none;\n line-height: @line-height-base;\n margin-bottom: (@line-height-computed / 2);\n }\n a:not(.btn) {\n &,\n &:visited {\n color: @footer-fg;\n }\n &:hover,\n &:focus {\n color: @footer-hover;\n }\n }\n .btn {\n margin-top: 1em;\n margin-bottom: 1em;\n }\n .row {\n margin-bottom: 10px;\n }\n\n .pull-right {\n @media (max-width: @screen-xs-max) {\n float: none !important;\n }\n }\n}\n\n.container-footer-copyright {\n background: @footer-panel-light;\n color: @footer-panel-dark;\n font-size: .8em;\n padding-top: @line-height-computed;\n padding-bottom: @line-height-computed;\n a {\n color: @footer-panel-dark;\n }\n}\n.footer-login-link {\n font-size: .8em;\n color: @footer-panel-dark;\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n }\n}\n\n\n/* Subsite footer */\n.footer-affiliations {\n .topline;\n background-color: @footer-panel-light;\n padding: 30px 0 16px;\n}\n.footer-affiliation-image {\n padding: 0 0 16px 30px;\n float: left;\n img {\n max-height: 75px;\n width: auto;\n }\n}\n\n.footer-subsite-content {\n background-color: @footer-panel-dark;\n color: @footer-panel-light;\n padding: 30px 0 0;\n .row > div {\n margin-bottom: 16px;\n }\n h3 {\n color: @footer-panel-light;\n margin-top: 0;\n font-weight: 400;\n }\n ul {\n line-height: @line-height-base;\n }\n a:not(.btn) {\n color: @footer-panel-light;\n font-size: 1.2em;\n font-weight: 300;\n &:hover {\n opacity: .75;\n }\n }\n}\n\n// stylelint-enable\n","/*\n * Contact layout.\n */\n\n/* Modifier class to set size and spacing of contact images */\n/* Need to increase specificity while we have \".panel img\" styled */\n.img-contact.img-contact {\n width: 100px;\n margin-bottom: 12px;\n}\n\n/* Modifier class to format the contact organisations list */\n.list-contact-orgs {\n .list-unstyled;\n font-weight: 600;\n margin-bottom: 1em;\n line-height: @contact-list-line-height;\n}\n\n/* Modifier class to format the contact list */\n.list-contact {\n .list-unstyled;\n line-height: @contact-list-line-height;\n .glyphicon {\n margin-right: .5em;\n }\n /* Change margin to padding because we don't want it to collapse */\n margin-bottom: 0;\n padding-bottom: (@line-height-computed / 2);\n\n .dropdown {\n margin-top: (@line-height-computed / 2);\n }\n}\n","/**\n * List modifier for PURE publications and activities\n */\n.list-profile {\n .list-unstyled;\n li {\n padding-top: 15px;\n }\n}\n\n.list-profile-title {\n font-size: 100%;\n font-weight: 700;\n font-style: normal;\n color: @gray-dark;\n display: block;\n}\n","/**\n * Components for news items\n */\n\n/* List of news items */\n.list-news {\n list-style: none;\n margin: 0 0 @grid-gutter-width;\n padding: 0;\n li {\n .clearfix;\n border-top: 1px solid #ccc;\n padding: 0 0 @grid-gutter-width;\n display: table;\n }\n li:first-child {\n border-top: none;\n }\n h6 + h6 {\n margin-top: -5px;\n }\n}\n","/**\n * EdGEL button types\n */\n\n/* Modify the Bootstrap button style */\n.btn {\n &:hover,\n &:focus,\n &.focus {\n text-decoration: underline;\n }\n}\n\n/* Disabled button style */\n.btn-default.disabled,\n.btn-default[disabled],\nfieldset[disabled] .btn-default,\n.btn-default.disabled:hover,\n.btn-default[disabled]:hover,\nfieldset[disabled] .btn-default:hover,\n.btn-default.disabled:focus,\n.btn-default[disabled]:focus,\nfieldset[disabled] .btn-default:focus,\n.btn-default.disabled:active,\n.btn-default[disabled]:active,\nfieldset[disabled] .btn-default:active,\n.btn-default.disabled.active,\n.btn-default.active[disabled],\nfieldset[disabled] .btn-default.active {\n background-color: #ddd;\n}\n\n/* Button in the current brand colour */\n.btn-uoe {\n outline-color: @brand-bg-text;\n .button-variant(@brand-bg-text; @brand-color; @brand-color);\n margin-bottom: 4px;\n}\n\n.btn-uoe .badge {\n color: @brand-as-link;\n background: @brand-bg-text;\n border-color: @brand-bg-text;\n}\n\n/* Outline brand button */\n.btn-outline-uoe {\n .button-variant(@brand-as-link; @brand-bg-text; @brand-color);\n &:hover,\n &:active {\n background: @brand-color;\n color: @brand-bg-text;\n }\n margin-bottom: 4px;\n}\n\n/* New call-to-action button styles, based on Bootstrap btn-lg */\n.btn-lg .glyphicon {\n position: relative;\n top: 3px;\n margin-right: @padding-small-horizontal;\n}\n/* Don't apply to right margin when not used as a call-to-action */\n.input-group-btn .btn-lg .glyphicon {\n margin-right: 0;\n}\n\n/* Accessibility contrast improvements for input group buttons in UoE palette colours. */\n/* Dotted border for focus added using :before because outline-offset not supported by IE. */\n.input-group-btn .btn-page-head,\n.input-group-btn .btn-uoe {\n &:focus,\n &:hover {\n background: @brand-bg-text;\n color: @brand-color;\n border-color: @brand-color;\n }\n &:focus {\n &:before {\n position: absolute;\n border: 1px dotted @brand-color;\n content: '';\n bottom: 5px;\n right: 5px;\n left: 5px;\n top: 5px;\n z-index: -1;\n }\n }\n}\n\n// Legacy CTA call to action buttons, implemented as unordered lists.\n// Use .btn.btn-lg.btn-uoe instead.\n.cta {\n .clearfix;\n list-style: none;\n padding: 0;\n margin-bottom: @grid-gutter-width;\n li {\n float: left;\n width: 100%;\n a {\n position: relative;\n display: block;\n background: @brand;\n color: @brand-bg-text;\n padding: 20px 20px 20px 60px;\n margin: 0 5px 5px 0;\n font-size: 16px;\n font-weight: 700;\n .glyphicon {\n opacity: .4;\n font-size: 30px;\n position: absolute;\n top: 16px;\n left: 18px;\n }\n }\n a:hover {\n background: darken(@brand, 5%);\n }\n }\n}\n.cta.inverted li a {\n .shade;\n background: #fff;\n color: @brand-as-link;\n &:hover {\n background: #fafafa;\n }\n .glyphicon {\n opacity: .2;\n color: @brand-as-link;\n }\n}\n\n@media screen and (min-width: @screen-xs-min) {\n .cta li {\n width: 50%;\n }\n .cta.ctaPairs li {\n width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .cta li {\n width: 33.33%;\n }\n .cta.ctaPairs li {\n width: 50%;\n }\n}\n","/**\n * Brand-coloured badge\n */\n\n.badge-uoe {\n color: @brand-bg-text;\n background-color: @brand-color;\n\n // Hover state, but only for links\n a:hover,\n a:focus {\n color: @brand-bg-text;\n }\n}\n\n/* Bootstrap 4 allows badges in contextual colours */\n// Contextual variations (linked labels get darker on :hover)\n.badge-primary {\n background-color: @label-primary-bg;\n}\n\n.badge-success {\n background-color: @label-success-bg;\n}\n\n.badge-info {\n background-color: @label-info-bg;\n}\n\n.badge-warning {\n background-color: @label-warning-bg;\n}\n\n.badge-danger {\n background-color: @label-danger-bg;\n}\n","/**\n * Image and video styles.\n */\n\n.thumbnail {\n .shade;\n padding: 0;\n}\n\n.embed-spacing {\n margin-bottom: @line-height-computed;\n}\n\n.no-resize img,\nimg.no-resize {\n max-width: none;\n margin-left: 0;\n width: auto;\n}\n\n.caption {\n margin-bottom: 10px;\n}\n\nimg + .caption {\n & > h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n &:first-child {\n padding-top: 0;\n margin-top: 11px;\n }\n &:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n}\n\n/* Deprecated. Use embed-responsive instead */\n.container-video {\n height: 0;\n margin: 0 0 6px;\n overflow: hidden;\n padding-bottom: 56.25%;\n padding-top: 30px;\n position: relative;\n}\n.container-video iframe,\n.container-video object,\n.container-video embed {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n/* TODO: Retire this class for a more generic name */\n.keyfacts {\n background: #e8e8e8;\n border: 1px solid #ddd;\n margin: 20px 0 40px;\n padding: 0 30px 30px;\n}\n","/**\n * Modify Bootstrap pagination lists.\n */\n\n/* Add the EdGEL standard box shadow to component and increase spacing. */\n/* Remove rounded corners from pagination element, consistent with panels. */\n.pagination {\n .shade;\n margin: @grid-gutter-width 0;\n background-color: @panel-bg;\n border-radius: 0;\n}\n\n/* Only have a solid border between list items. */\n.pagination > li {\n & > a,\n & > span {\n border-style: none none none solid;\n }\n &:first-of-type > a,\n &:first-of-type > span {\n border-left-style: none;\n }\n}\n\n.pagination-sm,\n.pagination,\n.pagination-lg {\n > li:first-child {\n & > a,\n & > span {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n > li:last-child {\n & > a,\n & > span {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n/* We have a slightly larger horizontal padding on the large pagination to make\n it more square. */\n.pagination-lg {\n > li {\n > a,\n > span {\n padding: @padding-large-vertical 19px;\n }\n }\n}\n\n/* If we've not wrapped the glyphicon span in another span for the first/last\n pagination item, fix the 1px offset */\n.pagination > li > .glyphicon {\n top: 0;\n padding-top: 9px;\n padding-bottom: 11px;\n}\n\n/* The pagination-condensed style when used in conjunction with the pagination\n size classes */\n.pagination.pagination-condensed {\n > li {\n > a,\n > span {\n padding: @padding-base-vertical 5px;\n @media (min-width: 1200px) {\n padding: @padding-base-vertical 6px;\n }\n }\n }\n}\n\n.pagination-lg.pagination-condensed {\n > li {\n > a,\n > span {\n padding: @padding-large-vertical 6px;\n @media (min-width: 1200px) {\n padding: @padding-large-vertical 8px;\n }\n }\n }\n}\n\n.pagination-sm.pagination-condensed {\n > li {\n > a,\n > span {\n padding: @padding-small-vertical 4px;\n @media (min-width: 1200px) {\n padding: @padding-small-vertical 5px;\n }\n }\n }\n}\n","/**\n * Boostrap nav component overrides.\n */\n\n/* Update the nav-tabs component */\n.nav-tabs a:focus {\n outline: none;\n}\n\n/* Adapt colouring of nav tabs. */\n.nav-tabs > li > a {\n background: #ddd;\n\n &:hover,\n &:focus {\n background: #d5d5d5;\n }\n}\n\n/* Style the content pane */\n.tab-content {\n .shade;\n /* Bottom border to ensure last paragraph bottom margin contained with pane */\n border-bottom: solid 1px transparent;\n background-color: @nav-tabs-active-link-hover-bg;\n padding: 25px 16px (@line-height-computed / 2);\n margin-bottom: @grid-gutter-width;\n}\n","/*\n * EdGEL Search result panels\n * --------------------------------------------------\n */\n// stylelint-disable font-family-no-missing-generic-family-keyword\n\n/* Base class */\n.search {\n margin-bottom: @line-height-computed;\n background-color: @panel-bg;\n border: 1px solid transparent;\n border-radius: @panel-border-radius;\n .box-shadow(0 1px 1px rgba(0,0,0,.05));\n .shade;\n padding: @panel-body-padding;\n position: relative;\n}\n\n.search,\n.search-body {\n zoom: 1;\n overflow: hidden;\n}\n\n.search-body {\n display: table-cell;\n vertical-align: top;\n width: 10000px;\n}\n\n/* Reset margins on headings for tighter default spacing */\n.search-title {\n margin-top: 0;\n margin-bottom: 5px;\n font-size: @font-size-h3;\n}\n\n/* Set the clickable area for the search result heading link to cover the whole search block */\n.search .search-title a {\n position: static;\n &:before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n content: \"\";\n white-space: nowrap;\n overflow: hidden;\n z-index: 1;\n }\n}\n\n/* Ensure all other links in the result block are still clickable */\n.search a {\n position: relative;\n z-index: 2;\n}\n\n/* The search result reference line */\n.search-ref {\n margin-bottom: 0;\n line-height: 1.6;\n color: @panel-success-text;\n}\n\n/* The related media object (image) in the search result block */\n.search-object {\n width: percentage((1 / @grid-columns));\n min-width: 90px;\n padding-right: 20px;\n display: table-cell;\n vertical-align: middle;\n}\n\n/* Ensure the image is rendered over the icon and padding */\n.search-object img {\n width: 100%;\n float: left;\n position: relative;\n}\n\n/* User profile search result items */\n.search-object-person,\n.search-object-video {\n position: relative;\n line-height: 1px;\n\n /* Ensure badly-sized images are cropped */\n max-height: 1px;\n overflow: hidden;\n\n /* Fallback display glyphicon on grey background */\n background-color: @gray-lighter;\n &:before {\n font-family: \"Glyphicons Halflings\";\n color: @gray-light;\n width: 100%;\n position: absolute;\n top: 50%;\n left: 0;\n text-align: center;\n }\n}\n\n/* Images of people are cropped to circles with a user icon as fallback */\n.search-object-person {\n padding-bottom: percentage((130 / 100));\n &:before {\n font-size: 3.2rem;\n /* User symbol */\n content: \"\\e008\";\n }\n}\n\n/* Video images are 9x4 with a facetime-video icon as fallback */\n.search-object-video {\n padding-bottom: percentage((9 / 16));\n &:before {\n font-size: 2rem;\n /* Facetime video symbol */\n content: \"\\e059\";\n }\n}\n\n.search-body :last-child {\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n// stylelint-enable\n","/**\n * Components for media gallery.\n */\n\n.gallery {\n background-color: #333;\n margin-bottom: 15px;\n line-height: 0;\n}\n\n.gallery-display-item {\n margin-bottom: 0;\n outline: 0;\n}\n\n.gallery-display-image {\n margin: auto;\n max-height: 600px;\n width: auto;\n max-width: 100%;\n}\n\n.gallery-display-info {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, .5);\n color: #fff;\n padding: 15px;\n line-height: normal;\n}\n\n.gallery-nav {\n position: relative;\n height: 85px;\n}\n\n.btn-gallery .glyphicon {\n position: absolute;\n top: 22px;\n left: 17px;\n}\n\n.gallery-nav-item {\n max-height: 85px;\n width: auto;\n}\n\n.btn-gallery {\n position: absolute;\n top: 0;\n height: 85px;\n width: 75px;\n overflow: hidden;\n background-color: rgba(0, 0, 0, .5);\n font-size: 40px;\n color: #fff;\n border: none;\n opacity: 75%;\n padding: 0;\n margin: 0;\n z-index: 1000;\n}\n\n.btn-gallery[aria-disabled='true'] {\n color: rgba(255, 255, 255, .2);\n}\n\n.btn-gallery-previous {\n left: 0;\n}\n\n.btn-gallery-next {\n right: 0;\n}\n","/**\n * Unfortunately Twitter's Typeahead breaks the layout by adding style attributes\n * to the input. Here we do nasty things to override that and style everything else\n * according to Bootstrap.\n */\n// stylelint-disable declaration-no-important\n\n.twitter-typeahead {\n width: 100%;\n\n .dropdown-item {\n border: 1px solid transparent;\n\n &:extend(.dropdown-menu > li > a);\n\n &.active,\n &:hover{\n &:extend(.dropdown-menu > li > a:hover);\n cursor: pointer;\n }\n\n &.active {\n border: 1px dotted @text-color;\n }\n }\n\n /* Overrides for default input-group to reinstate Bootstrap styling */\n .input-group & {\n display: block !important;\n height: @input-height-base;\n .dropdown-menu {\n top: @input-height-base !important;\n }\n &:not(:first-child):not(:last-child) {\n .form-control {\n border-radius: 0;\n }\n }\n &:first-child {\n .form-control {\n border-top-left-radius: @input-border-radius;\n border-bottom-left-radius: @input-border-radius;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n &:last-child {\n .form-control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: @input-border-radius;\n border-bottom-right-radius: @input-border-radius;\n }\n }\n }\n\n /* Overrides for input-group-sm */\n .input-group.input-group-sm & {\n height: @input-height-small;\n .dropdown-menu {\n top: @input-height-small !important;\n }\n .form-control {\n &:extend(.input-group-sm > .form-control);\n }\n }\n /* Overrides for input-group-lg */\n .input-group.input-group-lg & {\n height: @input-height-large;\n .dropdown-menu {\n top: @input-height-large !important;\n }\n .form-control {\n &:extend(.input-group-lg > .form-control);\n }\n }\n /* Fix positioning of dropdown in heading search box */\n .page-head-search & {\n .dropdown-menu {\n top: @page-head-input-height !important;\n }\n }\n\n /* Enforce grey background for the typeahead input (stop it turning white) */\n > input:not([id]) {\n background-color: @input-bg !important;\n }\n}\n\n// stylelint-enable\n"]}