.form-control,
.btn,
.navbar,
.alert,
.list-group {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.form-control:focus {
    border-color: #003262;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #003262;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #003262;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #003262;
}


/** * Button */

.btn-default,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.btn:active,
.btn.active {
    background-image: none;
}

.btn-default,
[type="button"],
button,
.button,
[type="submit"].btn-default {
    background-color: #fafafa;
    color: #777777 !important;
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

.btn-default:hover,
[type="button"]:hover,
button:hover,
.button:hover,
[type="submit"].btn-default:hover,
.btn-default:focus,
[type="button"]:focus,
button:focus,
.button:focus,
[type="submit"].btn-default:focus,
.btn-default:active,
[type="button"]:active,
button:active,
.button:active,
[type="submit"].btn-default:active,
.btn-default.active,
[type="button"].active,
button.active,
.button.active,
[type="submit"].btn-default.active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-default:hover i,
[type="button"]:hover i,
button:hover i,
.button:hover i,
[type="submit"].btn-default:hover i,
.btn-default:focus i,
[type="button"]:focus i,
button:focus i,
.button:focus i,
[type="submit"].btn-default:focus i,
.btn-default:active i,
[type="button"]:active i,
button:active i,
.button:active i,
[type="submit"].btn-default:active i,
.btn-default.active i,
[type="button"].active i,
button.active i,
.button.active i,
[type="submit"].btn-default.active i {
    color: #ffffff !important;
}

.btn-primary,
[type="submit"] {
    background-repeat: repeat-x;
    background-color: #003262;
    border-color: #003262;
    color: #ffffff !important;
}

.btn-primary:hover,
[type="submit"]:hover,
.btn-primary:focus,
[type="submit"]:focus,
.btn-primary:active,
[type="submit"]:active,
.btn-primary.active,
[type="submit"].active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-primary:hover i,
[type="submit"]:hover i,
.btn-primary:focus i,
[type="submit"]:focus i,
.btn-primary:active i,
[type="submit"]:active i,
.btn-primary.active i,
[type="submit"].active i {
    color: #ffffff !important;
}

.btn-secondary,
[type="reset"] {
    background-repeat: repeat-x;
    background-color: #063f75;
    border-color: #063f75;
}

.btn-secondary:hover,
[type="reset"]:hover,
.btn-secondary:focus,
[type="reset"]:focus,
.btn-secondary:active,
[type="reset"]:active,
.btn-secondary.active,
[type="reset"].active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-secondary:hover i,
[type="reset"]:hover i,
.btn-secondary:focus i,
[type="reset"]:focus i,
.btn-secondary:active i,
[type="reset"]:active i,
.btn-secondary.active i,
[type="reset"].active i {
    color: #ffffff !important;
}

.btn-success {
    background-repeat: repeat-x;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-success:hover i,
.btn-success:focus i,
.btn-success:active i,
.btn-success.active i {
    color: #ffffff !important;
}

.btn-info {
    background-repeat: repeat-x;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-info:hover i,
.btn-info:focus i,
.btn-info:active i,
.btn-info.active i {
    color: #ffffff !important;
}

.btn-warning {
    background-repeat: repeat-x;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-warning:hover i,
.btn-warning:focus i,
.btn-warning:active i,
.btn-warning.active i {
    color: #ffffff !important;
}

.btn-danger {
    background-repeat: repeat-x;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #063f75;
    border-color: #063f75;
    color: #ffffff !important;
}

.btn-danger:hover i,
.btn-danger:focus i,
.btn-danger:active i,
.btn-danger.active i {
    color: #ffffff !important;
}

.btn-link {
    color: #003262 !important;
    background: none;
    border-color: transparent;
}

.btn-link:hover {
    color: #063f75 !important;
}

.btn-primary,
[type="submit"],
.btn-secondary,
[type="reset"],
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    color: #ffffff !important;
}

.btn-primary:hover,
[type="submit"]:hover,
.btn-secondary:hover,
[type="reset"]:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-primary:focus,
[type="submit"]:focus,
.btn-secondary:focus,
[type="reset"]:focus,
.btn-success:focus,
.btn-info:focus,
.btn-warning:focus,
.btn-danger:focus,
.btn-primary:active,
[type="submit"]:active,
.btn-secondary:active,
[type="reset"]:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-primary.active,
[type="submit"].active,
.btn-secondary.active,
[type="reset"].active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
    color: #ffffff !important;
}

input.btn-xs[type="submit"],
button.btn-xs[type="submit"],
input.btn-xs[type="reset"],
button.btn-xs[type="reset"] {
    padding: 1px 5px;
    font-size: 0.8em;
    line-height: 1.5;
}

input.btn-sm[type="submit"],
button.btn-sm[type="submit"],
input.btn-sm[type="reset"],
button.btn-sm[type="reset"] {
    padding: 5px 10px;
    font-size: 0.8em;
    line-height: 1.5;
}

input.btn-lg[type="reset"],
button.btn-lg[type="reset"] {
    padding: 10px 16px;
    font-size: 1.2em;
    line-height: 1.33;
}

.label-primary {
    background: #003262;
}

.label-success {
    background: #5cb85c;
}

.label-info {
    background: #5bc0de;
}

.label-warning {
    background: #f0ad4e;
}

.label-danger {
    background: #d9534f;
}


/** * Dropdown */

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
    background: #fafafa;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu .active > a:focus {
    background: #003262;
}

.form-group .control-label {
    color: #333333;
}

.has-success .form-control {
    border-color: #aedcae;
}

.has-success .form-control:focus {
    border-color: #5cb85c;
    -webkit-box-shadow: 0 0 6px #5cb85c;
}

.has-info .form-control {
    border-color: #ade0ef;
}

.has-info .form-control:focus {
    border-color: #5bc0de;
    -webkit-box-shadow: 0 0 6px #5bc0de;
}

.has-error .form-control {
    border-color: #eca9a7;
}

.has-error .form-control:focus {
    border-color: #d9534f;
    -webkit-box-shadow: 0 0 6px #d9534f;
}

.has-warning .form-control {
    border-color: #f2b969;
}

.has-warning .form-control:focus {
    border-color: #f0ad4e;
    -webkit-box-shadow: 0 0 6px #f0ad4e;
}


/** * Navbar */

.navbar-default {
    background: #fafafa;
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

.navbar-default .navbar-nav > .active > a {
    background: #eeeeee;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.navbar-inverse {
    background: #063f75;
    border-color: #063f75;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background: #003262;
}


/** * Alert */

.alert {
    background-color: #fafafa;
    border-color: #ddd;
    color: #777777;
}

.alert-success {
    background-color: #e7f4e7;
    border-color: #aedcae;
}

.alert-info {
    background-color: #e6f6fa;
    border-color: #ade0ef;
}

.alert-warning {
    background-color: #fdf3e4;
    border-color: #f8d6a7;
}

.alert-danger {
    background-color: #f9e5e5;
    border-color: #eca9a7;
}


/** * Contextual colors */

.text-muted {
    color: #aaaaaa;
}

.text-primary {
    color: #003262;
}

.text-secondary {
    color: #063f75;
}

.text-success {
    color: #5cb85c;
}

.text-info {
    color: #5bc0de;
}

.text-warning {
    color: #f0ad4e;
}

.text-danger {
    color: #d9534f;
}


/** * Progress bar */

.progress {
    background-color: #fafafa;
    height: 24px;
}

.progress-bar {
    background-color: #003262;
    text-align: left;
    text-indent: 1em;
    line-height: 24px;
}

.progress-bar-secondary {
    background-color: #063f75;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-bar-danger {
    background-color: #d9534f;
}


/** * List group */

.list-group-item p:last-child {
    margin-bottom: 5px;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #003262;
    border-color: #003262;
    color: #ffffff;
}

.list-group-item {
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

.list-group-item:first-child {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.list-group-item:last-child {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}


/** * List group */

.panel-footer {
    background: #fafafa;
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

.panel-default {
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

.panel-default > .panel-heading {
    background-color: #fafafa;
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

.panel-primary {
    border-color: #003262;
}

.panel-primary > .panel-heading {
    background: #003262;
    border-color: #003262;
}

.panel-secondary {
    border-color: #063f75;
}

.panel-secondary > .panel-heading {
    background: #063f75;
    border-color: #063f75;
}

.panel-success {
    border-color: #aedcae;
}

.panel-success > .panel-heading {
    background-color: #e7f4e7;
    border-color: #aedcae;
}

.panel-info {
    border-color: #ade0ef;
}

.panel-info > .panel-heading {
    background-color: #e6f6fa;
    border-color: #ade0ef;
}

.panel-warning {
    border-color: #f8d6a7;
}

.panel-warning > .panel-heading {
    background-color: #fdf3e4;
    border-color: #f8d6a7;
}

.panel-danger {
    border-color: #eca9a7;
}

.panel-danger > .panel-heading {
    background-color: #f9e5e5;
    border-color: #eca9a7;
}


/** * Primary color */

.well {
    background: #fafafa;
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}


/** * Selection color */

::selection {
    background-color: #003262;
    color: #ffffff;
}

::-moz-selection {
    background-color: #003262;
    color: #ffffff;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: #777777;
}

a {
    color: #003262;
}

a:hover {
    color: #063f75;
}

a.active,
.active a {
    color: #003262;
}

b,
strong {
    color: #063f75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #063f75;
}

pre {
    background-color: #f5f5f5;
    background-color: rgba(0, 0, 0, 0.035);
}


/** * Base Template */

.divider,
.list-with-separator li,
.border-top,
.border-right,
.border-bottom,
.border-left {
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

select:focus,
select:active {
    border-color: #003262;
    box-shadow: 0 0 5px #003262;
    -webkit-box-shadow: 0 0 5px #003262;
    -moz-box-shadow: 0 0 5px #003262;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
textarea.form-control {
    line-height: 1.75;
    font-size: 0.93333em;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
textarea.form-control:focus {
    border-color: #003262;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #003262;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #003262;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #003262;
}

.boxed-layout #page {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}


/** * Mejs audio Player */

#page {
    /*Single player*/
    /*Playlist*/
}

#page .wp-video {
    min-width: 100%;
}

#page .mejs-container,
#page #page .mejs-embed,
#page #page .mejs-embed body {
    background: none;
}

#page .mejs-container .mejs-mediaelement {
    background-color: #000;
    overflow: hidden;
}

#page .mejs-container .mejs-controls {
    background-color: #063f75;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 51%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.1)), color-stop(51%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 51%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 51%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 51%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 51%);
}

#page .mejs-container .mejs-controls .mejs-button button {
    background-image: url("https://news.berkeley.edu/wp-content/themes/sparkle/images/mejs-controls.svg");
}

.no-svg #page .mejs-container .mejs-controls .mejs-button button {
    background-image: url("https://news.berkeley.edu/wp-content/themes/sparkle/images/mejs-controls.png");
}

#page .mejs-container .mejs-controls .mejs-time-rail span,
#page .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#page .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
#page .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #1f5283;
}

#page .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #386591;
}

#page .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
#page .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #003262;
}

#page .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
    border-color: #cccccc;
    border-color: rgba(0, 0, 0, 0.2);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}

