#secondary h1 {
	font-size: 40px;
}

#secondary h2 {
	font-size: 27px;
	margin-top: 20px;
}

#secondary h3 {
	font-size: 22px;
	margin-top: 20px;
}

#secondary h4 {
	font-size: 18px;
	margin-top: 10px;
}

#secondary h5 {
	margin-top: 15px;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#secondary .column-aside ul {
  list-style: none;
  margin-left: 0px;
}

#secondary ul li.nav-item {
  display: inline-block;
	list-style: none;
  margin-left: 0px;
}

/** Fix ul's **/

#secondary ul {
	margin:10px;
	margin-left: 30px;
	list-style: disc
}

#secondary ul li {
	display: list-item;	
}

#secondary .section-divided__aside ul {
	list-style: none;
	margin-left: 0px;
}

#secondary * + p {
		margin-top: 8px;
	}

#secondary ul.list-inline-sm li {
	display: inline-block;
}

.prefooter1 {
	background-color: #f8f8f8;
	color: #000000;
}

.prefooter1 h3 {
	line-height: normal;
	font-weight: normal;
	color: #000000;
	font-size: 30px;
	text-transform: none;
}

.prefooter2 h3 {
	line-height: 45px;
	font-weight: normal;
	color: #ffffff;
	font-size: 30px;
	text-transform: none;
}

 .page #secondary .timeline-variant-1 > [class*="col-"]:nth-child(2n+1) .timeline-inner-box {
  margin-left: auto;
  text-align: left;
  padding-left: 46px;
}

.page #secondary .timeline-variant-1 .timeline-inner-box, .page #secondary .timeline-variant-2 .timeline-inner-box {
  max-width: 50%;
}




@media (min-width: 768px) {
.page .timeline-variant-1 > [class*="col-"]:nth-child(2n) .timeline-inner-box::after {
  left: auto;
  right: -10px;


}}



    @media (min-width: 768px){

.page .timeline-variant-1 > [class*="col-"]:nth-child(2n) .timeline-inner-box::before {

    left: auto;
    right: -1px;

}}

.timeline-inner-box::before {
  position: absolute;
  top: 0;
  bottom: -14px;
  left: 0;
  border-left: 1px solid #ececee;
  content: "";
  display: inline-block;
}
.standards-logos img {
	width: 100%;
	height: auto;
}

#secondary-header {
	background-color: #1496c8;
}

@media (max-width: 768px) {
.nav-cta .button {
	margin-top: 0px;
}
}

/**
.services-classic .unit-body {
	margin-left: 0px;
	padding-left: 0px;
}


.services-classic img {
	display: block;
	margin: auto;
}

a.services-classic-figure {
		display: block;
	margin: auto;
}
**/

#secondary .list-xxs a {
	  color: #1496c8;
}



.parallax-light h2 {
	text-shadow: 2px 2px 8px #000000;
}


.breadcrumbs-custom__path a, .breadcrumbs-custom__path a:active, .breadcrumbs-custom__path a:focus {
  color: #1496c8;
}

.breadcrumbs-custom__path a {
  display: inline;
  vertical-align: middle;
}

.breadcrumbs-custom__path a {
  position: relative;
  top: -1px;
}

.breadcrumbs-custom__path > li {
  display: inline-block;
  vertical-align: baseline;
  font-size: 16px;
  line-height: 1.3;
}

.breadcrumbs-custom__inner {
  text-align: center;
}

  @media (min-width: 768px){
.breadcrumbs-custom__inner > * + * {
  margin-top: 0;
}
}

  @media (min-width: 768px) {
.breadcrumbs-custom__inner > * {
  padding: 0 15px;
}
}

.breadcrumbs-custom__inner > * + * {
  margin-top: 10px;
}

.breadcrumbs-custom__path > li + li::before {

    position: relative;
    left: -1px;
    display: inline-block;
    padding: 0 5px;
    content: "/";
    vertical-align: baseline;
	margin: auto;
	text-align: center;

}

  @media (min-width: 768px) {
.breadcrumbs-custom__inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
}

.breadcrumbs-custom__inner {
  padding: 20px 0;
  text-align: center;
}


ul.breadcrumbs-custom__path {
	margin: auto;
}




/* ==================================================================
   Brand color override — match main sutterbuttescomm.com site
   Recolors template accent #278f95 (teal) -> #1496c8 (main brand),
   and hover shade #459386 -> #10789f. Loaded after style.css.
   ================================================================== */

