@spcblue:#2e4076; @spcblue2: #2e3f75; @spbluelight: #c0cef9; @spcorange: #e36033; @spcorangelight: #e7a0b3; @textgray: #797979; @mediumgray: #787878; @darkgray: #686868; @bordercolor: #989898; @menugray: #9396a2; @lightgray: #eeeeee; @teal: #006666; @mobilemarginstretch: -180px; .no-bottom-border { border-bottom-style: none !important; } .no-top-padding { padding-top: 0 !important; } .text-white { color: #ffffff !important; h1, h2, h3, h4, h5, h6, b, ul, li { color: #ffffff !important; } } .bg-white { background-color: #ffffff; } .bg-1 { background-color: #efefef; } .text-replace { overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; } .float-right { float: right !important; } .float-left { float: left !important; } .margin-right { margin-right: 2em !important; } .margin-left { margin-left: 2em !important; } .inline-block { display: inline-block; } .front { position: relative; z-index: 300; } .border-standard { border: 1px solid @bordercolor; } .border-none { border-style: none !important; border-width: 0 !important; } .border-standard-top { border-top: 1px solid @bordercolor; } .border-standard-bottom { border-bottom: 1px solid @bordercolor; } .padding-bottom { padding-bottom: 20px; } .padding-bottom-medium, .margin-bottom-medium { margin-bottom: 30px !important; } .padding-top-medium, .margin-top-medium { margin-top: 30px; } .padding-top-standard { margin-top: 45px; } .no-bottom-padding { padding-bottom: 0 !important; } .no-top-padding { padding-top: 0 !important; } .roman { font-weight: normal; font-family: 'FrutigerLTPro-Roman', 'arial', 'helvetica', 'geneva', sans-serif; } .sprite { overflow: hidden; background-position: left top; background-repeat: no-repeat; &:hover { background-position: right bottom; } } .vert-middle { vertical-align: middle; } .blue { color: @spcblue; } .gray { color: @mediumgray; } .field-inline { > div { display: inline; } }