/* Content pages CSS with Bootstrap v4.6 */
body {
font-family: acumin-pro,"Franklin Gothic",sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #333;
background-color: #fff
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #337ab7;
text-decoration: none
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline
}
a:focus {
outline: 3px solid #000;
outline-offset: 5px;
}
figure {
margin: 0
}
img {
vertical-align: middle
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
/*
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
*/
[role="button"] {
cursor: pointer
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media (min-width: 768px) {
.lead {
font-size: 21px
}
}
small,
.small {
font-size: 85%
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase,
.initialism {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090
}
.text-success {
color: #3c763d
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:hover,
a.text-info:focus {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534
}
.bg-primary {
color: #fff
}
.bg-primary {
background-color: #337ab7
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dt,
dd {
line-height: 1.42857
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #777
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold
}
input[type="search"] {
box-sizing: border-box
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type="file"] {
display: block
}
input[type="range"] {
display: block;
width: 100%
}
select[multiple],
select[size] {
height: auto
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857;
color: #555
}
/*
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type="search"] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px
}
input[type="date"].input-sm,
.input-group-sm>input.form-control[type="date"],
.input-group-sm>input.input-group-addon[type="date"],
.input-group-sm>.input-group-btn>input.btn[type="date"],
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm>input.form-control[type="time"],
.input-group-sm>input.input-group-addon[type="time"],
.input-group-sm>.input-group-btn>input.btn[type="time"],
.input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm>input.form-control[type="datetime-local"],
.input-group-sm>input.input-group-addon[type="datetime-local"],
.input-group-sm>.input-group-btn>input.btn[type="datetime-local"],
.input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm>input.form-control[type="month"],
.input-group-sm>input.input-group-addon[type="month"],
.input-group-sm>.input-group-btn>input.btn[type="month"],
.input-group-sm input[type="month"] {
line-height: 30px
}
input[type="date"].input-lg,
.input-group-lg>input.form-control[type="date"],
.input-group-lg>input.input-group-addon[type="date"],
.input-group-lg>.input-group-btn>input.btn[type="date"],
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg>input.form-control[type="time"],
.input-group-lg>input.input-group-addon[type="time"],
.input-group-lg>.input-group-btn>input.btn[type="time"],
.input-group-lg input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg>input.form-control[type="datetime-local"],
.input-group-lg>input.input-group-addon[type="datetime-local"],
.input-group-lg>.input-group-btn>input.btn[type="datetime-local"],
.input-group-lg input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg>input.form-control[type="month"],
.input-group-lg>input.input-group-addon[type="month"],
.input-group-lg>.input-group-btn>input.btn[type="month"],
.input-group-lg input[type="month"] {
line-height: 46px
}
}
.form-group {
margin-bottom: 15px
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px
}
input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed
}
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed
}
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px
}
.form-control-static.input-lg,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0
}
.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
height: 30px;
line-height: 30px
}
textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn,
select[multiple].input-sm,
.input-group-sm>select.form-control[multiple],
.input-group-sm>select.input-group-addon[multiple],
.input-group-sm>.input-group-btn>select.btn[multiple] {
height: auto
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5
}
.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px
}
select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
height: 46px;
line-height: 46px
}
textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn,
select[multiple].input-lg,
.input-group-lg>select.form-control[multiple],
.input-group-lg>select.input-group-addon[multiple],
.input-group-lg>.input-group-btn>select.btn[multiple] {
height: auto
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.33333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 42.5px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none
}
.input-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px
}
.input-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px
}
/*
/*
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d
}
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-success .form-control-feedback {
color: #3c763d
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-warning .form-control-feedback {
color: #8a6d3b
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede
}
.has-error .form-control-feedback {
color: #a94442
}
.has-feedback label ~ .form-control-feedback {
top: 25px
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
content: " ";
display: table
}
.form-horizontal .form-group:after {
clear: both
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.33333px;
font-size: 18px
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px
}
}
/*
/*
.fade {
opacity: 0;
transition: opacity 0.15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-property: height, visibility;
transition-duration: 0.35s;
transition-timing-function: ease
}
*/
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropup,
.dropdown {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #333;
white-space: nowrap
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #777
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857;
color: #777;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left
}
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
z-index: 2
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar {
margin-left: -5px
}
.btn-toolbar:before,
.btn-toolbar:after {
content: " ";
display: table
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
margin-left: 5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group>.btn-group {
float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group>.btn-lg+.dropdown-toggle,
.btn-group-lg.btn-group>.btn+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px
}
.btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none
}
.btn .caret {
margin-left: 0
}
.btn-lg .caret,
.btn-group-lg>.btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0
}
.dropup .btn-lg .caret,
.dropup .btn-group-lg>.btn .caret {
border-width: 0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group>.btn {
float: none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px
}
.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
z-index: 2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right: -1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav:before,
.nav:after {
content: " ";
display: table
}
.nav:after {
clear: both
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background-color: #eee;
border-color: #337ab7
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 4px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #fff;
background-color: #337ab7
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified,
.nav-tabs.nav-justified {
width: 100%
}
.nav-justified>li,
.nav-tabs.nav-justified>li {
float: none
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width: 768px) {
.nav-justified>li,
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
border: 1px solid #ddd
}
@media (min-width: 768px) {
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
.navbar:before,
.navbar:after {
content: " ";
display: table
}
.navbar:after {
clear: both
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px
}
}
.navbar-header:before,
.navbar-header:after {
content: " ";
display: table
}
.navbar-header:after {
clear: both
}
@media (min-width: 768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
overflow-x: visible;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse:before,
.navbar-collapse:after {
content: " ";
display: table
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px
}
}
.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
margin-right: -15px;
margin-left: -15px
}
@media (min-width: 768px) {
.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
padding: 0.75rem 0;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media (min-width: 768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto
}
.navbar-form .input-group>.form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-btn.btn-sm,
.btn-group-sm>.navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px
}
.navbar-btn.btn-xs,
.btn-group-xs>.navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important
}
.navbar-right {
float: right !important;
margin-right: -15px
}
.navbar-right ~ .navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: rgba(0, 0, 0, 0)
}
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: rgba(0, 0, 0, 0)
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: rgba(0, 0, 0, 0)
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: #e7e7e7;
color: #555
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: rgba(0, 0, 0, 0)
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: rgba(0, 0, 0, 0)
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-default .btn-link {
color: #777
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333
}
.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc
}
.navbar-inverse {
background-color: #222;
border-color: #090909
}
.navbar-inverse .navbar-brand {
color: #9d9d9d
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0)
}
.navbar-inverse .navbar-text {
color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a {
color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0)
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
color: #444;
background-color: rgba(0, 0, 0, 0)
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
background-color: #090909;
color: #fff
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #9d9d9d
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0)
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444;
background-color: rgba(0, 0, 0, 0)
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: #9d9d9d
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff
}
.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444
}
/* Breadcrumbs */
.breadcrumb {
width:100%;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
background-color:#f5f5f5;
color:#444;
font-size:.75em;
font-family:acumin-pro,"Franklin Gothic",sans-serif;
display:flex;
justify-content:center;
}
.breadcrumb a:link {
color:inherit;
font-weight:300;
text-decoration:none
}
.breadcrumb a:visited {
color:inherit;
font-weight:300;
text-decoration:none
}
.breadcrumb a:hover {
color:inherit;
font-weight:300;
text-decoration:underline
}
.breadcrumb a:active {
color:inherit;
font-weight:300;
text-decoration:underline
}
.breadcrumb .row {
display:flex;
}
.breadcrumb ol {
margin:0;
list-style-type:none;
display:flex;
}
.breadcrumb ol li {
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.breadcrumb ol li:not(:last-child):after {
content:" > ";
display:inline-block;
margin:0 0.625rem 0 0.625rem
}
@media (max-width: 767px) {
.breadcrumb ol li:not(:last-child):after {
height:1.6875rem
}
}
.breadcrumb ol li:last-child a {
font-weight:700
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
z-index: 3;
color: #23527c;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center
}
.pager:before,
.pager:after {
content: " ";
display: table
}
.pager:after {
clear: both
}
.pager li {
display: inline
}
.pager li>a,
.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px
}
.pager li>a:hover,
.pager li>a:focus {
text-decoration: none;
background-color: #eee
}
.pager .next>a,
.pager .next>span {
float: right
}
.pager .previous>a,
.pager .previous>span {
float: left
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
color: #777;
background-color: #fff;
cursor: not-allowed
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label-default {
background-color: #777
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e
}
.label-primary {
background-color: #337ab7
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090
}
.label-success {
background-color: #5cb85c
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44
}
.label-info {
background-color: #5bc0de
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5
}
.label-warning {
background-color: #f0ad4e
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f
}
.label-danger {
background-color: #d9534f
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c
}
.badge {
background-color: #777;
color: #fff;
font-size: 100%;
min-width: 10px;
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.btn-xs .badge,
.btn-group-xs>.btn .badge,
.btn-group-xs>.btn .badge {
top: 0;
padding: 1px 5px
}
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
color: #337ab7;
background-color: #fff
}
.list-group-item>.badge {
float: right
}
.list-group-item>.badge+.badge {
margin-right: 5px
}
.nav-pills>li>a>.badge {
margin-left: 3px
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200
}
.jumbotron>hr {
border-top-color: #d5d5d5
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 6px
}
.jumbotron .container {
max-width: 100%
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px
}
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: bold
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
transition: width 0.6s ease
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px
}
.progress.active .progress-bar,
.progress-bar.active {
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: #5cb85c
}
.progress-striped .progress-bar-success {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
background-color: #d9534f
}
.progress-striped .progress-bar-danger {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media,
.media-body {
zoom: 1;
overflow: hidden
}
.media-body {
width: 10000px
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right,
.media>.pull-right {
padding-left: 10px
}
.media-left,
.media>.pull-left {
padding-right: 10px
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
a.list-group-item,
button.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
background-color: #eee;
color: #777;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>.small {
color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
/*
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none
}
*/
/*
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
}
.tooltip.in {
opacity: .9;
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
*/
/*
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover>.arrow,
.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover>.arrow {
border-width: 11px
}
.popover>.arrow:after {
border-width: 10px;
content: ""
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25)
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25)
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px
}
*/
/*
.carousel {
position: relative
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%
}
*/
.carousel-inner>.item {
display: none;
position: relative;
transition: 0.6s ease-in-out left
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
line-height: 1
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px
}
.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
transform: translate3d(100%, 0, 0);
left: 0
}
.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
transform: translate3d(-100%, 0, 0);
left: 0
}
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
transform: translate3d(0, 0, 0);
left: 0
}
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
}
.carousel-control.right {
left: auto;
right: 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '\2039'
}
.carousel-control .icon-next:before {
content: '\203a'
}
.carousel-indicators {
left: 50%;
margin-left: -30%;
width: 60%;
/*
position: absolute;
bottom: 10px;
z-index: 15;
padding-left: 0;
list-style: none;
text-align: center
*/
}
.carousel-indicators li {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
height: 10px;
/*
display: inline-block;
width: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
*/
}
.carousel-indicators .active {
/*
margin: 0;
width: 12px;
height: 12px;
*/
background-color: #fff
}
.carousel-caption {
/*
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
*/
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px
}
/*
.carousel-indicators {
bottom: 20px
}
*/
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-xs {
display: none !important
}
.visible-sm {
display: none !important
}
.visible-md {
display: none !important
}
.visible-lg {
display: none !important
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important
}
@media (max-width: 767px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table !important
}
tr.visible-xs {
display: table-row !important
}
th.visible-xs,
td.visible-xs {
display: table-cell !important
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table !important
}
tr.visible-sm {
display: table-row !important
}
th.visible-sm,
td.visible-sm {
display: table-cell !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table !important
}
tr.visible-md {
display: table-row !important
}
th.visible-md,
td.visible-md {
display: table-cell !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important
}
table.visible-lg {
display: table !important
}
tr.visible-lg {
display: table-row !important
}
th.visible-lg,
td.visible-lg {
display: table-cell !important
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important
}
}
.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
table.visible-print {
display: table !important
}
tr.visible-print {
display: table-row !important
}
th.visible-print,
td.visible-print {
display: table-cell !important
}
}
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
html {
background-color: #3b3b3b;
color: #000;
font-size: 100%
}
body {
font-family:acumin-pro,"Franklin Gothic",sans-serif;
}
@media (min-width: 768px) {
body {
font-size: 1em;
line-height: 1.5em
}
}
@media (max-width: 767px) {
body {
font-size: 1.125em;
line-height: 1.5em
}
}
/* Heading section */
h1 {
margin:0 0 2rem;
line-height: 1.22;
font-family:acumin-pro,"Franklin Gothic",sans-serif;
color: black;
font-size:2.3125rem;
font-weight: 700;
}
@media (max-width: 415px) {
h1 {
font-size:1.875rem
}
}
h2 {
font-family:acumin-pro-condensed,"Franklin Gothic",sans-serif;
margin:2rem 0 1.5rem;
line-height: 1.2;
color: #8e6f3e;
font-size: 2em;
font-weight: 600;
}
@media (max-width: 415px) {
h2 {
font-size:1.6875rem
}
}
h3 {
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
margin:1.75rem 0 1.5rem;
line-height: 1.2;
font-weight: 600;
color: black;
font-size:1.5625rem
}
@media (max-width: 415px) {
h3 {
font-size:1.375rem
}
}
h4 {
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
margin:1.5rem 0 1.5rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 500;
color: #555960;
font-size:1.375rem;
}
@media (max-width: 415px) {
h4 {
font-size:1.375rem
}
}
h5 {
font-family:acumin-pro,"Franklin Gothic",sans-serif;
margin:1.5rem 0 1.5rem;
line-height: 1.2;
font-weight: 700;
color:#8e6f3e;
font-size: 1.375em;
}
@media (max-width: 415px) {
h5 {
font-size:1.25rem
}
}
h6 {
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
margin:1.5rem 0 1.5rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 600;
color:black;
font-size:1.1875rem
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active,
h5 a:link,
h5 a:visited,
h5 a:hover,
h5 a:active,
h6 a:link,
h6 a:visited,
h6 a:hover,
h6 a:active {
color: inherit;
font-weight: inherit
}
p {
margin-bottom: 1em
}
small {
font-size: 0.75em;
line-height: 1em
}
big {
font-size: 1.25em;
line-height: 1em
}
a:link,
a:visited,
a:hover,
a:active {
color: #000;
font-weight: 700;
text-decoration: underline
}
a:hover {
text-decoration: none
}
ol,
ul {
padding: 10px 0 10px 35px
}
ul {
list-style-type: disc
}
ul ul {
padding-top: 0;
padding-bottom: 0;
list-style-type: circle
}
ul ul ul {
list-style-type: square
}
b,
strong {
font-weight: 700
}
em,
i {
font-style: italic
}
u {
text-decoration: underline
}
.right {
float: right
}
.left {
float: left
}
.transition {
transition-duration: 0.3s;
-ms-transition-duration: 0.3s
}
/* Skip navigation */
.nav-skipto {
position: absolute;
bottom: 100%;
display: inline-block;
padding: 10px 20px;
z-index: 2;
background-color: #000;
border: solid 1px #c28e0e
}
.nav-skipto:link, .nav-skipto:visited, .nav-skipto:hover, .nav-skipto:active {
color: #fff
}
.nav-skipto:focus {
bottom: initial;
top: 0
}
/* Header: Goldbar, Top and navigation */
.header {
font-family: acumin-pro,"Franklin Gothic",sans-serif;
}
/* Goldbar */
.goldbar {
min-height: 0 !important;
margin: 0;
padding: 3px 0;
border-radius: 0;
border: none;
background-color: #cfb991;
color: #000;
box-shadow: 0px 2px 10px #1e1e1e;
}
/* Top Section */
.top {
width: 100%;
background-color: #000;
}
.top .row {
display: flex;
align-items: center;
flex-direction: column;
}
.top .logo {
padding: 1.75rem 25px 1.75rem 15px;
align-items: center;
}
.top .logo:after {
display: block;
position: absolute;
content: "";
width: 2px;
height: 60%;
right: 0;
top: 20%;
background-color: #999
}
.top .logo a {
display: block
}
.top .logo a img {
width: 100%
}
.top .logo a:link, .top .logo a:visited, .top .logo a:hover, .top .logo a:active {
color: #fff
}
.top .logo a:focus {
outline:3px solid #dedede;
outline-offset:5px
}
@media (min-width: 768px) {
.top .logo a {
width: 100%
}
}
@media (max-width: 767px) {
.top .logo {
max-width: 100%;
padding-left:25px;
}
.top .logo a img {
width: 100%
}
.top .logo a {
margin: 0 auto;
width: 50%;
}
}
.top .logo .svgLinkContainer {
display: block;
position: relative;
height: 1px;
width: 100%;
padding-bottom: 43.35px;
z-index: 2
}
.top .logo .svgLinkContainer:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.top .logo .svgContainer {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
padding-right: 0px
}
.top .logo .svgContainer svg {
height:45.3px
}
@media (max-width: 767px) {
.top .logo .svgLinkContainer {
margin: 0 auto;
width: 40%;
padding-bottom:45.35px
}
}
.top .department {
color: #fff;
font-family:acumin-pro-condensed,"Franklin Gothic",sans-serif;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px
}
.top .department>a {
display: inline-block;
line-height: 1.2em;
border: none;
padding: 0
}
.top .department>a:focus {
outline: 1px dotted #dedede;
outline-offset: 1px
}
@media (min-width: 992px) and (max-width: 1199px) {
.top .department>a {
display: inline-block;
padding: 2px 0px;
line-height: 1.1em
}
}
.top .department>a:link, .top .department a:visited, .top .department a:hover, .top .department a:active {
color: inherit;
font-weight: 600;
text-decoration: none
}
.top .department .tagline {
display: block;
clear: left;
color: inherit;
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
font-size: .6087em;
line-height: 1.2em;
letter-spacing: 0;
text-transform: uppercase
}
.top .department .tagline a:link, .top .department .tagline a:visited, .top .department .tagline a:hover, .top .department .tagline a:active {
color: inherit;
font-weight: 100;
text-decoration: none
}
.top .department .tagline a:link:focus, .top .department .tagline a:visited:focus, .top .department .tagline a:hover:focus, .top .department .tagline a:active:focus {
outline: 1px dotted #dedede;
outline-offset: 1px
}
@media (min-width: 992px) {
.top .department {
font-size: 1.4375em
}
}
@media (min-width: 768px) and (max-width: 991px) {
.top .row {
display: flex;
align-items: center;
flex-direction: row
}
.top .department {
font-size: 1.25em
}
}
@media (min-width: 768px) {
.top .row {
flex-direction: row
}
.top .department {
padding-left: 25px
}
}
@media (max-width: 767px) {
.top .logo:after {
display: none
}
.top .department {
font-size: 1.38889em;
text-align: center;
margin-bottom: 1.5rem;
}
.top .tagline {
padding: 0px 0px 10px 0px;
line-height: 1.2em;
border: none
}
}
.title {
background-color:black;
color:white;
font-size:1.5em;
}
/* Main navigation */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
background-color:#fff;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
.blackbar {
min-height: initial;
margin-bottom: 0;
border-radius: 0px;
background-color: #fff;
border:none;
box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
}
.blackbar>ul {
padding-top: 0;
padding-bottom: 0
}
.blackbar .dropdown-toggle .caret {
position:relative
}
.blackbar .dropdown-toggle .caret:after {
position:absolute;
top:0.35rem
}
@media (min-width: 768px) {
.blackbar li {
color: #000
}
.blackbar .black>ul>li>a {
background-color:#fff
}
.blackbar .black>ul>li:hover a:after {
visibility:visible;
transform:scaleX(1)
}
.blackbar li:hover,
.blackbar li a:hover,
.blackbar li a:focus {
outline:none !important
}
.blackbar li:hover li a:after,
.blackbar li a:hover li a:after,
.blackbar li a:focus li a:after {
visibility:visible;
transform:scaleX(1)
}
}
@media (max-width: 767px) { /* 991px */
.blackbar {
background-color:rgba(0,0,0,0.9)
}
.blackbar li {
color:#fff
}
.blackbar li a:link,
.blackbar li a:visited,
.blackbar li a:hover,
.blackbar li a:focus,
.blackbar li a:active {
background-color:inherit !important
}
.blackbar li:hover,
.blackbar li a:focus {
color:#cfb991 !important
}
}
.blackbar a {
/* width: 100%; */
color: #CFB991;
}
.blackbar a:link {
color: inherit !important;
text-decoration: none !important;
font-weight: 400;
background-color: #fff
}
.blackbar a:visited {
color: inherit !important;
text-decoration: none !important;
font-weight: 400;
background-color: #fff !important
}
.blackbar a:hover, .blackbar a:focus, .blackbar a:active {
color: #CFB991;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.blackbar .navbar-header .navbar-toggle {
float: left;
border: none;
color: #000
}
.blackbar .navbar-header .navbar-toggle .icon-bar {
float: left;
clear: left;
margin-right: 10px;
background-color: #000
}
.blackbar .navbar-header .navbar-toggle>.icon-bar:first-child {
margin-top: 3px
}
.blackbar .navbar-header .navbar-toggle:hover, .blackbar .navbar-header .navbar-toggle:focus {
color: #cfb991;
background-color: transparent
}
.blackbar .navbar-header .navbar-toggle:hover .icon-bar, .blackbar .navbar-header .navbar-toggle:focus .icon-bar {
background-color: #cfb991
}
@media (min-width: 992px) {
.blackbar .navbar-header {
display: none
}
}
@media (max-width: 991px) {
.blackbar .navbar-toggle {
display: block;
padding: 0;
margin: 10px 0
}
.blackbar .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: none
}
.blackbar .navbar-header {
float: none;
display: block
}
.blackbar .navbar-header .navbar-toggle {
display: block;
color: #fff;
}
.blackbar .navbar-header .navbar-toggle .icon-bar {
background-color:#fff
}
.blackbar .navbar-nav li {
display: block;
/* width: 100%; */
overflow: hidden
}
.dropdown-menu {
border: none;
box-shadow: none;
}
.blackbar .navbar-nav li .dropdown-menu {
position: static;
margin-top: -10px;
padding: 0 0 10px 12px;
font-size: 0.9em
}
.blackbar .navbar-nav li .dropdown-menu li a {
margin: 10px 0 0;
padding: 0;
white-space: normal;
padding-left: 15px
}
.blackbar .navbar-nav li .dropdown-menu li.dropdown-submenu .dropdown-menu {
margin-top: 0;
font-size: 1em
}
.blackbar .navbar-nav li.first a {
margin-top: 0
}
.blackbar .navbar-text {
float: none;
margin: 15px 0
}
.blackbar .navbar-collapse.collapse.in {
display: block !important
}
.blackbar .collapsing {
overflow: hidden !important
}
}
@media (max-width: 767px) {
.blackbar .navbar-toggle {
padding-left: 15px
}
}
.blackbar .black {
padding-left: 0;
max-height: none
}
.blackbar .black .nav {
padding-top: 0;
padding-bottom: 0;
margin-left: -15px;
margin-right: -15px
}
@media (max-width: 767px) {
.blackbar .black .nav {
margin-right: 0
}
}
.blackbar .black .dropdown-menu {
font-size: 1em;
background-color:#fff;
text-transform:none;
padding-top:0;
padding-bottom:0;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
background-clip:border-box;
overflow:visible
}
@media (max-width: 992px) {
.blackbar .black .dropdown-menu .dropdown-submenu .dropdown-menu {
display: block;
padding-left: 15px
}
.blackbar .black .dropdown-menu {
background-color:inherit !important
}
}
@media (min-width: 992px) {
.blackbar .black .dropdown-menu li {
border-top:1px solid #c4bfc0
}
.blackbar .black .dropdown-menu li:first-child {
border-top:none
}
.blackbar .black .dropdown-menu li a {
padding:0.5rem 1.25rem;
color:#555960 !important
}
.blackbar .black .dropdown-menu li:hover>a {
background-color:#dedede !important;
color:#000 !important
}
}
.blackbar .black .dropdown-menu .dropdown-submenu {
position: relative
}
.blackbar .black .dropdown-menu .dropdown-submenu>a {
float: left
}
@media (max-width: 991px) {
.blackbar .black .dropdown-menu .dropdown-submenu .dropdown-menu {
display:block;
padding-left:15px
}
}
@media (min-width: 992px) {
.blackbar .black .dropdown-menu .dropdown-submenu {
min-height:1.8125em
}
.blackbar .black .dropdown-menu .dropdown-submenu .caret {
display:none
}
.blackbar .black .dropdown-menu .dropdown-submenu a {
float:none
}
.blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu {
overflow:hidden;
display:block;
width:0;
min-width:0;
height:0;
min-height:0;
left:100%;
top:0;
margin-left:0;
background:#fff;
border:none;
border-bottom-left-radius:0;
border-top-right-radius:5px;
border-top-left-radius:0;
box-shadow:0 6px 12px rgba(0,0,0,0.175);
padding:0
}
.blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li {
background:#fff
}
.blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li:first-child {
border-top:none
}
.blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li>a {
width:0;
height:0;
overflow:hidden;
background:#fff
}
.blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li>a:focus {
width:auto;
height:auto;
background:#000
}
.blackbar .black .dropdown-menu .dropdown-submenu:hover>.dropdown-toggle {
color:#000
}
.blackbar .black .dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
overflow:hidden;
width:auto;
min-width:160px;
height:auto;
min-height:none;
background:#fff;
box-shadow:0 6px 12px rgba(0,0,0,0.175);
padding:0
}
.blackbar .black .dropdown-menu .dropdown-submenu:hover>.dropdown-menu>li>a {
width:auto;
height:auto;
background:#fff
}
.blackbar .black .dropdown-menu .dropdown-submenu:hover+.dropdown-submenu>.dropdown-menu {
display:none
}
.blackbar .black .dropdown-menu .dropdown-submenu a.dropdown-toggle:focus+ul.dropdown-menu {
background:#000;
border:1px solid #000;
box-shadow:0 6px 12px rgba(0,0,0,0.175)
}
.blackbar .black .dropdown-menu .dropdown-submenu a.dropdown-toggle:focus+ul.dropdown-menu>li>a {
width:auto;
height:auto;
background:#000
}
.blackbar .black .dropdown-menu .dropdown-submenu:after {
display:block;
position:absolute;
right:0;
top:0;
content:" ";
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:4px 0 4px 4px;
border-left-color:#555960;
margin-top:16px;
margin-right:5px
}
.blackbar .black .dropdown-menu .dropdown-submenu:hover:after,
.blackbar .black .dropdown-menu .dropdown-submenu:focus:after {
border-left-color:#000
}
}
@media (max-width: 991px) {
.blackbar .black .dropdown-menu li a,
.blackbar .black .dropdown-menu li a:link,
.blackbar .black .dropdown-menu li a:visited {
background-color:inherit !important
}
}
@media (min-width: 992px) {
.blackbar .black .dropdown.open>.dropdown-toggle:after {
content:"";
height:2px;
width:calc(100% - 30.4px);
position:absolute;
visibility:visible;
transform:scaleX(1);
bottom:12px;
left:0.95rem;
background:#8e6f3e
}
}
.blackbar .black .dropdown.open .dropdown-submenu>.dropdown-menu {
display:block;
left:100%;
top:0
}
@media (max-width: 767px) {
.blackbar .black {
padding-left:30px
}
}
@media (min-width: 992px) {
.blackbar {
font-size:.875em
}
.blackbar .container .black .navbar-nav>li>a.is-active-page:after {
content:"";
height:2px;
width:calc(100% - 30.4px);
position:absolute;
visibility:visible;
transform:scaleX(1);
bottom:12px;
left:0.95rem;
background:#8e6f3e
}
}
@media (min-width: 767px) and (min-width: 991px) {
.blackbar {
font-size:1em
}
}
.blackbar .black .dropdown.open .dropdown-submenu>.dropdown-menu {
display: block;
left: 100%;
top: 0;
margin-left: -1px
}
@media (max-width: 767px) {
.blackbar .black {
padding-left: 30px
}
}
@media (min-width: 992px) {
.blackbar {
font-size: 1.125em
}
}
@media (min-width: 767px) and (min-width: 991px) {
.blackbar {
font-size: 1.125em
}
}
/* Breadcrumbs */
.breadcrumb {
width:100%;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
background-color:#f5f5f5;
color:#444;
font-size:.75em;
font-family:acumin-pro,"Franklin Gothic",sans-serif
}
.breadcrumb a:link {
color:inherit;
font-weight:300;
text-decoration:none
}
.breadcrumb a:visited {
color:inherit;
font-weight:300;
text-decoration:none
}
.breadcrumb a:hover {
color:inherit;
font-weight:300;
text-decoration:underline
}
.breadcrumb a:active {
color:inherit;
font-weight:300;
text-decoration:underline
}
.breadcrumb ol {
margin:0;
list-style-type:none;
display:flex
}
.breadcrumb ol li:not(:last-child):after {
content:" > ";
display:inline-block;
margin:0 0.625rem 0 0.625rem
}
@media (max-width: 767px) {
.breadcrumb ol li:not(:last-child):after {
height:1.6875rem
}
}
.breadcrumb ol li:last-child a {
font-weight:700
}
/* Buttons */
.button {
display: inline-block;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
max-width: 100%;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
border: none;
border-radius: 0;
outline-style: solid;
outline-width: 2px;
outline-offset: -2px;
padding: 0.51816rem 2px;
transition: background-color, outline-color, outline-style, color 0.1s;
font-family:"United Sans",Impact,"Arial Black","sans serif";
font-size: 0.93269rem;
font-weight: 700;
letter-spacing:1.8px;
text-align: center;
text-transform: uppercase;
outline-color: #000;
background-color: #000;
color: #fff;
}
.button:before, .button:after {
content: '';
display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 10px;
width: 3.21261rem;
}
.button:before {
order: 0;
float: left;
}
.button:after {
order: 2;
float: right;
}
.button:link, .button:visited {
text-decoration: none;
outline-style: solid;
outline-width: 2px;
outline-offset: -2px;
}
.button:hover, .button:active, .button:focus {
outline-style: solid;
outline-width: 2px;
outline-offset: -2px;
text-decoration: none;
cursor: pointer;
}
.button-bar {
position: relative;
outline-style: none;
border-bottom-style: solid;
border-bottom-width: 5px;
}
.button-bar:link, .button-bar:visited {
outline-style: none;
}
.button-bar:hover, .button-bar:active, .button-bar:focus {
outline-style: solid;
}
.button-icon {
padding-right: 0;
outline-style: none;
}
.button-icon:before, .button-icon:after {
width: 1.96902rem;
}
.button-icon:link, .button-icon:visited {
outline-style: none;
}
.button-icon:hover, .button-icon:visited, .button-icon:focus {
outline-style: solid;
}
.button-slim {
display: inline-flex;
font-weight: 400;
text-transform: none;
font-size: 1rem;
}
.button-slim:link, .button-slim:visited, .button-slim:hover, .button-slim:active {
font-weight: 400;
}
.button-slim-slim:before, .button-slim-slim:after {
width: 0.93269rem;
}
.button-slim-slim-md {
display: inline-flex;
font-weight: 400;
text-transform: none;
font-size: 1rem;
}
.button-slim-slim-md:link, .button-slim-slim-md:visited, .button-slim-slim-md:hover, .button-slim-slim-md:active {
font-weight: 400;
}
.button-slim-slim-md:before, .button-slim-slim-md:after {
width: 0.93269rem;
}
.button:link, .button:visited {
outline-color: #000;
background-color: #000;
color: #fff;
}
.button:hover, .button:active, .button:focus {
background-color: transparent;
color: #8e6f3e;
}
.button-hollow {
background-color: transparent;
color: #8e6f3e;
}
.button-hollow:link, .button-hollow:visited {
background-color: transparent;
color: #8e6f3e;
}
.button-hollow:hover, .button-hollow:active, .button-hollow:focus {
background-color: #000;
color: #fff;
}
.button-bar {
border-bottom-color: #737373;
}
.button-bar:hover, .button-bar:active, .button-bar:focus {
outline-color: #737373;
}
.button-icon .button__icon {
background-color: #cfb991;
color: #000;
}
.button-icon:hover, .button-icon:active, .button-icon:focus {
outline-color: #cfb991;
background-color: #000;
color: #fff;
}
.button-icon:hover .button__icon, .button-icon:active .button__icon, .button-icon:focus .button__icon {
color: #000;
}
.button-opaque {
outline-color:#fff;
background-color:rgba(255,255,255,0.5);
color:#000
}
.button-opaque:link, .button-opaque:visited {
outline-color:#fff;
background-color:rgba(255,255,255,0.5);
color:#000
}
.button-opaque:hover, .button-opaque:active, .button-opaque:focus {
outline-color:#fff;
background-color:#fff;
color:#000
}
.button-campusGold-inverse {
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-hollow:hover {
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-bar {
outline-style:solid;
border-bottom-color:#8e6f3e;
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-bar:hover, .button-campusGold-inverse.button-bar:active, .button-campusGold-inverse.button-bar:focus, .button-campusGold-inverse.button-bar:link {
outline-color:#8e6f3e;
border-bottom-color:#8e6f3e
}
.button-campusGold-inverse:hover, .button-campusGold-inverse:active, .button-campusGold-inverse:focus, .button-campusGold-inverse:link {
outline-color:#8e6f3e
}
.button-campusGold {
outline-color:#8e6f3e;
background-color:#8e6f3e;
color:#fff
}
.button-campusGold:link, .button-campusGold:visited {
outline-color:#8e6f3e;
background-color:#8e6f3e;
color:#fff
}
.button-campusGold:hover, .button-campusGold:active, .button-campusGold:focus {
outline-color:#8e6f3e;
background-color:transparent;
color:#000
}
.button-campusGold.button-hollow {
outline-color:#8e6f3e;
background-color:transparent;
color:#000
}
.button-campusGold.button-hollow:link, .button-campusGold.button-hollow:visited {
outline-color:#8e6f3e;
background-color:transparent;
color:#000
}
.button-campusGold.button-hollow:hover, .button-campusGold.button-hollow:active, .button-campusGold.button-hollow:focus {
outline-color:#8e6f3e;
background-color:#8e6f3e;
color:#fff
}
.button-campusGold.button-bar {
border-bottom-color:#594527
}
.button-campusGold.button-bar:link, .button-campusGold.button-bar:visited {
border-bottom-color:#594527;
color:#fff
}
.button-campusGold.button-bar:hover, .button-campusGold.button-bar:active, .button-campusGold.button-bar:focus {
background-color:transparent;
outline-color:#594527;
color:#000
}
.button-campusGold.button-icon .button__icon {
background-color:#000;
color:#fff
}
.button-campusGold.button-icon:hover, .button-campusGold.button-icon:active, .button-campusGold.button-icon:focus {
outline-color:#000;
background-color:#8e6f3e;
color:#fff
}
.button-campusGold.button-icon:hover .button__icon, .button-campusGold.button-icon:active .button__icon, .button-campusGold.button-icon:focus .button__icon {
color:#8e6f3e
}
.button-campusGold-inverse {
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-hollow:hover {
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-bar {
outline-style:solid;
border-bottom-color:#8e6f3e;
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-bar:hover, .button-campusGold-inverse.button-bar:active, .button-campusGold-inverse.button-bar:focus, .button-campusGold-inverse.button-bar:link {
outline-color:#8e6f3e;
border-bottom-color:#8e6f3e
}
.button-campusGold-inverse:hover, .button-campusGold-inverse:active, .button-campusGold-inverse:focus, .button-campusGold-inverse:link {
outline-color:#8e6f3e
}
.button-campusGold-inverse {
outline-color:#cfb991;
background-color:#cfb991;
color:#000
}
.button-campusGold-inverse:link, .button-campusGold-inverse:visited {
outline-color:#cfb991;
background-color:#cfb991;
color:#000
}
.button-campusGold-inverse:hover, .button-campusGold-inverse:active, .button-campusGold-inverse:focus {
outline-color:#8e6f3e;
background-color:transparent;
color:#000
}
.button-campusGold-inverse.button-hollow {
outline-color:#8e6f3e;
background-color:transparent;
color:#000
}
.button-campusGold-inverse.button-hollow:link, .button-campusGold-inverse.button-hollow:visited {
outline-color:#8e6f3e;
background-color:transparent;
color:#000
}
.button-campusGold-inverse.button-hollow:hover, .button-campusGold-inverse.button-hollow:active, .button-campusGold-inverse.button-hollow:focus {
outline-color:#cfb991;
background-color:#cfb991;
color:#000
}
.button-campusGold-inverse.button-bar {
border-bottom-color:#b8975c
}
.button-campusGold-inverse.button-bar:link, .button-campusGold-inverse.button-bar:visited {
border-bottom-color:#b8975c;
color:#000
}
.button-campusGold-inverse.button-bar:hover, .button-campusGold-inverse.button-bar:active, .button-campusGold-inverse.button-bar:focus {
background-color:transparent;
outline-color:#b8975c;
color:#000
}
.button-campusGold-inverse {
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-hollow:hover {
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-bar {
outline-style:solid;
border-bottom-color:#8e6f3e;
outline-color:#8e6f3e
}
.button-campusGold-inverse.button-bar:hover, .button-campusGold-inverse.button-bar:active, .button-campusGold-inverse.button-bar:focus, .button-campusGold-inverse.button-bar:link {
outline-color:#8e6f3e;
border-bottom-color:#8e6f3e
}
.button-campusGold-inverse:hover, .button-campusGold-inverse:active, .button-campusGold-inverse:focus, .button-campusGold-inverse:link {
outline-color:#8e6f3e
}
.button-black {
outline-color:#000;
background-color:#000;
color:#cfb991
}
.button-black:link, .button-black:visited {
outline-color:#000;
background-color:#000;
color:#cfb991
}
.button-black:hover, .button-black:active, .button-black:focus {
outline-color:#000;
background-color:transparent;
color:#8e6f3e
}
.button-black.button-hollow {
outline-color:#000;
background-color:transparent;
color:#8e6f3e
}
.button-black.button-hollow:link, .button-black.button-hollow:visited {
outline-color:#000;
background-color:transparent;
color:#8e6f3e
}
.button-black.button-hollow:hover, .button-black.button-hollow:active, .button-black.button-hollow:focus {
outline-color:#000;
background-color:#000;
color:#cfb991
}
.button-black.button-bar {
border-bottom-color:#737373
}
.button-black.button-bar:link, .button-black.button-bar:visited {
border-bottom-color:#737373;
color:#cfb991
}
.button-black.button-bar:hover, .button-black.button-bar:active, .button-black.button-bar:focus {
background-color:transparent;
outline-color:#737373;
color:#8e6f3e
}
.button-black.button-icon .button__icon {
background-color:#cfb991;
color:#000
}
.button-black.button-icon:hover, .button-black.button-icon:active, .button-black.button-icon:focus {
outline-color:#cfb991;
background-color:#000;
color:#cfb991
}
.button-black.button-icon:hover .button__icon, .button-black.button-icon:active .button__icon, .button-black.button-icon:focus .button__icon {
color:#000
}
.button-gray40 {
outline-color:#6f727b;
background-color:#6f727b;
color:#fff
}
.button-gray40:link, .button-gray40:visited {
outline-color:#6f727b;
background-color:#6f727b;
color:#fff
}
.button-gray40:hover, .button-gray40:active, .button-gray40:focus {
outline-color:#6f727b;
background-color:transparent;
color:#000
}
.button-gray40.button-hollow {
outline-color:#6f727b;
background-color:transparent;
color:#000
}
.button-gray40.button-hollow:link, .button-gray40.button-hollow:visited {
outline-color:#6f727b;
background-color:transparent;
color:#000
}
.button-gray40.button-hollow:hover, .button-gray40.button-hollow:active, .button-gray40.button-hollow:focus {
outline-color:#6f727b;
background-color:#6f727b;
color:#fff
}
.button-gray40.button-bar {
border-bottom-color:#4b4d53
}
.button-gray40.button-bar:link, .button-gray40.button-bar:visited {
border-bottom-color:#4b4d53;
color:#fff
}
.button-gray40.button-bar:hover, .button-gray40.button-bar:active, .button-gray40.button-bar:focus {
background-color:transparent;
outline-color:#4b4d53;
color:#000
}
.button-light:hover, .button-light:active, .button-light:focus {
color: #fff;
}
.button-light.button-bar:hover, .button-light.button-bar:active, .button-light.button-bar:focus {
color: #fff;
}
.button-light.button-hollow {
color: #fff;
}
.button-light.button-hollow:link, .button-light.button-hollow:visited {
color: #fff;
}
.button-light.button-hollow:hover, .button-light.button-hollow:active, .button-light.button-hollow:focus {
color: #000;
}
.button-light.button-hollow.button-campusGold {
color:#fff
}
.button-light.button-hollow.button-campusGold:link, .button-light.button-hollow.button-campusGold:visited {
color:#fff
}
.button-light.button-hollow.button-campusGold:hover, .button-light.button-hollow.button-campusGold:active, .button-light.button-hollow.button-campusGold:focus {
color:#fff
}
.button-light.button-hollow.button-campusGold-inverse {
color:#fff
}
.button-light.button-hollow.button-campusGold-inverse:link, .button-light.button-hollow.button-campusGold-inverse:visited {
color:#fff
}
.button-light.button-hollow.button-campusGold-inverse:hover, .button-light.button-hollow.button-campusGold-inverse:active, .button-light.button-hollow.button-campusGold-inverse:focus {
color:#000
}
.button-light.button-hollow.button-black {
color:#fff
}
.button-light.button-hollow.button-black:link, .button-light.button-hollow.button-black:visited {
color:#fff
}
.button-light.button-hollow.button-black:hover, .button-light.button-hollow.button-black:active, .button-light.button-hollow.button-black:focus {
color:#cfb991
}
.button-light.button-hollow.button-gray40 {
color:#fff
}
.button-light.button-hollow.button-gray40:link, .button-light.button-hollow.button-gray40:visited {
color:#fff
}
.button-light.button-hollow.button-gray40:hover, .button-light.button-hollow.button-gray40:active, .button-light.button-hollow.button-gray40:focus {
color:#fff
}
.button-light.button-opaque {
outline-color:#fff;
background-color:#000;
background-color:rgba(250,250,250,0.5);
color:#000
}
.button-light.button-opaque:link, .button-light.button-opaque:visited {
outline-color:#fff;
background-color:#000;
background-color:rgba(250,250,250,0.5);
color:#000
}
.button-light.button-opaque:hover, .button-light.button-opaque:active, .button-light.button-opaque:focus {
outline-color:#fff;
background-color:#fff;
color:#000
}
.button-wide {
display:block;
display:flex;
width:100%;
min-width:auto
}
.button-wide:before, .button-wide:after {
width:auto
}
.button__icon {
transition:color, transform 0.1s;
flex-grow:0;
flex-shrink:0;
flex-basis:auto;
display:inline-flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
margin:-.51816rem 0;
padding:0 .51816rem;
order:3;
font-size:1.625rem;
text-align:center
}
.button__icon>*, .button__icon.fa:before {
transition:color, transform 0.1s
}
@media (min-width: 1200px) {
.button {
padding:.625rem 2px;
font-size:1.125rem
}
.button:before, .button:after {
width:3.875rem
}
.button-bar {
position:relative
}
.button-bar:after {
height:.3125rem
}
.button-icon {
padding-right:0
}
.button-icon:before, .button-icon:after {
width:2.5rem
}
.button-wide:before, .button-wide:after {
width:auto
}
.button-wide-lg {
display:block;
display:flex;
width:100%;
min-width:auto
}
.button-wide-lg:before, .button-wide-lg:after {
width:auto
}
.button-wide-lg:before, .button-wide-lg:after {
width:auto
}
.button-slim:before, .button-slim:after {
width:1.25rem
}
.button-slim-lg {
display:inline-flex;
font-weight:400;
text-transform:none;
font-size:1rem
}
.button-slim-lg:link, .button-slim-lg:visited, .button-slim-lg:hover, .button-slim-lg:active {
font-weight:400
}
.button-slim-lg:before, .button-slim-lg:after {
width:1.25rem
}
.button__icon {
margin:-.625rem 0;
padding:0 .625rem
}
}
@media (min-width: 768px) and (max-width: 991px) {
.button {
padding:.625rem 2px;
font-size:1.03632rem
}
.button:before, .button:after {
width:4.0625rem
}
.button-icon {
padding-right:0
}
.button-icon:before, .button-icon:after {
width:2.6875rem
}
.button-wide:before, .button-wide:after {
width:auto
}
.button-wide-sm {
display:block;
display:flex;
width:100%;
min-width:auto
}
.button-wide-sm:before, .button-wide-sm:after {
width:auto
}
.button-wide-sm:before, .button-wide-sm:after {
width:auto
}
.button-slim:before, .button-slim:after {
width:1.03632rem;
flex-basis:auto
}
.button-slim-sm {
display:inline-flex;
font-weight:400;
text-transform:none;
font-size:1rem
}
.button-slim-sm:link, .button-slim-sm:visited, .button-slim-sm:hover, .button-slim-sm:active {
font-weight:400
}
.button-slim-sm:before, .button-slim-sm:after {
width:1.03632rem;
flex-basis:auto
}
.button__icon {
margin:-.625rem 0;
padding:0 .625rem
}
}
@media (max-width: 767px) {
.button {
padding:.625rem 2px;
font-size:1.125rem
}
.button:before, .button:after {
width:3.75rem
}
.button-bar {
position:relative
}
.button-bar:after {
height:.3125rem
}
.button-icon {
padding-right:0
}
.button-icon:before, .button-icon:after {
width:2.375rem
}
.button-wide:before, .button-wide:after {
width:auto
}
.button-wide-xs {
display:block;
display:flex;
width:100%;
min-width:auto
}
.button-wide-xs:before, .button-wide-xs:after {
width:auto
}
.button-wide-xs:before, .button-wide-xs:after {
width:auto
}
.button-slim:before, .button-slim:after {
width:1.03632rem;
flex-basis:auto
}
.button-slim-xs {
display:inline-flex;
font-weight:400;
text-transform:none;
font-size:1rem
}
.button-slim-xs:link, .button-slim-xs:visited, .button-slim-xs:hover, .button-slim-xs:active {
font-weight:400
}
.button-slim-xs:before, .button-slim-xs:after {
width:1.03632rem;
flex-basis:auto
}
.button__icon {
margin:-.625rem 0;
padding:0 .625rem
}
}
.highlight {
margin: 1rem 0;
padding-left: 2rem;
position: relative
}
.highlight:before {
content: '';
position: absolute;
display: block;
width: .5rem;
height: 100%;
left: 0;
top: 0;
background: #aaa
}
.highlight__title {
font-family: "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
margin: 1.5rem 0 0.6rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 700;
font-size: 1.375em;
display: block;
padding: 0;
margin: 0;
color: inherit;
line-height: normal
}
.highlight__content {
display: block;
padding-bottom: 0
}
blockquote,
.quote {
padding: 0;
border: 0;
font-size: unset;
margin: 1rem 0;
padding-left: 2rem;
position: relative
}
blockquote:before,
.quote:before {
content: '';
position: absolute;
display: block;
width: .5rem;
height: 100%;
left: 0;
top: 0;
background: #c28e0e
}
.quote-mark {
padding-left: 4rem
}
.quote-mark:before {
width: auto;
height: auto;
background: none;
display: block;
width: 3rem;
height: 3rem;
background-image: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 50' xml:space='preserve'><path style='fill:#c28e0e;stroke:rgba(0,0,0,0);' d='M14.8604,26.5957h7.6001v20.5205h-19V28.3057l9.1201-25.27h9.8799L14.8604,26.5957z M38.9912,26.5957h7.6006v20.5205h-19.001V28.3057l9.1201-25.27h9.8809L38.9912,26.5957z'/></svg>");
background-size: cover
}
.quote__content {
display: block;
padding: 0;
margin: 0;
font-family: "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
font-weight: bold;
font-size: 1.5rem;
color: #2e2e2e;
line-height: 1.25
}
.quote__source {
display: block;
padding: 0;
padding-top: .5rem;
font-family: "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
font-weight: bold;
font-size: 1.125rem;
color: #98700d
}
@media (min-width: 37.5em) {
blockquote,
.quote {
padding-left: 6rem
}
blockquote:before,
.quote:before {
height: 110%;
left: 4rem;
top: -5%
}
.quote-mark:before {
height: 3rem;
left: 2rem;
top: 0
}
}
.heading-1 {
margin:0 0 2rem;
line-height: 1.22;
font-family:acumin-pro,"Franklin Gothic",sans-serif;
color: black;
font-size:2.3125rem;
font-weight: 700;
}
.heading-2 {
font-family:acumin-pro-condensed,"Franklin Gothic",sans-serif;
margin:2rem 0 1.5rem;
line-height: 1.2;
color: #8e6f3e;
font-size: 2em;
font-weight: 600;
}
.heading-3 {
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
margin:1.75rem 0 1.5rem;
line-height: 1.2;
font-weight: 600;
color: black;
font-size:1.5625rem
}
.heading-4 {
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
margin:1.5rem 0 1.5rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 500;
color: #555960;
font-size:1.375rem;
}
.heading-5 {
font-family:acumin-pro,"Franklin Gothic",sans-serif;
margin:1.5rem 0 1.5rem;
line-height: 1.2;
font-weight: 700;
color:#8e6f3e;
font-size: 1.375em;
}
.heading-6 {
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
margin:1.5rem 0 1.5rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 600;
color:black;
font-size:1.1875rem
}
/* Main content */
.cards h2 {
margin-top:0;
}
.cards {
word-break: break-word;
}
.captionStyle, .imageContainer.useCaption .caption, .videoContainer .caption {
display:block;
padding:10px 0;
color:#555960;
font-size:.875em;
font-style:italic;
line-height:1.5em
}
.imageContainer {
display: inline-block;
padding: 15px 0
}
.imageContainer img {
max-width: 100%
}
.imageContainer.useCaption {
display: block
}
.imageContainer.useCaption img {
width: 100%
}
.videoContainer {
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px
}
.videoContainer .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.videoContainer .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.content .container .row {
padding: 30px 0
}
.content .container .row .maincontent {
line-height:30px;
font-family: acumin-pro,"Franklin Gothic",sans-serif;
}
.content .container .row .maincontent img.banner {
width: 100%;
margin-bottom: 20px
}
.content .container .row .maincontent .imageContainer {
max-width: 100%
}
.content .container .row .maincontent .videoContainer {
width: 100%
}
@media (min-width: 768px) {
.content .container .row .maincontent .imageContainer.right,
.content .container .row .maincontent .videoContainer.right {
margin-left: 25px
}
.content .container .row .maincontent .imageContainer.left,
.content .container .row .maincontent .videoContainer.left {
margin-right: 25px
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.content .container .row .maincontent .imageContainer.right,
.content .container .row .maincontent .imageContainer.left,
.content .container .row .maincontent .videoContainer.right,
.content .container .row .maincontent .videoContainer.left {
max-width: 40%
}
}
@media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
.content .container .row .maincontent .imageContainer.right,
.content .container .row .maincontent .imageContainer.left,
.content .container .row .maincontent .videoContainer.right,
.content .container .row .maincontent .videoContainer.left {
max-width: 45%
}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
.content .container .row .maincontent .imageContainer.right,
.content .container .row .maincontent .imageContainer.left,
.content .container .row .maincontent .videoContainer.right,
.content .container .row .maincontent .videoContainer.left {
max-width: 50%
}
}
@media (max-width: 767px) {
.content .container .row .maincontent .imageContainer.right,
.content .container .row .maincontent .imageContainer.left,
.content .container .row .maincontent .videoContainer.right,
.content .container .row .maincontent .videoContainer.left {
width: 100%;
max-width: 100%
}
}
.sidecontent {
clear: left
}
.sidecontent ul li {
padding: 6px 0
}
.sidecontent ul li:first-child {
padding-top: 0
}
.sidecontent .imageContainer:first-child,
.sidecontent .videoContainer:first-child {
padding-top: 0
}
.sidecontent .imageContainer,
.sidecontent .videoContainer {
width: 100%
}
.formMsg {
padding: 10px
}
.formMsg p {
padding: 0
}
.formMsg.error {
background-color: #ffc2c2
}
.formMsg.success {
background-color: #91ffb8
}
form.purdueForm .row {
padding-top: 0 !important;
padding-bottom: 0 !important
}
form.purdueForm fieldset legend {
padding-top: 0;
padding-bottom: 0.25em;
font-family: "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
color: #c28e0e;
font-size: 1.75em;
line-height: 1.2em
}
form.purdueForm fieldset+fieldset legend,
form.purdueForm input+fieldset legend {
padding-top: 0.75em
}
form.purdueForm label {
margin-bottom: 5px;
font-weight: 700;
line-height: 1em
}
form.purdueForm label .sublabel {
display: block;
font-size: 0.75em;
color: #555
}
form.purdueForm label.required .sublabel {
display: inline
}
form.purdueForm label.required .sublabel:before {
content: "*\A";
white-space: pre;
font-size: 1.3333333em;
font-weight: inherit;
line-height: inherit
}
form.purdueForm label.error {
color: #910000
}
form.purdueForm label.required:after {
content: " *"
}
form.purdueForm label.required.sublab:after {
content: ""
}
form.purdueForm input:not([type="submit"]),
form.purdueForm select,
form.purdueForm textarea,
form.purdueForm .js-charCount {
background-color: #eee;
border: solid 1px #ccc;
max-width: 100%;
margin-bottom: 15px
}
form.purdueForm input[type="text"],
form.purdueForm input[type="email"] {
max-width: 250px
}
form.purdueForm input[type="tel"] {
max-width: 125px
}
form.purdueForm input[type="date"],
form.purdueForm input[type="time"] {
max-width: 175px
}
form.purdueForm input.error,
form.purdueForm textarea.error,
form.purdueForm .js-charCount.error {
background-color: #fceaea
}
form.purdueForm input.state {
max-width: 50px
}
form.purdueForm input:focus,
form.purdueForm select:focus,
form.purdueForm textarea:focus,
form.purdueForm .js-charCount:focus {
background-color: #fff
}
form.purdueForm select {
border-radius: 0px
}
form.purdueForm textarea,
form.purdueForm .js-charCount {
display: block;
width: 100%;
max-width: 100%;
min-height: 4em;
overflow-y: scroll
}
form.purdueForm .js-charCounter.over {
color: #f00;
font-weight: 700
}
form.purdueForm input[type="submit"] {
margin-top: 30px;
padding: 5px 15px;
background-color: #444;
color: #fff
}
form.purdueForm input[type="submit"]:hover {
background-color: #000
}
form.purdueForm input[type="submit"][disabled] {
background-color: #bbb
}
form.purdueForm input[type="submit"][disabled]:hover {
background-color: #bbb
}
form.purdueForm .robotic {
display: none
}
.sidenav {
clear:left;
overflow:hidden;
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif
}
.sidenav>ul {
margin-bottom:25px;
padding:0;
list-style-type:none
}
.sidenav>ul a {
position:relative;
display:block;
padding:12px 0
}
.sidenav>ul a:after {
content:"";
position:absolute;
left:0px;
bottom:10px;
display:block;
width:0;
transition:width 0.15s ease-in;
height:2px;
background-color:#8e6f3e
}
.sidenav>ul a:link {
color:#555960;
text-decoration:none
}
.sidenav>ul a:visited {
color:#555960;
text-decoration:none
}
.sidenav>ul a:hover, .sidenav>ul a:focus {
color:#000;
text-decoration:underline
}
.sidenav>ul a:active {
color:#000;
text-decoration:underline
}
.sidenav>ul a:focus {
text-decoration:none;
outline:none
}
.sidenav>ul a:focus:after {
width:50%
}
.sidenav>ul li {
overflow:hidden;
border-bottom:solid 1px #ccc;
padding:0
}
.sidenav>ul li.dropdown-submenu>a {
position:relative;
padding-right:15px;
font-family:acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
font-weight:bold
}
.sidenav>ul li.dropdown-submenu>a>.caret {
position:absolute;
top:0.65rem;
right:5px;
float:right
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu {
position:static;
width:100%;
margin-top:-10px;
padding:0 0 10px 20px;
border:none;
box-shadow:none;
list-style-type:none;
font-size:1em
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li {
display:block;
width:100%;
border:none;
padding:0
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li a {
display:block;
padding:5px;
white-space:normal
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li a:after {
bottom:4px
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li a:link {
background:none
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li a:visited {
background:none
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li a:hover {
background:none
}
.sidenav>ul li.dropdown-submenu ul.dropdown-menu li a:active {
background:none
}
.sidenav>ul>li:first-child {
text-align:center;
padding:10px;
background-color:#555960;
text-transform:uppercase;
color:#fff
}
.sidenav>ul>li:first-child a:after {
display:none
}
.sidenav>ul>li:first-child a:link {
padding:0;
background-color:#555960;
color:inherit;
border-left:none
}
.sidenav>ul>li:first-child a:visited {
padding:0;
background-color:#555960;
color:inherit;
border-left:none
}
.sidenav>ul>li:first-child a:hover {
padding:0;
background-color:#555960;
color:inherit;
border-left:none
}
.sidenav>ul>li:first-child a:active {
padding:0;
background-color:#555960;
color:inherit;
border-left:none
}
.sidenav>ul>li:first-child a:focus {
text-decoration:underline
}
@media (max-width: 767px) {
.sidenav {
padding-top:15px
}
}
/* Footer */
footer {
position:relative;
bottom:0;
background: #222;
}
footer.container {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.bottom {
overflow: hidden;
padding: 1rem 1rem 0.5rem;
background-color: #3b3b3b;
color: #fff;
text-align: center;
line-height: 1.5em
}
.bottom p {
margin: 0 !important;
padding-bottom:0.5rem
}
.bottom a:link {
color: #fff;
text-decoration: underline;
}
.bottom a:visited, .bottom a:active {
color: #fff;
}
.bottom a:hover {
color: #fff;
text-decoration: none;
}
/* For accessibility purposes */
.dropdown-toggle:focus {
outline-color: #3b99ff;
outline-style: auto;
outline-width: 5px;
outline-offset: -2px
}
.navbar-toggle:focus {
text-decoration: underline
}
.reset-box-sizing, .reset-box-sizing * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 150px;
}
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important
}
}