a, a:active, a:focus,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .heading-1 a:hover, .heading-2 a:hover, .heading-3 a:hover, .heading-4 a:hover, .heading-5 a:hover, .heading-6 a:hover,
.page .text-primary,
.page .icon-primary,
.page a.icon-primary,
.page a.icon-gray-darker:hover,
.link-icon,
.link-primary,
.button-link, .button-link:active, .button-link:focus,
.box-counter__icon,
.blurb-minimal__icon .icon,
.list-primary > li > a:hover,
.list-terms-modern dd a:hover,
.list-marked > li a, .list-marked-primary > li a, .list-marked > li a:active, .list-marked-primary > li a:active, .list-marked > li a:focus, .list-marked-primary > li a:focus,
.list-marked-primary > li,
.list-ordered > li a:hover,
.list-semicolon a:hover,
.list-linked a,
.list-inline-tag,
.list-nav > li.active, .list-nav > li a.active,.list-nav > li > a:hover,
.list-archive li a,
.thumb__title a:hover,
.thumb-flat__subtitle,
.thumb-creative__content h1 a:hover, .thumb-creative__content h2 a:hover, .thumb-creative__content h3 a:hover, .thumb-creative__content h4 a:hover, .thumb-creative__content h5 a:hover, .thumb-creative__content h6 a:hover, .thumb-creative__content .heading-1 a:hover, .thumb-creative__content .heading-2 a:hover, .thumb-creative__content .heading-3 a:hover, .thumb-creative__content .heading-4 a:hover, .thumb-creative__content .heading-5 a:hover, .thumb-creative__content .heading-6 a:hover,
.thumb-creative__content a,
.thumb-creative__content a.button-link:hover,
a.thumbnail-classic-title:hover,
.thumbnail-classic-time,
.comment-minimal__link a:hover,
.post-inline__time,.post-inline__comment,
.post-inline__link a:hover,
.post-classic-title a:hover,
.meta-author:hover,
[class*='bg-image-'] .nonstandart-post-header a,
[class*='bg-image-'] .nonstandart-post-header a.icon:hover,
.post-project .button-link,
.post-strict__time,.post-strict__comment,
.post-strict__link a:hover,
.pricing-table .price span:first-of-type,
.timeline-title:hover,
.timeline-inner-box time,
.profile-corporate__subtitle,
.events-single-time,
.modal-dialog_custom button.close:hover,
.pagination-classic li a.icon:hover,.pagination-classic li span.icon:hover,
.context-dark a:hover, .bg-accent a:hover, .bg-gray-dark a:hover, .bg-black a:hover, .bg-gray-darker a:hover, .bg-image-4 a:hover, .bg-image-6 a:hover,
.context-dark a.icon-gray-darker:hover, .bg-accent a.icon-gray-darker:hover, .bg-gray-dark a.icon-gray-darker:hover, .bg-black a.icon-gray-darker:hover, .bg-gray-darker a.icon-gray-darker:hover, .bg-image-4 a.icon-gray-darker:hover, .bg-image-6 a.icon-gray-darker:hover,
.context-dark .list-primary > li > a, .bg-accent .list-primary > li > a, .bg-gray-dark .list-primary > li > a, .bg-black .list-primary > li > a, .bg-gray-darker .list-primary > li > a, .bg-image-4 .list-primary > li > a, .bg-image-6 .list-primary > li > a,
.context-dark .box-counter, .bg-accent .box-counter, .bg-gray-dark .box-counter, .bg-black .box-counter, .bg-gray-darker .box-counter, .bg-image-4 .box-counter, .bg-image-6 .box-counter,
.context-dark .thumb__title a:hover, .bg-accent .thumb__title a:hover, .bg-gray-dark .thumb__title a:hover, .bg-black .thumb__title a:hover, .bg-gray-darker .thumb__title a:hover, .bg-image-4 .thumb__title a:hover, .bg-image-6 .thumb__title a:hover,
.context-dark .comment-minimal__link a:hover, .bg-accent .comment-minimal__link a:hover, .bg-gray-dark .comment-minimal__link a:hover, .bg-black .comment-minimal__link a:hover, .bg-gray-darker .comment-minimal__link a:hover, .bg-image-4 .comment-minimal__link a:hover, .bg-image-6 .comment-minimal__link a:hover,
.isotope-filters-responsive .isotope-filters .inline-list a.active, .isotope-filters-responsive .isotope-filters .inline-list a:hover,
.owl-prev:hover,.owl-next:hover,
.carousel-post-gallery .owl-prev:hover,.carousel-post-gallery .owl-next:hover,
.rd-navbar-search .rd-search__submit:hover,
.desktop .rd-navbar .rd-navbar-search__toggle:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-megamenu-list > li > a:hover, .rd-navbar-static .rd-navbar-dropdown > li > a:hover,.rd-navbar-static .rd-megamenu-list > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover,.rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover,.rd-navbar-static .rd-navbar-dropdown > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover ~ .rd-navbar-submenu-toggle,.rd-navbar-static .rd-navbar-dropdown > li > a:hover ~ .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a, .rd-navbar-static .rd-navbar-dropdown > li.focus > a,.rd-navbar-static .rd-navbar-dropdown > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a ~ .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a ~ .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-dropdown > li.focus > a ~ .rd-navbar-submenu-toggle,.rd-navbar-static .rd-navbar-dropdown > li.opened > a ~ .rd-navbar-submenu-toggle,
.rd-navbar-static .rd-navbar-top-panel a.icon-gray-darker:hover,.rd-navbar-sidebar .rd-navbar-top-panel a.icon-gray-darker:hover,
.rd-navbar-static .rd-navbar-items-list a:hover,.rd-navbar-sidebar .rd-navbar-items-list a:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,.rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.rd-navbar-fixed .rd-navbar-top-panel__content a:hover,
.rd-navbar-fixed .rd-navbar-top-panel__content a.icon-primary,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header a:hover,
.iw-content dt a:hover,.iw-content dd a:hover,
.rd-search-results-live .search_link:hover,
.rd-search-results .search_title a:hover,
.tabs-custom .nav-custom-tabs a:hover,	.tabs-custom .nav-custom-tabs a.active,
.tabs-custom.tabs-horizontal .nav-custom-tabs a:hover,	.tabs-custom.tabs-horizontal .nav-custom-tabs a.active,
.calendar-box-search .calendar-box-search-inner h6 a:hover,
.calendar-box-list-view .icon:before,
.calendar-box-list-view li > a:hover,
.rdc-next, .rdc-prev,.rdc-events_close,
.rdc-table_events-count:before,
.booking-calendar .rdc-month,.booking-calendar .rdc-fullyear,
.booking-calendar .rdc-next, .booking-calendar .rdc-prev, .booking-calendar .rdc-events_close,
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before,.slick-next:focus:before,
.stepper-arrow:hover,
.select2-container--bootstrap .select2-selection__clear:hover,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover,
.card-custom .card-custom-title > a:before,
.parallax-content h3 {
  color: #1496c8;
}