#page .mejs-container.mejs-audio .mejs-mediaelement {
    visibility: hidden;
}

#page .mejs-container.mejs-video .mejs-controls {
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: auto;
    opacity: .95;
}

#page .mejs-container .mejs-poster {
    display: none !important;
}

#page .wp-playlist {
    clear: both;
    padding: 0;
    border-width: 0;
    background: none !important;
    margin-bottom: 30px;
}

#page .wp-playlist.wp-audio-playlist {
    padding: 15px 15px 5px 15px;
    border-width: 1px;
    border-style: solid;
}

#page .wp-playlist-item {
    padding: 8px 0;
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

#page .wp-playlist-light {
    color: #777777;
}

#page .wp-playlist-item .wp-playlist-caption {
    color: #777777;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#page .wp-playlist-item.wp-playlist-playing .wp-playlist-caption {
    color: #003262;
}

#page .wp-playlist-item-length {
    top: 8px;
}

#page .wp-playlist .wp-playlist-current-item img {
    margin-right: 15px;
}

#page .wp-playlist-current-item {
    margin-bottom: 15px;
}


/** * =Mobile Menu */

.mobile-navigation {
    background-color: #05325d;
}

.mobile-navigation a {
    color: #839fba;
}

.mobile-navigation a:hover {
    color: #ffffff;
}


