/* Core Styles are disabled - the following pulls in what is needed from Core */
/* Import the variables used for SASS */
/* -------------------------------------------------------------------------------------
Colors
------------------------------------------------------------------------------------- */
/* Fonts */
/* Brand Colors */
/* Selection */
/* Body Backgrounds */
/* Main Nav */
/* Main Nav - Mobile */
/* Secondary Nav */
/* Proximity Nav */
/* Task Menu */
/* Tabs */
/* Accordions */
/* Task Nav */
/* Header */
/* Page Headline */
/* Footer */
/* Caption */
/* Call To Action */
/* Breadcrumbs */
/* Callout */
/* YouTube Playlist (if added - not standard) */
/* the following are used in forms.scss */
/* No Javascript Message */
/* alert panel */
/* Borders */
/* Forms */
/* Tables */
/* Links */
/* Buttons */
/* search button */
/* banner */
/* slider */
/* Forms */
/* ToolTip */
/* Modules */
/* Services */
/* News */
/* Calendar */
/* Doctors (keep backgrounds & borders light)*/
/* Locations (keep backgrounds & borders light)*/
/* Global spacing */
/* -------------------------------------------------------------------------------------
Sets Breakpoint -- http://www.sitepoint.com/managing-responsive-breakpoints-sass/
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
Fonts
Setting fonts with mixins instead of font variable
This way when using a webfont with different weights you can control through the mixin
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
Plain Ul or OL
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
Font Size
------------------------------------------------------------------------------------- */
/* ----------------------------------
Usage
body {
@include font-size(16);
}
------------------------------------- */
/* -------------------------------------------------------------------------------------
Line Height Size
------------------------------------------------------------------------------------- */
/* ----------------------------------
Usage
body {
@include line-height (16);
}
------------------------------------- */
/* -------------------------------------------------------------------------------------
Sets Breakpoint -- http://www.sitepoint.com/managing-responsive-breakpoints-sass/
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
Clear Fix
------------------------------------------------------------------------------------- */
/* ----------------------------------
Clear Fix Usage Example
.article {
@include clearfix();
}
------------------------------------- */
/* -------------------------------------------------------------------------------------
Border Radius
------------------------------------------------------------------------------------- */
/* ----------------------------------
Border Radius Usage Example
.button {
@include border-radius(5px);
}
.submit-button {
@include border-top-radius(10px);
@include border-right-radius(8px);
@include border-bottom-radius(10px);
@include border-left-radius (6px);
}
------------------------------------- */
/* ----------------------------------
Transforms
Usage:
@include Transform(10px, 0, 45deg);
------------------------------------- */
/* Form Layout
=========================================================================================== */
input[type="text"], input[type="image"], input[type="submit"], input[type="button"], input[type="reset"], input[type="password"], input[type="email"], textarea, button, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
fieldset,
fieldset fieldset,
fieldset div,
legend {
padding: 0;
margin: 0;
}
fieldset > div,
.Marg,
fieldset.Marg {
display: block;
padding-bottom: .5rem;
}
input,
textarea,
select,
button {
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.125rem;
line-height: 1.25;
}
legend {
background: #fff;
font-weight: normal;
position: relative;
}
span.Required {
color: #E2725B;
display: inline;
margin: 0;
}
small.Required {
color: #E2725B;
}
small.Optional {
color: green;
}
.VertAlignTop input,
.VertAlignTop textarea,
.VertAlignTop select {
vertical-align: top;
}
textarea {
display: inline-block;
height: 80px;
}
select option {
padding: 0 1em 0 4px;
/* for Firefox */
}
select::-ms-expand {
display: none !important;
}
.VSCustomDropdown {
display: none;
}
.NoWidth,
.AutoWidth {
width: auto !important;
}
.AutoWidthLabelInside label {
width: auto !important;
}
.Inline {
display: inline !important;
}
div.Collapse {
margin: 0;
padding: 0;
}
.Long {
width: 400px;
}
.Short {
width: 150px;
}
.SuperShort {
width: auto;
}
.ColumnLong {
width: 400px !important;
}
.ColumnShort {
width: 150px !important;
}
.ColumnSuperShort {
width: 100px !important;
}
label,
p.Label {
font-weight: bold;
}
label small,
p.Label small,
legend small {
font-weight: normal;
color: #000000;
display: block;
font-size: .8em;
line-height: 1;
padding-left: 0;
}
.FormHint {
clear: both;
font-size: .8em;
color: #1B365D;
}
.InlineLabels div.ToggleEl,
.BlockLabels div.ToggleEl,
.BlockLabels .CheckRadio div.ToggleEl {
background-color: #ADC6DB;
padding: .4em 0 .4em 2%;
width: 97%;
}
.InlineLabels .WhiteInput,
.BlockLabels .WhiteInput,
.BlockLabels .CheckRadio .WhiteInput {
background-color: #fff;
border: none;
}
.InlineLabels div.ToggleEl,
.BlockLabels div.ToggleEl,
.BlockLabels .CheckRadio div.ToggleEl {
background-color: #D9B68D;
}
/* Datepicker
=========================================================================================== */
.bdpLite img {
display: inline;
vertical-align: text-bottom;
margin-left: .4em;
}
.DatePicker,
.datepicker {
width: 90px !important;
}
.dp-choose-date {
padding-left: .5em;
}
.DateRange > div.DateSeparator,
.DateRange > div.DatePickerContainer {
float: left;
}
.DateRange > div.DateSeparator {
padding: 0 .5em;
}
.DateRange > div.DatePickerContainer label {
width: 0 !important;
}
/* Help Button
=========================================================================================== */
.Help {
display: inline;
vertical-align: text-bottom;
margin-left: .4em;
}
/* Input Focus
=========================================================================================== */
input:focus,
textarea:focus,
select:focus {
background-color: #EFF2F1;
}
select:disabled {
opacity: .5;
cursor: default;
}
/* Top Error Messages
=========================================================================================== */
ul.Message {
list-style: none;
margin: 5px 0;
padding: 12px 24px;
border: dashed 1px #ADC6DB;
background-color: #D9B68D;
border-radius: 6px;
}
ul.Message li {
margin: 0;
line-height: 1.5;
}
ul.MessageError {
background-color: #E2725B;
border-color: #E2725B;
}
ul.MessageInfo {
background-color: #D9B68D;
border-color: #ADC6DB;
}
/* Paging
=========================================================================================== */
ul.Paging li.Second {
white-space: nowrap;
}
ul.Paging li {
padding-left: 0;
background-image: none;
}
ul.Paging li .Button {
margin-top: .4em;
}
table.Paging {
border-top: 1px solid #ADC6DB;
border-bottom: 1px solid #ADC6DB;
}
table.Paging td {
padding: 6px 0;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
table.Paging td {
display: block;
}
}
.Paging td.BackNext {
text-align: right;
}
table.Paging td.BackNext a {
white-space: nowrap;
}
/* Odd/Even rows
=========================================================================================== */
table tr.Even {
background: #EFF2F1;
}
/* Table-like Definition List
=========================================================================================== */
dl.Table {
display: inline-block;
/* Fixes IE Mac */
padding: .4em 0 1em 0;
}
dl.Table:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
/* Hides from IE Mac \*/
* html dl.Table {
height: 1%;
}
dl.Table {
display: block;
}
/* End hide from IE Mac */
dl.Table dt,
dl.Table dd {
padding: 8px 0 0 0;
vertical-align: top;
}
dl.Table dt {
width: 8em;
float: left;
clear: left;
padding: 8px 6px 0 0;
}
dl.Table dd {
padding-right: 6px;
margin-left: 9em;
}
dl.Table dd:after {
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
/* DIV BASED FORMS
=========================================================================================== */
/* Default styles - these should stay the same */
fieldset {
border: none;
width: 100%;
}
fieldset .Button:last-child {
margin-bottom: 0;
}
legend {
background: transparent;
margin: 0;
padding: 0 !important;
}
input,
textarea,
select {
width: 100%;
max-width: 400px;
color: #555;
border: 1px solid #919191;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .75rem 1rem;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="button"]):not([type="submit"]),
textarea:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="button"]):not([type="submit"]),
select:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="button"]):not([type="submit"]) {
border: 1px solid #ADC6DB;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
select {
background: #fff url(/imgs/icons/arrow-select.svg) no-repeat 100% center;
background-size: 16px 7px;
padding-right: 36px;
background-position: right 12px center;
cursor: pointer;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select:-ms-expand {
display: none;
}
fieldset p {
line-height: 1.5;
margin-bottom: 0;
padding-top: 1px;
}
.InlineLabels div,
.BlockLabels div {
clear: both;
}
.FormContainer .Indent,
.FormContainer .SuperIndent,
.InlineLabels .Indent,
.InlineLabels .SuperIndent {
width: auto;
}
.form-group .row {
margin: 0 -5px;
max-width: 410px;
width: 100%;
}
@media (min-width: 800px) {
.form-group .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.form-group .row > * {
margin: 5px;
}
@media (min-width: 800px) {
.form-group .row > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.fbFormContainer .formHelp {
color: #1B365D;
}
.fbFormContainer .form-group .row .formHelp {
padding-top: 0;
}
.fbFormContainer input[type="text"].input-medium, .fbFormContainer input[type="password"].input-medium, .fbFormContainer input[type="email"].input-medium, .fbFormContainer .StripeElement.input-medium,
.fbFormContainer textarea.textarea-medium {
width: 100% !important;
max-width: 400px;
}
/* Inline Labels
=========================================================================================== */
.InlineLabels div {
padding: .4em 0;
}
.InlineLabels div div {
clear: none;
}
.InlineLabels label,
.InlineLabels p.Label {
float: left;
line-height: 1.5;
margin-bottom: 0;
padding-right: 10px;
padding-top: 1px;
text-align: right;
width: 150px;
}
fieldset.InlineLabels {
padding: .3em 0;
}
.InlineLabels .InlineLabel {
float: none;
font-weight: normal;
line-height: 1.5;
margin: 0;
padding-left: .2em;
width: auto;
}
.InlineLabels p {
line-height: 1.5;
padding-top: 1px;
}
.InlineLabels .ButtonHolder {
margin-top: .5em;
padding-left: 160px;
}
.InlineLabels .InlineInput {
clear: none;
float: none;
padding-left: 160px;
width: auto;
}
.InlineLabels .FormHint {
clear: none;
margin: 0 0 0 160px;
}
.InlineLabels span.Required {
display: inline;
padding-left: 0;
}
.InlineLabels ul.ItemList {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
.InlineLabels .DateRange > p.Label {
float: left;
}
/* Block Labels
=========================================================================================== */
.BlockLabels {
clear: both;
float: none;
}
.BlockLabels div div {
clear: none;
}
.BlockLabels .LiteEditor div {
padding: 0;
}
.BlockLabels .ButtonHolder {
margin-top: .5em;
}
.BlockLabels label,
.BlockLabels p.Label {
display: block;
float: none;
margin-bottom: 1px;
padding: 0;
}
.BlockLabels .InlineLabel {
display: inline;
font-weight: normal;
padding-left: .2em;
}
/* Unsure of the following */
.BlockLabels .InlineCheckRadio label {
margin: 0pt 1.5em 0pt 0pt !important;
}
.BlockLabels .RegistrantList div,
.BlockLabels .RegistrantOptionSelectList div {
clear: both;
}
.BlockLabels .RegistrantList div input,
.BlockLabels .RegistrantList div select,
.BlockLabels .RegistrantOptionSelectList div input,
.BlockLabels .RegistrantOptionSelectList div select {
float: left;
margin-right: 1em;
width: auto;
}
.BlockLabels .RegistrantList,
.BlockLabels .RegistrantOptionSelectList {
margin: .7em 0;
}
.BlockLabels .currentBalanceHolder label,
.BlockLabels .creditHolder label,
.BlockLabels .amountHolder label,
.BlockLabels .newBalanceHolder label {
float: left;
width: 160px;
}
.BlockLabels .newBalanceHolder {
border-top: solid 1px #ccc;
float: left;
margin-top: 3px;
padding-top: 8px;
}
.BlockLabels .FeeSelectorFields_Registrant select,
.BlockLabels .FeeSelectorFields_Registrant input {
float: left;
margin-bottom: .7em;
margin-right: 1em;
width: auto;
}
.BlockLabels .FeeSelectorFields_Other select,
.BlockLabels .FeeSelectorFields_Other input {
float: left;
margin-bottom: .7em;
margin-right: 1em;
width: 80px;
}
.addRegistrantFees .BlockLabels .FeeSelectorFields_Registrant,
.addRegistrantFees .BlockLabels .FeeSelectorFields_Other {
margin-left: 160px;
}
.addRegistrantFees .BlockLabels .amountContainer label {
float: left;
margin-right: 1em;
text-align: right;
width: 150px;
}
.addRegistrantFees fieldset.ButtonContainer {
padding-left: 160px;
}
.FeeSelectorFields_Registrant label,
.FeeSelectorFields_Registrant label b,
.FeeSelectorFields_Other label,
.FeeSelectorFields_Other label b {
font-weight: normal;
}
.PaymentExpirationDate {
clear: both;
}
.PaymentExpirationDate .ExpYear {
margin-top: 1.1em;
}
.PaymentPayWhenOptions {
display: block;
}
.PaymentPayWhenOptions input {
margin: .5em .5em 0 0;
width: auto;
}
fieldset.PaymentSelection {
margin: 0 !important;
padding: 0;
}
fieldset.PaymentSelection fieldset {
margin: 0 !important;
padding: 0;
}
fieldset.PaymentInfo .CheckboxList {
margin: 0;
}
/* Nested InlineLabels -> BlockLabels
=========================================================================================== */
.InlineLabels .BlockLabels label {
text-align: left;
width: auto;
}
.InlineLabels .BlockLabels .CheckRadio {
margin-bottom: 0;
}
.InlineLabels .BlockLabels .CheckRadio legend span {
text-align: left;
width: auto;
}
.InlineLabels .BlockLabels .CheckRadio div {
margin-left: 0;
top: 0;
}
.InlineLabels .BlockLabels .ButtonHolder {
padding-left: 0;
}
.InlineLabels .RegistrationColumn,
.InlineLabels .RegistrationColumn div {
padding: 0;
}
.InlineLabels .RegistrationColumn div {
clear: both;
}
.RegistrationColumn p,
.RegistrationColumn label {
float: left;
line-height: 1.25;
margin: 0;
padding: 0 10px 5px;
}
.PaymentDisplay {
margin-bottom: 2em;
}
/* Nested BlockLabels -> InlineLabels
=========================================================================================== */
.BlockLabels .InlineLabels label {
float: left;
padding-right: 10px;
}
.BlockLabels .InlineLabels .InlineLabel {
float: none;
}
/* CHECKBOXES / RADIO BUTTONS
=========================================================================================== */
.CheckRadio {
margin: 0 0 .5em 0;
position: relative;
}
.CheckRadio legend {
font-weight: bold;
margin-bottom: .5em;
}
.CheckRadio legend span {
position: relative;
top: 0 !important;
}
.CheckRadio ul {
list-style: none;
margin: 0;
padding: 0;
}
.CheckRadio li {
padding: 0 0 .4em 0;
margin: 0;
display: block;
}
.CheckRadio .Horizontal li {
float: left;
margin: 0 1em 0 0;
}
.CheckRadio label,
.Chkbx label {
display: block;
font-weight: 300;
width: auto;
float: none !important;
text-align: left !important;
padding: 0 .65em 0 0;
}
.CheckRadio input,
.Chkbx input {
padding: 0;
margin: 0 .65em .25em 0;
vertical-align: middle;
position: relative;
width: auto;
overflow: hidden;
}
.CheckRadio ul ul {
padding-left: 2em;
}
.CheckRadio.Column input {
width: auto;
}
/* make legends wrap */
.BlockLabels .CheckRadio legend {
white-space: normal;
width: 100%;
}
.BlockLabels .CheckRadio legend span {
display: block;
width: 100%;
}
.BlockLabels .CheckRadio legend span.Required {
display: inline;
}
/* InlineLabels */
.InlineLabels .CheckRadio {
margin: .75em 0 .25em;
padding-top: 0;
}
.InlineLabels fieldset.CheckRadio legend {
position: absolute;
padding: inherit;
margin-right: 1.5em;
clear: none;
width: 150px;
white-space: normal;
text-align: right;
left: 0;
}
.InlineLabels .CheckRadio .RadioButtonListContainer,
.InlineLabels .CheckRadio .CheckBoxListContainer {
margin: inherit;
padding: inherit;
margin-top: 0;
margin-left: 160px;
clear: none;
}
/* BlockLabels */
.BlockLabels .Chkbx label {
display: inline;
}
.BlockLabels .CheckRadio legend {
margin: 0;
}
.BlockLabels .CheckRadio {
margin: 0.3em 0 0 0;
padding: .3em 0;
}
/* Columns
=========================================================================================== */
.BlockLabels .Column,
.InlineLabels .Column {
clear: none;
float: left;
margin-right: 1em;
width: auto;
}
.Column input {
width: 130px;
}
.Column .Long {
width: 350px;
}
.Column .Short {
width: 180px;
}
.Column .SuperShort {
width: 100px;
}
.InlineLabels .Long {
width: 350px;
}
.InlineLabels .CheckRadio .Column {
clear: none;
float: left;
margin-left: 0;
margin-right: 1em;
width: auto;
}
.InlineLabels ol.TwoCol, .InlineLabels ol.ThreeCol,
.InlineLabels ul.TwoCol,
.InlineLabels ul.ThreeCol,
.InlineLabels p.TwoCol,
.InlineLabels p.ThreeCol,
.InlineLabels div.TwoCol,
.InlineLabels div.ThreeCol,
.BlockLabels ol.TwoCol,
.BlockLabels ol.ThreeCol,
.BlockLabels ul.TwoCol,
.BlockLabels ul.ThreeCol,
.BlockLabels p.TwoCol,
.BlockLabels p.ThreeCol,
.BlockLabels div.TwoCol,
.BlockLabels div.ThreeCol {
float: left;
}
/* Error Messages
=========================================================================================== */
.Validator,
.CharError {
color: #E2725B;
clear: both;
}
.InlineLabels .Indent .Validator {
margin-left: 0;
}
.ValidateGroup .RequiredField {
background: #ff9;
}
.ValidateGroup input.RequiredField:focus {
background: #ffc;
}
.RequiredError {
background: #ffe1e1;
}
/* BEGIN Search Controls
=========================================================================================== */
.SearchControl {
background: #EFF2F1;
clear: left;
margin: 1em 0;
padding: .4em;
}
.SearchControl fieldset {
padding: 0;
}
.SearchControl .InlineLabels label {
width: auto;
}
.SearchControl .InlineLabels div {
clear: none;
float: left;
width: auto;
}
.SearchControl .InlineLabels input,
.SearchControl .InlineLabels select {
margin-right: 1em;
margin-bottom: 0;
width: 100px;
}
.SearchControl .InlineLabels select {
width: 200px;
}
.SearchControl .InlineLabels input.Button {
width: auto;
}
/* Button Style Radio Button
=========================================================================================== */
.RadioButton {
background: url(../imgs/buttons/radiobutton_inactive.gif) no-repeat;
color: #000 !important;
cursor: pointer;
display: block;
float: left;
line-height: 1.25;
margin-right: 10px;
padding: 0;
text-align: center;
text-decoration: none !important;
width: 101px;
}
.RadioButton:hover {
background-image: url(../imgs/buttons/radiobutton_hover.gif);
}
.RadioButton input {
left: -9999px;
position: absolute;
}
.RadioActive {
background-image: url(../imgs/buttons/radiobutton_active.gif);
}
/* WaterMark text box
=========================================================================================== */
.InputFaded {
color: #aeaeae !important;
}
.PopUpFunction {
background: #fff;
border: 1px solid #1B365D;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 15px !important;
position: absolute !important;
width: 250px !important;
z-index: 1000;
}
.PopUpFunction .PopUpCloseElement {
background: url(../imgs/icons/close.gif) no-repeat;
height: 15px;
position: absolute;
right: 5px;
top: 5px;
width: 15px;
}
.PopUpFunction .PopUpCloseElement:hover, .PopUpFunction .PopUpCloseElement:focus, .PopUpFunction .PopUpCloseElement:active {
background-position: 0 -15px;
}
.PopUpFunction .PopupArrow {
background: url(../imgs/icons/popup_arrow.gif) no-repeat;
height: 20px;
left: -10px;
position: absolute;
text-indent: -9999px;
top: 20px;
width: 10px;
}
/* Tool Tip
=========================================================================================== */
.ToolTip {
padding: 15px !important;
border: 1px solid #1B365D;
border-right-width: 2px;
border-bottom-width: 2px;
background: #fff;
color: #000000;
position: absolute !important;
z-index: 1000;
width: 200px !important;
}
/* CAPTCHA
=========================================================================================== */
.BlockLabels .Captcha,
.InlineLabels .Captcha {
float: none;
}
.BlockLabels .Captcha p,
.InlineLabels .Captcha p {
clear: both;
}
.BlockLabels .Captcha #LBD_CaptchaDiv #LBD_CaptchaIcons,
.InlineLabels .Captcha #LBD_CaptchaDiv #LBD_CaptchaIcons {
clear: none;
}
/* CAPTCHA InlineLabels
=========================================================================================== */
.InlineLabels .Captcha #LBD_CaptchaDiv {
clear: none;
}
.InlineLabels .Captcha p {
margin-left: 160px;
}
.InlineLabels .Captcha input {
margin-left: 160px;
}
/* Checkbox
=========================================================================================== */
.CheckboxList {
clear: both;
margin: .5em 0;
}
.CheckboxList div {
margin: 0;
}
.CheckboxList input {
margin: 0 .5em .5em 0;
width: auto;
}
.CheckboxList label {
display: inline-block;
width: auto;
}
.CheckboxList small {
display: block;
}
/* CALENDAR FORMS
=========================================================================================== */
.HideShowElement {
padding: 1em 0;
}
.HideItem,
.RemoveExtraPerson,
.AddNewPerson,
.TotalFeeContainer {
padding: 1em 0 !important;
}
.HideShowElement a.inputButton,
.AddNewPerson a.inputButton,
.RemoveExtraPerson a.inputButton {
display: inline;
padding: .3em .5em !important;
}
.ExtraPerson {
margin-top: .5em;
}
/* Custom Forms: on Verify page... pad the sections.
=========================================================================================== */
.VerifyBox {
margin-top: 30px;
}
.VerifyBox .Button {
font-size: .85em;
font-weight: normal;
text-transform: inherit;
}
/* Portal
=========================================================================================== */
.FieldGroup {
background-color: #f9f9f9;
border-bottom: 1px solid #EFF2F1;
border-top: 1px solid #EFF2F1;
}
.FieldGroup .Validator {
clear: none;
}
.FieldGroup .Instruction {
float: right;
padding: 5px 5px 0 0;
}
/* Portal Login Control
=========================================================================================== */
.LoginStatus fieldset {
float: none;
}
.LoginStatus label {
display: block;
height: 0;
line-height: 0;
margin: 0 !important;
overflow: hidden;
text-indent: -32767px;
}
.LoginStatus img {
display: inline;
}
/* Form Builder Additional Styles */
/* ========================================================================================== */
.form-group {
margin-bottom: 1.5rem;
}
.fbFormContainer button.ui-datepicker-trigger {
color: #02748F;
background: #231F20 !important;
}
/* Misc Form Items */
/* ========================================================================================== */
.BlockLabels .PersonRelationship {
float: none;
}
/* used on Subscribe for newsletter panel */
@media (min-width: 1281px) {
.One-Input-Form-Style {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.One-Input-Form-Style > p, .One-Input-Form-Style > form {
display: inline-block;
}
.One-Input-Form-Style > p {
font-weight: 400;
line-height: 1.375;
margin: .5rem 0;
}
@media screen and (min-width: 700px) {
.One-Input-Form-Style > p {
margin: .5rem 20px .5rem 0;
}
}
@media screen and (min-width: 340px) {
.One-Input-Form-Style > form {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 16em;
}
.One-Input-Form-Style > form div {
display: inline-block;
}
}
.One-Input-Form-Style input[type="text"] {
border-color: #02748F;
margin-top: .5rem;
margin-bottom: .5rem;
}
@media screen and (min-width: 340px) {
.One-Input-Form-Style input[type="text"] {
float: left;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.One-Input-Form-Style input[type="submit"] {
margin-top: .5rem;
margin-bottom: .5rem;
}
@media screen and (min-width: 340px) {
.One-Input-Form-Style input[type="submit"] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
@media screen and (max-width: 400px) {
.One-Input-Form-Style input[type="submit"] {
padding: .75rem 1rem;
}
}
/* Formulate Styles */
/* ========================================================================================== */
.fbFormContainer .has-error .help-block {
display: block !important;
}
/* --------------------------------------------------------------------------------------------------------
Needed Styles from Default.css
----------------------------------------------------------------------------------------------------------- */
/* for displaying form data in admin or public -- the same classes are in admin.css with the opposite styles */
.AdminOnly {
position: absolute;
top: -32000px;
visibility: hidden;
}
.ClearNone {
clear: none !important;
}
.FloatLeft {
float: left !important;
}
.FloatRight {
float: right !important;
}
.MarginRight {
margin-right: 10px !important;
}
.MarginLeft {
margin-left: 10px !important;
}
/* fix date picker on public side */
div#dp-popup {
z-index: 5000 !important;
}
table.jCalendar {
margin: 0 !important;
}
ul.Btn {
list-style: none;
margin: 0;
padding: 0;
}
a.icon,
span.icon {
width: 16px;
height: 16px;
display: block;
overflow: hidden;
padding: 0;
text-decoration: none;
float: left;
margin-right: .5em;
text-indent: -20000px;
}
/*
Regarding: .Hide: (From http://www.positioniseverything.net/articles/onetruelayout/equalheight)
" Browsers don't let you throw arbitrarily large values at them. They have limits.
Fortunately, we know the number of that limit (provided by Safari, the most conservative browser in this matter): 32767px. "
*/
.Clear {
clear: both;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
}
.ClearVis {
clear: both;
}
/* BEGIN CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
=====================================
ClearFix is used on any floated element that would ordinarily need below it.
When ClearFix is used, the non-semantic Clear div should not be needed.
USE THIS:
NOT THIS:
content
content
*/
.ClearFix:after,
.cmspage:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* END CLEARFIX
===================================== */
/* For rendering of .NET validator controls */
span[controltovalidate],
span > font[color="Red"] {
display: block;
}
/* Accessibility */
abbr[title],
acronym[title] {
cursor: help;
text-decoration: none !important;
border-bottom: 1px dotted;
line-height: .875;
display: inline-block;
}
/* Search Results Paging */
table.Paging .BackNext .Disabled {
display: none;
}
/* CMS Info Boxes
==================== */
.cmsinfo,
.cmsinfopanel {
display: none;
position: absolute;
height: 260px;
width: 271px;
}
.CmsInfoCloseButton {
position: absolute;
display: block;
top: 12px;
right: 23px;
width: 15px;
height: 15px;
text-indent: -9999px;
z-index: 300;
background: url(../imgs/surf-edit/close.gif) no-repeat 0 0;
}
.CmsInfoCloseButton:hover {
background-position: 0 -15px;
}
.CmsInfoPng {
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.cmsinfointerior,
.cmsinfopanelinterior {
margin: 34px 26px 16px 16px;
width: 228px;
height: 210px;
overflow: auto;
z-index: 200;
position: relative;
}
.cmsinfoshow {
display: block;
z-index: 9999999;
}
.cmsinfo ul {
margin-left: 1em;
padding-left: 1em;
}
/* CMS Info Icons
==================== */
#Content,
.cmspage,
.cmspanel {
position: relative;
}
#Col1,
#Col2,
#Col3 {
position: relative;
}
.InlineLeft {
/* For CMS InfoBox icon styles */
display: inline;
margin-right: 5px;
}
.CmsInfoButtonsContainer {
width: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.CmsInfoButtons,
.CmsInfoButtonsPanel {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.CmsInfoButtons img,
.CmsInfoButtonsPanel img {
margin-top: 5px;
}
.cmspage .CmsInfoButtons {
top: 30px;
}
/* SHOPPING CART -------------------------------------*/
#ShoppingCartLink .icon {
background: url(/imgs/icons/core-icons.png) no-repeat 0 -96px;
}
#ShoppingCartLink .CartItems {
padding-right: .35em;
}
/* --------------------------------------------
MODALS
----------------------------------------------*/
#overlay {
left: 0;
top: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 40000;
background: #000;
}
.modal {
position: fixed;
background: #fff;
border: solid 1px #ccc;
border-radius: 8px;
display: none;
top: 0;
left: 0;
right: 0;
margin-left: auto !important;
margin-right: auto;
padding: 0 1rem 1rem;
z-index: 40001;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 96%;
max-width: 600px;
}
.modal .Header,
.modal .header {
border-radius: 8px 8px 0 0;
border-bottom: 1px solid #ddd;
margin: 0 -1rem .5em;
padding: .5em 1em;
color: #333;
background: #efefef;
font-size: 1.125rem;
font-weight: bold;
}
.modal .VSDropDown dd {
z-index: 50000;
}
.modalBox {
margin-left: 54px;
left: 0;
}
.modalContentBox {
padding: 0 8px 16px;
}
.modalValidation {
display: block;
clear: both;
width: 90%;
margin: auto;
text-align: center;
}
.modalInput {
clear: both;
display: block;
margin-top: 12px;
}
.modalContentBox .modalButtonBox {
margin-top: 20px;
}
.modalContentBox .modalButtonBox .LinkBox {
margin: 10px 0 0 105px;
}
.modal .modalButtons {
position: absolute;
right: 10px;
bottom: 10px;
}
/* ----- TIMEOUT MODAL ---------------------------------------------------------- */
#TimeOutModal {
width: 280px;
height: 170px;
text-align: center;
}
#TimeOutModal p {
text-align: center;
}
#TimeOutModal .LinkBox {
position: absolute;
bottom: 10px;
left: 0;
text-align: center;
width: 100%;
}
#TimeOutModal .Btn button {
padding: .2em;
}
#TimeOutModal p#SessionCountdown {
font-size: 1.5em;
}
/* ----- MISC ---------------------------------------------------------- */
#IMHInterviewFrame {
width: 100% !important;
height: 500px !important;
}
/* -----------------------------------------------------------------------------------------------------------
END Needed Styles from Default.css
----------------------------------------------------------------------------------------------------------- */
/* Base Styles */
p.sub {
font-size: 1rem;
font-style: italic;
font-weight: 600;
}
/* Base Styles
==========================================*/
::-moz-selection,
::-moz-selection {
background: #F8F8F8;
color: #231F20;
text-shadow: 0 0 0 transparent !important;
}
::selection,
::-moz-selection {
background: #F8F8F8;
color: #231F20;
text-shadow: 0 0 0 transparent !important;
}
*,
body {
margin: 0;
padding: 0;
word-wrap: break-word;
}
[data-whatinput="mouse"] :focus, [data-whatinput="mouse"] #Content:focus,
[data-whatinput="touch"] :focus, [data-whatinput="touch"] #Content:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
[data-whatinput="keyboard"] :focus, [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] textarea:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] #ProximityNav a:focus, [data-whatinput="keyboard"] a.A11y {
outline: 2px solid #6E0516 !important;
}
[data-whatinput="keyboard"] .SkipTo:focus {
outline-offset: -2px;
}
[data-whatinput="keyboard"] .TwoColumn a:focus, [data-whatinput="keyboard"] .ThreeColumn a:focus, [data-whatinput="keyboard"] .FourColumn a:focus {
outline-offset: -3px;
}
[data-whatinput="keyboard"] .Fixed {
position: relative !important;
opacity: 1 !important;
}
.Hide {
/* same as .sr-only */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.Inline {
display: inline;
}
.Block {
display: block;
}
.HelpTextLink {
font-size: .85em;
}
body {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
color: #231F20;
background: #2B3C4A;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
-webkit-text-size-adjust: 100%;
/* Keeps iphone from enlarging text on horizontal view */
}
@media (min-width: 1281px) {
body {
font-size: 1.125rem;
}
}
#BodyWrap {
color: #000000;
background: #fff;
}
img.fluid {
width: 100% !important;
height: auto !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-style: normal;
font-weight: 400;
line-height: 1.125;
color: #0C3647;
margin: 0 0 1rem;
}
h1,
.h1 {
font-style: normal;
font-weight: 600;
font-size: 2.375rem;
margin-top: .5rem;
}
@media (min-width: 1024px) {
h1,
.h1 {
font-size: 2.625rem;
margin-bottom: 1.4rem;
}
}
@media (min-width: 1441px) {
h1,
.h1 {
font-size: 3rem;
margin-bottom: 1.8rem;
}
}
h2,
.h2 {
font-size: 1.625rem;
font-style: normal;
font-weight: 600;
}
@media (min-width: 1024px) {
h2,
.h2 {
font-size: 1.875rem;
}
}
@media (min-width: 1441px) {
h2,
.h2 {
font-size: 2.125rem;
}
}
h3,
.h3 {
font-size: 1.5rem;
font-weight: bold;
}
@media (min-width: 1024px) {
h3,
.h3 {
font-size: 1.75rem;
}
}
@media (min-width: 1441px) {
h3,
.h3 {
font-size: 2rem;
}
}
h4,
.h4 {
font-size: 1.375rem;
}
@media (min-width: 1024px) {
h4,
.h4 {
font-size: 1.5rem;
}
}
@media (min-width: 1441px) {
h4,
.h4 {
font-size: 1.625rem;
}
}
h5,
.h5 {
font-size: 1.25rem;
}
@media (min-width: 1024px) {
h5,
.h5 {
font-size: 1.375rem;
}
}
h6,
.h6 {
font-size: 1.125rem;
}
@media (min-width: 1024px) {
h6,
.h6 {
font-size: 1.125rem;
}
}
strong {
font-style: normal;
font-weight: 600;
}
i,
em {
font-style: italic;
font-weight: 400;
}
p {
margin: 0 0 1.5rem 0;
}
p.NoSpace {
margin-bottom: 0;
}
a {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
a:link, a:visited {
color: #02748F;
}
a:hover, a:focus, a:active {
color: #5C1B49;
cursor: pointer;
}
a.file, a.file:visited, a.file:link {
background: transparent url(/application/themes/lcrec/imgs/icons/file.svg) top left no-repeat;
background-size: 17px 22px;
padding-left: 25px;
}
a.video, a.video:visited, a.video:link {
background: transparent url(/application/themes/lcrec/imgs/icons/video.svg) top left no-repeat;
background-size: 17px 22px;
padding-left: 25px;
}
.column.store {
padding: 2rem 1rem;
}
.column.store h2 {
font-size: 1.6rem;
}
.Tabnav a:link,
a.Button,
p.Button {
text-decoration: none;
}
ul,
ol {
line-height: inherit;
margin: 0 0 1.5rem 0.625rem;
padding: 0 0 0 1rem;
}
ol ul,
ul ol,
ul ul,
ol ol {
margin-top: .625rem;
margin-bottom: .625rem;
}
li {
margin-bottom: 0.8rem;
}
.cmspage,
#Content .cmspanel {
margin: 0 0 40px 0;
padding: 0;
}
ul.Plain-List, ul.Plain, ul.SPList {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.cmspage img,
.cmspanel img {
max-width: 100%;
height: auto;
}
.cmspanel {
margin-bottom: 60px;
}
#board {
max-width: 850px;
}
@media (min-width: 600px) {
#board {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 1024px) {
#board {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
#board .member {
border: 2px solid #231F20;
margin-bottom: 2rem;
background: #E7EBF2;
width: 100%;
max-width: 320px;
}
@media (max-width: 599px) {
#board .member {
margin: 0 auto 2rem;
max-width: 320px;
}
}
@media (min-width: 600px) {
#board .member {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
}
}
@media (min-width: 800px) {
#board .member {
-webkit-box-flex: 0;
-ms-flex: 0 1 35%;
flex: 0 1 35%;
}
}
@media (min-width: 1024px) {
#board .member {
-webkit-box-flex: 0;
-ms-flex: 0 1 28%;
flex: 0 1 28%;
}
}
#board .member .image img {
width: 100%;
}
#board .member h2 {
display: block;
width: 100%;
color: #ffffff;
background: #231F20;
font-size: 1.8rem;
padding: 12px;
margin-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#board .member .info {
padding: 1rem 12px;
}
#board .member .info .name {
font-weight: bold;
}
#board .member .info .dist {
padding-bottom: 1rem;
}
#board .member .bio p {
margin-bottom: 0;
}
#board .member .bio p button, #board .member .bio p .Button, #board .member .bio p a.Button {
margin-bottom: 0;
padding: .3rem .5rem .4rem;
}
#Home #AbovePageContent .cmspanel, #Home #BelowPageContent .cmspanel {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
padding: 0 20px;
}
@media (min-width: 1024px) {
#Home #AbovePageContent .cmspanel, #Home #BelowPageContent .cmspanel {
padding: 0 40px;
}
}
#Home #AbovePageContent .cmspanel .Dec1, #Home #BelowPageContent .cmspanel .Dec1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1400px;
margin: 0 auto;
padding: 50px 0;
}
#Home #AbovePageContent .cmspanel .Events-Upcoming-Calendar .MoreLink, #Home #AbovePageContent .cmspanel #SmartPanelLocations .MoreLink, #Home #AbovePageContent .cmspanel #DrSmartPanel .MoreLink, #Home #BelowPageContent .cmspanel .Events-Upcoming-Calendar .MoreLink, #Home #BelowPageContent .cmspanel #SmartPanelLocations .MoreLink, #Home #BelowPageContent .cmspanel #DrSmartPanel .MoreLink {
text-align: center;
}
#Home #AbovePageContent .cmspanel.SmallerMargin .Dec1, #Home #BelowPageContent .cmspanel.SmallerMargin .Dec1 {
padding: 20px 0;
}
#Home #AbovePageContent .cmspanel h2, #Home #AbovePageContent .cmspanel h3, #Home #BelowPageContent .cmspanel h2, #Home #BelowPageContent .cmspanel h3 {
border-bottom: none;
padding-bottom: 0;
}
@media (min-width: 1024px) {
#Home #AbovePageContent .cmspanel, #Home #BelowPageContent .cmspanel {
padding: 0 120px;
}
}
#MessageDisplayWrap {
width: 96%;
padding: 0 2%;
margin: 0 auto;
}
/* color backgrounds */
.cmspanel.LightGreyPanel {
background: #F1F1F1;
}
.cmspanel.MidGreyPanel {
background: #dedede;
}
.cmspanel.DarkGreyPanel {
background: #77767A;
}
/* Fixes img size issue on locations detail page map */
.cmspage .GMap img {
max-width: none;
}
.CmsInfoButtonsPanel img.Inline,
.CmsInfoButtons img {
width: 14px;
height: 14px;
max-width: 14px;
max-height: 14px;
}
hr {
border: 0;
background: transparent;
border-bottom: 1px solid #ADC6DB;
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.NoWrap, .nowrap {
white-space: nowrap;
}
.ResponsiveAccordion {
display: none;
}
.ClearBoth {
clear: both;
}
a img {
border: none;
}
@media (min-width: 800px) {
.Right,
img.Right {
float: right;
margin: 0 0 .625rem 1em;
}
.Left,
img.Left {
float: left;
margin: 0 1em .625rem 0;
}
}
@media (min-width: 1024px) {
.Right,
img.Right {
margin: 0 0 .625rem 2em;
}
.Left,
img.Left {
margin: 0 2em .625rem 0;
}
}
.Center {
margin-left: auto !important;
margin-right: auto !important;
width: auto !important;
}
.TextAlignCenter {
text-align: center;
}
.Collapse {
margin: 0 !important;
}
.FlexButtons {
margin-left: -30px;
margin-right: -30px;
}
@media (min-width: 800px) {
.FlexButtons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.FlexButtons > a.Button {
display: block;
width: 100%;
margin: 0 30px;
text-align: center;
}
label,
p.Label {
font-style: normal;
font-weight: 400;
}
blockquote {
display: block;
margin: 1.5em 0 1.5em 1.5em;
font-size: 1.1rem;
}
/* Skip to Content
------------------------------------------*/
a.SkipTo {
display: block;
background: #000;
color: #fff;
text-decoration: none;
left: -32767px;
height: 0;
line-height: 0;
overflow: hidden;
}
a.SkipTo:hover, a.SkipTo:focus {
display: block;
left: 2%;
padding: 1.2em .75em;
line-height: auto;
outline: 1px dashed #ADC6DB;
z-index: 6000;
}
/* Parts Styles */
/* Header
==========================================*/
#TopNavWrap {
background: #0076AD;
width: 100%;
}
#TopNavWrap #TopNav {
max-width: 1680px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1024px) {
#TopNavWrap #TopNav {
padding: 0 40px 0 60px;
}
}
/*#GeolocationControl {
color: $font-color-light;
font-size: 1.1rem;
a, a:link, a:visited {
color: $font-color-light;
text-decoration: underline;
}
}*/
#HeaderMainWrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*padding: 1rem 40px;
box-sizing: border-box;
margin: 0 auto;
max-width: 1680px;
justify-content: space-between;*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(95%, #ffffff), color-stop(5%, #02748F));
background-image: linear-gradient(#ffffff, #ffffff 95%, #02748F 5%);
}
@media (min-width: 1024px) {
#HeaderMainWrap #HeaderMain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1680px;
margin: 0 auto;
}
}
#SecondaryNavWrap {
font-style: normal;
font-weight: 400;
font-size: 1.125rem;
padding: 12px 20px 4px;
color: #02748F;
background: #E7EBF2;
clear: both;
}
#SecondaryNavWrap .blockContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#SecondaryNavWrap .blockContent > * {
width: 100%;
margin: 0;
}
@media (min-width: 1024px) {
#SecondaryNavWrap .blockContent ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 1024px) {
#SecondaryNavWrap .blockContent ul li {
margin: 0 12px;
}
}
#SecondaryNavWrap a:link, #SecondaryNavWrap a:visited {
color: #02748F !important;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
}
#SecondaryNavWrap a:hover, #SecondaryNavWrap a:focus, #SecondaryNavWrap a:active {
text-decoration: none;
}
#SecondaryNavWrap a .Icon {
width: 45px;
height: 45px;
}
#SecondaryNavWrap a .Icon img {
width: 45px;
height: 45px;
}
@media (min-width: 1024px) {
#SecondaryNavWrap {
font-size: 1.125rem;
text-align: right;
padding: .625rem 0 0;
background: transparent;
margin: 0 0 1px 0;
}
#SecondaryNavWrap .blockContent {
display: block;
}
#SecondaryNavWrap .blockContent > * {
display: inline-block;
width: auto;
}
#SecondaryNavWrap .blockContent li {
display: inline-block;
margin-bottom: .3rem;
background: #E7EBF2;
}
#SecondaryNavWrap .blockContent li.Search {
height: 45px;
width: 45px;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
#SecondaryNavWrap .blockContent li.Search {
display: none;
}
}
@media (min-width: 1024px) {
#SecondaryNavWrap .blockContent li.Search button {
margin: 0;
padding: 0;
border: none;
width: 45px;
height: 100%;
background: #02748F url(/application/themes/lcrec/imgs/icons/search-icon.svg) top left no-repeat;
background-size: 45px 45px;
border-radius: 0;
position: relative;
-webkit-transition: rotate 500ms ease-in-out;
transition: rotate 500ms ease-in-out;
display: block;
/*font-size: 1.5rem;
line-height: 1.125;
font-weight: 200;*/
}
#SecondaryNavWrap .blockContent li.Search button span.Icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 63px;
top: 0;
left: 0;
}
#SecondaryNavWrap .blockContent li.Search button span.Icon, #SecondaryNavWrap .blockContent li.Search button span.Icon:before, #SecondaryNavWrap .blockContent li.Search button span.Icon:after {
display: block;
border-radius: 2px;
background-clip: padding-box;
height: 4px;
width: 29px;
background-color: transparent;
position: absolute;
top: 24px;
left: 20px;
content: '';
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#SecondaryNavWrap .blockContent li.Search button span.Text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
#SecondaryNavWrap a:link, #SecondaryNavWrap a:visited {
padding: 0 18px 0 0;
color: #02748F;
text-decoration: none;
}
#SecondaryNavWrap a:hover, #SecondaryNavWrap a:focus, #SecondaryNavWrap a:active {
text-decoration: none;
background-color: #DDE2EA;
}
}
#HeaderTop {
/*display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;*/
margin: 0 auto;
position: relative;
}
@media (min-width: 1024px) {
#HeaderTop {
border-top: 10px solid #81EDF7;
}
}
#HeaderTop #HeaderMain {
margin: 0 auto;
}
#HeaderTop:after:after {
display: block;
content: "";
clear: both;
}
#HeaderTop .block {
margin-bottom: 0;
}
#HeaderTop #Logo {
margin: 0 auto;
padding: 16px 0 30px;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 180px;
}
@media (min-width: 1024px) {
#HeaderTop #Logo {
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0;
padding: 20px 10px 38px 0;
width: auto;
}
}
#HeaderTop #Logo .block, #HeaderTop #Logo p {
margin-bottom: 0;
}
#HeaderTop #Logo h1 {
margin: 0;
}
#HeaderTop #Logo a {
display: block;
}
#HeaderTop #Logo img {
margin: 0 auto;
display: block;
background: #fff;
width: 180px;
}
@media (min-width: 1024px) {
#HeaderTop #Logo img {
width: 200px;
}
}
@media (min-width: 1281px) {
#HeaderTop #Logo img {
width: 240px;
}
}
#HeaderTop .MobileMenuTabs {
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
}
#HeaderTop .MobileMenuTabs ul {
list-style: none;
padding: 0;
margin: 0;
}
#HeaderTop .MobileMenuTabs div.tablist {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #231F20;
background: #02748F;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.tablist {
display: none;
}
}
#HeaderTop .MobileMenuTabs div.tablist button {
position: relative;
margin: 0;
border: none;
border-radius: 0;
width: 70px;
height: 100%;
min-height: 64px;
}
#HeaderTop .MobileMenuTabs div.tablist button span.Text {
position: relative !important;
/*height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);*/
text-transform: uppercase;
font-size: .74rem;
display: block;
clear: both;
font-weight: bold;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search, #HeaderTop .MobileMenuTabs div.tablist button.Call, #HeaderTop .MobileMenuTabs div.tablist button.Menu {
position: relative;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon, #HeaderTop .MobileMenuTabs div.tablist button.Call .Icon, #HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon {
margin-top: 10px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon,
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon:after, #HeaderTop .MobileMenuTabs div.tablist button.Call .Icon,
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon:after, #HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon,
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon:after {
display: block;
border-radius: 0px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
height: 4px;
width: 32px;
position: absolute;
top: 20px;
left: 20px;
content: '';
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search.Active, #HeaderTop .MobileMenuTabs div.tablist button.Call.Active, #HeaderTop .MobileMenuTabs div.tablist button.Menu.Active {
background-image: none;
background-color: #231F20;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search.Active .Icon:before, #HeaderTop .MobileMenuTabs div.tablist button.Call.Active .Icon:before, #HeaderTop .MobileMenuTabs div.tablist button.Menu.Active .Icon:before {
-webkit-transform: translateX(0) translateY(0) rotate(-45deg);
transform: translateX(0) translateY(0) rotate(-45deg);
top: -10px;
left: 0;
background-color: #fff;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search.Active .Icon:after, #HeaderTop .MobileMenuTabs div.tablist button.Call.Active .Icon:after, #HeaderTop .MobileMenuTabs div.tablist button.Menu.Active .Icon:after {
-webkit-transform: translateX(0) translateY(0) rotate(45deg);
transform: translateX(0) translateY(0) rotate(45deg);
top: -10px;
left: 0;
background-color: #fff;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search {
background: url(/application/themes/lcrec/imgs/icons/search.svg) 20px 8px no-repeat;
background-size: 29px 29px;
padding: 0 10px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon,
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon:after {
background-color: transparent;
left: 18px;
top: 24px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon:before {
top: -10px;
left: 0;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search .Icon:after {
top: -20px;
left: 0;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search.Active .Icon {
background-color: transparent;
}
#HeaderTop .MobileMenuTabs div.tablist button.Search .Text {
padding: 40px 0 4px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call, #HeaderTop .MobileMenuTabs div.tablist a.Call {
text-align: center;
background: url(/application/themes/lcrec/imgs/icons/phone.svg) 24px 8px no-repeat;
background-size: 23px 30px;
display: inline-block;
padding: 0 10px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon,
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon:after, #HeaderTop .MobileMenuTabs div.tablist a.Call .Icon,
#HeaderTop .MobileMenuTabs div.tablist a.Call .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist a.Call .Icon:after {
background-color: transparent;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon:before, #HeaderTop .MobileMenuTabs div.tablist a.Call .Icon:before {
top: -10px;
left: 0;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call .Icon:after, #HeaderTop .MobileMenuTabs div.tablist a.Call .Icon:after {
top: -20px;
left: 0;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call.Active .Icon, #HeaderTop .MobileMenuTabs div.tablist a.Call.Active .Icon {
background-color: transparent;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call .NavContent, #HeaderTop .MobileMenuTabs div.tablist a.Call .NavContent {
font-size: 1.375rem;
}
#HeaderTop .MobileMenuTabs div.tablist button.Call .Text, #HeaderTop .MobileMenuTabs div.tablist a.Call .Text {
padding: 40px 0 4px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Menu {
text-align: center;
background: none;
background-size: auto;
background-position: 20px 8px;
padding: 0 10px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon,
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon:before,
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon:after {
background: #fff;
top: 20px;
}
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon:before {
top: -8px;
left: 0;
}
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Icon:after {
top: -16px;
left: 0;
}
#HeaderTop .MobileMenuTabs div.tablist button.Menu.Active .Icon {
background-color: transparent;
}
#HeaderTop .MobileMenuTabs div.tablist button.Menu .Text {
padding: 40px 0 4px;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content {
border: none;
z-index: 99;
margin-bottom: 0;
border-top: 6px solid #181F4C;
border-bottom: 6px solid #181F4C;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content {
display: none;
background: transparent;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Call {
display: none !important;
}
}
@media (max-width: 1023px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content {
color: #231F20;
background: #ffffff;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content a:link:not(#ChangeLocationLink):not(.SetLocationButton), #HeaderTop .MobileMenuTabs div.listitem > div.content a:visited:not(#ChangeLocationLink):not(.SetLocationButton) {
color: #fff;
}
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search, #HeaderTop .MobileMenuTabs div.listitem > div.content.Menu {
display: none !important;
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .NavContent,
#HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent {
padding: 20px;
text-align: center;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .NavContent:after,
#HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent:after {
display: block;
content: "";
clear: both;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .NavContent,
#HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent {
padding: 0;
text-align: left;
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search {
background: #F4F4F4;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search h2 {
text-align: center;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding {
width: 50%;
height: 50%;
max-width: 800px;
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent {
padding: 20px;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent h2 {
font-size: 1.3rem;
font-weight: bold;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent h2 {
font-size: 1.625rem;
}
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent {
width: 100%;
background: #ffffff;
height: 100%;
max-height: 320px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 2rem;
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton {
display: none;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton {
padding: 0;
width: 44px;
height: 44px;
cursor: pointer;
position: absolute;
color: #FFFFFF;
background: #02748F;
border: none;
top: 16px;
right: 20px;
font-size: 1rem;
text-transform: uppercase;
text-indent: -99999px;
display: inline-block;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton span {
pointer-events: none;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton span:before, #HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton span:after {
content: ' ';
position: absolute;
right: 20px;
top: 6px;
height: 32px;
width: 4px;
border-radius: 0;
background-color: #ffffff;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton:active, #HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton:focus, #HeaderTop .MobileMenuTabs div.listitem > div.content.Search .padding .NavContent .InnerNavContent button.CloseButton:hover {
background: #0C3647;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.75);
z-index: 9999;
}
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search.Open {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Search.Open .padding {
width: 50%;
height: 50%;
max-width: 800px;
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent .blockContent > *:last-child {
margin-bottom: 0;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent a, #HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent a:link, #HeaderTop .MobileMenuTabs div.listitem > div.content.Call .NavContent a:visited {
color: #006C9E !important;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content div.padding {
padding: 0;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content .NavContent #MainNavWrap {
padding: 0;
}
@media (min-width: 1024px) {
#HeaderTop .MobileMenuTabs div.listitem > div.content .NavContent #MainNavWrap {
display: none;
}
}
#HeaderTop .MobileMenuTabs div.listitem > div.content .NavContent #MainNavWrap #MainNav > ul > li {
font-size: 1rem;
border-bottom: 2px solid #BBC5D4;
padding: 12px 16px 12px;
margin-bottom: 0;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content .NavContent #MainNavWrap #MainNav > ul > li a:link, #HeaderTop .MobileMenuTabs div.listitem > div.content .NavContent #MainNavWrap #MainNav > ul > li a:visited {
color: #000000;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
}
#HeaderTop .MobileMenuTabs div.listitem > div.content .NavContent #MainNavWrap #MainNav > ul > li.HasDropdown > button {
display: none;
}
/*#Search {
position: relative;
border: none;
display: block;
min-height: 44px;
width: 100%;
max-width: 400px;
margin: 0 auto;
background:#fff;
border: 1px solid $search-border;
border-radius: 0;
form, fieldset {
@include clearfix;
@include breakpoint(uptoMedium) {
margin: 0 auto;
width: 100%;
max-width: 500px;
}
}
input#SearchInput {
color: #828081;
font-size: 1em;
font-weight: 500;
width: 100%;
padding: 11px 55px 10px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
background:#fff;
height: 44px;
}
input.ImgButton {
color: $search-button-color-mobile;
background: $search-button-bg-mobile;
float: left;
width:44px;
border-radius: 0;
border: none;
position: absolute;
right: 0;
top:0;
padding: 8px;
height: 100%;
box-sizing: border-box;
&:hover, &:focus, &:active {
color: $search-button-color-mobile-hover;
background: $search-button-bg-mobile-hover;
}
img {
height: 29px;
width: 29px;
}
@include breakpoint(Medium) {
color: $search-button-color;
background: $search-button-bg;
//border: 1px solid $search-button-border;
&:hover, &:focus, &:active {
color: $search-button-color-hover;
background: $search-button-bg-hover;
}
}
}
@include breakpoint(Medium) {
clear: right;
//float: right;
text-align: right;
min-width: 380px;
margin-bottom: 10px;
}
}*/
.content.Search .ccm-search-block-form {
/*h3 {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}*/
}
@media (max-width: 1023px) {
.content.Search .ccm-search-block-form {
width: 300px;
margin: 0 auto;
}
}
.content.Search input.ccm-search-block-text {
border: none;
width: 256px;
padding: 9px 8px 11px;
background: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content.Search input.ccm-search-block-submit {
background: #02748F url(/application/themes/lcrec/imgs/icons/search-icon.svg) no-repeat top right;
border: none;
height: 44px;
width: 44px;
text-indent: -9999px;
float: right;
}
.MainNavDropdowns .block {
display: none;
}
.js #MainNav > ul > li > .block {
display: none;
}
.js #MainNav > ul > li.Open > .block {
display: block;
}
@media (max-width: 1023px) {
#Header > #MainNavWrap2,
#MainNav .block {
display: none;
}
#MainNav > ul > li:hover > .block,
#MainNav > ul > li.Open > .block {
max-height: 0;
display: none !important;
}
}
/* only filled on desktop */
#MainNavWrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*#MainNav > ul > li > a:hover::after,
#MainNav > ul > li > a:focus::after,
#MainNav > ul > li.HasDropdownMenu > a::after,
#MainNav > ul > li.HasDropdownMenu > strong::after {
content: '';
display: block;
position: absolute;
bottom: -7px;
left: 50%;
width: 0;
height: 0;
border-bottom: 14px solid transparent;
border-left: 14px solid #fff;
border-top: 14px solid transparent;
//margin-right: -0.125rem;
//margin-top: -0.375rem;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}*/
}
@media (min-width: 1024px) {
#MainNavWrap2 {
margin-top: 20px;
}
}
#MainNavWrap2 #MainNavWrap {
color: #000000;
background: transparent;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNavWrap.Fixed {
position: fixed;
background: #FFFFFF;
top: 0;
left: 0;
width: 100%;
z-index: 100;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
border-bottom: 8px solid #02748F;
}
#MainNavWrap2 #MainNavWrap.Fixed ul li a, #MainNavWrap2 #MainNavWrap.Fixed ul li strong {
padding: 20px 6px 0px 24px;
}
#MainNavWrap2 #MainNavWrap.Fixed ul li.HasDropdown button {
padding: 16px 0 0;
}
}
@media (min-width: 1024px) and (min-width: 1441px) {
#MainNavWrap2 #MainNavWrap.Fixed ul li.HasDropdown button {
padding: 16px 0 0;
}
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNavWrap.Fixed ul li.stickynav-logo a {
padding: 8px;
}
}
#MainNavWrap2 #MainNav {
max-width: 1640px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNav {
max-width: 1680px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#MainNavWrap2 #MainNav > h2 {
display: none;
}
#MainNavWrap2 #MainNav ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
#MainNavWrap2 #MainNav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: 0;
padding: 0;
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNav > ul {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
#MainNavWrap2 #MainNav > ul > li.Open.HasDropdown {
background: #E7EBF2;
}
#MainNavWrap2 #MainNav > ul > li {
margin: 0;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*&.Active {
position: relative;
&:after {
content: '';
display: block;
width: 0;
height: 0;
margin-left: 25%;
margin-top: -20px;
border: 10px solid $content-section-bg;
border-left-color: $nav-bg;
border-top-color: $nav-bg;
border-right-color: $nav-bg;
position: absolute;
bottom: 0;
z-index: 9999;
}
}*/
/*&.Active:hover {
position: relative;
&:after {
content: '';
display: block;
width: 0;
height: 0;
margin-left: 25%;
margin-top: -20px;
border: 10px solid $content-section-bg;
border-left-color: $nav-bg-hover;
border-top-color: $nav-bg-hover;
border-right-color: $nav-bg-hover;
position: absolute;
bottom: 0;
z-index: 9999;
}
}*/
/* MainNavDropDowns
==========================================*/
}
#MainNavWrap2 #MainNav > ul > li p {
margin-bottom: 1.5em;
}
#MainNavWrap2 #MainNav > ul > li hr {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#MainNavWrap2 #MainNav > ul > li a:link, #MainNavWrap2 #MainNav > ul > li a:visited, #MainNavWrap2 #MainNav > ul > li strong {
text-transform: uppercase;
}
#MainNavWrap2 #MainNav > ul > li a:hover, #MainNavWrap2 #MainNav > ul > li a:focus, #MainNavWrap2 #MainNav > ul > li a:active, #MainNavWrap2 #MainNav > ul > li:hover, #MainNavWrap2 #MainNav > ul > li:focus {
color: #0C3647;
background: transparent;
}
#MainNavWrap2 #MainNav > ul > li > a, #MainNavWrap2 #MainNav > ul > li > strong {
text-decoration: none;
padding: 18px 8px 36px;
display: block;
position: relative;
font-size: 1.25rem;
line-height: 1.125;
font-weight: 200;
color: #000000;
font-family: 'Avenir Next LT W01 Bold', sans-serif;
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNav > ul > li > a, #MainNavWrap2 #MainNav > ul > li > strong {
padding: 18px 6px 34px 24px;
font-size: 0.875rem;
text-align: right;
}
}
@media (min-width: 1281px) {
#MainNavWrap2 #MainNav > ul > li > a, #MainNavWrap2 #MainNav > ul > li > strong {
font-size: 1rem;
}
}
@media (min-width: 1441px) {
#MainNavWrap2 #MainNav > ul > li > a, #MainNavWrap2 #MainNav > ul > li > strong {
font-size: 1.125rem;
}
}
#MainNavWrap2 #MainNav > ul > li > strong {
color: #1B365D1B365D;
}
#MainNavWrap2 #MainNav > ul > li.stickynav-logo > a, #MainNavWrap2 #MainNav > ul > li.stickynav-logo > strong, #MainNavWrap2 #MainNav > ul > li.stickynav-logo.Search > button {
padding: 8px 14px 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > button {
border: none;
color: #fff;
background: none;
border-radius: 0;
display: inline;
padding: 0;
margin: -4px 10px 0 0;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > button > span {
display: inline-block;
width: 1.5rem;
height: 1rem;
position: relative;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > button > span:after {
border-bottom: 0.375rem solid transparent;
border-left: 0.375rem solid #02748F;
border-top: 0.375rem solid transparent;
content: ' ';
height: 0;
position: absolute;
right: 50%;
margin-right: -0.125rem;
margin-top: -0.375rem;
top: 10%;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown:hover > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown:focus > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown:active > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown.Open > button > span:after {
border-left: 0.375rem solid #0C3647;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > a > span > button, #MainNavWrap2 #MainNav > ul > li.HasDropdown > strong > span > button {
border: none;
background: none;
border-radius: 0;
display: inline;
padding: 0;
margin: 0 0 0 8px;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > a > span > button:hover, #MainNavWrap2 #MainNav > ul > li.HasDropdown > a > span > button:focus, #MainNavWrap2 #MainNav > ul > li.HasDropdown > strong > span > button:hover, #MainNavWrap2 #MainNav > ul > li.HasDropdown > strong > span > button:focus {
color: #fff;
background: #FFF;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > a > span > button > span, #MainNavWrap2 #MainNav > ul > li.HasDropdown > strong > span > button > span {
display: inline-block;
width: 1.5rem;
height: 1rem;
position: relative;
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown > a > span > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown > strong > span > button > span:after {
border-bottom: .375rem solid transparent;
border-left: .375rem solid #fff;
border-top: .375rem solid transparent;
content: ' ';
height: 0;
position: absolute;
right: 50%;
margin-right: -.125rem;
margin-top: -.375rem;
top: 50%;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#MainNavWrap2 #MainNav > ul > li.HasDropdown:hover > a > span > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown:hover > strong > span > button > span:after,
#MainNavWrap2 #MainNav > ul > li.HasDropdown:focus > a > span > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown:focus > strong > span > button > span:after,
#MainNavWrap2 #MainNav > ul > li.HasDropdown:active > a > span > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown:active > strong > span > button > span:after,
#MainNavWrap2 #MainNav > ul > li.HasDropdown.Open > a > span > button > span:after, #MainNavWrap2 #MainNav > ul > li.HasDropdown.Open > strong > span > button > span:after {
opacity: .25;
}
#MainNavWrap2 #MainNav > ul > li > a > span > button:hover, #MainNavWrap2 #MainNav > ul > li > a > span > button:focus, #MainNavWrap2 #MainNav > ul > li > a > span > button:active {
background: none;
}
#MainNavWrap2 #MainNav > ul > li .block {
margin: 0;
color: #231F20;
line-height: 1.25;
left: 0;
position: absolute;
z-index: 1000;
background-color: #E7EBF2;
max-height: 0;
overflow: hidden;
width: 100%;
top: 100%;
-webkit-transition: max-height 200ms ease-in-out;
transition: max-height 200ms ease-in-out;
float: left;
text-decoration: none;
color: #231F20;
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNav > ul > li .block.tri-col .col {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
}
@media (min-width: 1441px) {
#MainNavWrap2 #MainNav > ul > li .block.tri-col .col {
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
}
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNav > ul > li .block.four-col .col {
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
}
}
@media (min-width: 1441px) {
#MainNavWrap2 #MainNav > ul > li .block.four-col .col {
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent {
max-width: 1660px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.75rem 80px 3rem;
position: relative;
min-height: 152px;
font-size: 1.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1024px) {
#MainNavWrap2 #MainNav > ul > li .block .blockContent .col.img {
display: none;
}
}
@media (min-width: 1441px) {
#MainNavWrap2 #MainNav > ul > li .block .blockContent .col.img {
display: block;
}
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent h2, #MainNavWrap2 #MainNav > ul > li .block .blockContent h2, #MainNavWrap2 #MainNav > ul > li .block .blockContent h4, #MainNavWrap2 #MainNav > ul > li .block .blockContent h5, #MainNavWrap2 #MainNav > ul > li .block .blockContent h6, #MainNavWrap2 #MainNav > ul > li .block .blockContent p {
color: #231F20;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent ul {
font-size: 1.1rem;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent h2 {
font-size: 1.4rem;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent h3 {
font-size: 1.4rem;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent p {
margin-bottom: .8rem;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent a, #MainNavWrap2 #MainNav > ul > li .block .blockContent a:link, #MainNavWrap2 #MainNav > ul > li .block .blockContent a:visited {
text-decoration: none;
text-transform: none;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton {
padding: 0;
cursor: pointer;
position: absolute;
color: #222;
background: #02748F;
border: #02748F;
border-radius: 0;
height: 44px;
width: 44px;
top: 20px;
right: 65px;
display: inline-block;
font-size: 1rem;
text-transform: uppercase;
text-indent: -99999px;
display: block;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton:hover, #MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton:focus, #MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton:active {
background: #0C3647;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span {
pointer-events: none;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span:before, #MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span:after {
position: absolute;
content: ' ';
right: 20px;
top: 6px;
height: 32px;
width: 4px;
border-radius: 2px;
background-color: #fff;
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span:hover:before, #MainNavWrap2 #MainNav > ul > li .block .blockContent button.CloseButton span:hover:after {
background-color: #fff;
}
#MainNavWrap2 #MainNav > ul > li .block a:link,
#MainNavWrap2 #MainNav > ul > li .block a:visited {
color: #02748F;
}
#MainNavWrap2 #MainNav > ul > li .block a:hover,
#MainNavWrap2 #MainNav > ul > li .block a:focus,
#MainNavWrap2 #MainNav > ul > li .block a:active {
color: #6E0516;
text-decoration: underline;
}
#MainNavWrap2 #MainNav > ul > li .block button, #MainNavWrap2 #MainNav > ul > li .block .Button,
#MainNavWrap2 #MainNav > ul > li .block a.Button:link, #MainNavWrap2 #MainNav > ul > li .block p.Button a:link, #MainNavWrap2 #MainNav > ul > li .block p.MoreLink a:link,
#MainNavWrap2 #MainNav > ul > li .block a.Button:visited, #MainNavWrap2 #MainNav > ul > li .block p.Button a:visited, #MainNavWrap2 #MainNav > ul > li .block p.MoreLink a:visited {
border: 1px solid #006C9E;
background: #02748F;
color: #fff;
text-decoration: none;
margin-bottom: 0;
}
#MainNavWrap2 #MainNav > ul > li .block button:hover, #MainNavWrap2 #MainNav > ul > li .block .Button:hover, #MainNavWrap2 #MainNav > ul > li .block a.Button:hover, #MainNavWrap2 #MainNav > ul > li .block p.Button a:hover, #MainNavWrap2 #MainNav > ul > li .block p.MoreLink a:hover,
#MainNavWrap2 #MainNav > ul > li .block button:focus, #MainNavWrap2 #MainNav > ul > li .block .Button:focus, #MainNavWrap2 #MainNav > ul > li .block a.Button:focus, #MainNavWrap2 #MainNav > ul > li .block p.Button a:focus, #MainNavWrap2 #MainNav > ul > li .block p.MoreLink a:focus,
#MainNavWrap2 #MainNav > ul > li .block button:active, #MainNavWrap2 #MainNav > ul > li .block .Button:active, #MainNavWrap2 #MainNav > ul > li .block a.Button:active, #MainNavWrap2 #MainNav > ul > li .block p.Button a:active, #MainNavWrap2 #MainNav > ul > li .block p.MoreLink a:active {
border: 1px solid #fff;
background: #014f62;
color: #fff;
}
#MainNavWrap2 #MainNav > ul > li .block a.ButtonWhitePlain:link, #MainNavWrap2 #MainNav > ul > li .block a.ButtonWhitePlain:visited {
color: #02748F;
text-decoration: none;
}
#MainNavWrap2 #MainNav > ul > li .block a.ButtonWhitePlain:hover, #MainNavWrap2 #MainNav > ul > li .block a.ButtonWhitePlain:focus, #MainNavWrap2 #MainNav > ul > li .block a.ButtonWhitePlain:active {
color: #5C1B49;
background: #ddd;
}
#MainNavWrap2 #MainNav > ul > li .block h1, #MainNavWrap2 #MainNav > ul > li .block h2, #MainNavWrap2 #MainNav > ul > li .block h3, #MainNavWrap2 #MainNav > ul > li .block h4, #MainNavWrap2 #MainNav > ul > li .block h5, #MainNavWrap2 #MainNav > ul > li .block h6 {
color: #fff;
}
#MainNavWrap2 #MainNav > ul > li .block .color-bar::before, #MainNavWrap2 #MainNav > ul > li .block .color-bar::after, #MainNavWrap2 #MainNav > ul > li .block .color-bar .Dec1::before, #MainNavWrap2 #MainNav > ul > li .block .color-bar .Dec1::after, #MainNavWrap2 #MainNav > ul > li .block .color-bar .Dec2::before, #MainNavWrap2 #MainNav > ul > li .block .color-bar .Dec2::after {
top: -8px;
}
#MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown:hover > a > span > button > span:after, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown:hover > strong > span > button > span:after,
#MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown:focus > a > span > button > span:after, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown:focus > strong > span > button > span:after,
#MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown:active > a > span > button > span:after, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown:active > strong > span > button > span:after,
#MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown.Open > a > span > button > span:after, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li.HasDropdown.Open > strong > span > button > span:after {
opacity: 1;
}
#MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li > a > span > button:hover, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li > a > span > button:focus, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li > a > span > button:active,
#MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li > strong > span > button:hover, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li > strong > span > button:focus, #MainNavWrap2 [data-whatinput="keyboard"] #MainNav > ul > li > strong > span > button:active {
background: #014f62;
}
#MainNavWrap2 #MainNav > ul > li:hover > .block,
#MainNavWrap2 #MainNav > ul > li.Open > .block {
max-height: 1000px;
}
.MobileMenuTabs #menu-accordion-tab-1 .content.Menu #MainNavWrap #MainNav ul li.Search {
display: none;
}
/* Breadcrumbs
==========================================*/
#BreadcrumbsWrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
background: #C8D0DC;
width: 100%;
}
#BreadcrumbsWrap #Breadcrumbs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1600px;
margin: 0 auto;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
padding: 12px 0;
box-sizing: border-box;
}
@media (min-width: 1024px) {
#BreadcrumbsWrap #Breadcrumbs {
padding: 12px 40px;
}
}
#BreadcrumbsWrap #Breadcrumbs p {
margin-bottom: 0;
}
#BreadcrumbsWrap #Breadcrumbs strong {
font-family: 'AvenirNextLTW01-Medium', sans-serif;
color: #231F20;
}
#BreadcrumbsWrap #Breadcrumbs ol.breadcrumb {
list-style: none;
padding: 0;
margin: 0;
}
#BreadcrumbsWrap #Breadcrumbs ol.breadcrumb li {
display: inline-block;
margin-right: 20px;
margin-bottom: 0;
color: #181F4C;
}
#BreadcrumbsWrap #Breadcrumbs ol.breadcrumb li a, #BreadcrumbsWrap #Breadcrumbs ol.breadcrumb li a:visited {
color: #025669;
}
#BreadcrumbsWrap #Breadcrumbs ol.breadcrumb li a:hover, #BreadcrumbsWrap #Breadcrumbs ol.breadcrumb li a:focus, #BreadcrumbsWrap #Breadcrumbs ol.breadcrumb li a:active {
color: #6E0516;
}
/* Page Headline */
/*#PageHeaderWrap {
width: 100%;
@include breakpoint(Medium) {
padding-top: 20px;
background-image:
linear-gradient(
$page-headline-accent,
$page-headline-accent 50%,
#FFFFFF 50%
);
}
#PageHeader {
margin: 0 auto;
max-width: 1920px;
width: 100%;
}
#PageHeaderInner {
background: $page-headline-bg;
width:auto;
@include breakpoint(Medium) {
margin-left: 40px;
}
@include breakpoint(Large) {
margin-left: 60px
}
@include breakpoint(XL) {
margin-left: 120px;
}
h1 {
color: $page-headline-color;
padding: 1rem 20px;
font-size: 2rem;
margin: 0;
@include breakpoint(Medium) {
padding: .8rem 40px .8rem 3.5%;
font-size: 2.4rem;
}
@include breakpoint(Large) {
padding: .8rem 40px .8rem 3.5%;
font-size: 3.1rem;
}
@include breakpoint(XL) {
padding: .8rem 40px .8rem 60px;
font-size: 3.1rem;
}
}
}
}*/
/* Task Navigation Styles - horizontal style
==========================================*/
#QuicklinksWrap {
background: #E7EBF2;
padding: 2rem 0 0;
width: 100%;
}
#QuicklinksWrap #QuickMenu {
margin: .5rem auto 2.5rem;
max-width: 1460px;
width: 90%;
}
@media (max-width: 1023px) {
#QuicklinksWrap #QuickMenu {
text-align: center;
}
}
@media (min-width: 1281px) {
#QuicklinksWrap #QuickMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
#QuicklinksWrap #QuickMenu h2 {
font-size: 1.8rem;
margin: 0 0 1.4rem;
}
@media (max-width: 1280px) {
#QuicklinksWrap #QuickMenu h2 {
text-align: center;
}
}
@media (min-width: 1024px) {
#QuicklinksWrap #QuickMenu h2 {
font-size: 2.1rem;
font-weight: bold;
}
}
@media (min-width: 1281px) {
#QuicklinksWrap #QuickMenu h2 {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: .8rem;
}
}
@media (min-width: 1441px) {
#QuicklinksWrap #QuickMenu h2 {
padding-left: 5rem;
}
}
#QuicklinksWrap #QuickMenu ul.Quick {
list-style: none;
margin-bottom: 0;
font-family: 'AvenirNextLTW01-Medium', sans-serif;
padding-left: 0;
margin-left: 0;
/* @include breakpoint(Large) {
width: 80%;
}
@include breakpoint(XL) {
width: 82%;
}*/
}
@media (max-width: 1023px) {
#QuicklinksWrap #QuickMenu ul.Quick {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
}
@media (min-width: 1024px) {
#QuicklinksWrap #QuickMenu ul.Quick {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li {
width: 50%;
margin-bottom: 2rem;
}
@media (min-width: 600px) {
#QuicklinksWrap #QuickMenu ul.Quick li {
width: 33%;
}
}
@media (min-width: 1024px) {
#QuicklinksWrap #QuickMenu ul.Quick li {
width: 16.6%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: .8rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 1281px) {
#QuicklinksWrap #QuickMenu ul.Quick li {
margin-bottom: 0;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li a {
text-decoration: none;
color: #02748F;
display: block;
padding: 1.5rem 0;
}
@media (min-width: 1024px) {
#QuicklinksWrap #QuickMenu ul.Quick li a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li a span.Icon {
padding: 8px;
display: block;
}
@media (max-width: 1023px) {
#QuicklinksWrap #QuickMenu ul.Quick li a span.Icon {
min-height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 8px;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li a span.Icon img {
border: 4px solid #00A4C0;
border-radius: 80px;
width: 120px;
height: 120px;
}
@media (min-width: 1281px) {
#QuicklinksWrap #QuickMenu ul.Quick li a span.Icon img {
width: 154px;
height: 154px;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li a span.Text {
line-height: 1.2;
font-size: 1.1rem;
display: block;
text-align: center;
}
@media (min-width: 1024px) {
#QuicklinksWrap #QuickMenu ul.Quick li a span.Text {
line-height: inherit;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li a span.Text span {
display: block;
font-weight: bold;
text-transform: uppercase;
}
@media (min-width: 1441px) {
#QuicklinksWrap #QuickMenu ul.Quick li a span.Text span {
font-size: 1.2rem;
}
}
#QuicklinksWrap #QuickMenu ul.Quick li a:hover, #QuicklinksWrap #QuickMenu ul.Quick li a:active, #QuicklinksWrap #QuickMenu ul.Quick li a:focus {
color: #5C1B49;
background: #BBC5D4;
}
.color-bar::before, .color-bar::after, .color-bar .Dec1::before, .color-bar .Dec1::after, .color-bar .Dec2::before, .color-bar .Dec2::after {
content: "";
background: #81EDF7;
width: 20%;
height: 20px;
position: absolute;
top: -20px;
left: 0;
}
.color-bar::after {
background: #00A4C0;
left: 20%;
}
.color-bar .Dec1::before {
background: #02748F;
left: 40%;
}
.color-bar .Dec2::before {
background: #E2725B;
left: 60%;
}
.color-bar .Dec2::after {
background: #6E0516;
left: 80%;
}
.color-bar {
position: relative;
}
.color-bar .Dec2 {
height: 0;
}
@media (min-width: 1024px) {
#InteriorBannerWrap #Banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 60px;
}
}
#InteriorBannerWrap #Banner #BannerLeft {
background-image: -webkit-gradient(linear, left top, right top, from(#81EDF7), color-stop(20%, #81EDF7), color-stop(20%, #00A4C0), color-stop(40%, #00A4C0), color-stop(40%, #02748F), color-stop(60%, #02748F), color-stop(60%, #E2725B), color-stop(80%, #E2725B), color-stop(80%, #6E0516), to(#6E0516));
background-image: linear-gradient(to right, #81EDF7, #81EDF7 20%, #00A4C0 20%, #00A4C0 40%, #02748F 40%, #02748F 60%, #E2725B 60%, #E2725B 80%, #6E0516 80%, #6E0516 100%);
}
@media (min-width: 1024px) {
#InteriorBannerWrap #Banner #BannerLeft {
-webkit-box-flex: 0;
-ms-flex: 0 1 31%;
flex: 0 1 31%;
}
}
#InteriorBannerWrap #Banner #BannerRight {
background: #446078;
line-height: 0;
}
@media (min-width: 1024px) {
#InteriorBannerWrap #Banner #BannerRight {
-webkit-box-flex: 0;
-ms-flex: 0 1 69%;
flex: 0 1 69%;
}
}
#InteriorBannerWrap #Banner #BannerRight img {
width: 100% !important;
height: auto;
}
/* Columns
==========================================*/
@media (max-width: 1023px) {
#ColumnOne {
margin: 0;
padding: 0;
}
}
#ColumnOne .color-bar::before, #ColumnOne .color-bar::after, #ColumnOne .color-bar .Dec1::before, #ColumnOne .color-bar .Dec1::after, #ColumnOne .color-bar .Dec2::before, #ColumnOne .color-bar .Dec2::after {
height: 20px;
top: 0;
}
@media (max-width: 1023px) {
#ColumnOne .color-bar::before, #ColumnOne .color-bar::after, #ColumnOne .color-bar .Dec1::before, #ColumnOne .color-bar .Dec1::after, #ColumnOne .color-bar .Dec2::before, #ColumnOne .color-bar .Dec2::after {
height: 8px;
}
}
@media (min-width: 1024px) {
#ColumnBanner {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-right: -5px;
}
}
@media (min-width: 1281px) {
#ColumnBanner {
-webkit-box-flex: 0;
-ms-flex: 0 1 74%;
flex: 0 1 74%;
margin-right: 0;
}
}
#ColumnBanner #ColumnInner {
width: 100%;
/*@include breakpoint(Large) {
width: 98%;
margin-left: 2%;
}*/
}
@media (min-width: 1024px) {
#ColumnBanner #ColumnInner {
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1441px) {
#ColumnBanner #ColumnInner {
width: 100%;
}
}
#ColumnsWrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
}
@media (min-width: 1024px) {
#ColumnsWrap {
padding: 0;
}
}
@media (min-width: 1281px) {
#ColumnsWrap {
padding: 0;
}
}
@media (min-width: 1441px) {
#ColumnsWrap {
padding: 0;
}
}
#ColumnsWrap #Columns {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1920px;
margin: 0 auto;
}
@media (min-width: 1024px) {
#ColumnsWrap #Columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#ColumnsWrap #Columns #ColumnOne {
/*@include breakpoint(uptoMedium) {
background: #00AAE7;
margin: 0;
padding: 12px 20px;
}*/
}
@media (min-width: 1024px) {
#ColumnsWrap #Columns #ColumnOne {
-webkit-box-flex: 0;
-ms-flex: 0 1 31.25%;
flex: 0 1 31.25%;
}
}
#ColumnsWrap #Columns #ColumnTwo {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
#ColumnsWrap #Columns #ColumnTwo {
padding: 1rem 20px;
}
}
@media (min-width: 1024px) {
#ColumnsWrap #Columns #ColumnTwo {
-webkit-box-flex: 0;
-ms-flex: 0 1 68.75%;
flex: 0 1 68.75%;
padding: 20px 20px;
}
}
@media (min-width: 1281px) {
#ColumnsWrap #Columns #ColumnTwo {
padding: 40px 40px;
}
}
@media (min-width: 1441px) {
#ColumnsWrap #Columns #ColumnTwo {
padding: 40px 60px;
}
}
#ColumnsWrap #Columns #ColumnThree {
background: #DDE2EA;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 20px 60px;
}
@media (min-width: 1024px) {
#ColumnsWrap #Columns #ColumnThree {
-webkit-box-flex: 0;
-ms-flex: 0 1 26%;
flex: 0 1 26%;
background: #FFFFFF;
padding: 0;
}
}
@media (min-width: 1281px) {
#ColumnsWrap #Columns #ColumnThree {
margin-right: -5px;
background: #DDE2EA;
padding: 0 20px;
}
}
#ColumnsWrap #Columns #ColumnThree #SmartHub {
max-width: 360px;
margin: 0 auto;
background: #02748F;
}
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn {
color: #FFFFFF;
text-transform: lowercase;
font-weight: 700;
background: #084E63;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn .image {
padding-right: 12px;
}
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn .image img.smartHub {
width: 84px;
height: 59px;
/*@include breakpoint(Small) {
width: 150px;
height: 106px;
}
@include breakpoint(Medium) {
width: 102px;
height: 72px;
}
@include breakpoint(XL) {
width: 167px;
height: 117px;
}*/
}
@media (min-width: 600px) {
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn .image {
padding-right: 20px;
}
}
@media (min-width: 1441px) {
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn .image {
padding-right: 30px;
}
}
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn .text {
font-size: 1.6rem;
}
@media (min-width: 600px) {
#ColumnsWrap #Columns #ColumnThree #SmartHub h2.SignIn {
padding: 12px 20px;
}
}
@media (min-width: 1024px) {
#ColumnsWrap #Columns #ColumnThree #SmartHub {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
margin: 0 auto;
}
}
@media (min-width: 1681px) {
#ColumnsWrap #Columns #ColumnThree #SmartHub {
-webkit-box-flex: 0;
-ms-flex: 0 1 29%;
flex: 0 1 29%;
}
}
.ErrorApp .cmspage {
margin-top: 1.5rem;
}
#RightColumnPanels .cmspanel {
background: #FFFFFF;
padding: 30px 20px;
margin: 0 16px 60px;
}
#LeftColumnPanels .cmspanel {
background: #E8E8E8;
padding: 30px 20px;
}
@media (max-width: 1023px) {
#LeftColumnPanels .cmspanel {
background: #fff;
margin: 0 16px 60px;
}
}
#RightColumnPanels .cmspanel h2, #RightColumnPanels .cmspanel h3, #LeftColumnPanels .cmspanel h2, #LeftColumnPanels .cmspanel h3 {
font-weight: bold;
font-family: 'AvenirNextLTW01-Medium', 'sans-serif';
font-size: 1.625rem;
}
/* Proximity Navigation
==========================================*/
#ProximityNavWrap {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
#ProximityNavWrap {
padding: 20px;
}
}
@media (min-width: 1024px) {
#ProximityNavWrap {
margin-bottom: 60px;
}
}
@media (min-width: 1281px) {
#ProximityNavWrap {
margin-bottom: 80px;
}
}
h2#ProximityHeading {
color: #231F20;
background: #444;
margin-bottom: 0;
padding: 13px 27px;
font-size: 1.25rem;
display: none;
}
#ProximityToggle {
border-radius: 0;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
background: #446078;
border-color: #006594;
color: #FFFFFF;
display: block;
margin-bottom: 0;
padding: 15px 27px;
width: 100%;
text-align: left;
position: relative;
font-size: 1.24rem;
text-transform: uppercase;
}
@media (min-width: 1024px) {
#ProximityToggle {
display: none;
}
}
#ProximityToggle:before, #ProximityToggle:after {
display: block;
position: absolute;
content: '';
background: #FFFFFF;
height: 3px;
width: 17px;
top: 50%;
margin-top: -2px;
right: 25px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#ProximityToggle:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#ProximityToggle:hover, #ProximityToggle:focus {
background-color: #2B3C4A;
border-color: #00547b;
color: #FFFFFF !important;
text-decoration: none;
}
#ProximityToggle:hover:before, #ProximityToggle:hover:after, #ProximityToggle:focus:before, #ProximityToggle:focus:after {
background: #FFFFFF;
}
#ProximityToggle.Active:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
@media (max-width: 1023px) {
.js #ProximityNavContent {
display: none;
}
}
#ProximityNav {
background: #E7EBF2;
padding: 15px 27px;
}
@media (min-width: 1024px) {
#ProximityNav {
padding: 36px 14%;
}
}
#ProximityNav h2 {
font-size: 1.9rem;
color: #161F26;
}
@media (max-width: 1023px) {
#ProximityNav h2 {
display: none;
}
}
#ProximityNav > .Section-Heading {
font-size: 1.5rem;
line-height: 1.125;
margin: 0;
padding: 0;
}
#ProximityNav > .Section-Heading a:link, #ProximityNav > .Section-Heading a:visited, #ProximityNav > .Section-Heading strong {
font-style: normal;
font-weight: 600;
font-size: 1.5rem;
display: block;
color: #181F4C;
padding: 13px 12px 13px;
text-decoration: none;
}
#ProximityNav > .Section-Heading a:hover, #ProximityNav > .Section-Heading a:focus, #ProximityNav > .Section-Heading a:active {
color: #6E0516;
}
#ProximityNav > .Section-Heading strong {
font-weight: normal;
position: relative;
color: #231F20;
}
#ProximityNav ul {
list-style: none;
margin: 0;
padding: 0;
}
#ProximityNav li {
margin-bottom: .5rem;
padding: 0;
line-height: 1.4;
}
#ProximityNav li.nav-selected a.nav-selected, #ProximityNav li.nav-path-selected a.nav-selected {
color: #02748F;
font-weight: 600;
}
#ProximityNav li.nav-selected ul, #ProximityNav li.nav-path-selected ul {
margin-top: 0;
}
#ProximityNav li ul {
padding: 20px 0;
}
#ProximityNav li ul li {
border-bottom: none;
}
#ProximityNav li ul li a, #ProximityNav li ul li strong {
padding: 0 15px 0 0;
font-size: 1rem;
}
#ProximityNav li ul li:last-child {
border-bottom: 0;
}
#ProximityNav li strong {
font-weight: bold;
position: relative;
color: #181F4C;
}
#ProximityNav li a {
color: #181F4C;
}
#ProximityNav li strong,
#ProximityNav li a {
padding: 2px 0;
display: block;
padding-left: 0;
text-decoration: none;
font-size: 1.2rem;
}
#ProximityNav li a:hover,
#ProximityNav li a:focus {
color: #6E0516;
}
/* Footer Styles
==========================================*/
footer {
background: #446078;
color: #FFFFFF;
font-style: normal;
font-weight: 400;
font-size: .9rem;
}
@media (min-width: 1024px) {
footer {
font-size: 1rem;
}
}
footer h2 {
color: #FFFFFF;
font-size: 1.5rem;
margin: 0 0 .6rem;
}
footer h3 {
color: #FFFFFF;
font-size: 1.4rem;
}
footer h4 {
color: #FFFFFF;
font-size: 1.3rem;
}
footer h5 {
color: #FFFFFF;
font-size: 1.2rem;
}
footer h6 {
color: #FFFFFF;
font-size: 1.1rem;
}
footer .cmspanel, footer p, footer ul, footer ol {
margin-bottom: .5rem;
}
footer a:link, footer a:visited {
color: #81EDF7;
}
footer a:hover, footer a:focus, footer a:active {
color: #FCFAB4;
text-decoration: underline;
}
footer ul {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
footer ul.Footer-Social-Icons {
display: inline-block;
/*@include breakpoint(Large) {
float: right;
}*/
}
@media (min-width: 1024px) {
footer ul.Footer-Social-Icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -1rem;
margin-left: 0;
}
}
footer ul.Footer-Social-Icons li {
margin: 0;
}
@media (max-width: 1023px) {
footer ul.Footer-Social-Icons li {
display: inherit;
}
}
footer ul.Footer-Social-Icons li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 44px;
height: 44px;
border-radius: 6px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
}
footer ul.Footer-Social-Icons li a img {
margin: auto;
}
footer ul.Footer-Social-Icons li a:link, footer ul.Footer-Social-Icons li a:visited {
text-decoration: none;
}
footer ul.Footer-Social-Icons li a:hover, footer ul.Footer-Social-Icons li a:focus, footer ul.Footer-Social-Icons li a:active {
background: #00577f;
text-decoration: none;
}
@media (min-width: 800px) {
footer ul.Horizontal-List:after:after {
display: block;
content: "";
clear: both;
}
footer ul.Horizontal-List > li {
display: inline-block;
margin: 0.5em 10px 0.5em 0;
padding: 0 13px 0 0;
position: relative;
}
footer ul.Horizontal-List > li:not(:last-child):after {
position: absolute;
content: '';
height: 11px;
width: 1px;
top: 50%;
right: 0;
margin-top: -5px;
opacity: 0.65;
background: #fff;
}
}
footer #FooterMiddleWrap {
padding: 25px 0 20px;
width: 100%;
}
@media (min-width: 1024px) {
footer #FooterMiddleWrap {
padding-bottom: 0;
padding-top: 40px;
}
}
footer #FooterMiddleWrap #FooterMiddle {
margin: 0 auto;
max-width: 1680px;
padding: 1rem 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
footer #FooterMiddleWrap #FooterMiddle {
text-align: center;
}
}
@media (min-width: 800px) {
footer #FooterMiddleWrap #FooterMiddle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
footer #FooterMiddleWrap #FooterMiddle .item {
margin-bottom: 1.6rem;
}
@media (min-width: 800px) {
footer #FooterMiddleWrap #FooterMiddle .item {
width: 45%;
}
}
@media (min-width: 1024px) {
footer #FooterMiddleWrap #FooterMiddle .item {
width: 30%;
}
}
@media (min-width: 1281px) {
footer #FooterMiddleWrap #FooterMiddle .item {
width: 18%;
}
}
footer #FooterMiddleWrap #FooterMiddle .block {
margin-bottom: 20px;
}
footer #FooterMiddleWrap #FooterMiddle .FooterThree p span {
display: block;
}
footer #FooterMiddleWrap #FooterMiddle .FooterFour ul.Footer-Social-Icons li {
margin: 0 .4rem;
}
@media (min-width: 1024px) {
footer #FooterMiddleWrap #FooterMiddle .FooterFour ul.Footer-Social-Icons li {
margin: 0 .6rem;
}
}
footer #FooterBottomWrap {
padding-top: 25px;
width: 100%;
background: #2B3C4A;
color: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
footer #FooterBottomWrap #FooterBottom {
text-align: center;
max-width: 1680px;
margin: 0 auto;
padding: 0 20px 1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1024px) {
footer #FooterBottomWrap #FooterBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1024px) {
footer #FooterBottomWrap #FooterBottom #FooterBottomRight ul li {
display: inline;
padding: 0 0 0 1rem;
}
}
/* Above Footer on interior pages */
#AboveFooterWrap {
background: #BBC5D4;
width: 100%;
}
#AboveFooterWrap #AboveFooter {
margin: 0 auto;
max-width: 1024px;
padding: 2rem 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
#AboveFooterWrap #AboveFooter h2 {
font-size: 1.6rem;
}
@media (min-width: 1024px) {
#AboveFooterWrap #AboveFooter {
font-size: 1.2rem;
}
#AboveFooterWrap #AboveFooter h2 {
font-size: 2rem;
}
}
/* Component Styles */
/* Back to Top
------------------------------------------*/
#back-top {
position: fixed;
bottom: 60px;
right: 20px;
background: #161F26;
width: 44px;
height: 44px;
display: block;
display: none;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 3000;
}
@media screen and (max-width: 599px) {
#back-top {
bottom: 50px;
right: 10px;
}
}
#back-top a:link, #back-top a:visited {
color: #fff;
text-decoration: none;
text-align: center;
display: block;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-indent: -99999px;
height: 44px;
width: 44px;
top: 0;
left: 0;
position: relative;
}
#back-top a:focus {
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
#back-top a:before,
#back-top a:after {
height: 5px;
width: 16px;
background: #fff;
position: absolute;
display: block;
content: '';
}
#back-top a:before {
-webkit-transform: translateX(0) translateY(0) rotate(-45deg);
transform: translateX(0) translateY(0) rotate(-45deg);
top: 19px;
left: 10px;
}
#back-top a:after {
-webkit-transform: translateX(0) translateY(0) rotate(45deg);
transform: translateX(0) translateY(0) rotate(45deg);
top: 19px;
right: 10px;
}
#back-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#back-top:hover a {
color: #d9d9d9;
top: -3px;
}
/* Column Styles
------------------------------------------*/
.TwoColumn > div, .ThreeColumn > div, .FourColumn > div {
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.TwoColumn, .ThreeColumn, .FourColumn {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
column-gap: 40px;
}
.TwoColumn > div.dontsplit, .TwoColumn > li.dontsplit, .ThreeColumn > div.dontsplit, .ThreeColumn > li.dontsplit, .FourColumn > div.dontsplit, .FourColumn > li.dontsplit {
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
}
}
@media (min-width: 1024px) {
.ThreeColumn {
-webkit-column-count: 3;
column-count: 3;
}
}
@media (min-width: 1281px) {
.FourColumn {
-webkit-column-count: 4;
column-count: 4;
}
}
.landing-two {
width: 100%;
margin-top: 1rem;
}
@media (min-width: 800px) {
.landing-two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1024px) {
.landing-two {
margin-top: 2rem;
}
}
.landing-two .column {
background: #E7EBF2;
margin: 0 auto;
max-width: 980px;
margin-bottom: 2rem;
}
@media (min-width: 800px) {
.landing-two .column {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
}
}
.landing-two .column .landing-text {
padding: 30px;
}
@media (min-width: 1024px) {
.landing-two .column .landing-text {
padding: 20px 30px;
}
}
.landing-two .column .landing-text ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.landing-two .column .landing-text h2 a, .landing-two .column .landing-text h2 a:visited {
color: #161F26;
font-size: 1.5rem;
}
@media (min-width: 600px) {
.landing-two .column .landing-text h2 a, .landing-two .column .landing-text h2 a:visited {
font-size: 1.6rem;
}
}
@media (min-width: 1024px) {
.landing-two .column .landing-text h2 a, .landing-two .column .landing-text h2 a:visited {
font-size: 1.4rem;
line-height: .8;
}
}
@media (min-width: 1281px) {
.landing-two .column .landing-text h2 a, .landing-two .column .landing-text h2 a:visited {
font-size: 1.6rem;
line-height: 1.125;
}
}
.landing-two .column .landing-text h2 a:focus, .landing-two .column .landing-text h2 a:active, .landing-two .column .landing-text h2 a:hover {
color: #6E0516;
}
.landing-three {
width: 100%;
margin-top: 1rem;
}
@media (min-width: 800px) {
.landing-three {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1024px) {
.landing-three {
margin-top: 2rem;
}
}
.landing-three .column {
background: #E7EBF2;
margin: 0 auto;
max-width: 980px;
margin-bottom: 2rem;
}
@media (min-width: 800px) {
.landing-three .column {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
}
}
.landing-three .column .landing-text {
padding: 30px;
}
@media (min-width: 1024px) {
.landing-three .column .landing-text {
padding: 20px 30px;
}
}
.landing-three .column .landing-text ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.landing-three .column .landing-text h2 a, .landing-three .column .landing-text h2 a:visited {
color: #161F26;
font-size: 1.5rem;
}
@media (min-width: 600px) {
.landing-three .column .landing-text h2 a, .landing-three .column .landing-text h2 a:visited {
font-size: 1.6rem;
}
}
@media (min-width: 1024px) {
.landing-three .column .landing-text h2 a, .landing-three .column .landing-text h2 a:visited {
font-size: 1.4rem;
line-height: .8;
}
}
@media (min-width: 1281px) {
.landing-three .column .landing-text h2 a, .landing-three .column .landing-text h2 a:visited {
font-size: 1.6rem;
line-height: 1.125;
}
}
.landing-three .column .landing-text h2 a:focus, .landing-three .column .landing-text h2 a:active, .landing-three .column .landing-text h2 a:hover {
color: #6E0516;
}
/* Buttons
------------------------------------------*/
button,
.Button,
a.Button,
p.MoreLink a {
display: inline-block;
font-style: normal;
font-weight: 300;
line-height: 1.25;
color: #fff;
background: #02748F;
border: 1px solid #02748F;
padding: .6rem 1.5rem;
margin-bottom: 1.5rem;
-webkit-appearance: none;
text-decoration: none;
width: auto;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
button,
.Button,
a.Button,
p.MoreLink a {
padding: .7rem 1.5rem;
}
}
button:hover, button:focus,
.Button:hover,
.Button:focus,
a.Button:hover,
a.Button:focus,
p.MoreLink a:hover,
p.MoreLink a:focus {
color: #fff !important;
background: #014f62;
border: 1px solid #014f62;
cursor: pointer;
}
button > .Button,
.Button > .Button,
a.Button > .Button,
p.MoreLink a > .Button {
margin-bottom: 0;
}
.WhiteButton,
a.WhiteButton, #HomeLeftRight .SmartPanel p.MoreLink a {
display: inline-block;
font-style: normal;
font-weight: 300;
line-height: 1.25;
color: #007DB6;
background: #fff;
border: 1px solid #006C9E;
padding: .6rem 1.5rem;
margin-bottom: 1.5rem;
-webkit-appearance: none;
text-decoration: none;
width: auto;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.WhiteButton,
a.WhiteButton, #HomeLeftRight .SmartPanel p.MoreLink a {
padding: .7rem 1.5rem;
}
}
.WhiteButton:hover, .WhiteButton:focus,
a.WhiteButton:hover,
a.WhiteButton:focus, #HomeLeftRight .SmartPanel p.MoreLink a:hover, #HomeLeftRight .SmartPanel p.MoreLink a:focus {
color: #fff;
background: #005a83;
border: 1px solid #005a83;
cursor: pointer;
}
.WhiteButton > .Button,
a.WhiteButton > .Button, #HomeLeftRight .SmartPanel p.MoreLink a > .Button {
margin-bottom: 0;
}
/* Tables
------------------------------------------*/
.TableContainer {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 1.5rem;
}
table {
width: 100%;
max-width: 100%;
clear: both;
border-collapse: collapse;
border-spacing: 0;
line-height: 1.25;
}
table th,
table caption {
font-style: normal;
font-weight: 600;
text-align: left;
}
table th,
table td {
padding: 8px 8px 8px 0;
vertical-align: top;
}
table tr.Table-ColorRow {
background: #f8f8f8;
color: #1B365D;
}
table caption {
padding-bottom: 0.6em;
}
table.Table-Border1 {
border-right: 1px solid #ADC6DB;
border-top: 1px solid #ADC6DB;
}
table.Table-Border1 caption {
border-bottom: none;
}
table.Table-Border1 th,
table.Table-Border1 td {
border-bottom: 1px solid #ADC6DB;
border-left: 1px solid #ADC6DB;
padding: 8px;
}
table.Table-Border2 {
border-left: 1px solid #ADC6DB;
border-right: 1px solid #ADC6DB;
border-top: 1px solid #ADC6DB;
}
table.Table-Border2 th,
table.Table-Border2 td {
border-bottom: 1px solid #ADC6DB;
padding: 8px;
}
table.Table-Border3 {
border: 1px solid #ADC6DB;
}
table.Table-Border3 th,
table.Table-Border3 td {
padding: 8px;
}
table.BorderTop {
border-top: 3px solid #ADC6DB;
padding-top: .2em;
}
table.BorderBottom {
border-bottom: 3px solid #ADC6DB;
padding-bottom: .2em;
}
table.AutoWidth {
width: auto;
}
table.CenteredCells th,
table.CenteredCells td, table.TextAlignCenter th,
table.TextAlignCenter td {
text-align: center;
}
table.CenteredCells td img, table.TextAlignCenter td img {
margin-left: auto;
margin-right: auto;
}
table.Table-Striped tr:nth-child(even) {
background: #f8f8f8;
}
.charges-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.charges-wrap .charges-block {
width: 100%;
background: #DDE2EA;
padding: 4px;
border: 2px solid #2B3C4A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1rem;
}
@media (min-width: 800px) {
.charges-wrap .charges-block {
width: 48%;
}
}
.charges-wrap .charges-block h3 {
background: #02748F;
color: #FFFFFF;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
padding: 4px;
font-size: 1.4rem;
}
.charges-wrap .charges-block h4 {
background: #BBC5D4;
padding: 4px;
margin-bottom: 0;
font-size: 1.2rem;
}
.charges-wrap .charges-block p {
padding: 4px;
margin-bottom: 0;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.RateWrap {
background: #DDE2EA;
width: 100%;
max-width: 800px;
margin-bottom: 2rem;
}
.RateWrap .Rate {
width: 100%;
background: #DDE2EA;
padding: 4px;
border: 2px solid #2B3C4A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1rem;
}
.RateWrap .Rate .lineItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px;
margin-bottom: 0;
font-size: 1.2rem;
}
@media (min-width: 1024px) {
.RateWrap .Rate .lineItem .item {
width: 50%;
}
}
.RateWrap .Rate .lineItem .cost {
padding-left: 8px;
}
@media (min-width: 1024px) {
.RateWrap .Rate .lineItem .cost {
width: 50%;
}
}
.RateWrap .Rate .lineItem.stripe {
background: #BBC5D4;
}
.RateWrap .Rate .lineItem.Total {
color: #FFFFFF;
background: #446078;
margin-top: 1rem;
}
.RateWrap .Rate p.details {
margin-bottom: 0;
font-style: italic;
font-size: 1rem;
padding: 6px 6px 6px 12px;
}
.RateWrap h3, .RateWrap h4 {
background: #02748F;
color: #FFFFFF;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
padding: 4px;
font-size: 1.4rem;
}
/* Images
------------------------------------------*/
/* Images with captions
------------------------------------------*/
.Caption {
color: #000000;
background: #f8f8f8;
width: 100%;
max-width: 340px;
padding-bottom: 0.5em;
}
.Caption.Left, .Caption.Right {
float: none;
margin: 0 auto .8em;
}
.Caption img {
margin-bottom: 0;
}
.Caption p, .Caption figcaption {
font-size: 0.95em;
margin: 0;
padding: 0 .5em;
}
.Caption a {
background: transparent;
}
@media (min-width: 600px) {
.Caption.Left {
float: left;
margin-right: 1em;
}
.Caption.Right {
float: right;
margin-left: 1em;
}
}
#ColumnTwo img.Left, #ColumnTwo img.Right {
margin-top: 1rem;
}
#Content .slick-slider {
margin-left: 0;
margin-right: 0;
}
/* Slider */
.slick-list {
padding-bottom: 20px;
}
.slick-loading .slick-list {
background: #fff url(/application/themes/lcrec/imgs/ajax-loader.gif) center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 44px;
width: 44px;
margin-bottom: 0;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 100%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 1;
background: #181F4C;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
color: #00417f;
background: #02748F;
border: none;
}
.slick-prev:before, .slick-prev:after,
.slick-next:before,
.slick-next:after {
height: 4px;
width: 20px;
background: #FFFFFF;
position: absolute;
display: block;
content: '';
left: 13px;
}
.slick-prev:before,
.slick-next:before {
-webkit-transform: translateX(0) translateY(0) rotate(45deg);
transform: translateX(0) translateY(0) rotate(45deg);
top: 14px;
}
.slick-prev:after,
.slick-next:after {
-webkit-transform: translateX(0) translateY(0) rotate(-45deg);
transform: translateX(0) translateY(0) rotate(-45deg);
bottom: 14px;
}
.slick-prev {
-webkit-transform: translateX(0) translateY(0) rotate(-180deg);
transform: translateX(0) translateY(0) rotate(-180deg);
left: 31%;
margin-top: 0;
}
@media (min-width: 600px) {
.slick-prev {
left: 36%;
}
}
[dir="rtl"] .slick-prev {
left: auto;
right: 31%;
}
@media (min-width: 600px) {
[dir="rtl"] .slick-prev {
right: 36%;
}
}
.slick-next {
right: 31%;
margin-top: 22px;
}
@media (min-width: 600px) {
.slick-next {
right: 36%;
}
}
[dir="rtl"] .slick-next {
left: 31%;
right: auto;
}
@media (min-width: 600px) {
[dir="rtl"] .slick-next {
left: 36%;
}
}
/* Dots */
.slick-dots {
position: relative;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0 0 1.5rem;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 25px;
width: 25px;
margin: 20px 19px 20px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: #A8A8A8;
border-radius: 50%;
display: block;
height: 100%;
width: 100%;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
background: #00a0e9;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
position: relative;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow.slick-disabled {
opacity: .3;
cursor: default;
}
#Content .slick-slider, #AboveFooter .slick-slider {
margin-bottom: 1.5rem;
margin-left: 35px;
margin-right: 35px;
}
#Blank #Content .slick-slider, #Blank #AboveFooter .slick-slider {
margin-left: 50px;
margin-right: 50px;
}
.Interior .Slider .slick-list {
border: 1px solid #f8f8f8;
background: #f8f8f8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.Slider .slick-slide > div > div {
position: relative;
display: block !important;
}
.Slider .slick-slide > div > div > img {
width: 100%;
}
#Home .Slider:not(.slick-initialized) > div:nth-child(n+2) {
display: none;
}
.PhotoText {
padding: 20px;
}
@media (max-width: 599px) {
.PhotoText {
padding: 20px 20px 60px;
}
}
@media (min-width: 1024px) {
.PhotoText {
padding: 40px;
}
}
.PhotoText > *:last-child {
margin-bottom: 0;
}
.Slider.Right, .Slider.Left {
width: 300px;
}
/* dots */
.slick-dots li button {
background: #A8A8A8;
border-radius: 50%;
}
.slick-dots li.slick-active button {
background: #007DB6;
}
/* Pause Play Buttons */
.AccessControls {
position: absolute;
top: 20px;
right: 6%;
z-index: 10;
}
.AccessControls button.AccessPause,
.AccessControls button.AccessPlay {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor: pointer;
margin-bottom: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
width: 44px;
height: 44px;
vertical-align: middle;
opacity: .65;
}
.AccessControls button.AccessPause img,
.AccessControls button.AccessPlay img {
height: 44px;
width: 44px;
max-width: 44px;
}
.AccessControls:focus button.AccessPause,
.AccessControls:focus button.AccessPlay, .AccessControls:hover button.AccessPause,
.AccessControls:hover button.AccessPlay {
background: rgba(0, 0, 0, 0.9);
border-radius: 50%;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
opacity: 1;
}
/*!
Modaal - accessible modals - v0.4.4
by Humaan, for all humans.
http://humaan.com
*/
.hide {
display: none;
}
.modaal-noscroll {
overflow: hidden;
}
.modaal-accessible-hide {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.modaal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
}
.modaal-wrapper {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow: auto;
opacity: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
border: none;
background: transparent;
padding: 0;
-webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
display: none;
opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
overflow: hidden;
}
.modaal-outer-wrapper {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
display: block;
}
.modaal-inner-wrapper {
display: table-cell;
width: 100%;
height: 100%;
position: relative;
vertical-align: middle;
text-align: center;
padding: 80px 60px;
}
.modaal-fullscreen .modaal-inner-wrapper {
padding: 0;
display: inline-block;
vertical-align: top;
}
.modaal-video .modaal-inner-wrapper {
max-width: 900px;
}
.modaal-iframe .modaal-container {
height: 100%;
}
.modaal-container {
position: relative;
display: inline-block;
width: 100%;
margin: auto;
text-align: left;
color: #000;
max-width: 1000px;
border-radius: 0px;
background: #fff;
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
cursor: auto;
border-top: 8px solid #00A4C0;
}
.modaal-container.is_loading {
height: 100px;
width: 100px;
overflow: hidden;
}
.modaal-fullscreen .modaal-container {
max-width: none;
height: 100%;
overflow: auto;
}
.modaal-close {
position: absolute;
right: -60px;
top: -60px;
color: #fff;
cursor: pointer;
opacity: 1;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.modaal-close:focus, .modaal-close:hover {
outline: none;
background: #fff;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
background: #444;
}
.modaal-close span {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.modaal-close:before, .modaal-close:after {
display: block;
content: " ";
position: absolute;
top: 14px;
left: 23px;
width: 4px;
height: 22px;
border-radius: 0;
background: #fff;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.modaal-close:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modaal-close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
background: #afb7bc;
right: 10px;
top: 10px;
}
.modaal-video .modaal-close {
right: 5px;
top: 5px;
}
.modaal-content-container {
padding: 30px;
}
.modaal-confirm-wrap {
padding: 30px 0 0;
text-align: center;
font-size: 0;
}
.modaal-confirm-btn {
font-size: 14px;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
cursor: pointer;
border: none;
background: transparent;
}
.modaal-confirm-btn.modaal-ok {
padding: 10px 15px;
color: #fff;
background: #555;
border-radius: 3px;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
text-decoration: none;
color: #2f2f2f;
}
@keyframes instaReveal {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes instaReveal {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.modaal-instagram .modaal-container {
width: auto;
background: transparent;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
padding: 0;
background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
}
.modaal-instagram iframe {
opacity: 0;
margin: -6px !important;
border-radius: 0 !important;
width: 1000px !important;
max-width: 800px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-animation: instaReveal 1s linear forwards;
animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
padding-left: 140px;
padding-right: 140px;
}
.modaal-image .modaal-container {
width: auto;
max-width: 100%;
}
.modaal-gallery-wrap {
position: relative;
color: #fff;
}
.modaal-gallery-item {
display: none;
}
.modaal-gallery-item img {
display: block;
}
.modaal-gallery-item.is_active {
display: block;
}
.modaal-gallery-label {
position: absolute;
left: 0;
width: 100%;
margin: 20px 0 0;
font-size: 18px;
text-align: center;
color: #fff;
}
.modaal-gallery-label:focus {
outline: none;
}
.modaal-gallery-control {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
cursor: pointer;
color: #fff;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border: none;
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
opacity: 0;
cursor: default;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
outline: none;
background: #fff;
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
background: #afb7bc;
}
.modaal-gallery-control span {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
display: block;
content: " ";
position: absolute;
top: 16px;
left: 25px;
width: 4px;
height: 18px;
border-radius: 4px;
background: #fff;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
margin: -5px 0 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modaal-gallery-control:after {
margin: 5px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modaal-gallery-next-inner {
left: 100%;
margin-left: 40px;
}
.modaal-gallery-next-outer {
right: 45px;
}
.modaal-gallery-prev:before, .modaal-gallery-prev:after {
left: 22px;
}
.modaal-gallery-prev:before {
margin: 5px 0 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
margin: -5px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
right: 100%;
margin-right: 40px;
}
.modaal-gallery-prev-outer {
left: 45px;
}
.modaal-video-wrap {
margin: auto;
position: relative;
}
.modaal-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
background: #000;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modaal-iframe .modaal-content {
width: 100%;
height: 100%;
}
.modaal-iframe-elem {
width: 100%;
height: 100%;
display: block;
}
@media only screen and (min-width: 1400px) {
.modaal-video-container {
padding-bottom: 0;
height: 731px;
}
}
@media screen and (min-width: 1400px) and (min-height: 901px) {
.modaal-video .modaal-close {
top: 50%;
right: 50%;
margin-top: -420px;
margin-right: -700px;
}
}
@media screen and (min-width: 1400px) and (max-height: 900px) {
.modaal-video .modaal-close {
top: 50%;
right: 50%;
margin-top: -310px;
margin-right: -500px;
}
}
@media only screen and (max-width: 1140px) {
.modaal-image .modaal-inner-wrapper {
padding-left: 25px;
padding-right: 25px;
}
.modaal-gallery-control {
top: auto;
bottom: 20px;
-webkit-transform: none;
transform: none;
background: rgba(0, 0, 0, 0.7);
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
background: #fff;
}
.modaal-gallery-next {
left: auto;
right: 20px;
}
.modaal-gallery-prev {
left: 20px;
right: auto;
}
}
@media screen and (max-width: 900px) {
.modaal-instagram iframe {
width: 500px !important;
}
}
@media screen and (max-height: 1100px) {
.modaal-instagram iframe {
width: 700px !important;
}
}
@media screen and (max-height: 1000px) {
.modaal-inner-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.modaal-instagram iframe {
width: 600px !important;
}
}
@media screen and (max-height: 900px) {
.modaal-instagram iframe {
width: 500px !important;
}
.modaal-video-container, .modaal-video-wrap {
max-width: 900px;
max-height: 510px;
}
}
@media only screen and (max-width: 600px) {
.modaal-instagram iframe {
width: 280px !important;
}
}
@media only screen and (max-height: 820px) {
.modaal-gallery-label {
display: none;
}
}
.modaal-loading-spinner {
background: none;
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
margin: -100px 0 0 -100px;
-webkit-transform: scale(0.25);
transform: scale(0.25);
}
@-webkit-keyframes modaal-loading-spinner {
0% {
opacity: 1;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: .1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes modaal-loading-spinner {
0% {
opacity: 1;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: .1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.modaal-loading-spinner > div {
width: 24px;
height: 24px;
margin-left: 4px;
margin-top: 4px;
position: absolute;
}
.modaal-loading-spinner > div > div {
width: 100%;
height: 100%;
border-radius: 15px;
background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .12s;
animation-delay: .12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .25s;
animation-delay: .25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .37s;
animation-delay: .37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .62s;
animation-delay: .62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .87s;
animation-delay: .87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
/* Banner
------------------------------------------*/
@media (max-width: 1023px) {
.Interior #BannerWrap {
margin: 0 -20px;
}
}
@media (min-width: 1024px) {
.Interior #BannerWrap #Banner {
margin-left: 40px;
}
}
@media (min-width: 1281px) {
.Interior #BannerWrap #Banner {
margin-left: 60px;
}
}
@media (min-width: 1441px) {
.Interior #BannerWrap #Banner {
margin-left: 120px;
}
}
.Interior #BannerWrap #Banner .cmspanel p {
margin-bottom: 0;
}
#Banner {
margin: 0 auto;
}
#Banner .cmspanel {
margin: 0;
}
#Banner .Slider .slick-slide > div > div img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 10em;
}
@media (min-width: 600px) {
#Banner .Slider .slick-slide > div > div img {
height: 13em;
}
}
@media (min-width: 800px) {
#Banner .Slider .slick-slide > div > div img {
height: 18em;
}
}
@media (min-width: 1024px) {
#Banner .Slider .slick-slide > div > div img {
height: 28em;
}
}
#Banner .PhotoText {
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
background: #0076AD;
line-height: 1.25;
font-weight: 400;
padding: 20px;
color: #ffffff;
box-sizing: border-box;
width: 90%;
margin: 0 auto;
position: relative;
bottom: -220px;
}
@media (min-width: 1024px) {
#Banner .PhotoText {
position: absolute;
padding: 20px 40px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 50%;
left: 95%;
width: 28%;
max-width: 550px;
-webkit-transform: translateY(-50%) translateX(-100%);
transform: translateY(-50%) translateX(-100%);
bottom: auto;
margin: 0;
font-size: 1.2rem;
}
#Banner .PhotoText.Right {
left: auto;
right: 50%;
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
}
#Banner .PhotoText.NoBackground {
background: transparent;
}
}
@media (min-width: 1281px) {
#Banner .PhotoText {
font-size: 1.6rem;
}
}
@media (min-width: 1441px) {
#Banner .PhotoText {
top: 42%;
font-size: 1.8rem;
}
}
@media (min-width: 1801px) {
#Banner .PhotoText {
top: 49%;
font-size: 2rem;
}
}
#Banner .PhotoText h2 {
font-size: 1.7rem;
font-style: normal;
font-weight: 600;
color: #FFFFFF;
font-family: 'AvenirNextLTW01-Medium', 'sans-serif';
line-height: 1.4;
}
@media (min-width: 1024px) {
#Banner .PhotoText h2 {
font-size: 1.7rem;
}
}
@media (min-width: 1281px) {
#Banner .PhotoText h2 {
font-size: 2rem;
}
}
@media (min-width: 1441px) {
#Banner .PhotoText h2 {
font-size: 2.2rem;
line-height: 1.4;
}
}
@media (min-width: 1681px) {
#Banner .PhotoText h2 {
font-size: 2.7rem;
line-height: 1.4;
}
}
@media (min-width: 1801px) {
#Banner .PhotoText h2 {
font-size: 3.2rem;
line-height: 1.4;
}
}
#Banner .PhotoText h2 span {
display: block;
font-size: 2.6rem;
}
@media (min-width: 1024px) {
#Banner .PhotoText h2 span {
font-size: 2.6rem;
}
}
@media (min-width: 1281px) {
#Banner .PhotoText h2 span {
font-size: 2.6rem;
}
}
@media (min-width: 1441px) {
#Banner .PhotoText h2 span {
font-size: 3rem;
}
}
@media (min-width: 1441px) {
#Banner .PhotoText h2 span {
font-size: 3.6rem;
}
}
@media (min-width: 1801px) {
#Banner .PhotoText h2 span {
font-size: 4.3rem;
}
}
#Banner .PhotoText h2.ColorBar {
background: url(/imgs/icons/color-accent.svg) no-repeat center bottom;
background-size: 150px 6px;
padding-bottom: 1rem;
}
@media (max-width: 1023px) {
#Banner .PhotoText h2.ColorBar {
background: none;
padding-bottom: .4rem;
}
}
#Banner .PhotoText h3 {
font-size: 2.125rem;
color: #FFFFFF;
}
#Banner .PhotoText h4, #Banner .PhotoText h5, #Banner .PhotoText h6 {
color: #FFFFFF;
}
#Banner .PhotoText p {
font-weight: bold;
/*@include breakpoint(Medium) {
font-size: 1.2rem;
}*/
}
@media (max-width: 1023px) {
#Banner .PhotoText p {
line-height: 1.25;
}
}
@media (min-width: 1681px) {
#Banner .PhotoText p {
line-height: 1.8;
margin: 0 0 2.2rem;
padding: 0 40px;
}
}
@media (max-width: 1023px) {
#Banner .PhotoText p.Desc {
display: none;
}
}
#Banner .PhotoText button, #Banner .PhotoText .Button, #Banner .PhotoText a.Button, #Banner .PhotoText p.MoreLink a {
color: #007DB6;
background: #ffffff;
border: 2px solid #C4D82E;
font-size: 1.5rem;
font-weight: bold;
}
#Banner .PhotoText button span, #Banner .PhotoText .Button span, #Banner .PhotoText a.Button span, #Banner .PhotoText p.MoreLink a span {
background: url(/imgs/icons/orange-block-arrow.svg) no-repeat right center;
background-size: 22px 22px;
padding-right: 38px;
}
@media (min-width: 1024px) {
#Banner .PhotoText button span, #Banner .PhotoText .Button span, #Banner .PhotoText a.Button span, #Banner .PhotoText p.MoreLink a span {
background-size: 26px 26px;
}
}
#Banner .PhotoText button:hover, #Banner .PhotoText button:focus, #Banner .PhotoText button:active, #Banner .PhotoText .Button:hover, #Banner .PhotoText .Button:focus, #Banner .PhotoText .Button:active, #Banner .PhotoText a.Button:hover, #Banner .PhotoText a.Button:focus, #Banner .PhotoText a.Button:active, #Banner .PhotoText p.MoreLink a:hover, #Banner .PhotoText p.MoreLink a:focus, #Banner .PhotoText p.MoreLink a:active {
color: #fff;
background: #005a83;
border: 2px solid #C4D82E;
}
@media (min-width: 1024px) {
#Banner .PhotoText button, #Banner .PhotoText .Button, #Banner .PhotoText a.Button, #Banner .PhotoText p.MoreLink a {
font-size: 1.4rem;
}
}
@media (min-width: 1281px) {
#Banner .PhotoText button, #Banner .PhotoText .Button, #Banner .PhotoText a.Button, #Banner .PhotoText p.MoreLink a {
font-size: 1.6rem;
}
}
@media (min-width: 1801px) {
#Banner .PhotoText button, #Banner .PhotoText .Button, #Banner .PhotoText a.Button, #Banner .PhotoText p.MoreLink a {
font-size: 1.8rem;
}
}
@media (min-width: 1024px) {
#Banner .PhotoText.Reversed {
color: #fff;
background: rgba(0, 0, 0, 0.65);
}
#Banner .PhotoText.Reversed h1, #Banner .PhotoText.Reversed h2, #Banner .PhotoText.Reversed h3, #Banner .PhotoText.Reversed h4, #Banner .PhotoText.Reversed h5, #Banner .PhotoText.Reversed h6 {
color: #fff;
}
#Banner .PhotoText.Reversed .Button, #Banner .PhotoText.Reversed a.Button {
color: #0076AD;
background: #fff;
border: 1px solid #C4D82E;
}
#Banner .PhotoText.Reversed .Button:hover, #Banner .PhotoText.Reversed .Button:focus, #Banner .PhotoText.Reversed .Button:active, #Banner .PhotoText.Reversed a.Button:hover, #Banner .PhotoText.Reversed a.Button:focus, #Banner .PhotoText.Reversed a.Button:active {
color: #000;
background: #fff;
border: 1px solid #F58021;
}
#Banner .PhotoText.Reversed.NoBackground {
background: transparent;
}
}
#Banner .slick-prev:before, #Banner .slick-prev:after, #Banner .slick-next:before, #Banner .slick-next:after {
background: #1B365D;
}
#Banner .slick-prev {
left: 20px;
}
@media (max-width: 1023px) {
#Banner .slick-prev {
top: auto;
bottom: 1rem;
-webkit-transform: translateX(0) translateY(0) rotate(-180deg);
transform: translateX(0) translateY(0) rotate(-180deg);
}
}
@media (min-width: 1024px) {
#Banner .slick-prev {
left: 40px;
}
}
@media screen and (min-width: 1680px) {
#Banner .slick-prev {
left: 50%;
-webkit-transform: translateX(-800px) translateY(0) rotate(-180deg);
transform: translateX(-800px) translateY(0) rotate(-180deg);
}
}
#Banner .slick-next {
right: 20px;
}
@media (max-width: 1023px) {
#Banner .slick-next {
top: auto;
bottom: 1rem;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
}
@media (min-width: 1024px) {
#Banner .slick-next {
right: 40px;
}
}
@media screen and (min-width: 1680px) {
#Banner .slick-next {
right: 50%;
-webkit-transform: translate(800px, -50%);
transform: translate(800px, -50%);
}
}
#InteriorBannerWrap #BannerRight {
position: relative;
}
#InteriorBannerWrap #BannerRight img {
position: relative;
}
#InteriorBannerWrap #BannerRight h1.headerFirst.Move {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
background: rgba(255, 255, 255, 0.8);
padding: 12px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1281px) {
#InteriorBannerWrap #BannerRight h1.headerFirst.Move {
padding: 12px 40px;
}
}
@media screen and (min-width: 1441px) {
#InteriorBannerWrap #BannerRight h1.headerFirst.Move {
padding: 12px 60px;
}
}
#RightColumn #BannerRight {
position: relative;
}
@media screen and (min-width: 1441px) {
#RightColumn #BannerRight h1.headerFirst.Move {
padding: 12px 40px;
}
}
#Home #Banner {
position: relative;
width: 100%;
height: 100%;
background-position: 30% 0%;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
#Home #Banner {
z-index: 100;
}
}
@media (min-width: 1024px) {
#Home #Banner {
background-position: 0% 0%;
}
}
#Home #Banner .cmspanel {
min-height: 300px;
}
@media (min-width: 600px) {
#Home #Banner .cmspanel {
min-height: 400px;
}
}
@media (min-width: 1024px) {
#Home #Banner .cmspanel {
min-height: 400px;
background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(72%, transparent), color-stop(28%, rgba(0, 170, 231, 0.8)));
background-image: linear-gradient(to right, transparent, transparent 72%, rgba(0, 170, 231, 0.8) 28%);
}
}
@media (min-width: 1281px) {
#Home #Banner .cmspanel {
min-height: 500px;
}
}
@media (min-width: 1441px) {
#Home #Banner .cmspanel {
min-height: 600px;
}
}
@media (min-width: 1681px) {
#Home #Banner .cmspanel {
min-height: 700px;
}
}
/* Callouts and Inline CTAs
------------------------------------------*/
.CalloutRight,
.CalloutWide,
.CTAInlineRight,
.CTAInlineWide {
clear: both;
margin: 0 auto 1.5rem auto;
padding: 20px 20px 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.CalloutRight:after,
.CalloutWide:after,
.CTAInlineRight:after,
.CTAInlineWide:after {
display: block;
content: "";
clear: both;
}
.CTAInlineRight,
.CalloutRight {
max-width: 300px;
}
@media (min-width: 800px) {
.CTAInlineRight,
.CalloutRight {
float: right;
margin-left: 20px;
}
}
.CalloutRight,
.CalloutWide {
background: #f8f8f8;
}
.CalloutRight.Plain,
.CalloutWide.Plain {
background: transparent;
border: 1px solid #ADC6DB;
}
.CTAInlineRight,
.CTAInlineWide {
color: #fff;
background: #0076AD;
}
.CTAInlineRight h1, .CTAInlineRight h2, .CTAInlineRight h3, .CTAInlineRight h4, .CTAInlineRight h5, .CTAInlineRight h6,
.CTAInlineWide h1,
.CTAInlineWide h2,
.CTAInlineWide h3,
.CTAInlineWide h4,
.CTAInlineWide h5,
.CTAInlineWide h6 {
color: #fff;
}
.CTAInlineRight a:link, .CTAInlineRight a:visited,
.CTAInlineWide a:link,
.CTAInlineWide a:visited {
color: #fff;
background: #0076AD;
}
.CTAInlineRight a:hover, .CTAInlineRight a:focus, .CTAInlineRight a:active,
.CTAInlineWide a:hover,
.CTAInlineWide a:focus,
.CTAInlineWide a:active {
color: #EAF978;
}
.CTAInlineRight button,
.CTAInlineRight .Button,
.CTAInlineWide button,
.CTAInlineWide .Button {
color: #0076AD;
background: #fff;
border-color: #C4D82E;
}
.CTAInlineRight button:hover, .CTAInlineRight button:focus, .CTAInlineRight button:active,
.CTAInlineRight .Button:hover,
.CTAInlineRight .Button:focus,
.CTAInlineRight .Button:active,
.CTAInlineWide button:hover,
.CTAInlineWide button:focus,
.CTAInlineWide button:active,
.CTAInlineWide .Button:hover,
.CTAInlineWide .Button:focus,
.CTAInlineWide .Button:active {
color: #000;
background: #fff;
border-color: #F58021;
}
@media (min-width: 800px) {
.CTAInlineRight button,
.CTAInlineRight .Button,
.CTAInlineWide button,
.CTAInlineWide .Button {
margin-bottom: 1.5rem;
}
}
/* Call to Action Panel
------------------------------------------*/
#CallToAction {
margin-bottom: 10px;
text-align: center;
}
#CallToAction .cmspanel {
color: #fff;
background: #0076AD;
margin-bottom: 0;
padding: 40px 20px 20px;
font-size: 1.3rem;
}
#CallToAction .IntroText p {
margin-bottom: 0;
color: #EAF978;
font-family: 'AvenirNextLTW01-Medium', 'sans-serif';
font-weight: bold;
font-size: 1.125rem;
}
#CallToAction h1, #CallToAction h2, #CallToAction h3, #CallToAction h4, #CallToAction h5, #CallToAction h6 {
border: none;
color: #fff;
font-weight: bold;
font-family: 'AvenirNextLTW01-Medium', 'sans-serif';
}
#CallToAction h2.ColorBar {
background: url(/imgs/icons/color-accent.svg) no-repeat center bottom;
background-size: auto;
background-size: 150px 6px;
}
#CallToAction h2, #CallToAction h3 {
padding-bottom: .5rem;
margin-top: .5rem;
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 2.4rem;
}
#CallToAction a:link, #CallToAction a:visited {
color: #fff;
}
#CallToAction a:hover, #CallToAction a:focus, #CallToAction a:active {
color: #EAF978;
}
#CallToAction button,
#CallToAction .Button {
color: #0076AD !important;
background: #fff;
border-color: #C4D82E;
border-width: 2px;
}
#CallToAction button:hover, #CallToAction button:focus, #CallToAction button:active,
#CallToAction .Button:hover,
#CallToAction .Button:focus,
#CallToAction .Button:active {
color: #000;
background: #fff;
border-color: #F58021;
}
@media (min-width: 800px) {
#CallToAction button,
#CallToAction .Button {
margin-bottom: 20px;
}
}
/* Call to Action Inline Panel
------------------------------------------*/
.CTAWide {
background: #0076AD;
color: #fff;
position: relative;
margin-bottom: 1rem;
/*.ColorBlocksAlt {
align-items: center;
//top: 20px;
top: 50%;
left: 0;
position: absolute;
margin-top: -60px;
}
.ColorBlocksAlt::before, .ColorBlocksAlt::after, .ColorBlocksAlt .Dec1::before, .ColorBlocksAlt .Dec1::after {
content: "";
background:#F58021;
width: 40px;
height: 40px;
position: absolute;
top: 20px;
left: 0;
}
.ColorBlocksAlt::after {
background:#C4D82E;
//left: 33.3333%;
top: 70px;
}
.ColorBlocksAlt .Dec1::before {
background:#00AAE7;
//left: 66.1B365D6%;
top: 110px;
}*/
}
.CTAWide .ColorBlocks {
background: url(/imgs/icons/colorBlocksHoriz.svg) no-repeat top center;
background-size: 120px 40px;
position: absolute;
width: 100%;
height: 20px;
top: 0;
left: 0;
}
@media (min-width: 1024px) {
.CTAWide .ColorBlocks {
width: 40px;
background: url(/imgs/icons/colorBlocksVertical.svg) no-repeat center left;
background-size: 40px 120px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
@media (min-width: 1024px) {
.CTAWide .CTAContentWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.CTAWide .CTAContentWrap .CTAText {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2rem 1rem 0;
text-align: center;
}
.CTAWide .CTAContentWrap .CTAText h2, .CTAWide .CTAContentWrap .CTAText h3, .CTAWide .CTAContentWrap .CTAText h4, .CTAWide .CTAContentWrap .CTAText h5, .CTAWide .CTAContentWrap .CTAText h5 {
color: #fff;
font-weight: bold;
margin-bottom: .2rem;
font-size: 2rem;
}
@media (min-width: 1024px) {
.CTAWide .CTAContentWrap .CTAText {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70%;
padding: 30px 1rem 30px 60px;
text-align: left;
}
}
.CTAWide .CTAContentWrap .CTAText .IntroText p {
margin-bottom: 0;
color: #EAF978;
font-family: 'AvenirNextLTW01-Medium', 'sans-serif';
font-weight: bold;
font-size: 1.125rem;
}
.CTAWide .CTAContentWrap .CTAButton {
background: #006594;
text-align: center;
padding: 1rem;
}
@media (min-width: 1024px) {
.CTAWide .CTAContentWrap .CTAButton {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30%;
padding: auto;
}
}
.CTAWide .CTAContentWrap .CTAButton p {
width: 100%;
}
.CTAWide .CTAContentWrap .CTAButton button,
.CTAWide .CTAContentWrap .CTAButton .Button {
color: #0076AD !important;
background: #fff;
border-color: #C4D82E;
margin-bottom: 0;
}
.CTAWide .CTAContentWrap .CTAButton button:hover, .CTAWide .CTAContentWrap .CTAButton button:focus, .CTAWide .CTAContentWrap .CTAButton button:active,
.CTAWide .CTAContentWrap .CTAButton .Button:hover,
.CTAWide .CTAContentWrap .CTAButton .Button:focus,
.CTAWide .CTAContentWrap .CTAButton .Button:active {
color: #0076AD;
background: #fff;
border-color: #F58021;
}
.CTAWide.hasImg .CTAContentWrap .CTAImg {
line-height: 0;
}
.CTAWide.hasImg .CTAContentWrap .CTAImg img {
width: 100%;
height: auto;
margin-bottom: 0;
}
@media (min-width: 1024px) {
.CTAWide.hasImg .CTAContentWrap .CTAImg {
max-width: 260px;
width: 27%;
}
}
@media (min-width: 1024px) {
.CTAWide.hasImg .CTAContentWrap .CTAText {
width: 48%;
padding-left: 20px;
}
}
@media (min-width: 1024px) {
.CTAWide.hasImg .CTAContentWrap .CTAButton {
width: 25%;
}
}
@media (min-width: 1024px) {
#LeftColumn #InlineCTA .CTAWide .CTAText, #RightColumn #InlineCTA .CTAWide .CTAText {
width: 75%;
}
#LeftColumn #InlineCTA .CTAWide .CTAButton, #RightColumn #InlineCTA .CTAWide .CTAButton {
width: 25%;
}
}
/* New Accordion
==========================================*/
.js-accordion {
margin-bottom: 3rem;
}
.animated-accordion__panel[aria-hidden=true] {
display: none;
}
.animated-accordion__header {
display: block;
width: 100%;
text-align: left;
font-size: 1.2rem;
font-weight: 600;
position: relative;
margin-bottom: 0;
}
/* title opened */
.animated-accordion__header[aria-expanded="true"]:before {
content: "-";
position: absolute;
right: 12px;
font-size: 2rem;
top: 0;
font-weight: 600;
}
/* title closed */
.animated-accordion__header[aria-expanded="false"]:before {
content: "+ ";
position: absolute;
right: 12px;
top: 0;
font-size: 2rem;
font-weight: 600;
}
.animated-accordion__panel, .minimalist-accordion__panel {
display: block;
overflow: hidden;
opacity: 1;
-webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
max-height: 100em;
/* magic number for max-height = enough height */
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
margin: 0 0 1rem;
padding: 1rem 1.5rem;
background: #E7EBF2;
}
/* This is the hidden state */
[aria-hidden=true].animated-accordion__panel {
display: block;
max-height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s;
margin: 0 0 1rem;
padding: 0;
}
[aria-hidden=true].minimalist-accordion__panel {
display: block;
max-height: 0;
opacity: 0;
visibility: hidden;
margin: 0 0 1rem;
padding: 0;
}
.minimalist-accordion__header {
display: block;
width: 100%;
text-align: left;
font-size: 1.2rem;
font-weight: 600;
position: relative;
margin-bottom: 0;
padding-right: 2.6rem !important;
}
/* title opened */
.minimalist-accordion__header[aria-expanded="true"]:before {
content: "-";
position: absolute;
right: 12px;
font-size: 2rem;
top: 0;
font-weight: 600;
}
/* title closed */
.minimalist-accordion__header[aria-expanded="false"]:before {
content: "+ ";
position: absolute;
right: 12px;
top: 0;
font-size: 2rem;
font-weight: 600;
}
#LoginWrap {
margin: 0 auto;
width: 90%;
max-width: 400px;
}
#LoginWrap .ce-HTMLroot {
background: #02748F !important;
}
#LoginWrap .badges {
margin-bottom: 30px;
}
#LoginWrap .badges ul {
list-style: none;
padding: 0;
margin: 0 10px;
}
@media (min-width: 1024px) {
#LoginWrap .badges ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
}
#LoginWrap .badges ul li {
max-width: 350px;
}
@media (min-width: 1024px) {
#LoginWrap .badges ul li {
margin: 0 4px;
}
}
@media (min-width: 1281px) {
#LoginWrap .badges ul li {
margin: 0 6px;
}
}
#LoginWrap .badges ul li a:link, #LoginWrap .badges ul li a:visited {
color: #FFFFFF !important;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #000000;
font-size: 1rem;
padding: 8px 8px 8px 12px;
}
@media (min-width: 1024px) {
#LoginWrap .badges ul li a:link, #LoginWrap .badges ul li a:visited {
padding: 8px 6px 8px 2px;
font-size: .9rem;
}
}
@media (min-width: 1281px) {
#LoginWrap .badges ul li a:link, #LoginWrap .badges ul li a:visited {
padding: 8px 6px 8px 6px;
font-size: .9rem;
}
}
@media (min-width: 1441px) {
#LoginWrap .badges ul li a:link, #LoginWrap .badges ul li a:visited {
padding: 8px 8px 8px 8px;
font-size: .9rem;
}
}
#LoginWrap .badges ul li a:hover, #LoginWrap .badges ul li a:focus, #LoginWrap .badges ul li a:active {
text-decoration: none;
color: #F8F853 !important;
background: #222222;
}
#LoginWrap .badges ul li a .Icon {
width: 20px;
height: 20px;
padding-right: 6px;
}
#LoginWrap .badges ul li a .Icon img {
width: 20px;
height: 20px;
}
@media (min-width: 1024px) {
body.Interior #LoginWrap {
width: 96%;
max-width: 350px;
}
}
@media (min-width: 1024px) {
body.Interior #LoginWrap .badges ul li a .Icon {
width: 12px;
height: 12px;
padding-right: 8px;
}
body.Interior #LoginWrap .badges ul li a .Icon img {
width: 12px;
height: 12px;
}
}
/* ALERT
===========================================*/
#noJS {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
color: #231F20;
opacity: 1;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
/* 600ms to fade out */
margin-bottom: 0;
width: 100%;
border: 3px solid #231F20;
}
#noJS a:link, #noJS a:visited {
color: link-color;
}
#noJS a:hover, #noJS a:focus, #noJS a:active {
color: link-color-hover;
}
#noJS a.ArrowIcon:link .st0, #noJS a.ArrowIcon:visited .st0 {
fill: link-color !important;
}
#noJS a.ArrowIcon:hover .st0, #noJS a.ArrowIcon:focus .st0, #noJS a.ArrowIcon:active .st0 {
fill: link-color-hover !important;
}
#noJS h1,
#noJS h2,
#noJS h3,
#noJS h4,
#noJS h5,
#noJS h6 {
color: #fff;
}
#noJS p {
line-height: 1.25;
}
#noJS .BasicPanel {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1680px;
margin: 0 auto;
position: relative;
}
@media (min-width: 1024px) {
#noJS .BasicPanel {
max-width: 1680px;
}
}
#noJS .cmsPanelContent {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .875rem 60px .875rem 20px;
}
@media (min-width: 1024px) {
#noJS .cmsPanelContent {
padding: .875rem 60px .875rem 40px;
}
}
#noJS .cmsPanelContent > p:last-child,
#noJS .cmsPanelContent > ul:last-child {
margin-bottom: 0;
}
/* print */
@media print {
#noJS {
background: #fff !important;
color: #000 !important;
border: 4px solid #000 !important;
}
#noJS * {
color: #000 !important;
}
}
/* ALERT
===========================================*/
.js #AlertPanel .block {
display: none;
}
#AlertPanel {
/* The close button */
}
#AlertPanel .block {
background: #E2725B;
color: #fff;
opacity: 1;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
/* 600ms to fade out */
margin-bottom: 0;
}
#AlertPanel .block a:link, #AlertPanel .block a:visited {
color: #f8f8f8;
}
#AlertPanel .block a:hover, #AlertPanel .block a:focus, #AlertPanel .block a:active {
color: #fff;
}
#AlertPanel .block a.ArrowIcon:link .st0, #AlertPanel .block a.ArrowIcon:visited .st0 {
fill: #f8f8f8 !important;
}
#AlertPanel .block a.ArrowIcon:hover .st0, #AlertPanel .block a.ArrowIcon:focus .st0, #AlertPanel .block a.ArrowIcon:active .st0 {
fill: #fff !important;
}
#AlertPanel .block h1, #AlertPanel .block h2, #AlertPanel .block h3, #AlertPanel .block h4, #AlertPanel .block h5, #AlertPanel .block h6 {
color: #fff;
}
#AlertPanel .block p {
line-height: 1.25;
font-family: 'AvenirNextLTW01-Medium', sans-serif;
font-size: 1.125rem;
margin-bottom: .5rem;
}
@media (min-width: 1024px) {
#AlertPanel .block p {
font-size: 1.32rem;
}
}
#AlertPanel .st0 {
fill: #f8f8f8 !important;
}
#AlertPanel .basicBlock {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1680px;
margin: 0 auto;
position: relative;
}
@media (min-width: 1024px) {
#AlertPanel .basicBlock {
max-width: 1680px;
padding-left: 16px;
}
}
#AlertPanel .blockContent {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .875rem 60px .875rem 20px;
}
@media (min-width: 1024px) {
#AlertPanel .blockContent {
padding: .875rem 60px .875rem 40px;
}
}
#AlertPanel .blockContent > p:last-child, #AlertPanel .blockContent > ul:last-child {
margin-bottom: 0;
}
#AlertPanel .blockContent .Alert {
background: url(/application/themes/lcrec/imgs/icons/icon-alert.svg) no-repeat left 12px;
background-size: auto;
background-size: 29px 24px;
padding: 12px 40px 10px 50px;
}
#AlertPanel button.closebtn {
padding: 0;
margin: 0;
cursor: pointer;
position: absolute;
color: #222;
background: none;
border: none;
height: 44px;
width: 44px;
top: 16px;
right: 14px;
display: inline-block;
font-size: 1rem;
text-transform: uppercase;
display: block;
}
@media (min-width: 1024px) {
#AlertPanel button.closebtn {
right: 35px;
}
}
#AlertPanel button.closebtn:hover, #AlertPanel button.closebtn:focus, #AlertPanel button.closebtn:active {
background: rgba(0, 0, 0, 0.4);
}
#AlertPanel button.closebtn span.close-icon {
pointer-events: none;
}
#AlertPanel button.closebtn span.close-icon:before, #AlertPanel button.closebtn span.close-icon:after {
position: absolute;
content: ' ';
right: 20px;
top: 9px;
height: 25px;
width: 3px;
border-radius: 2px;
background-color: #fff;
}
#AlertPanel button.closebtn span.close-icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#AlertPanel button.closebtn span.close-icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#AlertPanel button.closebtn span.close-icon:hover:before, #AlertPanel button.closebtn span.close-icon:hover:after {
background-color: #fff;
}
/* print */
@media print {
#AlertPanel .block {
background: #fff !important;
color: #000 !important;
border: 4px solid #000 !important;
}
#AlertPanel .block * {
color: #000 !important;
}
#AlertPanel .st0 {
fill: #000 !important;
}
#AlertPanel button.closebtn {
display: none !important;
}
}
/* Module Styles */
#searchResults .searchResult {
margin-bottom: 2rem;
}
#searchResults .searchResult h3 {
font-size: 1.6rem;
}
#searchResults .searchResult p span {
background: #b2f4fa !important;
}
#searchResults .searchResult p a.pageLink, #searchResults .searchResult p a.pageLink:visited {
color: #02748F;
font-size: .9rem;
}
#searchResults .searchResult p a.pageLink:hover, #searchResults .searchResult p a.pageLink:focus, #searchResults .searchResult p a.pageLink:active, #searchResults .searchResult p a.pageLink:visited:hover, #searchResults .searchResult p a.pageLink:visited:focus, #searchResults .searchResult p a.pageLink:visited:active {
color: #5C1B49;
}
#ColumnTwo .ccm-search-block-form input.ccm-search-block-submit {
background: #02748F url(/application/themes/lcrec/imgs/icons/search-icon.svg) top left no-repeat;
color: #02748F;
width: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #02748F;
margin-left: -5px;
}
@media (max-width: 599px) {
#ColumnTwo .ccm-search-block-form .ccm-search-block-text {
width: 216px;
}
}
/* Template Styles */
/* Home Template Styles */
#HomeBanner {
background: #E7EBF2;
width: 100%;
}
#HomeBanner #BannerWrapInner #BannerLeft {
background-image: url(/application/themes/lcrec/imgs/home-banner.jpg);
min-height: 260px;
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 600px) {
#HomeBanner #BannerWrapInner #BannerLeft {
min-height: 400px;
}
}
@media (min-width: 1024px) {
#HomeBanner #BannerWrapInner #BannerLeft {
min-height: 480px;
}
}
@media (min-width: 1281px) {
#HomeBanner #BannerWrapInner #BannerLeft {
min-height: 520px;
}
}
@media (min-width: 1681px) {
#HomeBanner #BannerWrapInner #BannerLeft {
min-height: 633px;
}
}
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
background: #FFFFFF;
margin: 0;
padding: 12px 20px;
text-align: center;
font-size: 1.4rem;
}
@media (max-width: 1023px) {
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
display: block;
width: 100%;
}
}
@media (min-width: 600px) {
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
font-size: 1.8rem;
}
}
@media (min-width: 800px) {
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
font-size: 2.2rem;
padding: 12px 20px 12px 30px;
}
}
@media (min-width: 1281px) {
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
font-size: 2.8rem;
padding: 12px 20px 12px 30px;
}
}
@media (min-width: 1441px) {
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
font-size: 3.2rem;
padding: 20px 60px 15px 60px;
margin-bottom: 30px;
}
}
@media (min-width: 1681px) {
#HomeBanner #BannerWrapInner #BannerLeft h1.BannerHeadline {
font-size: 4rem;
padding: 24px 100px 26px 100px;
margin-bottom: 50px;
}
}
@media (min-width: 1024px) {
#HomeBanner #BannerWrapInner #BannerLeft {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
border-right: 70px solid #E7EBF2;
}
}
@media (min-width: 1681px) {
#HomeBanner #BannerWrapInner #BannerLeft {
-webkit-box-flex: 0;
-ms-flex: 0 1 71%;
flex: 0 1 71%;
}
}
#HomeBanner #BannerWrapInner #BannerRight {
background: #02748F;
}
@media (max-width: 1023px) {
#HomeBanner #BannerWrapInner #BannerRight {
padding-bottom: 30px;
}
}
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn {
color: #FFFFFF;
text-transform: lowercase;
font-weight: 700;
background: #084E63;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image {
padding-right: 12px;
}
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image img.smartHub {
width: 102px;
height: 72px;
}
@media (min-width: 600px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image img.smartHub {
width: 150px;
height: 106px;
}
}
@media (min-width: 1024px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image img.smartHub {
width: 102px;
height: 72px;
}
}
@media (min-width: 1441px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image img.smartHub {
width: 167px;
height: 117px;
}
}
@media (min-width: 600px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image {
padding-right: 20px;
}
}
@media (min-width: 1441px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .image {
padding-right: 30px;
}
}
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .text {
font-size: 1.4rem;
}
@media (min-width: 600px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .text {
font-size: 1.8rem;
}
}
@media (min-width: 1441px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .text {
font-size: 2.4rem;
}
}
@media (min-width: 1024px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .text .header {
display: block;
}
}
@media (min-width: 1281px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .text .header {
display: inline;
}
}
@media (min-width: 1441px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn .text .header {
display: block;
}
}
@media (min-width: 600px) {
#HomeBanner #BannerWrapInner #BannerRight h2.SignIn {
padding: 20px;
}
}
@media (min-width: 1024px) {
#HomeBanner #BannerWrapInner #BannerRight {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
}
}
@media (min-width: 1681px) {
#HomeBanner #BannerWrapInner #BannerRight {
-webkit-box-flex: 0;
-ms-flex: 0 1 29%;
flex: 0 1 29%;
}
}
@media (min-width: 1024px) {
#HomeBanner #BannerWrapInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#OutageCenterWrapOuter {
background: #FFFFFF;
}
#OutageCenterWrapOuter #OutageCenterWrap {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1281px) {
#OutageCenterWrapOuter #OutageCenterWrap {
margin-bottom: 4rem;
}
}
@media (min-width: 1441px) {
#OutageCenterWrapOuter #OutageCenterWrap {
margin-bottom: 6rem;
}
}
@media (min-width: 1024px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), color-stop(80%, white), to(white));
background: linear-gradient(transparent 0%, transparent 80%, white 80%, white 100%);
}
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter {
padding: 2rem;
max-width: 1440px;
margin: 0 auto;
}
@media (min-width: 1281px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter {
padding: 4rem 2rem 0;
}
}
@media (min-width: 1441px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter {
padding: 6rem 2rem 0;
}
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter h2 {
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
font-size: 1.9rem;
margin-bottom: 1.2rem;
}
@media (min-width: 1281px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter h2 {
margin-bottom: 4rem;
font-size: 2.3rem;
}
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu {
list-style: none;
margin: 0 auto;
width: 290px;
padding: 0;
}
@media (min-width: 1024px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a .image img, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:visited .image img {
width: 100%;
margin-bottom: -6px;
display: none;
height: auto;
}
@media (min-width: 1024px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a .image img, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:visited .image img {
display: block;
}
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a .text, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:visited .text {
display: block;
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a .text .Button, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:visited .text .Button {
min-width: 294px;
font-size: 1.6rem;
text-align: center;
margin-bottom: 1rem;
padding: 1.5rem;
background: #02748F;
color: #FFFFFF;
}
@media (max-width: 1280px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a .text .Button, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:visited .text .Button {
width: 100%;
}
}
@media (min-width: 1281px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a .text, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:visited .text {
position: absolute;
top: 65%;
text-align: center;
width: 100%;
}
}
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:hover .text .Button, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:focus .text .Button, #OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li a:active .text .Button {
background: #014f62;
}
@media (max-width: 1023px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li {
display: block;
}
}
@media (min-width: 1024px) {
#OutageCenterWrapOuter #OutageCenterWrap #OutageCenterInner #OutageCenter ul.OutageMenu li {
-webkit-box-flex: 0;
-ms-flex: 0 1 28%;
flex: 0 1 28%;
position: relative;
max-width: 415px;
}
}
#NewsWrapper {
background: #FFFFFF;
width: 100%;
}
#NewsWrapper #NewsCenter {
width: 100%;
background: #E7EBF2;
max-width: 1640px;
margin: 0 auto;
padding: 2rem 2rem 4rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1023px) {
#NewsWrapper #NewsCenter {
padding: 2rem 2rem 6rem;
}
}
#NewsWrapper #NewsCenter #NewsInner {
width: 90%;
margin: 0 auto;
max-width: 550px;
}
#NewsWrapper #NewsCenter #NewsInner h2 {
text-align: center;
text-transform: uppercase;
font-size: 1.9rem;
margin-bottom: 1.2rem;
}
@media (min-width: 1281px) {
#NewsWrapper #NewsCenter #NewsInner h2 {
margin-bottom: 4rem;
font-size: 2.3rem;
}
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates {
padding-left: 0;
margin-left: 0;
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list {
padding-bottom: 2rem;
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide {
max-width: 550px;
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Image {
position: relative;
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Image img {
width: 100%;
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Text {
background: #FFFFFF;
width: 100%;
padding: 12px;
border-top: 10px solid #00A4C0;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1281px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Text {
position: absolute;
left: 0;
top: 65%;
width: 80%;
padding: 10px 30px;
font-size: 1.4rem;
}
}
@media (min-width: 1441px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Text {
font-size: 1.6rem;
}
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Text a, #NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide .Text a:link {
text-decoration: none;
}
@media (min-width: 1024px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide {
margin: 0 2rem;
}
}
@media (min-width: 1281px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
float: none;
-webkit-box-flex: 0;
-ms-flex: 0 1 38%;
flex: 0 1 38%;
margin: 2rem 3.8rem;
}
}
@media (min-width: 1441px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
margin: 2rem 3.8rem;
}
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide:hover {
cursor: pointer;
}
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide:hover a, #NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide:hover a:link {
color: #6E0516;
}
@media (min-width: 1281px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track {
position: relative;
left: 0;
top: 0;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
/* justify-content: space-between; */
max-width: 1240px;
}
}
@media (min-width: 1281px) {
#NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-prev, #NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-next {
display: none !important;
}
}
@media (min-width: 1024px) {
#NewsWrapper #NewsCenter #NewsInner {
max-width: 1640px;
}
}
@media (min-width: 1441px) {
#NewsWrapper #NewsCenter {
padding: 4rem 2rem;
}
}
@media (min-width: 1681px) {
#NewsWrapper #NewsCenter {
margin-bottom: 80px;
}
}
@media (min-width: 1024px) {
#RightColumn #NewsWrapper #NewsCenter #NewsInner {
max-width: 600px;
}
}
@media (min-width: 1024px) {
#RightColumn #NewsWrapper #NewsCenter #NewsInner .NewsUpdates .slick-list .slick-track .slick-slide {
-webkit-box-flex: 0 !important;
-ms-flex: 0 1 100% !important;
flex: 0 1 100% !important;
}
}
/* No Columns Template */
#NoColumns #PageHeaderWrap {
width: 100%;
}
#NoColumns #PageHeaderWrap #PageHeader {
max-width: 1920px;
margin: 0 auto;
}
@media (min-width: 1281px) {
#NoColumns #PageHeaderWrap #PageHeader #PageHeaderInner {
max-width: 1560px;
margin: 0 0 0 60px;
}
}
@media (min-width: 1441px) {
#NoColumns #PageHeaderWrap #PageHeader #PageHeaderInner {
margin: 0 0 0 120px;
}
}
#NoColumns #BannerWrap #Banner {
max-width: 1560px;
}
#NoColumns #CallToAction {
float: none;
margin: 0 0 30px;
width: 100%;
}
@media (min-width: 1024px) {
#NoColumns #CallToAction {
float: right;
margin-left: 20px;
max-width: 340px;
}
}
#NoColumns #ColumnBanner {
width: 100%;
}
#NoColumns #ColumnBanner #ColumnInner {
width: 100%;
max-width: 1560px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1024px) {
#NoColumns #ColumnBanner #ColumnInner {
padding: 40px 40px;
}
}
@media (min-width: 1281px) {
#NoColumns #ColumnBanner #ColumnInner {
padding: 40px 60px 0;
}
}
@media (min-width: 1441px) {
#NoColumns #ColumnBanner #ColumnInner {
padding: 40px 0 0;
margin-left: 120px;
width: auto;
}
}
#NoColumns #Columns #ColumnTwo {
float: none;
margin: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1441px) {
#NoColumns #Columns #ColumnTwo {
padding: 0 120px;
}
}
/* Right Column Template */
#RightColumn #Columns {
/*#ColumnBanner {
#ColumnInner {
@include breakpoint(Large) {
margin-left: 60px;
}
@include breakpoint(XL) {
margin-left: 120px;
width: auto;
}
}
}*/
}
@media (min-width: 1024px) {
#RightColumn #Columns #ColumnTwo {
padding: 40px 60px 20px 70px;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (min-width: 1441px) {
#RightColumn #Columns #ColumnTwo {
padding: 40px 120px 20px 140px;
}
}
#RightColumn #Columns #ColumnThree {
background: #DDE2EA;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 20px 60px;
}
@media (min-width: 1024px) {
#RightColumn #Columns #ColumnThree {
-webkit-box-flex: 0;
-ms-flex: 0 1 26%;
flex: 0 1 26%;
padding: 0 20px 60px;
margin-right: -4px;
}
}
@media (min-width: 1441px) {
#RightColumn #Columns #ColumnThree {
margin-right: -5px;
}
}
/* Print Styles */
/* Print Styles
=========================================================================================== */
@media print {
body {
background: #fff !important;
}
a:after {
content: " ( " attr(href) ") " !important;
}
#HeaderTop #Logo {
text-align: left !important;
margin: 0 !important;
}
#HeaderTop #Logo a:after {
content: '' !important;
}
#ContentSection {
background: #fff !important;
}
.SmartPanel a:after, .ModuleSearch a:after {
content: '' !important;
}
/* Hidden Elements
==================== */
.CmsInfoButtonsContainer, #MainNavWrap, #Breadcrumbs, #LeftColumnPanels, #RightColumnPanels, .CustomToggles, #ProximityNavWrap, .TaskNav, .SkipTo, #back-top, .GoogleLocateOnMapLink, .GMap, #MapId, div.gmnoprint, #FooterLeft .cmspanel:not(:first-child), #FooterRight .cmspanel, .Tabnav, #fancybox-wrap, .slick-slider button.slick-arrow, #AboveFooter, .ReturnLink, button.CloseButton, #DrDetail .QuickInfo #video, #FooterMiddle {
display: none !important;
}
/* Header
=================== */
#Header {
margin-bottom: 20px !important;
}
/* Tabs
==================== */
.Tab {
display: block !important;
border: none !important;
}
.Tab h2 {
display: block !important;
}
.TabContainer .Tabhide, .TabContainerlive .Tabhide {
display: block !important;
}
/* Accordions
==================== */
.Accordion .Payload {
display: block !important;
}
/* Tables
==================== */
table {
border: none !important;
}
th, td {
border: none !important;
text-align: left !important;
vertical-align: top !important;
}
caption {
font-weight: bold !important;
text-align: left !important;
}
/* Lists
==================== */
ul.Horiz {
width: 100% !important;
float: left !important;
}
ul.Horiz li {
width: auto !important;
float: left !important;
padding-right: .8em !important;
}
ul.Plain-List {
list-style: none !important;
}
dt {
font-weight: bold !important;
}
/* Banner
===================== */
#Banner .slick-slider .slick-slide {
float: none !important;
width: 100% !important;
}
#Banner .slick-slider .slick-track, #Banner .slick-slider .slick-slider .slick-list {
width: 100% !important;
-webkit-transform: none !important;
transform: none !important;
opacity: 1 !important;
}
#Banner .Img-SemiWhite:after, #Banner .Img-SemiBlack:after {
position: relative !important;
background: none !important;
}
#Banner img {
width: 80% !important;
max-width: 80% !important;
margin: 0 auto !important;
height: auto !important;
}
#Banner .PhotoText {
position: relative !important;
-webkit-transform: none !important;
transform: none !important;
top: auto !important;
left: auto !important;
width: 100% !important;
max-width: 100% !important;
}
/* slick slider
===================== */
.slick-track {
width: 100% !important;
display: block !important;
-webkit-transform: none !important;
transform: none !important;
}
.slick-slide {
width: 100% !important;
display: block !important;
float: none !important;
clear: both !important;
page-break-inside: avoid !important;
left: auto !important;
top: auto !important;
opacity: 1 !important;
}
.Events-Upcoming-Calendar .DateBoxSmall .CalDateIcon .BoxMo,
.Events-Upcoming-Calendar .DateBoxSmall .CalDateIcon .BoxDate > span,
.Events-Upcoming-Calendar .Ongoing {
margin-left: 20px !important;
color: #000 !important;
}
/* Flip Cards
==================== */
.FlipCards .FlipCard {
max-width: 450px !important;
}
.card {
page-break-inside: avoid !important;
-webkit-transform: none !important;
transform: none !important;
}
.card .front, .card .back {
position: relative !important;
-webkit-transform: none !important;
transform: none !important;
color: #000 !important;
background: #EFF2F1 !important;
display: block !important;
height: auto !important;
}
.card .WhiteCenter {
background: none !important;
display: block !important;
height: auto !important;
}
.card .WhiteCenter h3 {
color: #000 !important;
}
/* Other
==================== */
.Bold, legend {
font-weight: bold;
}
li.Razor {
page-break-inside: avoid !important;
}
/* Call To Action
==================== */
#CallToAction .cmspanel, #CallToAction, .CTAInlineRight, .CTAInlineWide, .CalloutRight, .CalloutWide {
border: 1px solid #000 !important;
color: #000 !important;
}
#CallToAction .cmspanel, #CallToAction, .CTAInlineRight, .CTAInlineWide {
background: #e0e2e5 !important;
}
#CallToAction .cmspanel a:link, #CallToAction .cmspanel a:visited, #CallToAction a:link, #CallToAction a:visited, .CTAInlineRight a:link, .CTAInlineRight a:visited, .CTAInlineWide a:link, .CTAInlineWide a:visited {
color: #425E9E !important;
background: transparent !important;
}
#CallToAction h1, #CallToAction h2, #CallToAction h3, #CallToAction h4, #CallToAction h5, #CallToAction h6,
.CTAInlineRight h1, .CTAInlineRight h2, .CTAInlineRight h3, .CTAInlineRight h4, .CTAInlineRight h5, .CTAInlineRight h6, .CTAInlineWide h1, .CTAInlineWide h2, .CTAInlineWide h3, .CTAInlineWide h4, .CTAInlineWide h5, .CTAInlineWide h6 {
color: #00274C !important;
}
/* Buttons
==================== */
button, a.Button, p.Button {
color: #000 !important;
background: #fff !important;
border: 1px solid #000 !important;
}
/* Cheer Cards
==================== */
.CheerPrintPreview .Top, #CheerPrint a.Button {
display: none !important;
}
.CheerPrintPreview img {
width: 600px !important;
}
/* Google Maps
===================== */
.GMap, .GMap div {
width: auto !important;
display: block !important;
position: relative !important;
}
/* Footer
===================== */
footer {
background: #ddd !important;
color: #000 !important;
}
footer a:link, footer a:visited {
color: #425E9E !important;
background: transparent !important;
}
}
/*# sourceMappingURL=cec.css.map */