.rd-navbar-static .rd-navbar-nav > li > a:hover,.rd-navbar-sidebar .rd-navbar-nav > li > a:hover,
.rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-sidebar .rd-navbar-nav > li.opened > a,.rd-navbar-sidebar .rd-navbar-nav > li.active > a,
.rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after,.rd-navbar-sidebar .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav > li.focus > a {
  color: #10789f;
}

html body .button-black:hover, html body .button-black:focus, html body .button-black:active, html body .button-black:hover,
html body .button-gray-dark:hover, html body .button-gray-dark:focus, html body .button-gray-dark:active, html body .button-gray-dark:hover,
html body .button-primary,
html body .button-gray-light-outline:hover, html body .button-gray-light-outline:focus, html body .button-gray-light-outline:active, html body .button-gray-light-outline:hover,
.btn-primary:active:hover,
.first-letter:first-letter,
.post-classic-title-icon[class*="linear-icon-"]:before,
.post-link,
.context-dark .button-gray-light-outline:hover, .bg-accent .button-gray-light-outline:hover, .bg-gray-dark .button-gray-light-outline:hover, .bg-black .button-gray-light-outline:hover, .bg-gray-darker .button-gray-light-outline:hover, .bg-image-4 .button-gray-light-outline:hover, .bg-image-6 .button-gray-light-outline:hover, .context-dark .button-gray-light-outline:focus, .bg-accent .button-gray-light-outline:focus, .bg-gray-dark .button-gray-light-outline:focus, .bg-black .button-gray-light-outline:focus, .bg-gray-darker .button-gray-light-outline:focus, .bg-image-4 .button-gray-light-outline:focus, .bg-image-6 .button-gray-light-outline:focus, .context-dark .button-gray-light-outline:active, .bg-accent .button-gray-light-outline:active, .bg-gray-dark .button-gray-light-outline:active, .bg-black .button-gray-light-outline:active, .bg-gray-darker .button-gray-light-outline:active, .bg-image-4 .button-gray-light-outline:active, .bg-image-6 .button-gray-light-outline:active, .context-dark .button-gray-light-outline:hover, .bg-accent .button-gray-light-outline:hover, .bg-gray-dark .button-gray-light-outline:hover, .bg-black .button-gray-light-outline:hover, .bg-gray-darker .button-gray-light-outline:hover, .bg-image-4 .button-gray-light-outline:hover, .bg-image-6 .button-gray-light-outline:hover,
.bg-accent,
.owl-dot:hover, .owl-dot.active,
.progress-linear .progress-bar-linear,
.tabs-custom .nav-custom-tabs a:hover,.tabs-custom .nav-custom-tabs a.active,
.rdc-table_today,
.booking-calendar .rdc-table_today,
.dtp-btn-cancel,.dtp-btn-ok,
.rd-range__pointer,
.rd-range__line,
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.lg-progress-bar .lg-progress,
.lg-progress-bar .lg-progress,
.nav-cta .button-primary {
  background-color: #1496c8;
}