/** * =Header */

html .main-menu-toggle > * {
    background-color: #cdd9e3 !important;
}

.site-header .site-top-menu {
    color: #839fba;
    background-color: #05325d;
}

.site-header .site-top-menu li.current-menu-item > a {
    color: #ffffff;
}

.site-header .site-top-menu a {
    color: #839fba;
}

.site-header .site-top-menu a:hover {
    color: #ffffff;
}

.site-header .site-banner {
    background-color: #063f75;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}

.site-header.fixed-site-banner .site-banner {
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.site-header .main-navigation .menu > li.menu-item:hover,
.site-header .main-navigation .menu > li.current-menu-item {
    background-color: #ffffff;
}

.site-header .main-navigation .menu > li > a {
    color: #cdd9e3;
}

.site-header .main-navigation .menu li.current > a {
    color: #003262;
}

.site-header .main-navigation .menu li.current-menu-item > a {
    color: #003262;
}

.site-header .main-navigation .menu li.menu-item:hover > a {
    color: #063f75;
}

.site-header .main-navigation .menu ul li a {
    color: #777777;
}

.site-header .main-navigation .menu ul li a:hover,
.site-header .main-navigation .menu ul li:hover > a {
    color: #003262;
}


/** * =Content */


/** * =Site hero */

.site-hero a,
.site-hero .entry-meta,
.site-hero .entry-meta * {
    color: #ffffff;
}

.site-hero.style-color-gradient article {
    /*&.category-technology{.entry-thumbnail:before{#gradient > .diagonal(@start-color: rgba( red(#87cc2e), green(#87cc2e), blue(#87cc2e),1); @end-color: rgba( red(#87cc2e), green(#87cc2e), blue(#87cc2e),0); @start-percent: 0%; @end-percent: 100%; @deg: 45deg);}}&.category-designs{.entry-thumbnail:before{#gradient > .diagonal(@start-color: rgba( red(#9b59b6), green(#9b59b6), blue(#9b59b6),1); @end-color: rgba( red(#9b59b6), green(#9b59b6), blue(#9b59b6),0); @start-percent: 0%; @end-percent: 100%; @deg: 45deg);}}&.category-business{.entry-thumbnail:before{#gradient > .diagonal(@start-color: rgba( red(#da3064), green(#da3064), blue(#da3064),1); @end-color: rgba( red(#da3064), green(#da3064), blue(#da3064),0); @start-percent: 0%; @end-percent: 100%; @deg: 45deg);}}&.category-lifeliving{.entry-thumbnail:before{#gradient > .diagonal(@start-color: rgba( red(#3498db), green(#3498db), blue(#3498db),1); @end-color: rgba( red(#3498db), green(#3498db), blue(#3498db),0); @start-percent: 0%; @end-percent: 100%; @deg: 45deg);} }*/
}

.site-hero.style-color-gradient article .entry-thumbnail:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #2cae8c 0%, rgba(44, 174, 140, 0) 100%);
    background-image: linear-gradient(45deg, #2cae8c 0%, rgba(44, 174, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}

.site-hero.style-mixed-color-gradient .goverlay-shamrock-skyblue:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #2ecc71 0%, #3498db 100%) !important;
    background-image: linear-gradient(45deg, #2ecc71 0%, #3498db 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}

.site-hero.style-mixed-color-gradient .goverlay-cerise-yellow:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #e73c91 0%, #f4cb0d 100%) !important;
    background-image: linear-gradient(45deg, #e73c91 0%, #f4cb0d 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}

.site-hero.style-mixed-color-gradient .goverlay-yellow-skyblue:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #f4cb0d 0%, #3498db 100%) !important;
    background-image: linear-gradient(45deg, #f4cb0d 0%, #3498db 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}

.site-hero.style-mixed-color-gradient .goverlay-shamrock-yellow:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #2ecc71 0%, #f4cb0d 100%) !important;
    background-image: linear-gradient(45deg, #2ecc71 0%, #f4cb0d 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}

.site-hero.style-mixed-color-gradient .goverlay-waikawagray-cerise:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #566090 0%, #e73c91 100%) !important;
    background-image: linear-gradient(45deg, #566090 0%, #e73c91 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}

.site-hero.style-mixed-color-gradient .goverlay-pictonblue-purple:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #2ab5d8 0%, #9b59b6 100%) !important;
    background-image: linear-gradient(45deg, #2ab5d8 0%, #9b59b6 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
}


/** * =Sidebar */

#secondary a,
#tertiary a {
    color: #003262;
}

#secondary a:hover,
#tertiary a:hover {
    color: #063f75;
}

#secondary a.active,
#tertiary a.active,
#secondary .active > a,
#tertiary .active > a {
    color: #003262;
}

#secondary ul li.current-cat > a,
#tertiary ul li.current-cat > a,
#secondary ul li.current_page_item > a,
#tertiary ul li.current_page_item > a {
    color: #003262;
}

#secondary ul li a,
#tertiary ul li a {
    color: #063f75;
}

#secondary ul li a:hover,
#tertiary ul li a:hover {
    color: #003262;
}


/** * =Footer */

.footer-widgets {
    color: #777777;
}

.footer-widgets a {
    color: #003262;
}

.footer-widgets a:hover {
    color: #063f75;
}

.footer-widgets a.active,
.footer-widgets .active > a {
    color: #003262;
}

.footer-widgets ul li.current-cat a,
.footer-widgets ul li.current_page_item a {
    color: #003262;
}

.footer-widgets ul li a {
    color: #777777;
}

.footer-widgets ul li a:hover {
    color: #2b2b2b;
}


/** * Cat tag */

.cat-tag {
    color: #ffffff;
    background-color: #003262;
    background-color: rgba(0, 50, 98, 0.9);
}

.cat-tag:hover {
    color: #ffffff;
}


/** * Entry tag */

.entry-tags a {
    color: #777777;
}

.entry-tags a:hover {
    color: #ffffff;
}


/** * Color */

.site-banner .site-logo a,
.main-navigation ul.menu > li.site-mobile-menu-toggle {
    color: #cdd9e3;
}

.primary-color,
.primary-2-secondary a,
.secondary-2-primary a:hover,
.secondary-2-primary a:hover > *,
.gray-2-primary:hover,
.gray-2-primary a:hover,
.gray-2-primary a:hover *,
.current-cat a,
.current_page_item a,
.pagination-nav .page-numbers.current {
    color: #003262;
}

.secondary-color,
.secondary-2-primary a,
.primary-2-secondary a:hover,
.primary-2-secondary a:hover *,
.gray-2-secondary:hover,
.gray-2-secondary a:hover,
.gray-2-secondary a:hover *,
.form-allowed-tags code,
.pagination-nav a.page-numbers:hover,
.yeahslider.news-scroller a.yeahslider-next:hover,
.yeahslider.news-scroller a.yeahslider-prev:hover {
    color: #063f75;
}

.gray-color,
.gray-2-secondary a,
.gray-2-primary,
.gray-2-primary a,
.gray-icon,
.gray-icon i,
time,
.pagination-nav a.page-numbers,
.yt-social-sharing span.show-all-social-services i,
.yeahslider.news-scroller a.yeahslider-next,
.yeahslider.news-scroller a.yeahslider-prev {
    color: #aaaaaa;
}


/** * Background */

.white-bgcolor,
.inner-wrapper {
    background-color: #ffffff;
}

.yt-social-sharing span.show-all-social-services,
.entry-tags a {
    background-color: #fafafa;
}

.secondary-bgcolor,
.site-modal .site-modal-backdrop,
.yeahslider .slides li .caption,
.yeahslider .yeahslider-direction-nav a > span.nav-button,
.yeahslider .yeahslider-pauseplay a > span.nav-button {
    background-color: #063f75;
}

.primary-bgcolor,
.entry-tags a:hover {
    background-color: #003262;
}

.review-mark.review-type-percentage,
.review-mark.review-type-point {
    background: #003262;
}


/** * Border Color */

.yt-sliding-tabs-header-trigger > span:before {
    border-color: #ffffff;
}

fieldset legend,
.wp-caption:before,
.boundary-column:before,
.site-content[role="main"] article.post,
#page .wp-playlist.wp-audio-playlist,
.widget:before,
.yt-twitter-profile-wrapper .yt-twitter-profile-body,
.yt-tabby-tabs-header,
.slashes-navigation li:before,
.pagination-nav .page-numbers:before,
.yt-sliding-tabs-header-trigger > span,
.post-list-with-thumbnail.vertical li:before,
.post-list-with-thumbnail li a span.number:before,
.post-page-navigation,
.post-page-navigation:before,
.comments-area,
.comment-body,
.yt-font-size-changer span,
.yt-impressive-like-button .yt-il-symbol,
.yt-impressive-like-button .yt-il-symbol > span,
.infinite-scroll #infinite-handle span {
    border-color: #ebf0f4;
    border-color: rgba(6, 63, 117, 0.08);
}

html #page .review-total-only > * {
    color: #ffffff;
}


/* Custom CSS*/

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 35px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 30px;
}

h3,
.widget-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 20px;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 20px;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 15px;
}

h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 10px;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}

body {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0px;
    text-transform: none;
}

.inner-wrapper {}

.site-header .site-banner {}

.site-header .main-navigation ul.menu > li > a,
.site-mobile-navigation ul.menu > li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
}

.site-header ul ul.sub-menu > li,
.site-mobile-navigation ul ul.sub-menu > li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
}

.site-content article .entry-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: none;
}

h1.page-title,
h1.entry-title,
.site-content article h1.entry-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: none;
}

.widget-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 15px;
}

#site-hero h2.entry-title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0px;
    text-transform: none;
    max-height: 2.5em;
}

.footer-widgets {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: none;
}

.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 15px;
}

.site-footer .footer-info {
    background-color: #003262;
}

form .wpcf7-form.sent p { display: none; }
form div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
    display: block;
    font-size: 18px;
    line-height: 32px;
    border-color: #CFDD45;
}

div#orbisius_simple_notice {
    color: #ffffff;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: .3px;
    font-weight: 600;
}
@media and (max-width:768px){
   div#orbisius_simple_notice {
        line-height: 25px;
    } 
}