html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
object-fit: cover;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/**
* Grid System
*
* Bootstrap v3.3.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* --------------------------------------------------------------------------
* Base setup 20px gutters
*
* Phones - xxs - < 600px ** Default **
* Small Tablets - xs - >= 600px
* Tablets - sm - >= 768px
* Desktop - md - >= 1025px
* Large Desktop - lg - >= 1200px
* --------------------------------------------------------------------------
* Learn more here: http://getbootstrap.com/css/#grid
* -------------------------------------------------------------------------- */
.row {
margin-left: -16px; /* TODO: Default grid. Update if different in prototypes. */
margin-right: -16px;
}
[class*="col-"] {
position: relative;
min-height: 1px;
padding-left: 16px; /* TODO: Default grid. Update if different in prototypes. */
padding-right: 16px;
}
/* Extra Extra small devices (devices, less than 600px) */
[class*="col-xxs-"] { float:left; }
.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333%; }
.col-xxs-9 { width: 75%; }
.col-xxs-8 { width: 66.66666667%; }
.col-xxs-7 { width: 58.33333333%; }
.col-xxs-6 { width: 50%; }
.col-xxs-5 { width: 41.66666667%; }
.col-xxs-4 { width: 33.33333333%; }
.col-xxs-3 { width: 25%; }
.col-xxs-2 { width: 16.66666667%; }
.col-xxs-1 { width: 8.33333333%; }
.col-xxs-pull-12 { right: 100%; }
.col-xxs-pull-11 { right: 91.66666667%; }
.col-xxs-pull-10 { right: 83.33333333%; }
.col-xxs-pull-9 { right: 75%; }
.col-xxs-pull-8 { right: 66.66666667%; }
.col-xxs-pull-7 { right: 58.33333333%; }
.col-xxs-pull-6 { right: 50%; }
.col-xxs-pull-5 { right: 41.66666667%; }
.col-xxs-pull-4 { right: 33.33333333%; }
.col-xxs-pull-3 { right: 25%; }
.col-xxs-pull-2 { right: 16.66666667%; }
.col-xxs-pull-1 { right: 8.33333333%; }
.col-xxs-pull-0 { right: auto; }
.col-xxs-push-12 { left: 100%; }
.col-xxs-push-11 { left: 91.66666667%; }
.col-xxs-push-10 { left: 83.33333333%; }
.col-xxs-push-9 { left: 75%; }
.col-xxs-push-8 { left: 66.66666667%; }
.col-xxs-push-7 { left: 58.33333333%; }
.col-xxs-push-6 { left: 50%; }
.col-xxs-push-5 { left: 41.66666667%; }
.col-xxs-push-4 { left: 33.33333333%; }
.col-xxs-push-3 { left: 25%; }
.col-xxs-push-2 { left: 16.66666667%; }
.col-xxs-push-1 { left: 8.33333333%; }
.col-xxs-push-0 { left: auto; }
.col-xxs-offset-12 { margin-left: 100%; }
.col-xxs-offset-11 { margin-left: 91.66666667%; }
.col-xxs-offset-10 { margin-left: 83.33333333%; }
.col-xxs-offset-9 { margin-left: 75%; }
.col-xxs-offset-8 { margin-left: 66.66666667%; }
.col-xxs-offset-7 { margin-left: 58.33333333%; }
.col-xxs-offset-6 { margin-left: 50%; }
.col-xxs-offset-5 { margin-left: 41.66666667%; }
.col-xxs-offset-4 { margin-left: 33.33333333%; }
.col-xxs-offset-3 { margin-left: 25%; }
.col-xxs-offset-2 { margin-left: 16.66666667%; }
.col-xxs-offset-1 { margin-left: 8.33333333%; }
.col-xxs-offset-0 { margin-left: 0; }
/* Extra small devices (phones, 600px and up) */
@media (min-width: 600px) {
[class*="col-xs-"] {float:left;}
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
[class*="col-sm-"] {float:left;}
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666667%; }
.col-sm-pull-10 { right: 83.33333333%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.66666667%; }
.col-sm-pull-7 { right: 58.33333333%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.66666667%; }
.col-sm-pull-4 { right: 33.33333333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.66666667%; }
.col-sm-pull-1 { right: 8.33333333%; }
.col-sm-pull-0 { right: auto; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666667%; }
.col-sm-push-10 { left: 83.33333333%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.66666667%; }
.col-sm-push-7 { left: 58.33333333%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.66666667%; }
.col-sm-push-4 { left: 33.33333333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.66666667%; }
.col-sm-push-1 { left: 8.33333333%; }
.col-sm-push-0 { left: auto; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.66666667%; }
.col-sm-offset-7 { margin-left: 58.33333333%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.66666667%; }
.col-sm-offset-4 { margin-left: 33.33333333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.66666667%; }
.col-sm-offset-1 { margin-left: 8.33333333%; }
.col-sm-offset-0 { margin-left: 0; }
}
/* Medium devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
[class*="col-md-"] {float:left;}
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.66666667%; }
.col-md-pull-10 { right: 83.33333333%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.66666667%; }
.col-md-pull-7 { right: 58.33333333%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.66666667%; }
.col-md-pull-4 { right: 33.33333333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.66666667%; }
.col-md-pull-1 { right: 8.33333333%; }
.col-md-pull-0 { right: auto; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.66666667%; }
.col-md-push-10 { left: 83.33333333%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.66666667%; }
.col-md-push-7 { left: 58.33333333%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.66666667%; }
.col-md-push-4 { left: 33.33333333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.66666667%; }
.col-md-push-1 { left: 8.33333333%; }
.col-md-push-0 { left: auto; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-0 { margin-left: 0; }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
[class*="col-lg-"] {float:left;}
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
.col-lg-pull-12 { right: 100%; }
.col-lg-pull-11 { right: 91.66666667%; }
.col-lg-pull-10 { right: 83.33333333%; }
.col-lg-pull-9 { right: 75%; }
.col-lg-pull-8 { right: 66.66666667%; }
.col-lg-pull-7 { right: 58.33333333%; }
.col-lg-pull-6 { right: 50%; }
.col-lg-pull-5 { right: 41.66666667%; }
.col-lg-pull-4 { right: 33.33333333%; }
.col-lg-pull-3 { right: 25%; }
.col-lg-pull-2 { right: 16.66666667%; }
.col-lg-pull-1 { right: 8.33333333%; }
.col-lg-pull-0 { right: auto; }
.col-lg-push-12 { left: 100%; }
.col-lg-push-11 { left: 91.66666667%; }
.col-lg-push-10 { left: 83.33333333%; }
.col-lg-push-9 { left: 75%; }
.col-lg-push-8 { left: 66.66666667%; }
.col-lg-push-7 { left: 58.33333333%; }
.col-lg-push-6 { left: 50%; }
.col-lg-push-5 { left: 41.66666667%; }
.col-lg-push-4 { left: 33.33333333%; }
.col-lg-push-3 { left: 25%; }
.col-lg-push-2 { left: 16.66666667%; }
.col-lg-push-1 { left: 8.33333333%; }
.col-lg-push-0 { left: auto; }
.col-lg-offset-12 { margin-left: 100%; }
.col-lg-offset-11 { margin-left: 91.66666667%; }
.col-lg-offset-10 { margin-left: 83.33333333%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-8 { margin-left: 66.66666667%; }
.col-lg-offset-7 { margin-left: 58.33333333%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-5 { margin-left: 41.66666667%; }
.col-lg-offset-4 { margin-left: 33.33333333%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-1 { margin-left: 8.33333333%; }
.col-lg-offset-0 { margin-left: 0; }
}
/**
* Clearfix
* Apply clearing without adding additional markup
*/
.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }
@-ms-viewport { width: device-width; }
/**
* Images
*/
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
/**
* Visiblity
*/
.show { display: block !important; }
.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.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: 599px) {
.visible-xxs { display: block !important; }
table.visible-xxs { display: table; }
tr.visible-xxs { display: table-row !important; }
th.visible-xxs,
td.visible-xxs { display: table-cell !important; }
.visible-xxs-block { display: block !important; }
.visible-xxs-inline { display: inline !important; }
.visible-xxs-inline-block { display: inline-block !important; }
}
@media (min-width: 600px) and (max-width: 767px) {
.visible-xs { display: block !important; }
table.visible-xs { display: table; }
tr.visible-xs { display: table-row !important; }
th.visible-xs,
td.visible-xs { display: table-cell !important; }
.visible-xs-block { display: block !important; }
.visible-xs-inline { display: inline !important; }
.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
.visible-sm { display: block !important; }
table.visible-sm { display: table; }
tr.visible-sm { display: table-row !important; }
th.visible-sm,
td.visible-sm { display: table-cell !important; }
.visible-sm-block { display: block !important; }
.visible-sm-inline { display: inline !important; }
.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
.visible-md { display: block !important; }
table.visible-md { display: table; }
tr.visible-md { display: table-row !important; }
th.visible-md,
td.visible-md { display: table-cell !important; }
.visible-md-block { display: block !important; }
.visible-md-inline { display: inline !important; }
.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1200px) {
.visible-lg { display: block !important; }
table.visible-lg { display: table; }
tr.visible-lg { display: table-row !important; }
th.visible-lg,
td.visible-lg { display: table-cell !important; }
.visible-lg-block { display: block !important; }
.visible-lg-inline { display: inline !important; }
.visible-lg-inline-block { display: inline-block !important; }
}
/**
* Hiding
*/
.hide,
.hidden-xxs-up { display: none !important; }
.hidden { display: none !important; visibility: hidden !important; }
.invisible { visibility: hidden !important; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
@media (max-width: 599px) {
.hidden-xxs { display: none !important; }
}
@media (min-width: 600px) {
.hidden-xs-up { display: none !important; }
}
@media (min-width: 600px) and (max-width: 767px) {
.hidden-xs { display: none !important; }
}
@media (max-width: 767px) {
.hidden-xs-down { display: none !important; }
}
@media (min-width: 768px) {
.hidden-sm-up { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
.hidden-sm { display: none !important; }
}
@media (max-width: 1024px) {
.hidden-sm-down { display: none !important; }
}
@media (min-width: 1025px) {
.hidden-md-up { display: none !important; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
.hidden-md { display: none !important; }
}
@media (max-width: 1199px) {
.hidden-md-down { display: none !important; }
}
@media (min-width: 1200px) {
.hidden-lg { display: none !important; }
}
/**
* Screen Readers
*/
.sr-only,
.screen-reader-text,
.wpcf7 .screen-reader-response {
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;
}
/**
* Print
*/
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block { display: none !important; }
@media print {
.visible-print { display: block !important; }
table.visible-print { display: table; }
tr.visible-print { display: table-row !important; }
th.visible-print,
td.visible-print { display: table-cell !important; }
.visible-print-block { display: block !important; }
.visible-print-inline { display: inline !important; }
.visible-print-inline-block { display: inline-block !important; }
.hidden-print { display: none !important; }
}
/**
* Text alignment
*/
.text-left { text-align:left !important; }
.text-center { text-align:center!important; }
.text-right { text-align:right !important; }
/**
* Positioning
*/
.affix-top { position: fixed!important; top: 0!important; }
.affix-bottom { position: fixed!important; bottom: 0!important; }
.affix-left { position: fixed!important; left: 0!important; }
.affix-right { position: fixed!important; right: 0!important; }
.pull-right { float: right!important; }
.pull-left { float: left !important; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
/**
* Add/remove margins
*/
.push { margin: 20px!important; }
.push-top { margin-top: 20px!important; }
.push-right { margin-right: 20px!important; }
.push-bottom { margin-bottom:20px!important; }
.push-left { margin-left: 20px!important; }
.push-ends { margin-top: 20px!important; margin-bottom:20px!important; }
.push-sides { margin-right: 20px!important; margin-left: 20px!important; }
.push-half { margin: 10px!important; }
.push-half-top { margin-top: 10px!important; }
.push-half-right { margin-right: 10px!important; }
.push-half-bottom { margin-bottom:10px!important; }
.push-half-left { margin-left: 10px!important; }
.push-half-ends { margin-top: 10px!important; margin-bottom:10px!important; }
.push-half-sides { margin-right: 10px!important; margin-left: 10px!important; }
.flush { margin: 0!important; }
.flush-top { margin-top: 0!important; }
.flush-right { margin-right: 0!important; }
.flush-bottom { margin-bottom:0!important; }
.flush-left { margin-left: 0!important; }
.flush-ends { margin-top: 0!important; margin-bottom:0!important; }
.flush-sides { margin-right: 0!important; margin-left: 0!important; }
/**
* Add/remove paddings
*/
.soft { padding: 20px!important; }
.soft-top { padding-top: 20px!important; }
.soft-right { padding-right: 20px!important; }
.soft-bottom { padding-bottom:20px!important; }
.soft-left { padding-left: 20px!important; }
.soft-ends { padding-top: 20px!important; padding-bottom:20px!important; }
.soft-sides { padding-right: 20px!important; padding-left: 20px!important; }
.soft-half { padding: 10px!important; }
.soft-half-top { padding-top: 10px!important; }
.soft-half-right { padding-right: 10px!important; }
.soft-half-bottom { padding-bottom:10px!important; }
.soft-half-left { padding-left: 10px!important; }
.soft-half-ends { padding-top: 10px!important; padding-bottom:10px!important; }
.soft-half-sides { padding-right: 10px!important; padding-left: 10px!important; }
.hard { padding: 0!important; }
.hard-top { padding-top: 0!important; }
.hard-right { padding-right: 0!important; }
.hard-bottom { padding-bottom:0!important; }
.hard-left { padding-left: 0!important; }
.hard-ends { padding-top: 0!important; padding-bottom:0!important; }
.hard-sides { padding-right: 0!important; padding-left: 0!important; }
@media (min-width:600px) {
.flush-xs { margin: 0 !important; }
.flush-xs-top { margin-top: 0 !important; }
.flush-xs-right { margin-right: 0 !important; }
.flush-xs-bottom { margin-bottom:0 !important; }
.flush-xs-left { margin-left: 0 !important; }
.flush-xs-ends { margin-top: 0 !important; margin-bottom:0 !important; }
.flush-xs-sides { margin-right: 0 !important; margin-left: 0 !important; }
.push-xs { margin: 20px !important; }
.push-xs-top { margin-top: 20px !important; }
.push-xs-right { margin-right: 20px !important; }
.push-xs-bottom { margin-bottom:20px !important; }
.push-xs-left { margin-left: 20px !important; }
.push-xs-ends { margin-top: 20px !important; margin-bottom:20px !important; }
.push-xs-sides { margin-right: 20px !important; margin-left: 20px !important; }
.push-half-xs { margin: 10px !important; }
.push-half-xs-top { margin-top: 10px !important; }
.push-half-xs-right { margin-right: 10px !important; }
.push-half-xs-bottom { margin-bottom:10px !important; }
.push-half-xs-left { margin-left: 10px !important; }
.push-half-xs-ends { margin-top: 10px !important; margin-bottom:10px !important; }
.push-half-xs-sides { margin-right: 10px !important; margin-left: 10px !important; }
.push-double-xs { margin: 40px !important; }
.push-double-xs-top { margin-top: 40px !important; }
.push-double-xs-right { margin-right: 40px !important; }
.push-double-xs-bottom { margin-bottom:40px !important; }
.push-double-xs-left { margin-left: 40px !important; }
.push-double-xs-ends { margin-top: 40px !important; margin-bottom:40px !important; }
.push-double-xs-sides { margin-right: 40px !important; margin-left: 40px !important; }
.push-triple-xs { margin: 60px !important; }
.push-triple-xs-top { margin-top: 60px !important; }
.push-triple-xs-right { margin-right: 60px !important; }
.push-triple-xs-bottom { margin-bottom:60px !important; }
.push-triple-xs-left { margin-left: 60px !important; }
.push-triple-xs-ends { margin-top: 60px !important; margin-bottom:60px !important; }
.push-triple-xs-sides { margin-right: 60px !important; margin-left: 60px !important; }
.soft-xs { padding: 20px !important; }
.soft-xs-top { padding-top: 20px !important; }
.soft-xs-right { padding-right: 20px !important; }
.soft-xs-bottom { padding-bottom:20px !important; }
.soft-xs-left { padding-left: 20px !important; }
.soft-xs-ends { padding-top: 20px !important; padding-bottom:20px !important; }
.soft-xs-sides { padding-right: 20px !important; padding-left: 20px !important; }
.soft-half-xs { padding: 10px !important; }
.soft-half-xs-top { padding-top: 10px !important; }
.soft-half-xs-right { padding-right: 10px !important; }
.soft-half-xs-bottom { padding-bottom:10px !important; }
.soft-half-xs-left { padding-left: 10px !important; }
.soft-half-xs-ends { padding-top: 10px !important; padding-bottom:10px !important; }
.soft-half-xs-sides { padding-right: 10px !important; padding-left: 10px !important; }
.soft-double-xs { padding: 40px !important; }
.soft-double-xs-top { padding-top: 40px !important; }
.soft-double-xs-right { padding-right: 40px !important; }
.soft-double-xs-bottom { padding-bottom:40px !important; }
.soft-double-xs-left { padding-left: 40px !important; }
.soft-double-xs-ends { padding-top: 40px !important; padding-bottom:40px !important; }
.soft-double-xs-sides { padding-right: 40px !important; padding-left: 40px !important; }
.soft-triple-xs { padding: 60px !important; }
.soft-triple-xs-top { padding-top: 60px !important; }
.soft-triple-xs-right { padding-right: 60px !important; }
.soft-triple-xs-bottom { padding-bottom:60px !important; }
.soft-triple-xs-left { padding-left: 60px !important; }
.soft-triple-xs-ends { padding-top: 60px !important; padding-bottom:60px !important; }
.soft-triple-xs-sides { padding-right: 60px !important; padding-left: 60px !important; }
.hard-xs { padding: 0 !important; }
.hard-xs-top { padding-top: 0 !important; }
.hard-xs-right { padding-right: 0 !important; }
.hard-xs-bottom { padding-bottom:0 !important; }
.hard-xs-left { padding-left: 0 !important; }
.hard-xs-ends { padding-top: 0 !important; padding-bottom:0 !important; }
.hard-xs-sides { padding-right: 0 !important; padding-left: 0 !important; }
}
@media (min-width:768px) {
.flush-sm { margin: 0 !important; }
.flush-sm-top { margin-top: 0 !important; }
.flush-sm-right { margin-right: 0 !important; }
.flush-sm-bottom { margin-bottom:0 !important; }
.flush-sm-left { margin-left: 0 !important; }
.flush-sm-ends { margin-top: 0 !important; margin-bottom:0 !important; }
.flush-sm-sides { margin-right: 0 !important; margin-left: 0 !important; }
.push-sm { margin: 20px !important; }
.push-sm-top { margin-top: 20px !important; }
.push-sm-right { margin-right: 20px !important; }
.push-sm-bottom { margin-bottom:20px !important; }
.push-sm-left { margin-left: 20px !important; }
.push-sm-ends { margin-top: 20px !important; margin-bottom:20px !important; }
.push-sm-sides { margin-right: 20px !important; margin-left: 20px !important; }
.push-half-sm { margin: 10px !important; }
.push-half-sm-top { margin-top: 10px !important; }
.push-half-sm-right { margin-right: 10px !important; }
.push-half-sm-bottom { margin-bottom:10px !important; }
.push-half-sm-left { margin-left: 10px !important; }
.push-half-sm-ends { margin-top: 10px !important; margin-bottom:10px !important; }
.push-half-sm-sides { margin-right: 10px !important; margin-left: 10px !important; }
.push-double-sm { margin: 40px !important; }
.push-double-sm-top { margin-top: 40px !important; }
.push-double-sm-right { margin-right: 40px !important; }
.push-double-sm-bottom { margin-bottom:40px !important; }
.push-double-sm-left { margin-left: 40px !important; }
.push-double-sm-ends { margin-top: 40px !important; margin-bottom:40px !important; }
.push-double-sm-sides { margin-right: 40px !important; margin-left: 40px !important; }
.push-triple-sm { margin: 60px !important; }
.push-triple-sm-top { margin-top: 60px !important; }
.push-triple-sm-right { margin-right: 60px !important; }
.push-triple-sm-bottom { margin-bottom:60px !important; }
.push-triple-sm-left { margin-left: 60px !important; }
.push-triple-sm-ends { margin-top: 60px !important; margin-bottom:60px !important; }
.push-triple-sm-sides { margin-right: 60px !important; margin-left: 60px !important; }
.soft-sm { padding: 20px !important; }
.soft-sm-top { padding-top: 20px !important; }
.soft-sm-right { padding-right: 20px !important; }
.soft-sm-bottom { padding-bottom:20px !important; }
.soft-sm-left { padding-left: 20px !important; }
.soft-sm-ends { padding-top: 20px !important; padding-bottom:20px !important; }
.soft-sm-sides { padding-right: 20px !important; padding-left: 20px !important; }
.soft-half-sm { padding: 10px !important; }
.soft-half-sm-top { padding-top: 10px !important; }
.soft-half-sm-right { padding-right: 10px !important; }
.soft-half-sm-bottom { padding-bottom:10px !important; }
.soft-half-sm-left { padding-left: 10px !important; }
.soft-half-sm-ends { padding-top: 10px !important; padding-bottom:10px !important; }
.soft-half-sm-sides { padding-right: 10px !important; padding-left: 10px !important; }
.soft-double-sm { padding: 40px !important; }
.soft-double-sm-top { padding-top: 40px !important; }
.soft-double-sm-right { padding-right: 40px !important; }
.soft-double-sm-bottom { padding-bottom:40px !important; }
.soft-double-sm-left { padding-left: 40px !important; }
.soft-double-sm-ends { padding-top: 40px !important; padding-bottom:40px !important; }
.soft-double-sm-sides { padding-right: 40px !important; padding-left: 40px !important; }
.soft-triple-sm { padding: 60px !important; }
.soft-triple-sm-top { padding-top: 60px !important; }
.soft-triple-sm-right { padding-right: 60px !important; }
.soft-triple-sm-bottom { padding-bottom:60px !important; }
.soft-triple-sm-left { padding-left: 60px !important; }
.soft-triple-sm-ends { padding-top: 60px !important; padding-bottom:60px !important; }
.soft-triple-sm-sides { padding-right: 60px !important; padding-left: 60px !important; }
.hard-sm { padding: 0 !important; }
.hard-sm-top { padding-top: 0 !important; }
.hard-sm-right { padding-right: 0 !important; }
.hard-sm-bottom { padding-bottom:0 !important; }
.hard-sm-left { padding-left: 0 !important; }
.hard-sm-ends { padding-top: 0 !important; padding-bottom:0 !important; }
.hard-sm-sides { padding-right: 0 !important; padding-left: 0 !important; }
}
@media (min-width:1025px) {
.flush-md { margin: 0 !important; }
.flush-md-top { margin-top: 0 !important; }
.flush-md-right { margin-right: 0 !important; }
.flush-md-bottom { margin-bottom:0 !important; }
.flush-md-left { margin-left: 0 !important; }
.flush-md-ends { margin-top: 0 !important; margin-bottom:0 !important; }
.flush-md-sides { margin-right: 0 !important; margin-left: 0 !important; }
.push-md { margin: 20px !important; }
.push-md-top { margin-top: 20px !important; }
.push-md-right { margin-right: 20px !important; }
.push-md-bottom { margin-bottom:20px !important; }
.push-md-left { margin-left: 20px !important; }
.push-md-ends { margin-top: 20px !important; margin-bottom:20px !important; }
.push-md-sides { margin-right: 20px !important; margin-left: 20px !important; }
.push-half-md { margin: 10px !important; }
.push-half-md-top { margin-top: 10px !important; }
.push-half-md-right { margin-right: 10px !important; }
.push-half-md-bottom { margin-bottom:10px !important; }
.push-half-md-left { margin-left: 10px !important; }
.push-half-md-ends { margin-top: 10px !important; margin-bottom:10px !important; }
.push-half-md-sides { margin-right: 10px !important; margin-left: 10px !important; }
.push-double-md { margin: 40px !important; }
.push-double-md-top { margin-top: 40px !important; }
.push-double-md-right { margin-right: 40px !important; }
.push-double-md-bottom { margin-bottom:40px !important; }
.push-double-md-left { margin-left: 40px !important; }
.push-double-md-ends { margin-top: 40px !important; margin-bottom:40px !important; }
.push-double-md-sides { margin-right: 40px !important; margin-left: 40px !important; }
.push-triple-md { margin: 60px !important; }
.push-triple-md-top { margin-top: 60px !important; }
.push-triple-md-right { margin-right: 60px !important; }
.push-triple-md-bottom { margin-bottom:60px !important; }
.push-triple-md-left { margin-left: 60px !important; }
.push-triple-md-ends { margin-top: 60px !important; margin-bottom:60px !important; }
.push-triple-md-sides { margin-right: 60px !important; margin-left: 60px !important; }
.soft-md { padding: 20px !important; }
.soft-md-top { padding-top: 20px !important; }
.soft-md-right { padding-right: 20px !important; }
.soft-md-bottom { padding-bottom:20px !important; }
.soft-md-left { padding-left: 20px !important; }
.soft-md-ends { padding-top: 20px !important; padding-bottom:20px !important; }
.soft-md-sides { padding-right: 20px !important; padding-left: 20px !important; }
.soft-half-md { padding: 10px !important; }
.soft-half-md-top { padding-top: 10px !important; }
.soft-half-md-right { padding-right: 10px !important; }
.soft-half-md-bottom { padding-bottom:10px !important; }
.soft-half-md-left { padding-left: 10px !important; }
.soft-half-md-ends { padding-top: 10px !important; padding-bottom:10px !important; }
.soft-half-md-sides { padding-right: 10px !important; padding-left: 10px !important; }
.soft-double-md { padding: 40px !important; }
.soft-double-md-top { padding-top: 40px !important; }
.soft-double-md-right { padding-right: 40px !important; }
.soft-double-md-bottom { padding-bottom:40px !important; }
.soft-double-md-left { padding-left: 40px !important; }
.soft-double-md-ends { padding-top: 40px !important; padding-bottom:40px !important; }
.soft-double-md-sides { padding-right: 40px !important; padding-left: 40px !important; }
.soft-triple-md { padding: 60px !important; }
.soft-triple-md-top { padding-top: 60px !important; }
.soft-triple-md-right { padding-right: 60px !important; }
.soft-triple-md-bottom { padding-bottom:60px !important; }
.soft-triple-md-left { padding-left: 60px !important; }
.soft-triple-md-ends { padding-top: 60px !important; padding-bottom:60px !important; }
.soft-triple-md-sides { padding-right: 60px !important; padding-left: 60px !important; }
.hard-md { padding: 0 !important; }
.hard-md-top { padding-top: 0 !important; }
.hard-md-right { padding-right: 0 !important; }
.hard-md-bottom { padding-bottom:0 !important; }
.hard-md-left { padding-left: 0 !important; }
.hard-md-ends { padding-top: 0 !important; padding-bottom:0 !important; }
.hard-md-sides { padding-right: 0 !important; padding-left: 0 !important; }
}
@media (min-width:1200px) {
.flush-lg { margin: 0 !important; }
.flush-lg-top { margin-top: 0 !important; }
.flush-lg-right { margin-right: 0 !important; }
.flush-lg-bottom { margin-bottom:0 !important; }
.flush-lg-left { margin-left: 0 !important; }
.flush-lg-ends { margin-top: 0 !important; margin-bottom:0 !important; }
.flush-lg-sides { margin-right: 0 !important; margin-left: 0 !important; }
.push-lg { margin: 20px !important; }
.push-lg-top { margin-top: 20px !important; }
.push-lg-right { margin-right: 20px !important; }
.push-lg-bottom { margin-bottom:20px !important; }
.push-lg-left { margin-left: 20px !important; }
.push-lg-ends { margin-top: 20px !important; margin-bottom:20px !important; }
.push-lg-sides { margin-right: 20px !important; margin-left: 20px !important; }
.push-half-lg { margin: 10px !important; }
.push-half-lg-top { margin-top: 10px !important; }
.push-half-lg-right { margin-right: 10px !important; }
.push-half-lg-bottom { margin-bottom:10px !important; }
.push-half-lg-left { margin-left: 10px !important; }
.push-half-lg-ends { margin-top: 10px !important; margin-bottom:10px !important; }
.push-half-lg-sides { margin-right: 10px !important; margin-left: 10px !important; }
.push-double-lg { margin: 40px !important; }
.push-double-lg-top { margin-top: 40px !important; }
.push-double-lg-right { margin-right: 40px !important; }
.push-double-lg-bottom { margin-bottom:40px !important; }
.push-double-lg-left { margin-left: 40px !important; }
.push-double-lg-ends { margin-top: 40px !important; margin-bottom:40px !important; }
.push-double-lg-sides { margin-right: 40px !important; margin-left: 40px !important; }
.push-triple-lg { margin: 60px !important; }
.push-triple-lg-top { margin-top: 60px !important; }
.push-triple-lg-right { margin-right: 60px !important; }
.push-triple-lg-bottom { margin-bottom:60px !important; }
.push-triple-lg-left { margin-left: 60px !important; }
.push-triple-lg-ends { margin-top: 60px !important; margin-bottom:60px !important; }
.push-triple-lg-sides { margin-right: 60px !important; margin-left: 60px !important; }
.soft-lg { padding: 20px !important; }
.soft-lg-top { padding-top: 20px !important; }
.soft-lg-right { padding-right: 20px !important; }
.soft-lg-bottom { padding-bottom:20px !important; }
.soft-lg-left { padding-left: 20px !important; }
.soft-lg-ends { padding-top: 20px !important; padding-bottom:20px !important; }
.soft-lg-sides { padding-right: 20px !important; padding-left: 20px !important; }
.soft-half-lg { padding: 10px !important; }
.soft-half-lg-top { padding-top: 10px !important; }
.soft-half-lg-right { padding-right: 10px !important; }
.soft-half-lg-bottom { padding-bottom:10px !important; }
.soft-half-lg-left { padding-left: 10px !important; }
.soft-half-lg-ends { padding-top: 10px !important; padding-bottom:10px !important; }
.soft-half-lg-sides { padding-right: 10px !important; padding-left: 10px !important; }
.soft-double-lg { padding: 40px !important; }
.soft-double-lg-top { padding-top: 40px !important; }
.soft-double-lg-right { padding-right: 40px !important; }
.soft-double-lg-bottom { padding-bottom:40px !important; }
.soft-double-lg-left { padding-left: 40px !important; }
.soft-double-lg-ends { padding-top: 40px !important; padding-bottom:40px !important; }
.soft-double-lg-sides { padding-right: 40px !important; padding-left: 40px !important; }
.soft-triple-lg { padding: 60px !important; }
.soft-triple-lg-top { padding-top: 60px !important; }
.soft-triple-lg-right { padding-right: 60px !important; }
.soft-triple-lg-bottom { padding-bottom:60px !important; }
.soft-triple-lg-left { padding-left: 60px !important; }
.soft-triple-lg-ends { padding-top: 60px !important; padding-bottom:60px !important; }
.soft-triple-lg-sides { padding-right: 60px !important; padding-left: 60px !important; }
.hard-lg { padding: 0 !important; }
.hard-lg-top { padding-top: 0 !important; }
.hard-lg-right { padding-right: 0 !important; }
.hard-lg-bottom { padding-bottom:0 !important; }
.hard-lg-left { padding-left: 0 !important; }
.hard-lg-ends { padding-top: 0 !important; padding-bottom:0 !important; }
.hard-lg-sides { padding-right: 0 !important; padding-left: 0 !important; }
}
/**
* Print CSS
*/
@media print {
/* Reset*/
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
filter: none !important;
-webkit-filter: none !important;
text-shadow: none !important;
}
h2, h3 {
/* Avoid a paragraph being detached from the heading immediately preceding it */
page-break-after: avoid;
}
figure, table {
/* Avoid breaking figure or table into 2 pages */
break-inside: avoid;
page-break-inside: avoid;
}
p {
/* Prevent single line at the end of a page and a single line at the top the next page */
orphans: 2;
widows: 2;
}
/* Grid Styling */
.container { width: auto; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666666666666%; }
.col-sm-10 { width: 83.33333333333334%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666666666666%; }
.col-sm-7 { width: 58.333333333333336%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666666666667%; }
.col-sm-4 { width: 33.33333333333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.666666666666664%; }
.col-sm-1 { width: 8.333333333333332%; }
/* Slick Slider - remove if not using slick slider */
.slick-slider .slick-arrow,
.slick-slider .slick-dots {
display: none !important; /* we usually don't need to show slider navigation for print */
}
/* For sliders you want to display full width for print.
Update ".slick-slider" with your specific slider names. */
.slick-slider,
.slick-sliderg .slick-list,
.slick-slider .slick-track,
.slick-slider .slick-slide {
width: 100% !important;
height: auto !important;
}
/* For sliders where you only want to show the 1st image of that slider.
Update ".slick-slider" with your specific slider names. */
.slick-slider .slick-slide { display: none !important; }
.slick-slider .slick-slide.slick-active { display: block !important; }
/* Show Only Active Thumbnails */
.slick-slider .slick-cloned {
display: none;
}
/* Reset adaptiveHeight */
.slick-list {
height: auto !important;
}
/* Remove Scrollbars */
.slick-track {
width: auto !important;
height: auto !important;
transform: none !important;
}
.slick-track.slick-slide {
width: auto !important;
}
}
/**
* Tabs
* In use on search.php template by default.
* Use as base for any other tabs on the site.
*/
.tabs {
list-style: none;
border-bottom: 1px solid #ddd;
padding: 0;
margin: 0;
}
.tabs:before,
.tabs:after {
content: '';
display: table;
}
.tabs:after,
.tab-content:after {
clear: both;
}
.tab {
list-style-type: none !important;
margin: 0 5px -1px 0;
padding: 0;
float: left;
}
.tab > a {
display: block;
padding: 10px 35px;
text-decoration: none;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 1px 1px 0 0;
color: inherit;
font-weight: bold;
}
.tab-active > a {
border-bottom: 1px solid #fff;
}
.tab-active > a,
.tab:hover > a,
.tab:focus > a {
color: inherit;
background: #fff;
text-decoration: none;
}
.tab-content {
padding: 20px;
border: 1px solid #ddd;
border-top: none;
display: none;
}
/**
* Media
*
* These selectors are hard cast because they are only used
* by wordpress wyswyg when adding images to content
*/
.wp-caption.alignright,
.wp-caption.alignleft,
.wp-caption.alignnone,
.wp-caption.aligncenter {
margin: 0;
width: auto !important;
}
img.alignright,
.wp-caption.alignright img,
img.alignleft,
.wp-caption.alignleft img {
height: auto;
max-width: 50%;
}
img.alignnone,
.wp-caption.alignnone img,
img.aligncenter,
.wp-caption.aligncenter img {
height: auto;
max-width: 100%;
}
img.alignnone,
.wp-caption.alignnone,
img.aligncenter,
.wp-caption.aligncenter { margin: 0 0 22px 0; }
img.alignright,
.wp-caption.alignright {
float: right;
margin: 0 0 22px 30px;
}
img.alignleft,
.wp-caption.alignleft {
float: left;
margin: 0 30px 22px 0;
}
img.aligncenter,
.wp-caption.aligncenter img {
display: block;
margin-left: auto;
margin-right: auto;
}
iframe {
max-width: 100%;
}
/**
* Sliders/Carousels
* Slick Slider - http://kenwheeler.github.io/slick/
*/
/* General styling */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-slide,
.slick-arrow,
.slick-dots button,
.slick-slide:focus * {
outline: none !important;
}
.slick-initialized .slick-slide {
float: none;
display: inline-block;
vertical-align: middle;
}
/* Preload affect */
.slick-slider .slide { display: none; }
.slick-slider .slide:first-child { display: block; }
.slick-slider.slick-initialized .slide { display: block; }
.js-slider-has-preloader { /* Add this class to your slider */
min-height: 50px;
position: relative;
}
.js-slider-has-preloader:before {
content: url('../img/loading.gif'); /* Create and upload a loading gif to your image directory */
position: absolute;
top: 50%;
left: 50%;
width: 50px; /* Update width based on gif size */
height: 50px; /* Update height based on gif size */
transition: all .5s ease;
transform: translate(-50%, -50%);
}
.js-slider-has-preloader-init:before {
transform: scale(0);
}
/* Slick Dots */
.slick-dots {
left: 11px;
right: 0px;
bottom: 20px;
position: absolute;
width: auto;
padding: 0px;
}
.slick-dots li {
display: inline-block;
width: 15px;
height: 15px;
margin: 0px 5px;
border: 1px #fff solid;
cursor: pointer;
background: transparent;
}
.slick-dots .slick-active {
background: #fcb031;
}
.slick-dots li button {
display: none;
}
@media (min-width: 768px) {
.slick-dots {
bottom: 30px;
left: 61px;
}
.slick-dots li {
width: 15px;
height: 15px;
}
}
@media (min-width: 1025px) {
.slick-dots {
left: calc((100% - 810px)/2 + 10px);
width: 810px;
}
}
@media (min-width: 1200px) {
.slick-dots {
left: calc((100% - 970px)/2 + 10px);
width: 970px;
}
}
@media (min-width: 1500px) {
.slick-dots {
left: calc((100% - 1120px)/2 + 10px);
width: 1120px;
}
}
/* Selectric */
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: 1px solid #DDD;
border-radius: 0px;
background: #F8F8F8;
position: relative;
overflow: hidden;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 10px;
font-size: 12px;
line-height: 38px;
color: #444;
height: 38px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 38px;
line-height: 38px;
background-color: #F8f8f8;
color: #BBB;
text-align: center;
font: 0/0 a;
*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none;
}
.selectric-focus .selectric {
border-color: #aaaaaa;
}
.selectric-hover .selectric {
border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #c4c4c4;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
/* Items box */
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #F8F8F8;
border: 1px solid #c4c4c4;
z-index: -1;
box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px;
color: #666;
cursor: pointer;
}
.selectric-items li.selected {
background: #E0E0E0;
color: #444;
}
.selectric-items li.highlighted {
background: #D0D0D0;
color: #444;
}
.selectric-items li:hover {
background: #D5D5D5;
color: #444;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}