.blurb-circle__icon .icon,
.checkbox-custom:checked ~ .checkbox-custom-dummy,
.divider-small,
.list-marked > li::before, .list-marked-primary > li::before,
.list-marked-primary > li:before,
.page .timeline-variant-3 .timeline-inner-box:after,
.timeline-inner-box:after,
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-fixed .rd-megamenu-list:hover > a, .rd-navbar-fixed .rd-megamenu-list.focus > a, .rd-navbar-fixed .rd-megamenu-list.active > a, .rd-navbar-fixed .rd-megamenu-list.opened > a, .rd-navbar-fixed .rd-navbar-dropdown:hover > a, .rd-navbar-fixed .rd-navbar-dropdown.focus > a, .rd-navbar-fixed .rd-navbar-dropdown.active > a,.rd-navbar-fixed .rd-navbar-dropdown.opened > a,
.rd-search-results-live .search_submit:hover,
.rd-search-results .search,
.ui-to-top, .ui-to-top:active, .ui-to-top:focus,
.swiper-pagination-bullet:hover,.swiper-pagination-bullet-active,
.swiper-scrollbar-drag,
.countdown-default.countdown-primary .countdown-section,
.dtp-header,
.dtp table.dtp-picker-days tr > td > a.selected,
.dtp-actual-meridien a.selected,
.dtp-picker-time > a.dtp-select-hour.selected,
.dtp-picker-time > a.dtp-select-minute.selected,
.dtp-hand.on {
  background: #1496c8;
}

html body .button-black:hover, html body .button-black:focus, html body .button-black:active, html body .button-black:hover,
html body .button-gray-dark:hover, html body .button-gray-dark:focus, html body .button-gray-dark:active, html body .button-gray-dark:hover,
html body .button-primary,
html body .button-gray-light-outline:hover, html body .button-gray-light-outline:focus, html body .button-gray-light-outline:active, html body .button-gray-light-outline:hover,
.btn-primary:active:hover,
.context-dark .button-gray-light-outline:hover, .bg-accent .button-gray-light-outline:hover, .bg-gray-dark .button-gray-light-outline:hover, .bg-black .button-gray-light-outline:hover, .bg-gray-darker .button-gray-light-outline:hover, .bg-image-4 .button-gray-light-outline:hover, .bg-image-6 .button-gray-light-outline:hover, .context-dark .button-gray-light-outline:focus, .bg-accent .button-gray-light-outline:focus, .bg-gray-dark .button-gray-light-outline:focus, .bg-black .button-gray-light-outline:focus, .bg-gray-darker .button-gray-light-outline:focus, .bg-image-4 .button-gray-light-outline:focus, .bg-image-6 .button-gray-light-outline:focus, .context-dark .button-gray-light-outline:active, .bg-accent .button-gray-light-outline:active, .bg-gray-dark .button-gray-light-outline:active, .bg-black .button-gray-light-outline:active, .bg-gray-darker .button-gray-light-outline:active, .bg-image-4 .button-gray-light-outline:active, .bg-image-6 .button-gray-light-outline:active, .context-dark .button-gray-light-outline:hover, .bg-accent .button-gray-light-outline:hover, .bg-gray-dark .button-gray-light-outline:hover, .bg-black .button-gray-light-outline:hover, .bg-gray-darker .button-gray-light-outline:hover, .bg-image-4 .button-gray-light-outline:hover, .bg-image-6 .button-gray-light-outline:hover,
.rd-search-results-live .search_submit:hover,
.countdown-default .countdown-section,
.dtp-btn-cancel,.dtp-btn-ok,
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b,
.select2-container--bootstrap .select2-dropdown,
.cssload-speeding-wheel,
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover,
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover,
.nav-cta .button-primary {
  border-color: #1496c8;
}

.rd-range.hasTooltip .rd-range__pointer:after {
  border-top-color: #1496c8;
}

.quote-centered__mark,
.quote-default__mark,
.quote-bordered__mark,
.quote-classic__mark,
.pricing-label svg {
  fill: #1496c8;
}

