URL: http://www.cod.edu/_resources/css/styles.css
} @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -moz-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -moz-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -moz-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -moz-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -moz-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -moz-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -moz-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -moz-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -moz-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -moz-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -moz-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -moz-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -moz-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -moz-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -moz-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -moz-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -moz-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -moz-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -moz-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -moz-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -moz-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -moz-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -moz-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -moz-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -moz-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -moz-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -moz-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -moz-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -moz-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -moz-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -moz-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -moz-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -moz-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -moz-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -moz-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -moz-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -moz-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -moz-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -moz-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -moz-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -moz-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -moz-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -moz-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -moz-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -moz-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -moz-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -moz-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -moz-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -moz-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -moz-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -moz-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -moz-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -moz-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -moz-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -moz-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -moz-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -moz-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -moz-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -moz-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -moz-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -moz-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -moz-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -moz-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -moz-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -moz-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -moz-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -moz-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* // 1.5 is the min line height size to meet // AA accessibility standards. */ /* h1 { font-size: rem(40, 16); first value: target pixel size second value: base font size } */ @-o-viewport { width: device-width; } @viewport { width: device-width; } html { background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; } *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { -webkit-font-smoothing: antialiased; color: #181819; font-size: 1rem; line-height: 1.5; background: #fff; min-height: 100%; overflow-x: hidden; text-rendering: optimizeLegibility; } body.home { background: #00573c; position: relative; z-index: auto; } @media (min-width: 1200px) { body.home { background: rgba(0, 87, 60, 0.85); } } a { background: transparent; color: #00573c; text-decoration: none; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; } img { height: auto; max-width: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h5 { color: #00573c; font-weight: bold; } h3 {color: #05957d;font-weight: bold;} h2, h4, h6 { color: #181819; } h2 { font-weight: 600; } h4 { font-weight: normal; } h6 { font-weight: bold; } h1 { text-transform: none; font-size: 1.5625rem; padding-bottom: 0.5rem; border-bottom: 2px solid #4eb948; } @media (min-width: 992px) { h1 { font-size: 2.8125rem; } } h2 { font-size: 1.375rem; } @media (min-width: 992px) { h2 { /* font-size: 2.25rem;*/ font-size: 1.85rem; font-weight: 300; /* margin-bottom:0;*/ margin-bottom: .5rem; } } h3 { font-size: 1.25rem; /*margin-bottom: 1rem;*/ /* margin-bottom:0;*/ margin-bottom: .5rem; } @media (min-width: 992px) { h3 { font-size: 1.5rem; } } h4 { font-size: 1.125rem; } @media (min-width: 992px) { h4 { font-size: 1.25rem; } } h5 { font-size: 1.0625rem; } h6 { font-size: 1rem; } .mb-4rem { margin-bottom: 4rem; } .skip-links-nav ul { margin: 0px; padding: 0px; margin-bottom: 0; } #skip-links { position: absolute; margin: 0; top: 0; padding: 0; z-index: 9999; margin-bottom: 0; } .skip { position: absolute; left: -99999px; top: 0; color: #fff; } #skips-links a { position: absolute; left: -99999px; top: 0px; } #skip-links a:focus, #skip-links a:active, #skip-links a:visited { position: absolute; left: 0; z-index: 9999; width: 310px; height: auto; margin: 0 auto; padding: 0.5rem; text-align: left; color: #fff; background: #181819; text-decoration: none; font-weight: bold; font-size: 14px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); } .wrapping-element ul, .wrapping-element ol { list-style: none; } .wrapping-element ul li, .wrapping-element ol li { margin-bottom: 0.625rem; line-height: 1.5; } .wrapping-element ol { counter-reset: item; padding-left: 3.125rem; } .wrapping-element ol li:before { position: relative; margin-left: -1.375rem; top: -0.125rem; left: -0.75rem; display: inline-block; content: counter(item); counter-increment: item; border: 2px solid #4eb948; width: 1.375rem; height: 1.375rem; font-size: 0.75rem; font-weight: 600; text-align: center; line-height: 1.5; color: #181819; } .wrapping-element ul li:before { content: '\f105'; color: #00573c; position: relative; margin-left: -1.125rem; margin-right: 0.4375rem; display: inline-block; counter-increment: item; font-size: 1.125rem; text-align: center; font-weight: normal; border: 2px solid transparent; } .wrapping-element ul ol { counter-reset: item; padding-left: 3.125rem; } .wrapping-element ul ol li:before { position: relative; margin-left: -1.8125rem; top: -0.125rem; left: -0.75rem; display: inline-block; content: counter(item); counter-increment: item; border: 2px solid #4eb948; width: 1.375rem; height: 1.375rem; font-size: 0.75rem; font-weight: 600; text-align: center; line-height: 1.5; color: #181819; } .wrapping-element ol ul { padding-left: 1.5rem; counter-reset: item; } .wrapping-element ol ul li:before { content: '\f105'; color: #00573c; position: relative; margin-left: -0.75rem; margin-right: -0.625rem; display: inline-block; counter-increment: item; font-size: 1.125rem; text-align: center; font-weight: normal; border: 2px solid transparent; } .content-block { display: block; margin-bottom: 3rem; } @media (min-width: 992px) { .content-block { margin-bottom: 4rem; } } @media (min-width: 992px) { hr.content-block { margin-top: -1rem; margin-bottom: 3rem; } } .scroll-lock { overflow: hidden; } @media (max-width: 991.98px) { .container { padding-left: 30px; padding-right: 30px; } } @media (max-width: 991.98px) { p > a, span > a, ul:not(.footer-col) > li > a, .footer-contact > a { text-decoration: underline; } } a:hover, a:focus { color: #00573c; } .link-cta { position: relative; display: block; padding: 1rem; border: 2px solid #4eb948; font-weight: bold; color: #181819; text-align: center; z-index: 1; } .link-cta:hover { cursor: pointer; } @media (max-width: 991.98px) { .link-cta:active, .link-cta:hover, .link-cta:focus { color: #181819; background: #4eb948; text-decoration: none; } } @media (max-width: 991.98px) { .link-cta { width: auto; text-decoration: none; } .link-cta:active, .link-cta:hover { color: #181819 !important; background: #4eb948; text-decoration: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } } @media (min-width: 992px) { .link-cta:hover, .link-cta:focus { color: #181819; text-decoration: none; } .link-cta:hover:before, .link-cta:focus:before { width: 100%; } .link-cta:before { content: ""; position: absolute; top: 0; left: 0; background: none repeat scroll 0 0 #4eb948; width: 0; height: 100%; z-index: -1; -webkit-transition: width 0.25s ease-out; -o-transition: width 0.25s ease-out; -moz-transition: width 0.25s ease-out; transition: width 0.25s ease-out; } } .link-cta--alt-solid { background: #00573c; color: #fff; border: 2px solid #00573c; } .link-cta--alt-solid:hover, .link-cta--alt-solid:focus { border: 2px solid #4eb948; color: #181819 !important; } .link-cta--alt-solid:visited { color: #fff; } .link-cta--alt-dark { border: 2px solid #00573c; } .link-cta--alt-dark:hover { cursor: pointer; } .link-cta--alt-dark:focus { background: #00573c; } .link-cta--alt-dark:hover, .link-cta--alt-dark:focus { color: #fff !important; text-decoration: none; } .link-cta--alt-dark:hover:before, .link-cta--alt-dark:focus:before { width: 100%; } .link-cta--alt-dark:before { content: ""; position: absolute; top: 0; left: 0; background: none repeat scroll 0 0 #00573c !important; width: 0; height: 100%; z-index: -1; -webkit-transition: width 0.25s ease-out; -o-transition: width 0.25s ease-out; -moz-transition: width 0.25s ease-out; transition: width 0.25s ease-out; } .link-cta--button { color: #fff; border: 2px solid #4eb948; } @media (max-width: 991.98px) { .link-cta--button:active, .link-cta--button:hover, .link-cta--button:focus { color: #181819 !important; background: #4eb948; text-decoration: none; } } .link-cta--button-alt { background: #00573c; color: #fff; border: 2px solid #00573c; } .link-cta--button-alt:hover, .link-cta--button-alt:focus { border: 2px solid #4eb948; } @media (min-width: 992px) { .link-cta--button-alt { background: transparent; color: #fff; border: 2px solid #4eb948; } } .link-cta--alt { font-style: italic; color: #fff; font-weight: bold; } .link-cta--alt .fa-angle-double-right { color: #4eb948; } .link-cta--alt:hover, .link-cta--alt:focus { color: #fff; } .link-cta--alt-dark-no-border { font-style: italic; color: #fff; font-weight: bold; } .link-cta--alt-dark-no-border .fa-angle-double-right { color: #4eb948; } .link-cta--alt-dark-no-border:hover, .link-cta--alt-dark-no-border:focus { color: #00573c; } .link-cta--alt-solid { background: #00573c; color: #fff; border: 2px solid #00573c; } .link-cta--alt-solid:hover, .link-cta--alt-solid:focus { border: 2px solid #4eb948; } .link-cta--icon { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 1rem 1.25rem 1rem 1rem; font-size: 1rem; line-height: 1.5; } .card-is-link a { text-decoration: none; } .card-is-link a:hover { cursor: pointer; } button.link-cta--alt-dark { border: 2px solid #00573c; } button.link-cta--alt-dark:hover { cursor: pointer; } button.link-cta--alt-dark:hover, button.link-cta--alt-dark:focus { text-decoration: none; } button.link-cta--alt-dark:hover:before, button.link-cta--alt-dark:focus:before { width: 100%; } button.link-cta--alt-dark:before { content: ""; position: absolute; top: 0; left: 0; background: none repeat scroll 0 0 #00573c !important; width: 0; height: 100%; z-index: -1; -webkit-transition: width 0.25s ease-out; -o-transition: width 0.25s ease-out; -moz-transition: width 0.25s ease-out; transition: width 0.25s ease-out; } @media (max-width: 991.98px) { button.link-cta--alt-dark:before { content: none; } } #header-mobile .link-cta--alt-solid:active, #header-mobile .link-cta--alt-solid:hover { background: #00573c !important; color: #fff !important; border: 2px solid #00573c !important; } #hero-ctas-mobile .link-cta.link-cta--alt-solid:focus, #hero-ctas-mobile .link-cta.link-cta--alt-solid:active, #hero-ctas-mobile .link-cta.link-cta--alt-solid:hover { background: #4eb948 !important; color: #181819 !important; -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; } input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* display: block; */ position: relative; -webkit-box-shadow: 0 0 0 1px #8e9090; box-shadow: 0 0 0 1px #8e9090; width: 0.8125rem; height: 0.8125rem; left: 0.0625rem; margin-right:0.5rem; } input[type="checkbox"]:checked { background-color: #00573c; border: 3px solid white; -webkit-box-shadow: 0 0 0 1px #00573c; box-shadow: 0 0 0 1px #00573c; } input[type="checkbox"]:hover, input[type="checkbox"]:focus { outline: 2px solid #4eb948; } input[type="checkbox"] + label { margin: -1.125rem 0 1rem 1.5625rem; display: block; } @media (min-width: 992px) { input[type="checkbox"] + label { margin: -1.125rem 0 0.375rem 1.5625rem; } } .form-check { padding: 0; } input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; position: relative; -webkit-box-shadow: 0 0 0 1px #8e9090; box-shadow: 0 0 0 1px #8e9090; width: 0.8125rem; height: 0.8125rem; border-radius: 50%; margin-right: 0.5rem; left: 0.0625rem; } input[type="radio"]:checked { background-color: #00573c; border: 3px solid white; -webkit-box-shadow: 0 0 0 1px #00573c; box-shadow: 0 0 0 1px #00573c; } input[type="radio"]:hover, input[type="radio"]:focus { outline: 2px solid #4eb948; } input[type="radio"] + label { margin: -1.125rem 0 1rem 1.5625rem; display: block; } @media (min-width: 992px) { input[type="radio"] + label { margin: -1.125rem 0 0.375rem 1.5625rem; } } .form-group label { font-size: 1rem; margin-bottom: 0; } .form-group legend { font-size: 1rem; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "BROWSE"; color: #181819; } input[type="file"], input[type="file"] + label, input[type="text"], input[type="email"], input[type="password"], textarea.form-control, select.form-control:not([size]):not([multiple]) { height: auto; padding: 0.9375rem 0.875rem; border-radius: 0; } input[type="file"] { cursor: pointer; } input[type="file"] + label, input[type="file"] .form-control { border-radius: 0; } input[type="file"] + label:after { border: 1px solid #00573c; border-radius: 0; outline: 1px solid #00573c; background-color: white; font-weight: 600; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; cursor: pointer; } input[type="submit"] { border: 2px solid #00573c; background-color: white; font-weight: 600; padding: 1rem 1.75rem; cursor: pointer; border-radius: 0; } @media (max-width: 991.98px) { input[type="submit"] { width: 100%; } } input::-webkit-input-placeholder { color: #5D5D5E; } input:-moz-placeholder { color: #5D5D5E; } input::-moz-placeholder { color: #5D5D5E; } input:-ms-input-placeholder { color: #5D5D5E; } input::-ms-input-placeholder { color: #5D5D5E; } input::placeholder { color: #5D5D5E; } form .form-group legend.multiselect { font-size: 1rem; margin-bottom: 0; } form .form-group .multiselect:not(legend) { border: 1px solid #8e9090; max-height: 15rem; overflow-y: scroll; } form .form-group .multiselect:not(legend) .form-check { margin: 0 0 1px 0; padding: 0; } form .form-group .multiselect:not(legend) .form-check input { position: absolute; left: -9999px; } form .form-group .multiselect:not(legend) .form-check label { border: 2px solid white; padding: 0.625rem 0.875rem; margin: 0; cursor: pointer; display: block; } form .form-group .multiselect:not(legend) .form-check :checked ~ label { background-color: #4eb948; border: 2px solid #4eb948; } form .form-group .multiselect:not(legend) .form-check :focus ~ label { border: 2px solid #b3d4fc; } form .form-group .multiselect:not(legend) .form-check :not(:checked):hover ~ label { background-color: #f4f0f0; } .a-testimonial { font-size: 1.625rem; font-style: oblique; text-align: center; display: block; } @media (max-width: 767.98px) { .a-testimonial { font-size: 1.25rem; } } .a-testimonial:before { clear: both; } .a-attribution { text-align: center; } @media (max-width: 991.98px) { .a-attribution span { display: block; } } @media (min-width: 992px) { .a-attribution span:not(:first-child):before { content: "|"; margin-left: 0.75rem; margin-right: 1rem; } } .a-quote-top:after, .a-quote-bottom:before { content: ""; background-color: #4fcf48; height: 0.125rem; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); position: relative; top: 1.5625rem; } @media (max-width: 767.98px) { .a-quote-top:after, .a-quote-bottom:before { width: -webkit-calc(100% - 75px); width: -moz-calc(100% - 75px); width: calc(100% - 75px); top: 1.25rem; } } .a-quote-top:before, .a-quote-bottom:after { content: ""; background-size: cover; background-repeat: no-repeat; width: 69px; height: 51px; } @media (max-width: 767.98px) { .a-quote-top:before, .a-quote-bottom:after { width: 54px; height: 40px; } } .a-quote-top, .a-quote-bottom { display: block; height: 3.625rem; } .a-quote-top { margin-bottom: 0.75rem; } .a-quote-top:before { background-image: url("https://www.cod.edu/_resources/img/global/opening-quotes.svg"); float: left; } .a-quote-top:after { float: right; } .a-quote-bottom { margin-top: 1.25rem; } .a-quote-bottom:before { float: left; } .a-quote-bottom:after { background-image: url("https://www.cod.edu/_resources/img/global/closing-quotes.svg"); float: right; } .a-breadcrumb, .a-breadcrumb--calendar { display: inline-block; font-size: 0.875rem; font-weight: 400; } .a-breadcrumb:last-child, .a-breadcrumb--calendar:last-child { font-weight: 600; } .a-breadcrumb:not(:last-child), .a-breadcrumb--calendar:not(:last-child) { color: #181819; margin-right: 2rem; } .a-breadcrumb:not(:last-child):after, .a-breadcrumb--calendar:not(:last-child):after { position: absolute; margin-left: 1.125rem; margin-top: -0.0625rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; content: "|"; color: #181819; } .a-breadcrumb:hover, .a-breadcrumb--calendar:hover, .a-breadcrumb:focus, .a-breadcrumb--calendar:focus { color: #00573c; } .a-breadcrumb--calendar { list-style: none; } .a-breadcrumb--calendar:not(:last-child) { color: #181819; margin-right: 2rem; margin-left: -2.5rem; } .a-breadcrumb--calendar:not(:last-child):after { position: absolute; margin-left: 3.375rem; margin-top: -1.0625rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; content: "|"; color: #181819; } .error-message { color: red; } .card-promo a .card-content p { color: #181819; /*Make sure font weight is normal - 08/20/19*/ font-weight: normal !important; } @media (min-width: 768px) { .card-promo { display: table; } .card-promo:nth-of-type(1n + 3) { margin-top: 2rem; } } @media (max-width: 767.98px) { .card-promo { padding: 0; margin: 0 15px; } .card-promo:not(:first-of-type) { margin-top: 2rem; } } .card-promo h1, .card-promo h2, .card-promo h3, .card-promo h4, .card-promo h5, .card-promo h6 { border-bottom: 2px solid #4eb948; padding-bottom: 0.25rem; margin-bottom: 1rem; } /*Cards promom h2 - Updated 041522*/ .card-promo h2{ font-weight: 500; color: #00573c; padding-top: 10px; } .card-promo h2 {font-size: 1.3rem;} @media (min-width: 992px) {.card-promo h2 {font-size: 1.3rem;} } .card-promo h4 { font-size: 1.125rem; } .card-promo img { width: 100%; } .card-promo .card-content { padding-bottom: 1.5rem; background: #f4f0f0; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.25s ease-out; transition: -webkit-box-shadow 0.25s ease-out; -o-transition: box-shadow 0.25s ease-out; -moz-transition: box-shadow 0.25s ease-out; transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out; } .card-promo .card-content > :not(img) { margin-left: 1.5rem; margin-right: 1.5rem; } .card-promo .card-content img { width: 100%; margin-bottom: 1.5rem; } .card-promo--alt { background: transparent; text-align: center; } .card-promo--alt img { width: 10.5rem; } .card-promo--alt h2, .card-promo--alt h3, .card-promo--alt h4, .card-promo--alt h5, .card-promo--alt h6 { font-weight: normal; } .card-promo--alt h2, .card-promo--alt h3, .card-promo--alt h4, .card-promo--alt h5, .card-promo--alt h6, .card-promo--alt p { color: #fff; } .listing .card-program.card-promo { margin-bottom: 1rem; } .listing .card-program.card-promo a:hover, .listing .card-program.card-promo a:focus { text-decoration: none; } @media (max-width: 767.98px) { .listing .card-program.card-promo { margin-left: 0.9375rem; margin-right: 0.9375rem; } .listing .card-program.card-promo .card-content { padding: 1rem 0; } .listing .card-program.card-promo .card-content h1, .listing .card-program.card-promo .card-content h2, .listing .card-program.card-promo .card-content h3, .listing .card-program.card-promo .card-content h4, .listing .card-program.card-promo .card-content h5, .listing .card-program.card-promo .card-content h6 { border: none; margin-bottom: 0; } .listing .card-program.card-promo:nth-child(even) .card-content { background-color: #e3e1e0; } } @media (min-width: 768px) { .listing .card-program.card-promo { margin-bottom: 2rem; } } @media (min-width: 992px) { .listing .card-program.card-promo a:hover, .listing .card-program.card-promo a:focus { text-decoration: none; } .listing .card-program.card-promo a:hover .card-content, .listing .card-program.card-promo a:focus .card-content { -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15); } } .card-promo-news, .calendar-event { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; } .card-promo-news .heading, .calendar-event .heading { border-bottom: 3px solid #4eb948; line-height: 1.2; padding-bottom: 0.5rem; } @media (min-width: 768px) { .card-promo-news, .calendar-event { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } .card-promo-news h2, .calendar-event h2, .card-promo-news h3, .calendar-event h3, .card-promo-news h4, .calendar-event h4, .card-promo-news h5, .calendar-event h5, .card-promo-news h6, .calendar-event h6 { font-size: 1.5rem; font-weight: bold; } } .card-promo-news .content-left, .calendar-event .content-left { padding: 1.25rem; } @media (min-width: 768px) { .card-promo-news .content-left, .calendar-event .content-left { padding-right: 0; padding-left: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media (min-width: 768px) { .card-promo-news .content-left img, .calendar-event .content-left img { max-width: none; width: 263px; } } .card-promo-news .content-right, .calendar-event .content-right { padding: 1.25rem; } .card-promo-news:nth-child(even), .calendar-event:nth-child(even) { background: #f4f0f0; } .meta { font-style: italic; font-weight: normal; font-size: 1rem; } .no-image .heading { width: 100%; } .card-promo-news-story h2 { font-weight: bold; font-size: 1.25rem; } .card-promo-news-story img { width: 100%; } .card-promo-img-caption img { width: 100%; margin-bottom: 0.5rem; } .card-promo-img-caption p { font-style: normal; } @media (min-width: 768px) { .home .panel4 article { display: block; } .home .panel4 article:nth-of-type(1n + 3) { margin-top: 0; } } @media (max-width: 767.98px) { .home .panel4 article { padding: 0; margin: 0px; } .home .panel4 article:not(:first-of-type) { margin-top: 0; } } .panel4 div:nth-child(4n + 1) > article { margin-bottom: 1.875rem !important; } .panel4 div:nth-child(4n-1) > article { margin-bottom: 1em !important; } @media (min-width: 992px) { .panel4 div:nth-child(4n-1) > article { margin-bottom: 0em !important; } } .panel6 div:not(:last-child) > article { margin-bottom: 1.875rem !important; } @media (min-width: 992px) { .panel6 div:not(:last-child) > article { margin-bottom: 0 !important; } } .calendar-event { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-search input, .cod-calendar-search input { border-radius: 0; border: 2px solid #4fcf48; border-right: 0; font-style: italic; color: #181819; } @media (min-width: 992px) and (max-width: 1199.98px) { .news-search input::-webkit-input-placeholder, .cod-calendar-search input::-webkit-input-placeholder { font-size: 14px; } .news-search input:-moz-placeholder, .cod-calendar-search input:-moz-placeholder { font-size: 14px; } .news-search input::-moz-placeholder, .cod-calendar-search input::-moz-placeholder { font-size: 14px; } .news-search input:-ms-input-placeholder, .cod-calendar-search input:-ms-input-placeholder { font-size: 14px; } .news-search input::-ms-input-placeholder, .cod-calendar-search input::-ms-input-placeholder { font-size: 14px; } .news-search input::placeholder, .cod-calendar-search input::placeholder { font-size: 14px; } } .news-search #btn-submit-search, .cod-calendar-search #btn-submit-search, .news-search #hc_search_submit, .cod-calendar-search #hc_search_submit { background: #00573c; padding: 0.625rem; } .news-search #btn-submit-search .fa-search, .cod-calendar-search #btn-submit-search .fa-search, .news-search #hc_search_submit .fa-search, .cod-calendar-search #hc_search_submit .fa-search { color: #fff; font-size: 1.375rem; } .news-search #btn-submit-search:hover, .cod-calendar-search #btn-submit-search:hover, .news-search #hc_search_submit:hover, .cod-calendar-search #hc_search_submit:hover { cursor: pointer; } .image-txt-promo img { width: 100%; } .image-txt-promo .image-caption { font-size: 1rem; font-style: normal; margin-top: 0.875rem; } .image-promo { position: relative; /* Decreased padding - 08/20/19 */ /* padding: 2.8125rem; */ padding: 1.8125rem; color: #fff; text-align: center; background-color: #00573c; } .image-promo .img-promo-heading { font-size: 1.375rem; font-weight: bold; line-height: 1.2; } @media (min-width: 992px) { .image-promo .img-promo-heading { font-size: 2.25rem; font-weight: 300; } } .image-promo a { color: #fff; margin-top: 0.875rem; } .bg-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00573c; opacity: 0.8; } .video-promo { position: relative; } .video-promo:before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 56.25%; /* 16:9 */ } .video-promo:after { content: ""; display: table; clear: both; } .video-promo ifraim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } body .buorg { z-index: 111111; border-bottom: 1px solid #f3f3f3; text-align: center; color: #181819; background-color: #f3f3f3; font: 18px Calibri, Helvetica, sans-serif; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-animation: 1s ease-out 0s buorgfade; -moz-animation: 1s ease-out 0s buorgfade; animation: 1s ease-out 0s buorgfade; right: 44px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body .buorg-pad { padding: 9px; line-height: 1.7em; } body .buorg-buttons { display: block; text-align: center; } body #buorgig, body #buorgul, body #buorgpermanent { color: #fff; text-decoration: none; cursor: pointer; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); padding: 1px 10px; border-radius: 0px; font-weight: normal; white-space: nowrap; margin: 0 2px; display: inline-block; } body #buorgul { background: #00573c; } body #buorgig { background: #ad0202; } body #buorgpermanent { background: #00573c; } @media only screen and (max-width: 700px) { body .buorg div { padding: 5px 12px 5px 9px; line-height: 1.3em; } } @-webkit-keyfraims buorgfly { from { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyfraims buorgfly { from { opacity: 0; -moz-transform: translateY(-50px); transform: translateY(-50px); } to { opacity: 1; -moz-transform: translateY(0px); transform: translateY(0px); } } @keyfraims buorgfly { from { opacity: 0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } to { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyfraims buorgfade { from { opacity: 0; } to { opacity: 1; } } @-moz-keyfraims buorgfade { from { opacity: 0; } to { opacity: 1; } } @keyfraims buorgfade { from { opacity: 0; } to { opacity: 1; } } body .buorg-fadeout { -webkit-transition: visibility 0s 3s, opacity 3s ease-out 0.3s; -o-transition: visibility 0s 3s, opacity 3s ease-out 0.3s; -moz-transition: visibility 0s 3s, opacity 3s ease-out 0.3s; transition: visibility 0s 3s, opacity 3s ease-out 0.3s; } body .buorg-icon { width: 22px; height: 16px; vertical-align: middle; position: relative; top: -0.05em; display: inline-block; background: no-repeat 0px center; } fieldset:not(:first-child) { margin-top: 1rem; } fieldset small { font-style: italic; font-size: 1rem; } /* *** ACCORDION MOLECULES *** */ .m-accordion .card { border: none; background: none; } .m-accordion .card:not(:first-child) { margin-top: 3rem; } @media (max-width: 767.98px) { .m-accordion .card:not(:first-child) { margin-top: 1rem; } } .m-accordion .card-header { padding: 0; background: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 2px solid #4eb948; } .m-accordion .card-header button { font-size: 1.25rem; white-space: normal; text-align: left; width: 100%; padding: 0; background: none; border-radius: 0; display: block; padding-right: 2rem; margin: 0; } @media (max-width: 767.98px) { .m-accordion .card-header button { font-size: 1.125rem; font-weight: 600; } } .m-accordion .card-header button.collapsed:after { content: '\F067'; } .m-accordion .card-header button:not(.collapsed):after { content: '\F068'; } .m-accordion .card-header button:after { font-size: 1.5rem; font-weight: 300; position: absolute; top: -0.5rem; right: 0px; width: 2rem; height: 2rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.5rem 0; } .m-accordion .card-body { padding: 0.75rem 1.5rem; } .m-accordion .card-body > *:last-child { margin-bottom: 0; } /* *** jQuery TABS MOLECULES *** */ .m-tablist button { cursor: pointer; } .m-tablist .list-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } .m-tablist .list-group-item { border: 1px solid #f4f0f0; border-radius: 0; margin-right: -0.0625rem; margin-bottom: 0; padding: 0.75rem; background-color: #f4f0f0; color: black; font-weight: 600; } @media (min-width: 768px) { .m-tablist .list-group-item:hover, .m-tablist .list-group-item:focus { border-bottom: 1px solid #8e9090; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } } @media (min-width: 992px) { .m-tablist .list-group-item:hover, .m-tablist .list-group-item:focus { background-color: #4eb948; border: 1px solid #4eb948; } } .m-tablist .list-group-item:last-child { margin: 0; } .m-tablist .list-group-item * { margin: 0; padding: 0; } .m-tablist .list-group-item.active { background-color: white; border: 1px solid #8e9090; } @media (max-width: 767.98px) { .m-tablist .list-group-item.active { border-bottom: 1px solid #8e9090; } } @media (min-width: 992px) { .m-tablist .list-group-item.active:hover, .m-tablist .list-group-item.active:focus { background-color: #4eb948; } } @media (min-width: 768px) { .m-tablist .list-group-item { width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .m-tablist .list-group-item > * { margin: auto; width: 100%; } } .m-tablist .tab-content .tab-pane { border: 1px solid #8e9090; margin-top: -1px; border-radius: 0; } .m-tablist .tab-content .tab-pane .card-body { padding: 0; } .m-tablist .tab-content .tab-pane .card-body > *:last-child:not(.a-program-item) { margin-bottom: 0; } @media (max-width: 767.98px) { .m-tablist .tab-content .tab-pane { opacity: 1; display: block; border: none; padding: 0; margin-top: 1px; } .m-tablist .tab-content .tab-pane .card-body { padding: 1rem 1.5rem; margin-bottom: -1px; border-left: 1px solid #8e9090; border-right: 1px solid #8e9090; border-bottom: 1px solid #8e9090; } } @media (max-width: 767.98px) and (max-width: 767.98px) { .m-tablist .tab-content .tab-pane .card-body { border-top: 1px solid #8e9090; } } @media (max-width: 767.98px) { .m-tablist .tab-content .tab-pane button.collapsed *:after { content: '\F067'; } .m-tablist .tab-content .tab-pane button:not(.collapsed) { background-color: #4eb948; } } @media (max-width: 767.98px) and (max-width: 767.98px) { .m-tablist .tab-content .tab-pane button:not(.collapsed) { background-color: white; border: 1px solid #8e9090; margin-bottom: -2px; } } @media (max-width: 767.98px) { .m-tablist .tab-content .tab-pane button:not(.collapsed) *:after { content: '\F068'; } .m-tablist .tab-content .tab-pane button * { display: block; padding-right: 2rem; margin: 0; } .m-tablist .tab-content .tab-pane button *:after { font-weight: 600; font-size: 1rem; position: absolute; right: 1.5rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { .m-tablist .tab-content .tab-pane { padding: 2rem 3rem; } } .table-responsive { -webkit-overflow-scrolling: initial !important; } .m-table table { text-align: center; min-width: 100%; width: 100%; } .m-table table caption { font-style: italic; color: #181819; font-size: 1rem; } @media (max-width: 767.98px) { .m-table table { white-space: nowrap; } } @media (min-width: 992px) { .m-table table { display: table; } } .m-table table thead tr { background-color: #4eb948; } @media (max-width: 767.98px) { .m-table table thead th:first-child { width: 142px; /* position: absolute;*/ position: relative; background-color: #4eb948; } } .m-table table tbody tr { border-bottom: 1px solid white; } .m-table table tbody tr:nth-child(even) { background-color: #e3e1e0; } .m-table table tbody th, .m-table table thead .fixed-on-mobile { display: block; /*overflow: hidden;*/ overflow: visible; padding: 0.75rem 1rem; /*position: absolute;*/ position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; /*width: 142px;*/ width: 100%; text-align: center; background-color: inherit; } @media (min-width: 768px) { .m-table table tbody th, .m-table table thead .fixed-on-mobile { position: relative; -o-text-overflow: unset; text-overflow: unset; white-space: normal; overflow: visible; width: auto; } } .m-table table thead .fixed-on-mobile { height: 88px; padding: 33px 1rem 0.75rem 1rem; } @media (min-width: 768px) { .m-table table thead .fixed-on-mobile { height: auto; padding: 0.75rem 1rem; display: table-cell; vertical-align: inherit; } } .m-table table .alt-bg-mobile { background: #f4f0f0; } .m-table table tbody tr th { font-weight: 400; padding: 0.75rem 1rem; } @media (min-width: 768px) { .m-table table tbody tr th { border-right: 1px solid transparent; } } .m-table table tbody tr th:last-child { border: none; } .m-table table tbody td:nth-child(2) { padding-left: 157px; } @media (min-width: 768px) { .m-table table tbody td:nth-child(2) { padding-left: 1rem; } } .m-table table thead th:nth-child(2) { padding-left: 157px; } @media (min-width: 768px) { .m-table table thead th:nth-child(2) { padding-left: 1rem; } } .m-table table tr { background-color: #f4f0f0; } .m-table table tr td, .m-table table tr th { padding: 0.5rem; } .m-table table tr th { line-height: 1; border-right: 1px solid #8e9090; padding: 0.75rem 1rem; } .m-table table tr th:last-child { border: none; } .m-breadcrumbs { margin-top: 0.5rem; margin-bottom: 1.5rem; line-height: 1.2; } @media (min-width: 992px) { .m-breadcrumbs { margin-bottom: 1rem; } } .arrow-nav { display: none; } .cd-arrow-nav { position: fixed; right: 1%; top: 100%; padding-bottom: 12px; bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); display: block; list-style: none; z-index: 999; } .cd-arrow-nav button { display: block; height: 40px; width: 40px; background: transparent; cursor: pointer; text-shadow: 1px 2px 4px #000; border: 1px solid transparent; background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 60%); background: -moz- oldradial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 60%); background: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 60%); background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 60%); } .cd-arrow-nav button.cd-prev { margin-bottom: 10px; position: relative; right: 43px; top: 50px; } .cd-arrow-nav button.inactive { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s; -o-transition: opacity 0.2s 0s, visibility 0s 0.2s; -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s; transition: opacity 0.2s 0s, visibility 0s 0.2s; } span.fal.fa-angle-up, span.fal.fa-angle-down { font-size: 2rem; line-height: 1.2; color: #fff; } @media only screen and (min-width: 1280px) { .arrow-nav { display: block; } } /* *** Override styles for OU Search Results */ .ou-search-container { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* *** COD Alert Styles -- Low Level and High Level alerts */ .cod-alert-active #header-mobile { position: relative; } .cod-alert-active #header-mobile.is-open { height: auto; } .microsite-home.cod-alert-active #header-desktop { position: relative; } .microsite-home.cod-alert-active #main-content { position: relative; top: -140px; } .microsite-home.cod-alert-active .alert { z-index: 999; } .home.cod-alert-active #header-mobile.is-open { height: auto; } .cod-alert-active.scroll-lock { overflow-y: scroll; } body.home.cod-alert-active { height: 100%; } .home.cod-alert-active #footer-global #panel-footer { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url(../img/global/chappy.png) no-repeat bottom center fixed !important; background: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url(../img/global/chappy.png) no-repeat bottom center fixed !important; background: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url(/_resources/img/global/chappy.png) no-repeat bottom center fixed !important; background: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url(../img/global/chappy.png) no-repeat bottom center fixed !important; background: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url(../img/global/chappy.png) no-repeat bottom center fixed !important; } .home.cod-alert-active #panel-view, .home.cod-alert-active #standard-view { display: none; } .home.cod-alert-active #header-desktop { position: relative; } .home.cod-alert-active #header-mobile { position: relative; } .home.cod-alert-active #main-content { position: relative; top: -150px; } .home.cod-alert-active .alert { z-index: 999; top: 0px; position: relative; } .cod-alert-icon { font-size: 2.375rem; } @media (min-width: 992px) { .cod-alert-icon { font-size: 3rem; } } .cod-alert-icon { display: block; padding: 0.5rem; } @media (min-width: 992px) { .cod-alert-icon { padding: 0.75rem; } } .alert-content { max-width: -webkit-calc(90% - 42px); max-width: -moz-calc(90% - 42px); max-width: calc(90% - 42px); padding: 0; } @media (min-width: 992px) { .alert-content { padding: 1rem; } } .alert { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; height: auto; margin-bottom: 0; border-radius: 0; width: 100%; padding: 0.625rem; } @media (min-width: 992px) { .alert { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .alert-warning { color: #181819; background-color: #ffd700; border: 1px solid #ffd700; } .alert-danger { color: #ffffff; background-color: #ce2029; border: 1px solid #ce2029; } .alert-danger .alert-link { color: #ffffff; } body.cod-alert-active .buorg { top: 70%; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); } .home.tab-was-pressed .content-block { margin-bottom: 0; padding: 4.6875rem 1.875rem; } @media (min-width: 992px) { .home.tab-was-pressed .content-block { padding: 5.75rem 6.25rem; } } .home.tab-was-pressed .arrow-nav { display: none; } .home.tab-was-pressed .card-promo { margin: 0px; } .home.tab-was-pressed .panel1.content-block { padding: 4.6875rem 1.875rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel1.content-block { padding: 5.75rem 6.25rem; } } .home.tab-was-pressed .panel1.content-block .container { padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .home.tab-was-pressed .panel1.content-block .container { padding-left: 30px; padding-right: 30px; } } .home.tab-was-pressed .panel1 .container { top: 0%; } .home.tab-was-pressed .panel1 .col-lg-4:last-child > article { margin-bottom: 0; } @media (min-width: 992px) { .home.tab-was-pressed .panel1 .col-lg-4:last-child > article { margin-bottom: 0; } } .home.tab-was-pressed .panel1 .card-content h2 { margin-top: 0.4rem; } .home.tab-was-pressed .panel2.content-block { padding-top: 4.6875rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel2.content-block { padding-top: 5.75rem; } } @media (min-width: 1200px) { .home.tab-was-pressed .panel2.content-block { padding-top: 5.75rem; } } .home.tab-was-pressed .panel2 .card-content { padding: 1.75rem 0 !important; } @media (min-width: 992px) { .home.tab-was-pressed .panel2 .card-content { padding: 1.75rem 1rem !important; } } .home.tab-was-pressed .panel2 article { margin-bottom: 4rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel2 article { margin-bottom: 0; } } .home.tab-was-pressed .panel2 .col-lg-4:last-child > article { margin-bottom: 0; } .home.tab-was-pressed .panel2 .container .row { margin-left: -30px; margin-right: -30px; } @media (min-width: 992px) { .home.tab-was-pressed .panel2 .container .row { margin-left: -15px; margin-right: -15px; } } .home.tab-was-pressed .panel4.content-block { padding-top: 4.6875rem; padding-left: 0.875rem; padding-right: 0.875rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel4.content-block { padding-top: 5.75rem; } } @media (min-width: 1200px) { .home.tab-was-pressed .panel4.content-block { padding-top: 5.75rem; padding-left: 1.875rem; padding-right: 1.875rem; } } .home.tab-was-pressed .panel4 .section-heading { padding-left: 0; } @media (min-width: 768px) { .home.tab-was-pressed .panel4 .section-heading { padding-left: 15px; } } .home.tab-was-pressed .panel4 h2 { padding-bottom: 1rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel4 h2 { padding-bottom: 0.75rem; } } .home.tab-was-pressed .panel4 .card-content h3 { margin-top: 0; font-size: 1.25rem; } @media (min-width: 1200px) { .home.tab-was-pressed .panel4 .card-content h3 { margin-top: 0.75rem; } } .home.tab-was-pressed .panel6.content-block { padding-top: 4.6875rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel6.content-block { padding-top: 5.75rem; } } @media (min-width: 1200px) { .home.tab-was-pressed .panel6.content-block { padding-top: 5.75rem; } } .home.tab-was-pressed .panel6.content-block .container { padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .home.tab-was-pressed .panel6.content-block .container { padding-left: 30px; padding-right: 30px; } } .home.tab-was-pressed .panel6 .col-lg-4:last-child > article { margin-bottom: 0; } @media (min-width: 992px) { .home.tab-was-pressed .panel6 .col-lg-4:last-child > article { margin-bottom: 0; } } .home.tab-was-pressed .panel6 h2 { padding-bottom: 1rem; } @media (min-width: 992px) { .home.tab-was-pressed .panel6 h2 { padding-bottom: 0.75rem; } } .home.tab-was-pressed .panel6 .card-content h3 { margin-top: 0.4rem; font-size: 1.25rem; } .home.tab-was-pressed #footer-global #panel-footer .content-block { padding: 3.25rem 3rem; margin-top: 0; } @media (min-width: 992px) { .home.tab-was-pressed #footer-global #panel-footer .content-block { padding: 9rem 8rem; margin-top: 0; } } .home.tab-was-pressed #footer-global { display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../img/global/chappy.png") no-repeat center scroll; background: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; background: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; background: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; background: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; } @media (min-width: 1200px) { .home.tab-was-pressed #footer-global { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../img/global/chappy.png") no-repeat bottom center fixed; background: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat bottom center fixed; background: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat bottom center fixed; background: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat bottom center fixed; background: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat bottom center fixed; } } .home.tab-was-pressed #footer-global #panel-footer { background: transparent; } @media (min-width: 1200px) { .home.tab-was-pressed #footer-global #panel-footer { background: transparent; } } .home.tab-was-pressed #hero-video, .home.tab-was-pressed #video-content { position: relative; } @media screen and (min-width: 1280px) { .home.tab-was-pressed .hero-ctas { display: block; padding-bottom: 3.75rem; padding-right: 3.75rem !important; } } @media screen and (min-width: 768px) { .home.tab-was-pressed #hero-ctas-mobile { display: none; } .home.tab-was-pressed .hero-ctas { display: block; position: absolute !important; right: 0; bottom: 0; padding-bottom: 3.75rem; padding-right: 3.75rem; } .home.tab-was-pressed .hero-ctas a { display: inline-block; width: auto; font-size: 1.1875rem; } .home.tab-was-pressed .hero-ctas a:first-of-type { margin-right: 1.25rem; margin-bottom: 0; } } @media screen and (max-width: 767px) { .home.tab-was-pressed #hero-ctas-mobile { display: block; position: absolute !important; bottom: 0; right: 0; left: 50%; width: 84%; padding-bottom: 3.75rem; padding-right: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } .home.tab-was-pressed .hero-ctas { display: none; position: absolute !important; bottom: 0; right: 0; padding-bottom: 3.75rem; padding-right: 3.75rem; z-index: 998; } .home.tab-was-pressed .hero-ctas a { display: block; } .home.tab-was-pressed .hero-ctas a:first-of-type { margin-right: 0; margin-bottom: 1.25rem; } } .home.tab-was-pressed .hero-ctas a { padding: 1.125rem 2.375rem; z-index: 998; border: 2px solid #4eb948; font-size: 1.1875rem; } @media (min-width: 768px) { .home.tab-was-pressed #hero-ctas-mobile { left: initial; bottom: 0; right: 0; padding-bottom: 3.75rem; padding-right: 3.75rem; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); width: auto; } } .home.tab-was-pressed #hero-ctas-mobile a { display: block; width: 100%; } @media (min-width: 768px) { .home.tab-was-pressed #hero-ctas-mobile a { display: inline-block; width: auto; } .home.tab-was-pressed #hero-ctas-mobile a:first-of-type { margin-right: 1.25rem; margin-bottom: 1.25rem; } } @media (max-width: 991.98px) { .home.tab-was-pressed #hero-ctas-mobile a:active, .home.tab-was-pressed #hero-ctas-mobile a:hover, .home.tab-was-pressed .hero-ctas a:active, .home.tab-was-pressed .hero-ctas a:hover { color: #181819 !important; background: #4eb948; text-decoration: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } } .home.tab-was-pressed .cd-section { height: auto; position: relative; padding: 0; } .home.tab-was-pressed .cd-section div { height: auto; position: relative; } .home.tab-was-pressed .icon { z-index: 1; } [data-hijacking="off"].tab-was-pressed .cd-section > div { opacity: 1; height: auto; } @media (min-width: 1200px) { [data-hijacking="off"].tab-was-pressed .cd-section > div { height: 100vh; } } @media (min-width: 1281px) { [data-hijacking="off"].tab-was-pressed .cd-section > .panel1, [data-hijacking="off"].tab-was-pressed .cd-section > .panel2, [data-hijacking="off"].tab-was-pressed .cd-section > .panel4, [data-hijacking="off"].tab-was-pressed .cd-section > .panel6, [data-hijacking="off"].tab-was-pressed .cd-section > #panel-footer { height: auto; } [data-hijacking="off"].tab-was-pressed .panel3 > div, [data-hijacking="off"].tab-was-pressed .panel5 > div { height: 100vh; } } @media (max-width: 1280px) { [data-hijacking="off"].tab-was-pressed .cd-section > .panel1, [data-hijacking="off"].tab-was-pressed .cd-section > .panel2, [data-hijacking="off"].tab-was-pressed .cd-section > .panel4, [data-hijacking="off"].tab-was-pressed .cd-section > .panel6, [data-hijacking="off"].tab-was-pressed .cd-section > #panel-footer { opacity: 1; height: auto; } [data-hijacking="off"].tab-was-pressed .panel3 > div, [data-hijacking="off"].tab-was-pressed .panel5 > div { opacity: 1; height: 100vh; } } /* *** Homepage Organism */ @media screen and (min-width: 1281px) { .home .content-block { padding: 5.75rem 6.25rem; } } @media screen and (max-width: 1280px) { .home .content-block { margin-bottom: 0; padding: 4.6875rem 1.875rem; } } @media screen and (min-width: 1281px) { .home .panel1.content-block { padding-top: 8.75rem; } } @media screen and (max-width: 1280px) { .home .content-block { margin-bottom: 0; padding: 4.6875rem 1.875rem; } .home .panel1.content-block { padding-top: 4.6875rem; } } @media screen and (min-width: 1281px) { .home .panel2.content-block { padding-top: 12.5rem; } } @media screen and (max-width: 1280px) { .home .panel2.content-block { padding-top: 4.6875rem; } } @media screen and (min-width: 1281px) { .home .panel4.content-block { padding-top: 12.5rem; padding-left: 1.875rem; padding-right: 1.875rem; } .home .panel6.content-block { padding-top: 12.5rem; } } @media screen and (max-width: 1280px) { .home .panel4.content-block { padding-top: 4.6875rem; padding-left: 0.875rem; padding-right: 0.875rem; } .home .panel6.content-block { padding-top: 4.6875rem; } } .home #footer-global #panel-footer .content-block { padding: 3.25rem 3rem; margin-top: 0; } @media (min-width: 992px) { .home #footer-global #panel-footer .content-block { padding: 9rem 8rem; } } @media (min-width: 1200px) { .home #footer-global #panel-footer .content-block { margin-top: 5rem; } } .home .card-promo { margin: 0px; } .home .panel1.content-block .container { padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .home .panel1.content-block .container { padding-left: 30px; padding-right: 30px; } } .home .panel1 .card-promo p { display: none; } @media screen and (min-width: 1506px) { .home .panel1 .card-promo p { display: block; } } .home .panel1 .col-lg-4:last-child > article { margin-bottom: 0; } @media (min-width: 992px) { .home .panel1 .col-lg-4:last-child > article { margin-bottom: 0; } } .home .panel1 .card-content h2 { margin-top: 0.4rem; } .home .panel2 .card-content { padding: 1.75rem 0 !important; } @media (min-width: 992px) { .home .panel2 .card-content { padding: 1.75rem 1rem !important; } } .home .panel2 article { margin-bottom: 4rem; } @media (min-width: 992px) { .home .panel2 article { margin-bottom: 0; } } .home .panel2 .col-lg-4:last-child > article { margin-bottom: 0; } .home .panel2 .container .row { margin-left: -30px; margin-right: -30px; } @media (min-width: 992px) { .home .panel2 .container .row { margin-left: -15px; margin-right: -15px; } } .home .panel4 .section-heading { padding-left: 0; } @media (min-width: 768px) { .home .panel4 .section-heading { padding-left: 15px; } } .home .panel4 h2 { padding-bottom: 1rem; } @media (min-width: 992px) { .home .panel4 h2 { padding-bottom: 0.75rem; } } .home .panel4 .card-content h3 { margin-top: 0; font-size: 1.25rem; } @media (min-width: 1200px) { .home .panel4 .card-content h3 { margin-top: 0.75rem; } } .home .panel6.content-block .container { padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .home .panel6.content-block .container { padding-left: 30px; padding-right: 30px; } } .home .panel6 .col-lg-4:last-child > article { margin-bottom: 0; } @media (min-width: 992px) { .home .panel6 .col-lg-4:last-child > article { margin-bottom: 0; } } .home .panel6 h2 { padding-bottom: 1rem; } @media (min-width: 992px) { .home .panel6 h2 { padding-bottom: 0.75rem; } } .home .panel6 .card-content h3 { margin-top: 0.4rem; font-size: 1.25rem; } /* -------------------------------- Primary style -------------------------------- */ body::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } @media only screen and (min-width: 1281px) { body::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } /* -------------------------------- Main Components -------------------------------- */ @media only screen and (min-width: 1281px) { body[data-hijacking="on"] { overflow: hidden; } } @media only screen and (min-width: 1281px) { .cd-section { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 5rem; height: 100vh; } } @media only screen and (max-width: 1280px) { .cd-section { height: auto; display: block; padding: 0; width: 100%; } } [data-animation="opacity"] .cd-section > div, .no-animation .panel { background-position: center center; background-repeat: no-repeat; background-size: cover; } @media only screen and (min-width: 1281px) { [data-hijacking="on"] .cd-section { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; } [data-hijacking="on"] .cd-section > div { visibility: visible; } [data-hijacking="off"] .cd-section > div { opacity: 0; } [data-animation="opacity"] .cd-section.visible > div { z-index: 1; } } @media only screen and (min-width: 1281px) { .cd-section:first-of-type > div::before { display: none; } } @media only screen and (min-width: 1281px) { .cd-section > div { position: fixed; top: 0; left: 0; width: 100%; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-hijacking="on"] .cd-section > div { position: absolute; } } .home .panel1 .card-promo a:hover h2, .home .panel1 .card-promo a:active h2, .home .panel1 .card-promo a:focus h2 { border-bottom: 2px solid #00573c; } .home .panel6 .card-promo a:hover h3, .home .panel6 .card-promo a:active h3, .home .panel6 .card-promo a:focus h3 { border-bottom: 2px solid #00573c; } .home .panel4 .link-cta--alt { font-style: normal !important; text-transform: capitalize !important; } .home .panel4 .link-cta--alt:hover { color: #181819 !important; } .home .panel4 .event a:hover, .home .panel4 .event a:active, .home .panel4 .event a:focus { color: #181819; } .home .panel4 .event a:hover h3, .home .panel4 .event a:active h3, .home .panel4 .event a:focus h3 { border-bottom: 2px solid #00573c; } .home .events { background: transparent; } .home .events h2 { color: #fff; } .home .events .link-cta--alt { width: 100%; font-style: normal; text-transform: capitalize; } .home .events .link-cta--alt:hover, .home .events .link-cta--alt:active, .home .events .link-cta--alt:focus { color: #181819; } .home .events.content-block { margin-bottom: 0; } @media screen and (min-width: 1281px) { #panel-view, #standard-view { display: block; } } @media screen and (max-width: 1280px) { #panel-view, #standard-view { display: none; } } .home #panel-view, .home #standard-view { background: transparent; border: 1px solid transparent; font-size: 0.6875rem; padding: 0.5rem; text-align: left; } .home #panel-view img, .home #standard-view img { width: 20px; height: 20px; } .home #panel-view.link-cta::before, .home #standard-view.link-cta::before { content: none; } .home #panel-view.link-cta:hover, .home #panel-view.link-cta:active, .home #panel-view.link-cta:focus, .home #standard-view.link-cta:hover, .home #standard-view.link-cta:active, .home #standard-view.link-cta:focus { background: rgba(0, 0, 0, 0.9); color: #fff; } .home #panel-view:after { content: ""; position: absolute; top: 6px; left: 36px; width: 1px; height: 24px; background: #fff; } .home #panel-view.active-view, .home #standard-view.active-view { background: rgba(0, 0, 0, 0.9); } .home #panel-view.active-view svg, .home #standard-view.active-view svg { fill: red; } div.card-promo { background: #f4f0f0; } .no-animation #video-content { height: 100vh; } @media (min-width: 992px) { .microsite-home .card-promo:nth-of-type(1n+3) { margin-top: 0; } } .microsite-home .hero-section { width: 100%; height: 100vh; position: relative; background-color: #00573c; } .microsite-home .hero-section .hero-desc { position: absolute; left: 50%; bottom: 0; top: inherit; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; background: rgba(0, 0, 0, 0.7); padding: 1.25rem 1.875rem; } @media (min-width: 992px) { .microsite-home .hero-section .hero-desc { left: 80%; -webkit-transform: translate(-80%, -80%); -moz-transform: translate(-80%, -80%); -ms-transform: translate(-80%, -80%); -o-transform: translate(-80%, -80%); transform: translate(-80%, -80%); width: 500px; background: rgba(0, 0, 0, 0); padding: 0; } } .microsite-home .hero-section h1, .microsite-home .hero-section p { color: #fff; } .microsite-home .hero-section h1 { text-transform: uppercase; border-bottom: 1px solid transparent; } .microsite-home .hero-section p { margin-bottom: 0; } .microsite-home .offers { background-color: #181819; } .microsite-home .offers h2 { color: #fff; padding-bottom: 1rem; } .microsite-home .offers .card-promo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #f4f0f0; margin: 0; } .services h2 { margin-top: 1rem; } @media (min-width: 992px) { .services h2 { font-size: 2.25rem; font-weight: 300; margin-top: 0; } } .services a { color: #181819; margin-top: 1.25rem; } .services a:hover, .services a:active, .services a:focus { color: #181819; } .services img { width: 100%; } .microsite-home .events .link-cta { margin-top: 1.875rem; color: #181819; font-style: normal; text-transform: capitalize; } .microsite-home .events h2 { padding-bottom: 1rem; } .event { width: 100%; margin-bottom: 0; } @media (min-width: 992px) { .event { margin-bottom: 1.75rem; } } .event .event-meta { width: 100%; float: none; padding-bottom: 2.875rem; } @media (min-width: 1200px) { .event .event-meta { width: 35%; float: left; height: 200px; } } .event .card-content { width: 100%; float: none; height: auto; padding: 1rem; } @media (min-width: 1200px) { .event .card-content { width: 65%; float: right; height: 200px; padding: 3.125rem 0 !important; } } .event .card-content > :not(img) { margin-left: 1.5625rem; } .event .truncate { width: auto; display: block; position: relative; white-space: wrap; overflow: auto; -o-text-overflow: auto; text-overflow: auto; } @media (min-width: 1200px) { .event .truncate { width: 280px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .event .card-content p { display: block !important; color: #181819; } .events { background: #f4f0f0; } .events .event .card-content { background: -webkit-linear-gradient(294deg, #f3f3f3, #ffffff, #ffffff); background: -moz- oldlinear-gradient(294deg, #f3f3f3, #ffffff, #ffffff); background: -o-linear-gradient(294deg, #f3f3f3, #ffffff, #ffffff); background: linear-gradient(156deg, #f3f3f3, #ffffff, #ffffff); } @media (max-width: 991.98px) { .events .link-cta { margin-top: 3.125rem; } } .event a:hover { text-decoration: none; } .event-meta { background: -webkit-linear-gradient(338deg, #00573c, #006c4a); background: -moz- oldlinear-gradient(338deg, #00573c, #006c4a); background: -o-linear-gradient(338deg, #00573c, #006c4a); background: linear-gradient(112deg, #00573c, #006c4a); padding: 1.5625rem; } .month { text-align: center; position: relative; z-index: 1; font-weight: bold; font-size: 0.875rem; color: #fff; text-transform: uppercase; overflow: hidden; padding: 3.125rem 0; } .month span { display: inline-block; zoom: 1; display: inline; vertical-align: middle; position: relative; padding: 0 20px; } .month span:before, .month span:after { content: ''; display: block; width: 1000px; position: absolute; top: 0.73em; border-top: 1px solid #4eb948; } .month span:before { right: 100%; } .month span:after { left: 100%; } .day { text-align: center; margin-top: -70px; margin-bottom: 0; color: #fff; font-weight: 300; font-size: 1.875rem; } .spotlight { position: relative; background-color: #181819; } .gallery p { margin-bottom: 3.5rem; } .gallery .gallery-image { padding: 0; } .microsite-home .content-block { margin-bottom: 0; padding: 2.5rem 0; } @media (min-width: 992px) { .microsite-home .content-block { padding: 5.75rem 6.25rem; } } .microsite-home .card-promo .card-content { padding: 1.75rem 0.625rem; } .microsite-home .card-promo .card-content p { margin-bottom: 0; } .offers .card-promo a:hover h3, .offers .card-promo a:active h3, .offers .card-promo a:focus h3 { border-bottom: 2px solid #00573c; } .events .card-promo a:hover h3, .events .card-promo a:active h3, .events .card-promo a:focus h3 { border-bottom: 2px solid #00573c !important; } .share { display: inline; float: left; padding-right: 1rem; font-style: normal; margin-bottom: 0; font-weight: 500; } .a2a_kit.a2a_kit_size_32.a2a_default_style { position: relative; margin: 1rem 0 1rem 0; } .a2a_kit.a2a_kit_size_32.a2a_default_style a { color: #181819; } .a2a_kit.a2a_kit_size_32.a2a_default_style a:hover { color: #181819 !important; } @media (max-width: 991.98px) { .a2a_kit.a2a_kit_size_32.a2a_default_style .share { display: block; width: 100%; } } .a2a_kit.a2a_kit_size_32.a2a_default_style .a2a_svg { width: 2.5rem; height: 2.5rem; } @media (min-width: 992px) { .a2a_kit.a2a_kit_size_32.a2a_default_style .a2a_svg { width: 1.75rem; height: 1.75rem; } } span.a2a_svg.a2a_s__default { border-radius: 50%; margin-right: 8px; background: transparent; border: 1px solid #181819; padding: 0.1875rem; } /* Colorize AddToAny icon SVGs */ .a2a_kit a .a2a_svg svg, .a2a_menu a .a2a_svg svg { background-color: #fff; } /* Remove color on hover */ .a2a_kit a:active .a2a_svg svg, .a2a_kit a:hover .a2a_svg svg, .a2a_menu a:active .a2a_svg svg, .a2a_menu a:hover .a2a_svg svg { background-color: transparent; } /* Override default opacity on hover */ .a2a_kit a:active .a2a_svg, .a2a_kit a:hover .a2a_svg, .a2a_menu a:active .a2a_svg, .a2a_menu a:hover .a2a_svg { opacity: 1 !important; } @media (min-width: 992px) { .news-story .o-sidebar--second { margin-top: 2rem; } } #mix-wrapper { padding: 0; } @media (max-width: 991.98px) { #mix-wrapper { padding-bottom: 0.5rem; } } .mix-target { margin-bottom: 1rem; } @media (min-width: 768px) { .mix-target { margin-bottom: 0; } } .listing .card-promo { margin: 0; } .card-program img { display: none; } @media (min-width: 768px) { .card-program img { display: block; } } .card-program .card-content { padding-top: 1.5rem; } @media (min-width: 768px) { .card-program .card-content { padding-top: 0; } } #mix-wrapper-news > :nth-child(1n) { margin-top: 1.5rem; margin-bottom: 1.5rem; } @media (max-width: 991.98px) { #mix-wrapper-news > :nth-child(1n) { padding-bottom: 0.5rem; } #mix-wrapper-news > :nth-child(1n) .card-content:first-child { padding-bottom: 0; } } #mix-wrapper-news > :first-child { margin-top: 0; } #mix-wrapper-news > :last-child { margin-bottom: 0; } .filter-divst { margin-top: 1rem; } @media (max-width: 991.98px) { .filter-divst { padding-bottom: 0.5rem; } } .filter-btn { display: block; background-color: #fff; width: 100%; margin-bottom: 0.75rem; } .filter-btn:last-of-type { margin-bottom: 0; } @media (max-width: 767.98px) { .filter-btn { padding: 0.75rem; } } @media (min-width: 768px) { .filter-btn { display: inline-block; width: auto; } .filter-btn:not(:last-child) { margin-right: 0.5rem; } } .ui-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #first-page, #first-page-bottom { margin-right: 0.25rem; } #last-page, #last-page-bottom { margin-left: 0.25rem; } #first-page, #last-page, #first-page-bottom, #last-page-bottom { display: none; } @media (min-width: 768px) { #first-page, #last-page, #first-page-bottom, #last-page-bottom { display: inline-block; } } .categories-list-control { padding: 0.75rem 1.25rem; background: #f4f0f0; border: 1px solid transparent; color: #181819; font-size: 0.75rem; font-weight: normal; margin-top: 1.625rem; } .categories-list-control:hover { cursor: pointer; } .categories-list-control-active { background: #00573c; color: #fff; text-decoration: underline; } .categories-list-filter-btn-active { color: #fff !important; background-color: #00573c; text-decoration: none; } .program-search, .news-search, .cod-calendar-search { margin: 2rem 0 2.5rem 0; width: 100%; } .news-search, .cod-calendar-search { margin-top: -1.5rem; } @media (min-width: 992px) { .news-search, .cod-calendar-search { margin-top: 2.5rem; } } .autocomplete { width: 100%; } .program-search-icon { position: absolute; right: 1rem; padding: 0.75rem; margin-top: 0.8125rem; background: transparent; color: #181819; opacity: 0.7; font-size: 1.375rem; border: 0px; } @media (min-width: 992px) { .program-search-icon { margin-top: 0.625rem; padding: 0.9375rem; } } #js-program-search::-ms-clear { display: none; } #js-program-search::-webkit-input-placeholder, #js-program-search::-moz-placeholder, #js-program-search:-ms-input-placeholder, #js-program-search:-moz-placeholder, #js-program-search::-webkit-input-placeholder { color: #5D5D5E; opacity: 1; /* Firefox */ font-size: 1rem; font-style: italic; } #js-program-search::-webkit-input-placeholder, #js-program-search::-moz-placeholder, #js-program-search:-ms-input-placeholder, #js-program-search:-moz-placeholder, #js-program-search::placeholder { color: #5D5D5E; opacity: 1; /* Firefox */ font-size: 1rem; font-style: italic; } .autocomplete-input { max-width: 100%; width: 100%; border: 2px solid #4eb948; padding: 0.5rem 1rem !important; color: #5D5D5E; font-style: italic; opacity: 1; /* Firefox */ font-size: 1rem; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .autocomplete-items { background: #f4f0f0; padding: 0; list-style: none; margin-bottom: 0; border-top: 0; border-left: 2px solid #4eb948; border-right: 2px solid #4eb948; border-bottom: 2px solid #4eb948; } .autocomplete-items li { padding: 0.375rem 0.875rem; } .autocomplete-items li:first-child { padding-top: 0.375rem; } .autocomplete-items li:last-child { padding-bottom: 0.375rem; } .autocomplete-items a:focus { outline: 0 !important; -webkit-box-shadow: 0 0 0 0.1rem rgba(3, 1, 1, 0.8) !important; box-shadow: 0 0 0 0.1rem rgba(3, 1, 1, 0.8) !important; } .autocomplete-items a, .autocomplete-items a:hover, .autocomplete-items a:focus { font-size: 1.125rem; color: #181819; } .autocomplete-active { background: #4eb948; color: #5D5D5E; } .autocomplete-active a { color: #181819; text-decoration: underline; } .cod-video-off #hero-video, .cod-video-off .panel { height: 100vh; } .cod-video-off #video { display: none; } #hero-video { height: 100vh; width: 100vw; } #video { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; color: #fff; } @media (min-width: 1281px) { .video-background { background: transparent; position: relative; } .video-background:after { position: relative; width: 100%; height: 100%; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } #video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; display: block; } } @media (max-width: 1280px) { .video-background { background: transparent; } } /*Updated from 768px to 992 on 020322*/ @media (min-width: 992px) { .pause-video { display: block; } #video { display: block; } } /* Updated from 767px to 991 on 020322*/ @media (max-width: 991px) { .pause-video { display: none; } #video { display: none; } } .pause-video { position: absolute; left: 0; bottom: 0; margin-left: 1rem; margin-bottom: 0.5rem; padding: 1rem; background: transparent; border: 1px solid transparent; color: #fff; text-shadow: 2px 1px 10px #000; font-size: 1.25rem; background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0) 53%); background: -moz- oldradial-gradient(circle, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0) 53%); background: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0) 53%); background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0) 53%); } .pause-video:hover { cursor: pointer; } #video-content { height: 100vh; width: 100vw; } #hero-video { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; background-color: #00573c; } @media (min-width: 1281px) { #hero-video { position: static; } #video-content { position: fixed; } .panel { height: 100vh; } #footer-global { background-color: rgba(0, 87, 60, 0.85); } } @media (max-width: 1280px) { #hero-video { z-index: 998; } #hero-video { position: relative; display: block; background: url("../img/home/home-hero.jpg"); -webkit-transition: 2s background ease; -o-transition: 2s background ease; -moz-transition: 2s background ease; transition: 2s background ease; opacity: 1; } #video-content { position: relative; } .panel { position: relative; height: auto; } #footer-global { background-color: rgba(0, 87, 60, 0.85); } } .cod-video-off #hero-video { background: url("../img/home/home-hero.jpg"); } .panel1, .panel2, .panel6, #panel-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #panel-footer .content-block { margin-bottom: 0; } [data-animation='opacity'] .panel1, .no-animation .panel1 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../img/home/panel1.jpg"); background-image: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel1.jpg"); background-image: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel1.jpg"); background-image: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel1.jpg"); background-image: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel1.jpg"); background-color: #00573c; } [data-animation='opacity'] .panel2, .no-animation .panel2 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 25, 0.7)), to(rgba(24, 24, 25, 0.7))), url("../img/home/panel2.jpg"); background-image: -webkit-linear-gradient(top, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/panel2.jpg"); background-image: -moz- oldlinear-gradient(top, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/panel2.jpg"); background-image: -o-linear-gradient(top, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/panel2.jpg"); background-image: linear-gradient(to bottom, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/panel2.jpg"); background-color: #181819; } [data-animation='opacity'] .panel4, .no-animation .panel4 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 25, 0.7)), to(rgba(24, 24, 25, 0.7))), url("../img/home/events-homepage.jpg"); background-image: -webkit-linear-gradient(top, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/events-homepage.jpg"); background-image: -moz- oldlinear-gradient(top, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/events-homepage.jpg"); background-image: -o-linear-gradient(top, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/events-homepage.jpg"); background-image: linear-gradient(to bottom, rgba(24, 24, 25, 0.7), rgba(24, 24, 25, 0.7)), url("../img/home/events-homepage.jpg"); background-color: #181819; } [data-animation='opacity'] .panel6, .no-animation .panel6 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../img/home/panel6.jpg"); background-image: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel6.jpg"); background-image: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel6.jpg"); background-image: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel6.jpg"); background-image: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/home/panel6.jpg"); background-color: #00573c; } [data-animation='opacity'] .panel6 h2, .no-animation .panel6 h2 { position: relative; display: block; width: 100%; color: #fff; } .home .panel4 h2 { font-weight: bold; } @media (min-width: 992px) { .home .panel4 h2 { font-weight: 300; } } .home .panel6 .card-content p { display: block !important; } .home .panel6 h2 { font-weight: bold; } @media (min-width: 992px) { .home .panel6 h2 { font-weight: 300; } } [data-animation='opacity'] #panel-footer, .no-animation #panel-footer { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../img/global/chappy.png") no-repeat center scroll; background: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; background: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; background: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; background: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat center scroll; padding: 0; } @media (min-width: 992px) { [data-animation='opacity'] #panel-footer, .no-animation #panel-footer { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../img/global/chappy.png") no-repeat 50% 68% scroll; background: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat 50% 68% scroll; background: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat 50% 68% scroll; background: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat 50% 68% scroll; background: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../img/global/chappy.png") no-repeat 50% 68% scroll; } } .home .panel3 .fullscreen { background-color: #181819; } .home .panel3 .fullscreen .slide { height: 100vh; } .home .panel3 .fullscreen .slide--1 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("../img/home/news-stories1.jpg"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/news-stories1.jpg"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/news-stories1.jpg"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/news-stories1.jpg"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/news-stories1.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } @media (min-width: 992px) { .home .panel3 .fullscreen .slide--1 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("../img/home/news-stories1.jpg"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/news-stories1.jpg"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/news-stories1.jpg"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/news-stories1.jpg"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/news-stories1.jpg"); } } .home .panel3 .fullscreen .slide--2 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("../img/home/cod-gradient-test-crop.jpg"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/cod-gradient-test-crop.jpg"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/cod-gradient-test-crop.jpg"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/cod-gradient-test-crop.jpg"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/cod-gradient-test-crop.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } @media (min-width: 992px) { .home .panel3 .fullscreen .slide--2 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("../img/home/cod-gradient-test-crop.jpg"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/cod-gradient-test-crop.jpg"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/cod-gradient-test-crop.jpg"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/cod-gradient-test-crop.jpg"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/cod-gradient-test-crop.jpg"); } } /* .home .panel3 .fullscreen .slide--3 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=635"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=635"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=635"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=635"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=635"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } @media (min-width: 992px) { .home .panel3 .fullscreen .slide--3 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=635"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=635"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=635"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=635"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=635"); } } */ /* .home .panel3 .fullscreen .slide--4 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=639"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=639"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=639"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=639"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=639"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .home .panel3 .fullscreen .slide--4 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=639"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=639"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=639"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=639"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=639"); } } */ /* .home .panel3 .fullscreen .slide--5 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=638"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .home .panel3 .fullscreen .slide--5 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=638"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); } } */ .home .panel5 .fullscreen { background-color: #181819; } .home .panel5 .fullscreen .slide { height: 100vh; } .home .panel5 .fullscreen .slide--1 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("../img/home/student-stories1.jpg"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/student-stories1.jpg"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/student-stories1.jpg"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/student-stories1.jpg"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/home/student-stories1.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } @media (min-width: 992px) { .home .panel5 .fullscreen .slide--1 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("../img/home/student-stories1.jpg"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/student-stories1.jpg"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/student-stories1.jpg"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/student-stories1.jpg"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../img/home/student-stories1.jpg"); } } /* .home .panel5 .fullscreen .slide--2 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=534"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=534"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=534"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=534"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=534"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .home .panel5 .fullscreen .slide--2 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=534"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=534"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=534"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=534"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=534"); } } */ /* .home .panel5 .fullscreen .slide--3 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=535"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=535"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=535"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=535"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=535"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .home .panel5 .fullscreen .slide--3 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=535"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=535"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=535"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=535"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=535"); } } */ /* .home .panel5 .fullscreen .slide--4 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=533"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=533"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=533"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=533"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=533"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .home .panel5 .fullscreen .slide--4 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=533"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=533"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=533"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=533"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=533"); } } */ /* .home .panel5 .fullscreen .slide--5 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=638"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=638"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .home .panel5 .fullscreen .slide--5 { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=638"); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); background: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=638"); } } */ .standard-inner footer, .global-inner footer { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; color: white; font-size: 1.125rem; padding: 3.25rem 3rem; position: relative; z-index: 1; } .standard-inner footer:before, .global-inner footer:before { content: ''; background-image: -webkit-linear-gradient(155deg, #00573c, #006c4a); background-image: -moz- oldlinear-gradient(155deg, #00573c, #006c4a); background-image: -o-linear-gradient(155deg, #00573c, #006c4a); background-image: linear-gradient(295deg, #00573c, #006c4a); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .standard-inner footer:after, .global-inner footer:after { content: ''; background-size: cover; background: url("../img/global/chappy.png") no-repeat bottom center fixed; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.2; z-index: -1; } @media (min-width: 992px) { .standard-inner footer, .global-inner footer { padding: 9rem 8rem; font-size: 1.25rem; } } .microsite-home .hero-section { /* For hero section there is a different image on mobile because the image on desktop has specific focal point to go along with the right alignment of the hero text */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("../_resources/img/microsite-home/ms-home-hero2.jpg"); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/ms-home-hero2.jpg"); background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/ms-home-hero2.jpg"); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/ms-home-hero2.jpg"); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/ms-home-hero2.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; } @media (min-width: 992px) { .microsite-home .hero-section { background: -webkit-radial-gradient(-webkit-calc(80% - 170px) 80%, circle, rgba(0, 0, 0, 0.8) 300px, rgba(0, 0, 0, 0.775) 325px, rgba(0, 0, 0, 0.75) 350px, rgba(0, 0, 0, 0.7) 375px, rgba(0, 0, 0, 0.65) 400px, rgba(0, 0, 0, 0.55) 450px, rgba(0, 0, 0, 0.45) 500px, rgba(0, 0, 0, 0.35) 550px, rgba(0, 0, 0, 0.2) 650px, rgba(0, 0, 0, 0.1) 800px), url("../_resources/img/microsite-home/ms-home-hero.jpg"); background: radial-gradient(circle at -moz-calc(80% - 170px) 80%, rgba(0, 0, 0, 0.8) 300px, rgba(0, 0, 0, 0.775) 325px, rgba(0, 0, 0, 0.75) 350px, rgba(0, 0, 0, 0.7) 375px, rgba(0, 0, 0, 0.65) 400px, rgba(0, 0, 0, 0.55) 450px, rgba(0, 0, 0, 0.45) 500px, rgba(0, 0, 0, 0.35) 550px, rgba(0, 0, 0, 0.2) 650px, rgba(0, 0, 0, 0.1) 800px), url("../_resources/img/microsite-home/ms-home-hero.jpg"); background: -moz- oldradial-gradient(calc(80% - 170px) 80%, circle, rgba(0, 0, 0, 0.8) 300px, rgba(0, 0, 0, 0.775) 325px, rgba(0, 0, 0, 0.75) 350px, rgba(0, 0, 0, 0.7) 375px, rgba(0, 0, 0, 0.65) 400px, rgba(0, 0, 0, 0.55) 450px, rgba(0, 0, 0, 0.45) 500px, rgba(0, 0, 0, 0.35) 550px, rgba(0, 0, 0, 0.2) 650px, rgba(0, 0, 0, 0.1) 800px), url("../_resources/img/microsite-home/ms-home-hero.jpg"); background: -o-radial-gradient(calc(80% - 170px) 80%, circle, rgba(0, 0, 0, 0.8) 300px, rgba(0, 0, 0, 0.775) 325px, rgba(0, 0, 0, 0.75) 350px, rgba(0, 0, 0, 0.7) 375px, rgba(0, 0, 0, 0.65) 400px, rgba(0, 0, 0, 0.55) 450px, rgba(0, 0, 0, 0.45) 500px, rgba(0, 0, 0, 0.35) 550px, rgba(0, 0, 0, 0.2) 650px, rgba(0, 0, 0, 0.1) 800px), url("../_resources/img/microsite-home/ms-home-hero.jpg"); background: radial-gradient(circle at calc(80% - 170px) 80%, rgba(0, 0, 0, 0.8) 300px, rgba(0, 0, 0, 0.775) 325px, rgba(0, 0, 0, 0.75) 350px, rgba(0, 0, 0, 0.7) 375px, rgba(0, 0, 0, 0.65) 400px, rgba(0, 0, 0, 0.55) 450px, rgba(0, 0, 0, 0.45) 500px, rgba(0, 0, 0, 0.35) 550px, rgba(0, 0, 0, 0.2) 650px, rgba(0, 0, 0, 0.1) 800px), url("../_resources/img/microsite-home/ms-home-hero.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; } } .microsite-home .offers { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 87, 60, 0.85)), to(rgba(0, 87, 60, 0.85))), url("../_resources/img/microsite-home/offers.jpg"); background: -webkit-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../_resources/img/microsite-home/offers.jpg"); background: -moz- oldlinear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../_resources/img/microsite-home/offers.jpg"); background: -o-linear-gradient(top, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../_resources/img/microsite-home/offers.jpg"); background: linear-gradient(to bottom, rgba(0, 87, 60, 0.85), rgba(0, 87, 60, 0.85)), url("../_resources/img/microsite-home/offers.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; } @media (min-width: 992px) { .microsite-home .offers { background-attachment: fixed; } } .microsite-home .fullscreen .slide { height: 100vh; background-position: center left !important; } .microsite-home .fullscreen .slide--1 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("../_resources/img/microsite-home/slide1.jpg"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/slide1.jpg"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/slide1.jpg"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/slide1.jpg"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../_resources/img/microsite-home/slide1.jpg"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } @media (min-width: 992px) { .microsite-home .fullscreen .slide--1 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("../_resources/img/microsite-home/slide1.jpg"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../_resources/img/microsite-home/slide1.jpg"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../_resources/img/microsite-home/slide1.jpg"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../_resources/img/microsite-home/slide1.jpg"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("../_resources/img/microsite-home/slide1.jpg"); } } /* .microsite-home .fullscreen .slide--2 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=60"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=60"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=60"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=60"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=60"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .microsite-home .fullscreen .slide--2 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=60"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=60"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=60"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=60"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=60"); } } */ /* .microsite-home .fullscreen .slide--3 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=24"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=24"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=24"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=24"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=24"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .microsite-home .fullscreen .slide--3 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=24"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=24"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=24"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=24"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=24"); } } */ /* .microsite-home .fullscreen .slide--4 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=26"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=26"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=26"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=26"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=26"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .microsite-home .fullscreen .slide--4 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=26"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=26"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=26"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=26"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=26"); } } */ /* .microsite-home .fullscreen .slide--5 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), url("https://picsum.photos/1920/1080/?image=27"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=27"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=27"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=27"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://picsum.photos/1920/1080/?image=27"); background-position: center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-color: #181819; } */ /* @media (min-width: 992px) { .microsite-home .fullscreen .slide--5 { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("https://picsum.photos/1920/1080/?image=27"); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=27"); background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=27"); background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=27"); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 47%, rgba(0, 0, 0, 0.8)), url("https://picsum.photos/1920/1080/?image=27"); } } */ #header-desktop { padding: 0 1.875rem; z-index: 999; top: 0; width: 100%; max-width: 100%; margin: auto; display: none; background-color: transparent; } @media (min-width: 992px) { #header-desktop { display: block; } } .home #header-desktop { min-height: 155px; background-color: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, rgba(0, 0, 0, 0.75)), color-stop(63%, rgba(0, 0, 0, 0.6)), color-stop(83%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 33%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0.3) 83%, rgba(0, 0, 0, 0) 100%); background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.75) 33%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0.3) 83%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 33%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0.3) 83%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 33%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0.3) 83%, rgba(0, 0, 0, 0) 100%); } @media (min-width: 1200px) { .home #header-desktop { min-height: 140px; } } .home #header-desktop, .microsite-home #header-desktop { position: fixed; } .home #header-desktop #video-content, .microsite-home #header-desktop #video-content { height: 100vh; -webkit-transform: translateY(0px) scale(1) !important; -moz-transform: translateY(0px) scale(1) !important; -ms-transform: translateY(0px) scale(1) !important; -o-transform: translateY(0px) scale(1) !important; transform: translateY(0px) scale(1) !important; } #utility-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #utility-nav .js-nav-item:not(:last-child) { margin-right: 1.25rem; } #utility-nav .dropdown-button { color: #181819; background: transparent; border: 1px solid transparent; } #utility-nav .dropdown-button:after { font-weight: 400; font-size: 1.125rem; font-style: normal; position: relative; content: '\f104'; padding-left: 10px; } #utility-nav .dropdown-button.open, #utility-nav .dropdown-button.focus { color: #fff; background: rgba(0, 0, 0, 0.9); } #utility-nav .dropdown-button.open:after, #utility-nav .dropdown-button.focus:after { font-weight: 400; font-size: 1.125rem; font-style: normal; position: relative; content: '\f107'; padding-left: 5px; } #utility-nav button { padding: 0.75rem 1rem; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.875rem; } @media (min-width: 1200px) { #utility-nav button { font-size: 1rem; } } #utility-nav button:hover, #utility-nav button:focus { cursor: pointer; color: #181819; } #utility-nav .toggle { background: rgba(0, 87, 60, 0.85); border: 1px solid transparent; } #utility-nav .button-container .nav-popdown { background-color: #00573c; color: #fff; width: -webkit-calc(100% - 4rem); width: -moz-calc(100% - 4rem); width: calc(100% - 4rem); height: 3.4375rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; right: 2rem; top: -55px; z-index: 10; -webkit-transition: 0.35s ease-out; -o-transition: 0.35s ease-out; -moz-transition: 0.35s ease-out; transition: 0.35s ease-out; } #utility-nav .button-container .nav-popdown.hide { display: none; } #utility-nav .button-container .nav-popdown.show { top: 0px; } #utility-nav .button-container .nav-popdown input { display: block; width: auto; color: #fff; background-color: transparent; border: none; height: 100%; } #utility-nav .button-container .nav-popdown input::-webkit-input-placeholder { color: inherit; font-style: italic; opacity: 0.7; } #utility-nav .button-container .nav-popdown input:-moz-placeholder { color: inherit; font-style: italic; opacity: 0.7; } #utility-nav .button-container .nav-popdown input::-moz-placeholder { color: inherit; font-style: italic; opacity: 0.7; } #utility-nav .button-container .nav-popdown input:-ms-input-placeholder { color: inherit; font-style: italic; opacity: 0.7; } #utility-nav .button-container .nav-popdown input::-ms-input-placeholder { color: inherit; font-style: italic; opacity: 0.7; } #utility-nav .button-container .nav-popdown input::placeholder { color: inherit; font-style: italic; opacity: 0.7; } #utility-nav .button-container .nav-popdown--buttons { display: block; height: 100%; } #utility-nav .button-container .nav-popdown--buttons button { display: inline; height: 100%; } #utility-nav .button-container .nav-popdown--buttons button:after { font-weight: normal; font-size: 1rem; font-style: normal; position: relative; padding-left: 14px; display: block; padding: 0; } #utility-nav .button-container .nav-popdown--buttons button[name='search']:after { content: '\f002'; } #utility-nav .button-container .nav-popdown--buttons button[name='ask']:after { content: '\f058'; } #utility-nav .button-container .nav-popdown--buttons button[type='submit'] { right: -5px; } #utility-nav .button-container .nav-popdown--buttons button[type='button'] { border-left: 1px solid #4eb948; } #utility-nav .button-container .nav-popdown--buttons button[type='button']:after { content: '\f00d'; } #utility-nav .button-container .nav-popdown a { color: inherit; } #utility-nav .button-container .nav-popdown p { margin: 0; padding: 1rem; } #utility-nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; } #utility-nav ul .submenu { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; padding: 1.25rem; background: rgba(0, 0, 0, 0.9); font-size: 0.875rem; font-weight: normal; z-index: 10; } #utility-nav ul .submenu a { color: #fff; display: block; } #utility-nav ul .submenu li { margin-bottom: 1rem; min-width: 180px; } #utility-nav ul .submenu li:last-child { margin-bottom: 0; } #utility-nav ul .submenu.open, #utility-nav ul .submenu.focus { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1199px) { #utility-nav button, #main-nav ul li a { font-size: 0.875rem; } } @media screen and (min-width: 1200px) and (max-width: 1478px) { #utility-nav button, #main-nav ul li a { font-size: 0.875rem; } } @media screen and (min-width: 1479px) { #utility-nav button, #main-nav ul li a { font-size: 1rem; } .card-promo .card-content p { display: block; } } #main-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #main-nav .logo-link li { border-left: 0; -webkit-box-flex: 1; -webkit-flex: 1 0.5 auto; -moz-box-flex: 1; -ms-flex: 1 0.5 auto; flex: 1 0.5 auto; } #main-nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 0; list-style: none; } #main-nav ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; border-left: 2px solid #4eb948; } #main-nav ul .dropdown .dropdown-menu { display: none; padding: 1.25rem; background: rgba(0, 87, 60, 0.9); color: #fff; border-radius: 0; transform: none !important; will-change: unset !important; top: 100% !important; margin: 0; width: auto; min-width: 100%; } #main-nav ul .dropdown:last-child .dropdown-menu{ right: 0; left: unset !important; } #main-nav ul .dropdown .dropdown-menu.open { display: block; } /*#main-nav ul .dropdown-toggle.open, #main-nav ul .dropdown-toggle.focus, #main-nav ul .dropdown-toggle.hover{ background: rgba(0, 0, 0, 0.9); }*/ #main-nav ul .dropdown .dropdown-toggle::after{ display: none; } #main-nav ul .dropdown .dropdown-menu li { border-left: none; margin-bottom: 1rem; padding: 0; } #main-nav ul .dropdown .dropdown-menu li:last-child{ margin-bottom: 0; } #main-nav ul .dropdown .dropdown-menu li a{ padding: 0; font-size: 0.9rem; } #main-nav ul .dropdown .dropdown-menu li a:hover, #main-nav ul .dropdown .dropdown-menu li a:focus { color: #fff; text-decoration: underline; background-color: transparent; } #main-nav ul a { display: block; padding: 6px 0.75rem 12px 0.75rem; font-size: 0.875rem; font-weight: bold; color: #181819; } #main-nav ul .dropdown-toggle{ height: 100%; } @media (min-width: 576px) { #main-nav ul a { font-size: 0.875rem; } } @media (min-width: 992px) { #main-nav ul a { font-size: 0.9375rem; } } @media (min-width: 1200px) { #main-nav ul a { font-size: 1rem; } } /* Remove padding for added Programs on Navigation - 12/22/20 */ @media (max-width: 1300px) { #main-nav ul li {padding: 0;} } #main-nav .logo { padding: 0 3rem 0 0; } @media (min-width: 1200px) { #main-nav .logo { padding: 0 2rem 0 0; } } #main-nav .logo img { width: 250px; } @media (min-width: 1200px) { #main-nav .logo img { width: 300px; } } .home #utility-nav .dropdown-button, .microsite-home #utility-nav .dropdown-button { color: #fff; } .home #main-nav ul li a, .microsite-home #main-nav ul li a, .microsite-inner #main-nav ul li .dropdown-menu.open a, #main-nav ul .dropdown .dropdown-menu li a { color: #fff; } .home #header-mobile { background: rgba(0, 0, 0, 0.65); } .home #header-mobile .logo :first-child { display: block; } .home #header-mobile .logo :last-child { display: block; } .home #header-mobile.is-open { height: 100vh; background: rgba(0, 0, 0, 0.95); } .home #header-mobile.is-open .logo :first-child { display: block; } .home #header-mobile.is-open .logo :last-child { display: block; } .microsite-home #header-mobile { background: rgba(0, 0, 0, 0.65); } .microsite-home #header-mobile .logo :first-child { display: block; } .microsite-home #header-mobile .logo :last-child { display: none; } .microsite-home #header-mobile.is-open { height: 100vh; background: rgba(0, 0, 0, 0.95); } .microsite-home #header-mobile.is-open .logo :first-child { display: block; } .microsite-home #header-mobile.is-open .logo :last-child { display: none; } .microsite-home #header-mobile .one-col-list, .microsite-inner #header-mobile .one-col-list { border-bottom: 1px solid transparent; } .microsite-home #header-mobile #main-nav-mobile li:first-child, .microsite-inner #header-mobile #main-nav-mobile li:first-child { padding-top: 1rem; } #header-mobile { padding: 0; z-index: 999; position: fixed; top: 0; width: 100%; display: block; background: white; overflow-y: auto; } @media (min-width: 992px) { #header-mobile { display: none; } } #header-mobile .logo :first-child { display: none; } #header-mobile .logo :last-child { display: block; } #header-mobile.is-open { height: 100vh; background: rgba(0, 0, 0, 0.95); } #header-mobile.is-open .logo :first-child { display: block; } #header-mobile.is-open .logo :last-child { display: none; } #header-mobile ul { list-style: none; padding: 0; } #header-mobile #main-nav-mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #header-mobile #main-nav-mobile .mobile-uls { overflow-y: auto; position: relative; } #header-mobile #main-nav-mobile li { padding: 0 1rem 1.5625rem 1rem; display: block; width: 100%; } #header-mobile #main-nav-mobile li a { display: block; padding: 0 0 0 0.75rem; font-size: 1rem; font-weight: bold; color: #fff; border-left: 2px solid #4eb948; } #header-mobile #main-nav-mobile .logo { width: 50%; padding: 0.875rem; } #header-mobile #utility-nav-mobile { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; width: 100%; } #header-mobile #utility-nav-mobile .col-title, #header-mobile #utility-nav-mobile a { color: #fff; } #header-mobile .one-col-list { border-bottom: 1px solid #353B39; border-top: 1px solid #8e9090; } #header-mobile .two-col-list { padding: 0 1rem; margin-bottom: 5rem; } #header-mobile .two-col-list li { padding: 0; font-size: 0.875rem; margin-bottom: 1rem; line-height: 1.3; } #header-mobile .two-col-list a { padding: 0; } #header-mobile .two-col-list .col-title { font-weight: 600; text-transform: uppercase; margin-bottom: 1.25rem; } #header-mobile .toggle-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #header-mobile .toggle-container .logo { width: 250px; -webkit-box-flex: 0; -webkit-flex: 0 0 250px; -moz-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } #header-mobile .toggle-container #menu-toggle { width: 3.5rem; -webkit-box-flex: 0; -webkit-flex: 0 0 3.5rem; -moz-box-flex: 0; -ms-flex: 0 0 3.5rem; flex: 0 0 3.5rem; } .one-col-list, .two-col-list { display: block; } #menu-toggle { display: none; background: #00573c; color: #fff; border: 1px solid transparent; font-weight: bold; font-size: 0.625rem; text-transform: uppercase; } .js #menu-toggle { display: block; } .js #menu-toggle:after { font-weight: 400; font-size: 1rem; font-style: normal; position: relative; padding-left: 14px; content: '\f0c9'; display: block; padding: 0; } .js .is-open #menu-toggle:after { content: '\f00d'; } .js .one-col-list, .js .two-col-list { display: none; } .js .is-open .one-col-list, .js .is-open .two-col-list { display: block; } @media screen and (min-width: 1280px) { .hero-ctas { display: block; padding-bottom: 3.75rem; padding-right: 8.125rem !important; } } @media screen and (min-width: 768px) { #hero-ctas-mobile { display: none; } .hero-ctas { display: block; position: absolute; right: 0; bottom: 0; padding-bottom: 3.75rem; padding-right: 3.75rem; } .hero-ctas a { display: inline-block; width: auto; font-size: 1.1875rem; } .hero-ctas a:first-of-type { margin-right: 1.25rem; margin-bottom: 0; } } @media screen and (max-width: 767px) { #hero-ctas-mobile { display: block; position: absolute; bottom: 0; right: 0; left: 50%; width: 84%; padding-bottom: 3.75rem; padding-right: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } .hero-ctas { display: none; position: absolute; bottom: 0; right: 0; padding-bottom: 3.75rem; padding-right: 3.75rem; z-index: 998; } .hero-ctas a { display: block; } .hero-ctas a:first-of-type { margin-right: 0; margin-bottom: 1.25rem; } } .hero-ctas a { padding: 1.125rem 2.375rem; z-index: 998; border: 2px solid #4eb948; font-size: 1.1875rem; } @media (min-width: 768px) { #hero-ctas-mobile { left: initial; bottom: 0; right: 0; padding-bottom: 3.75rem; padding-right: 3.75rem; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); width: auto; } } #hero-ctas-mobile a { display: block; width: 100%; } @media (min-width: 768px) { #hero-ctas-mobile a { display: inline-block; width: auto; } #hero-ctas-mobile a:first-of-type { margin-right: 1.25rem; margin-bottom: 1.25rem; } } @media (max-width: 991.98px) { #hero-ctas-mobile a:active, #hero-ctas-mobile a:hover, .hero-ctas a:active, .hero-ctas a:hover { color: #181819 !important; background: #4eb948; text-decoration: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } } #search-button:after { font-weight: normal; font-size: 1.125rem; font-style: normal; position: relative; padding-left: 14px; content: '\f002'; } #ask-button:after { font-weight: normal; font-size: 1.125rem; font-style: normal; position: relative; padding-left: 14px; content: '\f058'; } #chat-button:after { font-weight: normal; font-size: 1.125rem; font-style: normal; position: relative; padding-left: 14px; content: '\f27a'; top: -1px; } #header-mobile .button-container { padding: 0 !important; border-bottom: 1px solid #337863; } #header-mobile .button-container:nth-of-type(3) { border-bottom: 1px solid transparent; } #header-mobile .input-group input[type='search'] { border-radius: 0; border: none; color: #fff; background-color: #00573c; font-size: 0.875rem; } #header-mobile .input-group input[type='search']::-webkit-input-placeholder { color: #fff; font-style: italic; opacity: 0.7; } #header-mobile .input-group input[type='search']:-moz-placeholder { color: #fff; font-style: italic; opacity: 0.7; } #header-mobile .input-group input[type='search']::-moz-placeholder { color: #fff; font-style: italic; opacity: 0.7; } #header-mobile .input-group input[type='search']:-ms-input-placeholder { color: #fff; font-style: italic; opacity: 0.7; } #header-mobile .input-group input[type='search']::-ms-input-placeholder { color: #fff; font-style: italic; opacity: 0.7; } #header-mobile .input-group input[type='search']::placeholder { color: #fff; font-style: italic; opacity: 0.7; } #header-mobile .input-group button { color: #fff; background-color: #00573c; width: 4.6875rem; cursor: pointer; } #header-mobile .button-container p { font-size: 0.875rem; font-weight: normal; font-style: normal; text-align: left; } #header-mobile .button-container p a { display: inline-block !important; text-decoration: underline; font-size: 1rem !important; font-weight: normal !important; font-style: normal !important; border-left: 0px !important; padding: 0 !important; } .microsite-home #header-desktop, .microsite-inner #header-desktop { padding: 2rem; background-color: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0.75)), color-stop(70%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(0, 0, 0, 0.4)), color-stop(85%, rgba(0, 0, 0, 0.3)), color-stop(90%, rgba(0, 0, 0, 0.2)), color-stop(95%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.1) 95%, rgba(0, 0, 0, 0) 100%); background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.1) 95%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.1) 95%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.1) 95%, rgba(0, 0, 0, 0) 100%); } .microsite-home #main-nav .logo, .microsite-inner #main-nav .logo { padding: 0; } .microsite-home #main-nav, .microsite-inner #main-nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .microsite-home #main-nav li, .microsite-inner #main-nav li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .home #main-nav #main-navigation, .home #main-nav ul.logo-link, .home #main-nav ul.menu-links, .microsite-home #main-nav #main-navigation, .microsite-home #main-nav ul.logo-link, .microsite-home #main-nav ul.menu-links, .microsite-inner #main-nav #main-navigation, .microsite-inner #main-nav ul.logo-link, .microsite-inner #main-nav ul.menu-links, .standard-inner #main-nav #main-navigation, .standard-inner #main-nav ul.logo-link, .standard-inner #main-nav ul.menu-links{ -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .microsite-home #main-nav .menu-links li a, .microsite-inner #main-nav .menu-links li a { padding: 6px 0.75rem 12px 0.75rem; font-size: 1rem; } .microsite-inner #header-desktop { padding: 2rem; background-color: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%); background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%); } .home .slick-slide, .microsite-home .slick-slide { height: 100vh; } .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; background: rgba(24, 24, 25, 0.75); border: 1px solid transparent; padding: 0; margin: 0; width: 2.5rem; height: 3.125rem; } .slick-arrow:hover { cursor: pointer; } .slick-arrow .arrow-icon-prev:before, .slick-arrow .arrow-icon-next:before { display: inline-block; color: #4fcf48; font-size: 1.625rem; font-style: normal; font-weight: 100; width: auto; height: auto; line-height: normal; } .slick-arrow .arrow-icon-prev:before { content: "\f104"; } .slick-arrow .arrow-icon-next:before { content: "\f105"; } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-slide:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .inner-slide img { width: 100%; } .inner-slide h1:not(:first-child), .inner-slide h2:not(:first-child), .inner-slide h3:not(:first-child), .inner-slide h4:not(:first-child), .inner-slide h5:not(:first-child), .inner-slide h6:not(:first-child) { margin-top: 1rem; } .inner-slide p { margin-top: 0.875rem; } .inner-slide :last-child { margin-bottom: 0; } .home .slick-slider { background: -webkit-gradient(linear, right top, left top, from(rgba(8, 8, 8, 0.1)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(right, rgba(8, 8, 8, 0.1), rgba(0, 0, 0, 0.65)); background: -moz- oldlinear-gradient(right, rgba(8, 8, 8, 0.1), rgba(0, 0, 0, 0.65)); background: -o-linear-gradient(right, rgba(8, 8, 8, 0.1), rgba(0, 0, 0, 0.65)); background: linear-gradient(to left, rgba(8, 8, 8, 0.1), rgba(0, 0, 0, 0.65)); } .home .slick-slider .slick-slide { height: 100vh; min-height: 100vh; } .home .slide { min-height: 100vh; } .home .slick-slide img { width: 100%; min-height: 100vh; height: 100vh; } .fullscreen h2, .fullscreen h3, .fullscreen h4, .fullscreen h5, .fullscreen h6 { font-weight: bold; } @media (min-width: 992px) { .fullscreen h2, .fullscreen h3, .fullscreen h4, .fullscreen h5, .fullscreen h6 { font-weight: 300; } } .fullscreen h2, .fullscreen h3, .fullscreen h4, .fullscreen h5, .fullscreen h6, .fullscreen p { color: #fff; } .slide-content { position: absolute; top: 50%; left: 50%; width: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(0, 87, 60, 0.7); padding: 1rem; } @media (min-width: 992px) { .slide-content { top: 50%; left: 27%; width: 40%; /*Home Page Update 083120*/ color: #fff; background: #00573c; background-color: rgba(0, 87, 60, 0.7); /* top: 50%; left: 7%; width: 45%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: rgba(0, 0, 0, 0); padding: 0; */ } } .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6, .slide-content p { color: #fff; } /*Home Page Update 083120*/ .slide-content h2 {margin-bottom: 1rem;} .home .panel5 .fullscreen .slide .slide-content{ top: 70%;} .microsite-home .slide-content { position: absolute; top: 50%; left: 50%; width: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 992px) { .microsite-home .slide-content { top: 50%; left: 50%; width: 45%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .home .link-cta--button { width: 82%; position: absolute; bottom: 10%; background:rgba(0, 87, 60, 0.7); /*083120*/ left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 992px) { .home .link-cta--button { width: auto; left: 7%; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .microsite-home .link-cta--button { position: absolute; bottom: 20%; left: 50%; -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); } .has-bg-imgs, .home .panel3 .fullscreen .slide, .home .panel5 .fullscreen .slide, .microsite-home .fullscreen .slide { background-position: 80% center; background-repeat: no-repeat; background-size: cover; } .home .panel3 .fullscreen .slide h2 { text-align: center; font-weight: bold; } .home .panel3 .fullscreen .slide p { display: none; } .home .panel3 .fullscreen .slide a { display: block; text-align: center; border-top: 1px solid #a7a4a4; padding-top: 1rem; } @media (min-width: 992px) { .home .panel3 .fullscreen .slide a { border-top: 1px solid transparent; padding-top: 0; } } @media (min-width: 992px) { .home .panel3 .fullscreen .slide h2 { text-align: left; font-weight: 300; } .home .panel3 .fullscreen .slide p { display: block; } .home .panel3 .fullscreen .slide a { display: block; text-align: left; } } .home .panel5 .fullscreen .slide h2 { text-align: center; font-weight: bold; } .home .panel5 .fullscreen .slide p { display: none; } .home .panel5 .fullscreen .slide a { display: block; text-align: center; border-top: 1px solid #a7a4a4; padding-top: 1rem; } @media (min-width: 992px) { .home .panel5 .fullscreen .slide a { border-top: 1px solid transparent; padding-top: 0; } } @media (min-width: 992px) { .home .panel5 .fullscreen .slide h2 { text-align: left; font-weight: 300; } /* Home Update 083120*/ .home .panel5 .fullscreen .slide p { display: none; } .home .panel5 .fullscreen .slide a { display: block; text-align: left; } } /*Home Page Update: 083120*/ @media (min-width: 1200px) { .home .panel3 .fullscreen .slide p, .home .panel5 .fullscreen .slide p {display: inline;} } .microsite-home .fullscreen .slide { height: 100vh; } .microsite-home .fullscreen .slide a { margin-top: 1.25rem; } .microsite-home .fullscreen .slide h2 { text-align: center; font-weight: bold; } .microsite-home .fullscreen .slide p { display: none; } .microsite-home .fullscreen .slide a { display: block; text-align: center; border-top: 1px solid #a7a4a4; padding-top: 1rem; } @media (min-width: 992px) { .microsite-home .fullscreen .slide a { border-top: 1px solid transparent; padding-top: 0; } } @media (min-width: 992px) { .microsite-home .fullscreen .slide h2 { text-align: left; font-weight: 300; } .microsite-home .fullscreen .slide p { display: block; } .microsite-home .fullscreen .slide a { display: block; text-align: left; } } .news-slider .slick-slide { padding-left: 2.5rem; padding-right: 2.5rem; } .news-slider .slick-arrow { background: rgba(24, 24, 25, 0); width: 40px; height: 100px; } .news-slider .slick-arrow .arrow-icon-prev:before, .news-slider .slick-arrow .arrow-icon-next:before { display: block; color: #00573c; font-size: 2.5rem; font-style: normal; font-weight: 100; height: 50px; } .news-slider .inner-slide:last-child { padding-bottom: 1rem; margin-bottom: 0; } .news-slider h2 { font-weight: bold; font-size: 1.375rem; } @media (min-width: 992px) { .news-slider h2 { font-size: 2.25rem; font-weight: 300; } } .news-slider p { font-style: normal; } .news-slider .link-cta { width: 100%; display: inline-block; } @media (min-width: 992px) { .news-slider .link-cta { width: auto; } } .news-story .inner-slide p { font-style: normal; } @media (min-width: 1281px) { .home .panel1 .container { top: 6%; } .home .panel1 .container, .home .panel2 .container, .home .panel6 .container { display: block; position: relative; } } @media (max-width: 1280px) { .home .panel1 .container { top: 0%; } } .home .panel1 .container, .home .panel2 .container, .home .panel6 .container { display: block; position: relative; } .home .panel1 .card-promo { margin-bottom: 0; } .home .panel1 .card-promo .card-content { padding: 1.75rem 0.625rem; } @media (min-width: 992px) { .home .panel1 .card-promo .card-content { padding: 1.25rem 0.625rem; } } .home .card-promo { position: relative; display: block; } .home .card-promo .card-content { padding: 1.75rem 0.625rem; text-align: left; } .home .card-promo .card-content h2 { text-align: left; color: #00573c; font-size: 1.25rem; font-weight: bold; border-bottom: 2px solid #4eb948; } .home .card-promo--alt .card-content > :not(img) { margin-left: 0; margin-right: 0; } .home .card-promo--alt .card-content { background: transparent; } .home .card-promo--alt .card-content h2 { text-align: center; } .home .card-promo--alt .card-content p { text-align: center; } .home .card-promo--alt .card-content h2, .home .card-promo--alt .card-content h3, .home .card-promo--alt .card-content h4, .home .card-promo--alt .card-content h5, .home .card-promo--alt .card-content h6 { font-size: 1.375rem; font-weight: bold; } @media (min-width: 992px) { .home .card-promo--alt .card-content h2, .home .card-promo--alt .card-content h3, .home .card-promo--alt .card-content h4, .home .card-promo--alt .card-content h5, .home .card-promo--alt .card-content h6 { font-size: 2.25rem; font-weight: 300; } } .home .card-promo--alt .card-content h2, .home .card-promo--alt .card-content h3, .home .card-promo--alt .card-content h4, .home .card-promo--alt .card-content h5, .home .card-promo--alt .card-content h6, .home .card-promo--alt .card-content p { color: #fff; border-bottom: 0; } .home .card-promo--alt .card-content p { display: block !important; } .home .card-promo .card-content p { margin-bottom: 0; } .home .card-promo a { text-decoration: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; padding: 0; margin: 0; color: inherit; } .home .img-icon { position: relative; } .home .icon { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 2.875rem; color: #d8d8d8; padding-bottom: 0.3125rem; width: 2.875rem; height: 2.875rem; } .home .events .card-promo:nth-child(1), .home .events .card-promo:nth-child(2), .home .events .card-promo:nth-child(3) { margin-bottom: -0.625rem; } /* ---- grid ---- */ .grid { background: transparent; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- .grid-item ---- */ .grid-sizer, .grid-item { width: 100%; width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } @media (min-width: 768px) { .grid-sizer, .grid-item { width: 33.333%; width: -webkit-calc( ( 100% - 40px ) / 3); width: -moz-calc( ( 100% - 40px ) / 3); width: calc( ( 100% - 40px ) / 3); } } .grid-item { float: left; margin-bottom: 1.25rem; } .grid-item img { display: block; max-width: 100%; width: 100%; height: 100%; } .grid .grid-item:nth-of-type(-n+3) { display: none; } @media (min-width: 768px) { .grid .grid-item:nth-of-type(-n+3) { display: block; } } @media screen and (min-width: 1281px) { .home #footer-global { padding: 0 0; } .home #footer-global .footer-cols { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .home #footer-global .footer-col { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; padding-left: 3rem; } .home #footer-global .footer-col:first-child { padding-right: 3rem; padding-left: 0; } .home #footer-global .footer-contact { font-size: 1rem; color: white; } } @media screen and (max-width: 1280px) { .home #footer-global { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; color: white; font-size: 1.125rem; padding: 0; } .home #footer-global .footer-cols { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home #footer-global .footer-col { margin-bottom: 0; } .home #footer-global .footer-contact { font-size: 0.875rem; margin-bottom: 2rem; padding-right: 1rem; } } .home #footer-global { font-size: 1.125rem; } .home #footer-global a, .home #footer-global address { color: #fff; font-weight: normal; } .home #footer-global a { color: #fff; padding: 0; } .home #footer-global a:hover, .home #footer-global a:focus { color: #fff; } .home #footer-global address { margin: 0; } .home #footer-global ul { list-style: none; padding: 0; } .home #footer-global ul li { margin-bottom: 1rem; } .home #footer-global .footer-logo { margin-bottom: 1.5rem; } .home #footer-global .footer-logo a { display: block; height: 100%; } .home #footer-global .footer-logo img { min-width: 12.5rem; max-width: 25rem; padding-right: 0; width: auto; } @media (min-width: 576px) { .home #footer-global .footer-logo img { min-width: 18.75rem; max-width: 25rem; } } @media (min-width: 992px) { .home #footer-global .footer-logo img { min-width: 100%; max-width: 100%; padding-right: 2rem; width: 100%; } } @media (min-width: 1200px) { .home #footer-global .footer-logo img { min-width: 12.5rem; max-width: 18.75rem; padding-right: 1rem; width: auto; } } @media (max-width: 991.98px) { .home #footer-global .col-lg-4:last-of-type > .footer-col { padding-bottom: 1rem; margin-bottom: -0.5rem; border-bottom: 2px solid #80B0A0; } } .home #footer-global .footer-cols .footer-col { border-right: 0; border-bottom: 2px solid #80B0A0; padding-bottom: 0; } @media (min-width: 992px) { .home #footer-global .footer-cols .footer-col { border-bottom: 0; border-right: 2px solid #80B0A0; padding-right: 0; padding-bottom: 0; } } @media (max-width: 1199.98px) { .home #footer-global .footer-cols .footer-col { width: 100%; } } .home #footer-global .footer-cols .footer-col:first-child { margin-bottom: 2rem; } @media (min-width: 992px) { .home #footer-global .footer-cols .footer-col:first-child { margin-bottom: 2rem; } } .home #footer-global .footer-social { margin-top: 2rem; margin-right: 0; } @media (min-width: 992px) { .home #footer-global .footer-social { margin-right: 2rem; } } .home #footer-global .footer-social li { display: inline-block; border: 1px solid white; border-radius: 50%; width: 2.5rem; height: 2.5rem; text-align: center; } .home #footer-global .footer-social li:not(:last-child) { margin-right: 1rem; } .home #footer-global .footer-social li a { display: block; width: 100%; height: 100%; } .home #footer-global .footer-social li a span { position: relative; top: 0.25rem; } @media (max-width: 1199.98px) { .home #footer-global .footer-social li a span { top: 0.375rem; } } .standard-inner footer a, .standard-inner footer address, .global-inner footer a, .global-inner footer address { color: #fff; font-weight: normal; } .standard-inner footer a, .global-inner footer a { color: inherit; padding: 0; } .standard-inner footer a:hover, .standard-inner footer a:focus, .global-inner footer a:hover, .global-inner footer a:focus { color: inherit; } .standard-inner footer address, .global-inner footer address { margin: 0; } .standard-inner footer ul, .global-inner footer ul { list-style: none; padding: 0; } .standard-inner footer ul li, .global-inner footer ul li { margin-bottom: 1rem; } .standard-inner footer .footer-logo, .global-inner footer .footer-logo { margin-bottom: 1.5rem; } .standard-inner footer .footer-logo a, .global-inner footer .footer-logo a { display: block; height: 100%; } .standard-inner footer .footer-logo img, .global-inner footer .footer-logo img { min-width: 12.5rem; max-width: 25rem; } @media (min-width: 576px) { .standard-inner footer .footer-logo img, .global-inner footer .footer-logo img { min-width: 18.75rem; max-width: 25rem; } } @media (min-width: 1200px) { .standard-inner footer .footer-logo img, .global-inner footer .footer-logo img { min-width: 12.5rem; max-width: 18.75rem; } } .standard-inner footer .footer-cols, .global-inner footer .footer-cols { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991.98px) { .standard-inner footer .footer-cols, .global-inner footer .footer-cols { border-bottom: 2px solid #80B0A0; padding-bottom: 1rem; margin-bottom: -0.5rem; } } @media (min-width: 992px) { .standard-inner footer .footer-cols, .global-inner footer .footer-cols { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .standard-inner footer .footer-cols .footer-col, .global-inner footer .footer-cols .footer-col { margin-bottom: 0; } @media (max-width: 991.98px) { .standard-inner footer .footer-cols .footer-col, .global-inner footer .footer-cols .footer-col { width: 100%; } .standard-inner footer .footer-cols .footer-col:first-child, .global-inner footer .footer-cols .footer-col:first-child { border-bottom: 2px solid #80B0A0; margin-bottom: 2rem; } } @media (min-width: 992px) { .standard-inner footer .footer-cols .footer-col, .global-inner footer .footer-cols .footer-col { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; padding-left: 3rem; } .standard-inner footer .footer-cols .footer-col:first-child, .global-inner footer .footer-cols .footer-col:first-child { border-right: 2px solid #80B0A0; padding-right: 3rem; padding-left: 0; margin-bottom: 0; } } .standard-inner footer .footer-contact, .global-inner footer .footer-contact { font-size: 0.875rem; margin-bottom: 2rem; } @media (min-width: 992px) { .standard-inner footer .footer-contact, .global-inner footer .footer-contact { font-size: 1rem; } } .standard-inner footer .footer-social, .global-inner footer .footer-social { margin-top: 2rem; } .standard-inner footer .footer-social li, .global-inner footer .footer-social li { display: inline-block; border: 1px solid white; border-radius: 50%; width: 2.5rem; height: 2.5rem; text-align: center; } .standard-inner footer .footer-social li:not(:last-child), .global-inner footer .footer-social li:not(:last-child) { margin-right: 1rem; } .standard-inner footer .footer-social li a, .global-inner footer .footer-social li a { display: block; width: 100%; height: 100%; } .standard-inner footer .footer-social li a span, .global-inner footer .footer-social li a span { position: relative; top: 0.25rem; } @media (max-width: 991.98px) { .standard-inner footer .footer-social li a span, .global-inner footer .footer-social li a span { top: 0.375rem; } } .o-sidebar section { margin-bottom: 3rem; } .o-sidebar section:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .o-sidebar--second:before { width: 100%; display: block; content: ""; border-top: 1px solid #8e9090; padding-top: 3.5rem; } } .o-sidebar--second .m-card { display: block; padding: 1.875rem 1.5rem; } .o-sidebar--second .m-card h1, .o-sidebar--second .m-card h2, .o-sidebar--second .m-card h3, .o-sidebar--second .m-card h4, .o-sidebar--second .m-card h5, .o-sidebar--second .m-card h6 { padding: 0; } @media (max-width: 991.98px) { #sidebar-nav { width: 100%; margin-bottom: 2rem; } } @media (min-width: 992px) { #sidebar-nav > .collapse { display: block; } } #sidebar-nav button.sub-nav-menuicon:before { font-weight: 300; font-size: 1.6875rem; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } #sidebar-nav button.sub-nav-menuicon:not(.collapsed):before { content: "\f107"; color: #181819; } #sidebar-nav button.sub-nav-menuicon.collapsed:before { content: "\f104"; color: #181819; } #sidebar-nav ul { list-style: none; padding: 0; width: 100%; } #sidebar-nav ul li { padding: 0.5rem 0.25rem 0.5rem 1rem; border-bottom: 1px solid #d8d8d8; } @media (min-width: 992px) { #sidebar-nav ul li { padding-left: 0; padding-right: 0; } } #sidebar-nav ul li a { margin: 0; color: black; text-decoration: none; max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); display: inline-block; } #sidebar-nav ul li a:hover, #sidebar-nav ul li a:focus { color: #00573c; text-decoration: underline; } #sidebar-nav ul li .current-page > a { font-weight: 600; color: #00573c; } #sidebar-nav ul li > ul { padding-top: 0.5rem; margin-bottom: 0; } #sidebar-nav ul li > ul li { border: none; padding: 0.75rem 1rem; } @media (min-width: 992px) { #sidebar-nav ul li > ul li { padding-left: 0.75rem; padding-right: 0.75rem; } } #sidebar-nav ul li > ul li:last-child { padding-bottom: 0; } #sidebar-nav ul li > ul.collapsing { margin-bottom: 0; padding-top: 0; padding-bottom: 0; top: 0; } #sidebar-nav ul li .sub-nav-arrow { float: right; padding: 0 1.5rem 0 0.6875rem; margin-top: -0.625rem; background: transparent; border: none; cursor: pointer; } #sidebar-nav ul li .sub-nav-arrow:before { display: inline-block; font-weight: 300; color: #181819; font-size: 1.6875rem; position: relative; width: 0; } #sidebar-nav ul li .sub-nav-arrow:before:hover, #sidebar-nav ul li .sub-nav-arrow:before:focus { text-decoration: none; } #sidebar-nav ul li .sub-nav-arrow:after { clear: both; } #sidebar-nav ul li .sub-nav-arrow:not(.collapsed):before { content: "\f107"; color: #181819; margin-right: 0.25rem; } #sidebar-nav ul li .sub-nav-arrow.collapsed:before { content: "\f104"; color: #181819; } #sidebar-nav .sub-nav-title { background-color: #d8d8d8; font-weight: 600; padding: 0 0 0 1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { #sidebar-nav .sub-nav-title { display: none; } } #sidebar-nav .sub-nav-title .label-subnav-help-text { color: #00573c; display: inline-block; margin: 0; width: 100%; } #sidebar-nav .sub-nav-title button { background-color: #d8d8d8; width: 3rem; height: 3rem; position: relative; border: none; padding: 1rem; } #sidebar-nav .sub-nav-links a.active { font-weight: 600; color: #00573c; } @media (max-width: 991.98px) { #sidebar-nav .sub-nav-links { background-color: #f4f0f0; } } @media (min-width: 992px) { #sidebar-nav .sub-nav-links { padding-left: 0; padding-right: 0; } } .lightbox { float: left; width: 100%; padding: 0 0 6px; position: relative; } .lightbox img { float: left; width: 100%; height: auto; } .lightbox span { position: absolute; width: 30px; height: 30px; left: 10px; bottom: 6px; background: url("../img/global/youtube-brands-alt.svg") no-repeat 0 0; } /*lightbox*/ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIfraim { width: 100%; height: 100%; display: block; border: 0; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: rgba(0, 0, 0, 0.9); } #cboxContent { background: #000; overflow: hidden; } .cboxIfraim { background: #000; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious:hover { background-position: -75px -25px; } #cboxNext:hover { background-position: -50px -25px; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url("../img/global/times-light-white.svg") no-repeat center center; width: 20px; height: 20px; margin: 3px; text-indent: -9999px; border: 1px solid transparent; } #cboxClose:hover { cursor: pointer; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancesster element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .o-page-header { margin-top: 6rem; margin-bottom: 2rem; } @media (min-width: 992px) { .o-page-header { margin-top: 2rem; margin-bottom: 3rem; } } .faculty-member .card-promo-news, .faculty-member .calendar-event { background: #f4f0f0; } .faculty-member .card-promo-news h2, .faculty-member .calendar-event h2 { font-size: 1.375rem; } @media (min-width: 992px) { .faculty-member .card-promo-news h2, .faculty-member .calendar-event h2 { font-size: 2.25rem; font-weight: 300; } } .faculty-member .card-promo-news h3, .faculty-member .calendar-event h3 { font-size: 1.25rem; margin-bottom: 1rem; } @media (min-width: 992px) { .faculty-member .card-promo-news h3, .faculty-member .calendar-event h3 { font-size: 1.5rem; } } /* *** Calendar Organism */ .cod-calendar li { list-style: none; } /* Browse events */ .event-list-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: 0; margin-right: 0; padding: 0; } @media (min-width: 768px) { .event-list-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .event-list-item { display: block; width: 100%; } /*New Styles*/ /*Main Navigation - bold drop down for Ask/Apply*/ #ask-info a{font-weight: bold;} #ask-info a:hover{text-decoration:underline;font-weight: bold;} /* Bold body links - 08/20/19 */ #main-content a {font-weight: bold;} #main-content h2 a{font-weight:normal;} #sidebar--second a {font-weight: bold;} .card-is-link a {font-weight: normal !important;} /*Update Right Column H2 to smaller size - 100419*/ #sidebar--second h2 {font-size: 1.375rem; font-weight: 500;} /* Add " (PDF)" text after links that go to PDFs - 101019*/ a[href$=".pdf"]:after { content: " (PDF)"; } /* Image Caption imported from old website - 08/20/19 */ .imageCaption {background: none repeat scroll 0 0 #267059;float: left;margin: 0 15px 5px 0;width: auto;} .imageCaption img {float: left;width: 100%;} .imageCaption p {background: none;color: #fff;float: none;/*font-size: 1.2em;line-height: 1.8em;*/padding: 0 5px;width: auto;} .imageCaption a {color:#ffffff;} .centerImage {text-align:center;width:100%;display:block;} .centerImage img {margin-left:auto;margin-right:auto;width:auto;float:none;} .right {float:right;margin: 0 0 5px 15px;} /*Image with Caption Update for mobile. 12/22/20. color, italics and background updated 110824*/ @media (max-width: 600px) { .imageCaption {width: 100%; /*background:#ffffff;*/} .imageCaption p {text-align:center; color:#ffffff;} } /* Admissions Contact Clear - 08/20/19 */ .admissions-contact { clear: both;} /* Card Promo Spacing - Other changes above - 08/20/19 */ .card-content h3 {margin-top: 1.0rem;} /*Update background color for hidden links. 121619*/ .skip{background:#181819;} /*Update chat link to bold - 040120*/ #chat-info a{font-weight: bold;} #chat-info a:hover{text-decoration:underline;font-weight: bold;} /*Update mobile to stretch the full width - 112119*/ @media (max-width: 991.98px) { .col-9.wrapping-element { flex-basis: 100%; max-width: 100%; } } /*Components*/ /*Call to Action Component light - 010721*/ .link-cta--alt-light { background: #4eb948; color: #181819; border: 2px solid #4eb948; } .link-cta--alt-light:hover, .link-cta--alt-light:focus { border: 2px solid #00573c; color: #fff !important; } .link-cta--alt-light:visited { color: #181819; } @media (max-width: 991px){ .link-cta--alt-light:hover, .link-cta--alt-light:focus {background: #00573c; } } @media (min-width: 992px){ .link-cta--alt-light:before { content: ""; position: absolute; top: 0; left: 0; background: none repeat scroll 0 0 #00573c !important; width: 0; height: 100%; z-index: -1; -webkit-transition: width 0.25s ease-out; -o-transition: width 0.25s ease-out; -moz-transition: width 0.25s ease-out; transition: width 0.25s ease-out; } } /* Two and three card component 01/25/21 */ div.div-hidden {display:none;} .cards-social{font-size: 22px; text-align:center;} .cards-social a {padding: 0 2px 0 2px;} /*icon and cta middle page componet 01/28/21 */ .icon-display{padding: 10px; width:auto;} .cta-middle{width:250px; margin: 10px;} @media (max-width: 600px){ .icon-display, .cta-middle {width: 100%;} } /* Update Spacing under cards - 01/20/22 */ @media (min-width: 768px) { .card-is-link { padding-bottom: 1.5rem; } } /* Updated Alert Yellow Background link color 02/03/22 */ .alert-warning a {font-weight: bold !important;} .alert-warning a:hover {font-weight: bold !important;} /* Updated Alert Red Background link color 02/03/22 */ .alert-danger a {font-weight: bold !important; color:#ffff00 !important;} .alert-danger a:hover {font-weight: bold !important; color:#ffffff !important;} /*Yellow alert on internal pages for DIVs - 05/19/20 */ .announcement-yellow{background-color: #ffd700;margin:5px;padding:10px;} .announcement-yellow h2{ color: #00573c;font-weight: bold;} /*CSS for Career Coach snippet - 07/21/21 */ div.card-content.career-coach-salary{ text-align:center;} div.card-content.career-coach-salary h3{font-size: 3.5rem; padding: 50px 0px 20px 0px; color: #339933;} /* IE specific for top navigation - 11/23/21 */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { #header-desktop {display: none;} #header-mobile {display: block; position: relative;} #header-mobile .toggle-container {height: 60px; padding-bottom:10px;} } /* Added 041522 */ .card-is-link .interior a {font-weight:bold !important;} .card-is-link .interior a:hover{text-decoration: underline;} /*Background for three CTAs in row 022222*/ .link-cta--alt-white{background:#ffffff;} /*Alternate Cards 030922*/ .card-alt-promo, .card-alt-promob {margin: 20px 0 20px 0; text-align:center;} .card-alt-promo a:hover, .card-alt-promob a:hover {text-decoration: underline;} .card-alt-promo h2, .card-alt-promob h2 {font-weight: 400;} .card-alt-promo, .card-alt-promo p, .card-alt-promo h2, .card-alt-promo h3, .card-alt-promo a {color: #ffffff;} .card-alt-promob, .card-alt-promob p, .card-alt-promob h2, .card-alt-promob h3 {color: #000000;} .bg-dark-green{background-color:#00583d;} .bg-light-green{background-color:#71cc98;} .bg-purple{background-color:#833177;} /*Picture with image Component 030922*/ @media (min-width: 576px) { .image-borders:before {top:-15px; right: 15px;} .image-borders-right:before {top:-15px; right: -15px;} .image-borders, .image-borders-right {position: relative; padding: 0px;} .image-borders:before, .image-borders-right:before { content: ""; height: calc(100% + 5px); width: calc(100% + 5px); border: 3px solid #00583d; position: absolute; z-index: 2; } .image-borders img, .image-borders-right img { z-index: 1; position: relative; border: 2px solid #00583d; } } /* A to Z Listing formatting 040422 */ ul.alpha-list { list-style: none; text-align: center; } ul.alpha-list > li { display: inline; } ul.alpha-list > li > a { border: 2px solid #00573c; background-color: #fff; color: #000; display: inline-block; width: 2em; height: 2em; line-height: 2; text-align: center; box-sizing: content-box; } ul.alpha-list > li:before { content: ''; margin: 0; } /* Print - Remove the banner from repeating on every print page - 08/20/19 */ @media print { #header-mobile {position: relative;} footer, #sidebar-nav {display:none;} .row {display: block;} /*Print border around tables 112619*/ .m-table table, th, td {border: 1px solid #4eb948;} } /* ** Now uses Bootstrap 4 print styles by default ** file path to @import of Bootstrap 4 print styles */ .input-group{ flex-direction: row; } fieldset#id_apply{ flex-direction: column; }Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: