/* Mad Hatter Technology Styles

primary green: #00a19c
primary blue: #5c6670

*/

/* ------------   General Styles   ------------ */

  html {
    box-sizing: border-box;
  }
  html, body {
      height:100%;
      width:100%
  }
  .layout-container {
      height:100%
  }

  *, *::after, *::before {
    box-sizing: inherit;
  }
  a {
    color: #00a19c;
  }

  strong {
      color: #3d3d3d;
  }

  .container {
      max-width: 1200px;
      padding:0 30px;
  }
  .container.no-padding {
      padding: 0 !important;
      overflow: visible;
  }
  .container.no-padding.full-screen {
      max-width: 100%;
      padding:0 !important
  }

  #main {
      background: url(../../images/caissa-background.jpg) repeat;
  }

  #main .container {
    background: #fff;
    padding: 0 50px;
  }

  .content {
      display:inline-block;
      width:100%
  }
  .content .body {
    padding-bottom: 50px;
    margin-bottom: 20px;
  }

  .home-page .content .body {
      border-bottom: none;
      display:none
  }
  .home-page #content-area {
    display: block;
    padding-top: 20px;
  }
  .home-page #main .container {
      background: none;
  }
  p.large-format {
      font-size: 1.3em;
  }

  button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #00a19c;
  }

  .morecontent span {
    display: none;
  }
  .morelink {
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
  }
  .designation {
      font-style: italic;
  }

  /* View Block Styles */

  .block-views {
      display:inline-block;
      width:100%;
  }
  .block-views .views-more-link {
      text-transform: uppercase;
      display: block;
      margin-top: 20px;
      font-weight: 600;
      font-size: 0.95em;
  }

  /* Tables */

    table {
        border: none;
    }
    thead {
        border-bottom: solid 2px;
    }
    td, th {
        border: none;
    }
    td {
        padding-right: 10px;
    }
    tr {
        border-bottom: solid 1px;
    }

/* Headings */

    h1 {
        text-transform: uppercase;
        color: #00a19c;
        text-align: center;
        margin-top: 40px;
    }
    h2.tagline, h2.tagline div {
        font-weight: 100;
        text-align: center;
    }
    h2 {
        color: #00a19c;
        text-align: center;
    }
    h3 {
        color: #00a19c;
        text-align: center;
    }
    h6, h6 a {
        color: #00a19c;
        font-size: 1.1em;
    }
    .section-search h3 {
        text-align: left;
    }


/* CPA Logo (Header)
***************************************************************** */

.cpa-branding {
    float: right;
    padding-left: 15px;
    padding-top: 20px;
}
.cpa-branding img {
    width: 160px;
}

/* Popup Overlay
***************************************************************** */

    body.display-overlay {
        position:fixed
    }
    body.display-overlay.page-user-login {
        position:relative
    }
    body.display-overlay .overlay-popup {
        display:block
    }
    body.display-overlay.page-user-login .overlay-popup {
        display:none
    }
    .overlay-popup {
        position:fixed;
        width:100%;
        height:100%;
        padding:50px;
        display:none;
        z-index: 1000;
        top:0;
        background: rgba(51, 51, 51, 0.80);
    }
    .overlay-popup .content {
        background:#fff;
        width:100%;
        height:100%;
        -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.75);
        padding:50px;
        text-align: center;
        font-size:1.2em;
        position:relative
    }
    .overlay-popup .content img {
        width: 250px;
        margin-bottom:80px
    }
    .overlay-popup .content p {
        max-width:500px;
        margin:0 auto
    }
    .overlay-popup .content .fa-close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 30px;
        color: #4f6471;
        font-size: 25px;
    }
    .overlay-popup .content .fa-close:hover {
        background: #4f6471;
        color: #fff;
    }
    .overlay-popup .content .button {
        background: #00a19c;
        padding: 10px 30px;
        color: #fff;
        margin-top: 30px;
        display: inline-block;
    }
    .overlay-popup .content .button:hover {
        text-decoration: none;
        background: #4f6471;
    }

/* Quote Block
***************************************************************** */

    .quote-view {
        /* color: #fff; */
        font-weight: 100;
        float: left;
        margin: 0 -150%;
        width: 400%;
        background: url(/modules/blocks-quote/src/css/caissa-background-green.jpg) repeat;
        text-align: center
    }
    .quote-view .quote {
        font-size: 2.5em;
        line-height: 1.5em;
    }
    .quote-view .author {
        font-size: 1.5em;
        line-height: 1.5em;
        margin: 0;
    }
    .quote-view .author-detail {
        font-size: 1.5em;
        line-height: 1.5em;
        margin: 0;
    }
    .quote-view .container {
        position: relative;
        max-width: 1200px;
        padding: 50px !important;
        display: inline-block;
        background:transparent !important
    }
    .quote-view .bx-wrapper {
        border:none;
        background:transparent;
        box-shadow: none;
    }
    .home-page .quote-view {
        background: url(/modules/blocks-quote/src/css/caissa-background-blue.jpg) repeat;
    }
    .home-page .quote-view .bx-wrapper .bx-pager-item a:hover,
    .home-page .quote-view .bx-wrapper .bx-pager-item a.active {
        background:#989898 !important
    }

    /* Pagination */

    .quote-view .bx-pager {
        width:auto;
        position: absolute;
        bottom: -25px;
        right: -50px;
        z-index: 20;
    }
    .quote-view .bx-wrapper .bx-pager-item a:hover,
    .quote-view .bx-wrapper .bx-pager-item a.active {
        background: #5c6670 !important;
    }
    .quote-view .bx-wrapper .bx-pager-item a {
        width: 50px;
        padding-left: 50px;
        display: inline-block;
        overflow: hidden;
        background: #fff;
        height: 10px;
        margin: 0 5px;
        border-radius: 0;
        box-sizing: border-box
    }


/* Admin Tabs
***************************************************************** */
    li.tabs__tab {
        background: #00a19c;
        padding: 0 5px;
    }
    li.tabs__tab a {
        color: #fff;
    }
    ul.tabs a {
        border: none;
    }

/* Form Block
***************************************************************** */

    .block-webform {
        display:inline-block;
        width:100%;
        padding: 30px 0 60px 0;
    }
    .block-webform h2 {
        max-width: 1200px;
        padding: 0 30px;
        margin: 0 auto;
        margin-bottom:15px
    }

/* Form Element Styles
***************************************************************** */

    .webform-submission-form {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 17px;
    }
    .webform-submission-form .form-item {
        width: 50%;
        display: inline-block;
        padding: 15px 15px 0 15px;
        margin: 0 -2px;
    }
    .webform-submission-form fieldset.form-item {
        padding:0;
        width:100%
    }
    .webform-submission-form fieldset.form-item legend {
        width: 100%;
        padding: 15px 15px 0 15px;
        margin: 0;
    }
    .webform-submission-form  > label {
        display: inline-block;
        padding: 15px 15px 0 15px;
        margin: 0;
        font-weight: 600;
        width: 100%;
        font-size: 1.25em;
    }
    .webform-submission-form .form-actions {
        padding: 15px 15px 0 15px;
    }
    .webform-submission-form .form-item.js-form-type-radio input[type="radio"],
    .webform-submission-form .form-item.js-form-type-checkbox input[type="checkbox"] {
        float: left;
        margin-top: 6px;
        margin-right: 10px;
    }
    .webform-submission-form select {
        width:100%
    }
    select {
        padding: 0.5em;
        border: 1px solid #ddd;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
        border-radius: 3px;
        background: transparent;
        min-width: 300px;
        padding-right: 60px;
        font-size: 1em;
        line-height: normal;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-image: url(../../images/dropdown-arrow.png);
        background-size: 22px;
        background-position: top 6px right 8px;
        background-repeat: no-repeat;
        font-weight: 400;
        margin: 0;
        cursor: pointer;
    }
    .webform-submission-form .js-form-type-textarea {
        width:100%
    }
    .webform-submission-form .webform-details-toggle-state-wrapper {
        display:none;
    }

    /* Date and Time Element */

    .webform-submission-form .js-form-type-datetime .form-item {
        padding: 0;
    }
    .webform-submission-form .js-form-type-datetime .js-form-item-date-and-time-date {
        padding-right:10px;
    }
    .webform-submission-form .js-form-type-datetime .js-form-item-date-and-time-time {
        padding-left:10px;
    }

    /* Message Element */

    .webform-submission-form .js-webform-message {
        padding: 15px 15px 0 15px;
        margin: 0 -2px;
    }
    .webform-submission-form .js-webform-message .messages--status {
        background-color: #f2f2f2;
        border: 1px solid #dadada;
    }

    .webform-submission-form .captcha {
        padding: 15px 15px 0 15px;
        margin: 0 -2px;
    }

  /* -- Pre-content -- */

  #pre-content .banner-background {
      width: 100%;
      height: 400px;
      position: relative;
  }
  #pre-content .section-header {
      background: #2b75b4;
      color: #fff;
      padding: 10px 0;
      width: 100%;
      position: absolute;
      bottom: 0;
  }
  #pre-content .section-header .breadcrumbs {
      float: right;
      padding-top: 5px;
  }
  #pre-content .section-header h2 {
      float: left;
      margin: 0;
  }

  #content-area {
    display: inline-block;
    width: 100%;
    padding-top:40px
  }
  #content-area .featured-image {
      margin-bottom: 20px;
  }

  .content .meta {
      margin: 0;
      position: absolute;
      top: -30px;
      right: 0;
  }

  /* -- Text Content Styles -- */
  .content a {
      color: #00a19c;
  }
  a.read-more {
    font-weight: bold;
  }
  .content a:hover {
      text-decoration: underline;
  }

  .content blockquote {
		padding:40px 0;
		margin: 0;
		background: #00a19c;
		position: relative;
		margin: 50px -50%;
		margin-bottom: 35px;
	}
	.content blockquote p {
		color: #fff;
		font-size: 1.5em;
		line-height:1.3;
		text-align:center;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		padding:0 30px;
	}
	.content blockquote p:before {
		font-family: FontAwesome;
		content: "\f10d";
		color: #ffffff;
		padding-right:15px;
	}

	.content blockquote p:after {
		font-family: FontAwesome;
		content: "\f10e";
		color: #ffffff;
		padding-left:15px;
	}
    .content article ol, .content article ul {
        margin-left: 20px;
        display: table;
    }
    .content article ol li, .content article ul li {
        position: relative;
    }
    .content ol {
        list-style-type: decimal;
        padding-left: 20px;
        margin: 0 0 0.75em;
	}

    .content ul {
        list-style: initial;
        padding-left: 20px;
        margin: 0 0 0.75em;
    }
    .content img {
        margin: 15px 25px 15px 0;
        clear: both;
    }


  /* -- Custom Classes -- */

    .screen-reader {
        display:none
    }
    .clear {
        clear: both;
    }


  /* -- Share Links -- */

    .share-links a.fa {
        width: 26px;
        height: 26px;
        overflow: hidden;
          /* icon dont change to ems */
        font-size: 16px;
    }

    .share-links a.fa:before {
        color: #00a19c;
        width: 26px;
        height: 26px;
        display: block;
        text-align: center;
        padding-top: 4px;
    }
    .share-links a.fa:hover:before {
        color: #5c6670
    }
    .share-links * {
        vertical-align: middle;
    }



/* Preview mode
***************************************************************** */

    .node-preview-form-select .form-item-view-mode {
        display: none;
    }
    .node-preview-form-select #edit-backlink {
        display: inline-block;
        background: #00a19c;
        color: #fff;
        padding: 10px;
    }


/* Map
***************************************************************** */



    .map-container {
        position:relative;
        overflow: hidden;
        display: inline-block;
        width: 100%;
    }
    .map-container #filter-legend {
        width: 300px;
        position:absolute;
        bottom:115px;
        background:#fff;
        box-shadow: 0px 0px 10px rgba(42, 42, 42, 0.3);
        -webkit-transition: all ease-in-out 600ms; /* Safari */
        transition: all ease-in-out 600ms;
    }
    .map-container #filter-legend.hide {
        width:55px;
    }
    .map-container #filter-legend .toggle-filter {
        height: 275px;
        width: 55px;
        float: left;
        display: table;
        vertical-align: middle;
        text-align: center;
        background: #f3f3f3;
        border-right: 1px solid #ccc;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }
    .map-container #filter-legend .toggle-filter i {
        vertical-align: middle;
        display: table-cell;
        -webkit-transition: all 600ms; /* Safari */
        transition: all 600ms;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .map-container #filter-legend.hide .toggle-filter i {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .map-container #filter-legend .filter-options {
        width: 245px;
        background: #fff;
        position: absolute;
        left:55px;
        -webkit-transition: left ease-in-out 600ms; /* Safari */
        transition: left ease-in-out 600ms;
    }
    .map-container #filter-legend.hide .filter-options {
        left: -190px;
    }
    .map-container #filter-legend .filter-options .option {
        height: 30px;
        padding: 8px;
        border-bottom: 1px solid #eaeaea;
        float: left;
        width: 210px;
        box-sizing: content-box;
        line-height: 30px;
        cursor: pointer;
        font-size: 0.9em;
    }
    .map-container #filter-legend .filter-options .option:last-child {
        border:none
    }
    .map-container #filter-legend .filter-options .option img {
        float:right
    }
    #filter-list {
        display:table;
        width:100%
    }
    #filter-list li {
        display:table-cell;
        text-align:center;
        color:#fff;
        position:relative;
        padding: 20px 15px 50px 15px;
        cursor: pointer
    }
    #filter-list li:before {
        content:'';
        background:#000;
        opacitY:0.5;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        transition: ease 500ms;
        -moz-transition: ease 500ms;
        -o-transition: ease 500ms;
        -webkit-transition: ease 500ms;
    }
    #filter-list li h4 {
        text-transform: uppercase;
        position:relative;
    }
    #filter-list li .icon {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        -moz-filter: brightness(0) invert(1);
        -o-filter: brightness(0) invert(1);
        -ms-filter: brightness(0) invert(1);
        background-size: contain;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        display: inline-block;
        position:relative;
    }
    #filter-list li:after {
        content: "\f107";
        font-family: "FontAwesome";
        font-size: 30px;
        position: absolute;
        width: 100%;
        bottom: 8px;
        left: 0;
        transition: ease 500ms;
        -moz-transition: ease 500ms;
        -o-transition: ease 500ms;
        -webkit-transition: ease 500ms;
    }
    #filter-list li:hover:before {
        background:#2b75b4
    }
    #filter-list li:hover:after {
        bottom:-2px
    }


/* Carousel
***************************************************************** */

    .carousel-container .bx-wrapper {
        padding: 0 60px;
        box-shadow: none;
        margin:0 auto;
        max-width: 100% !important;
    }
    .carousel-container .bx-wrapper .bx-controls-direction a {
        background:none;
        width: 23px;
        height: 97px;
        margin-top: -48px;
        color: #00a19c;
    }
    .carousel-container .bx-wrapper .bx-controls-direction a:before {
        position: absolute;
        text-indent: 0;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        font-size: 65px;
    }
    .carousel-container .bx-wrapper .bx-controls-direction a.bx-next:before {
        content: "\f105";
    }
    .carousel-container .bx-wrapper .bx-controls-direction a.bx-prev:before {
        content:"\f104";
    }


/* Webform Submissions
***************************************************************** */

    .public-inquiry-submissions {
        background:#ccc;
        display:inline-block;
        width:100%;
        padding: 60px 15px;
    }
    .public-inquiry-submissions .views-row {
        display: inline-block;
        width: 33.33%;
        padding: 0 15px;
        vertical-align: top;
    }
    .public-inquiry-submissions .entry .comments {
        background: #fff;
        padding: 25px;
        text-align:center;
        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.30);
    }
    .public-inquiry-submissions .entry .comments:before {
        content:'“';
    }
    .public-inquiry-submissions .entry .comments:after {
        content:'”';
    }
    .public-inquiry-submissions .entry .comments:before,
    .public-inquiry-submissions .entry .comments:after {
        color:red;
        font-weight: 600;
        font-size: 1.3em;
        line-height: 1em;
    }
    .public-inquiry-submissions .entry .comments:after {
        position:relative;
    }
    .public-inquiry-submissions .entry .author {
        float: right;
        text-align: center;
        margin-top: 30px;
    }
    .public-inquiry-submissions .entry .author .name {
        margin-bottom: 7px;
        padding: 0 5px 5px 5px;
        border-bottom: 2px solid red;
        display: inline-block;
        font-weight: 600;
    }
    .public-inquiry-submissions .entry .author .address {
        font-size: 0.85em;
        display: block;
    }

/* Header
***************************************************************** */

    #header {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
        position: relative;
        z-index: 100;
    }

/* Alert message
***************************************************************** */
.block-views-block-marquee-alert-ticker-block-1
  {
  	display:block;
  }
.bx-wrapper{
	      box-shadow:none;
        margin:0;
        border:0;
    }

  .alert-ticker li{
  	background-color:#e00039;

  }

  .alert-ticker li a{
   	color:white;
   	font-weight:bold;
   }


#header.sticky #block-basic-branding,
#header.sticky .branding-logo img,
#header.sticky #static-header .menu--main > .menu > li.menu-item a,
#header.sticky #search-button,
#header.sticky .cpa-branding {
   -webkit-transition:  500ms linear;
   -moz-transition:  500ms linear;
   -o-transition:  500ms linear;
   transition:  500ms linear;
}

@media (max-height: 650px) {

    #header.sticky {
        position: fixed;
        width: 100%;
        top: 0;
    }
    #header.sticky #block-basic-branding {
        padding:15px 0;
    }
    #header.sticky .branding-logo img {
        max-width: 150px;
        padding-bottom: 0px;
    }
    #header.sticky #static-header .menu--main > .menu > li.menu-item > a {
        padding: 25px 0;
    }
    #header.sticky #static-header .menu--main li.menu-item ul {
        top:81px
    }
    #header.sticky #search-button {
        margin-top:25px
    }
    #header.sticky .cpa-branding {
        padding-top:15px
    }
}
    #header .sub-nav {
        background: #c7c7c7;
        padding: 10px 0;
    }
    #header .sub-nav .accessibility {
        float: left;
        margin-right: 10px;
    }
    #header nav#block-secondarymenu {
        float: right;
        margin-left: 10px;
    }
    #header nav#block-secondarymenu li {
        float: left;
        margin-left: 10px;
    }
    #header #static-header {
        background: #fff;
    }
    #header #block-basic-branding {
        float: left;
        margin-right: 10px;
        padding: 20px 0;
    }
    #header nav#block-basic-main-menu {
        float: right;
    }
    #static-header .container {
        overflow: visible;
        padding:0 15px
    }

/* Breadcrumbs */

    .breadcrumbs {
        color: #fff;
    }
    .breadcrumbs a {
        display: inline-block;
        color: #fff;
    }
    .breadcrumbs a:hover {
        color: #fff;
        text-decoration: underline;
    }

/* Main Menu */

    #static-header .menu--main li.menu-item {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        position:relative;
    }
    #static-header .menu--main > .menu > li.menu-item:last-child {
        padding-right: 0;
        border-right: none;
    }
    #static-header .menu--main li.menu-item:hover ul {
        display:block
    }
    #static-header .menu--main li.menu-item ul {
        display:none;
        position: absolute;
        min-width: 220px;
        max-width: 250px;
        background: #ececec;
        padding: 15px 0;
        top: 103px;
        left:-20px;
        box-shadow: 0px 7px 15px 0 rgba(0,0,0,0.3);
    }
    #static-header .menu--main > .menu > li.menu-item.menu-item--expanded:before {
        border: 15px inset;
        content: "";
        border-top-width: 0;
        border-top-style: solid;
        border-color: transparent transparent #ececec transparent;
        left: 50%;
        margin-left: -15px;
        position: absolute;
        bottom: 0;
        display:none
    }
    #static-header .menu--main > .menu > li.menu-item.menu-item--expanded:hover:before {
        display:block
    }
    #static-header .menu--main li.menu-item ul li a {
        padding:5px 0px;
        line-height: 1.45;
    }
    #static-header .menu--main li.menu-item a {
        color: #5c6670;
        padding: 36px 0;
        display: block;
        position: relative;
        z-index:2
    }
    #static-header .menu--main li.menu-item a.is-active, #static-header .menu--main li.menu-item.menu-item--active-trail > a {
        font-weight: bold;
        color: #00a19c;
    }
    #static-header .menu--main li.menu-item a:hover {
        color: #00a19c;
    }
    .mobile-menu-open #static-header .menu--main li.menu-item {
        border-right: none;
    }
    .mobile-menu-open #header .menu--main > .menu > .menu-item.menu-item--active-trail {
        background: rgba(255, 255, 255, 0.07);
    }
    #static-header .menu--main li.menu-item .menu li.menu-item {
        display:block
    }

    .accessibility {
        float: right;
        margin-bottom: 10px;
    }
    a.skip-to-content {
        display: inline-block;
        padding-right: 10px;
    }
    .text-resizer {
        display: inline-block;
    }
    .main-menu-div {
        display: block;
        clear: both;
        float: left;
        padding-right: 20px;
    }
    .branding-logo {
        float: left;
    }
    .branding-logo img {
        max-width: 200px;
        padding-top: 5px;
        height: auto;
    }
    .header-contents {
        float: right;
    }
    #search-button i.fa-search {
        color: #00a19c;
        font-size: 1.3em;
    }
    #search-button {
        cursor: pointer;
    }

/* *************     MOBILE NAV TOGGLE     ************* */

    /*#toggle-mobile-menu {
        display: none;
        position: absolute;
        right: 30px;
        width: 36px;
        height:27px;
        top: 17px;
        margin-top: 35px;
        -webkit-transition: margin 500ms linear;
        -moz-transition: margin 500ms linear;
        -o-transition: margin 500ms linear;
        transition: margin 500ms linear;
    }
    #header.sticky #toggle-mobile-menu {
        margin-top:0;
    }
    #toggle-mobile-menu .bar {
        width: 35px;
        height: 5px;
        border-radius: 2px;
        background: #333;
        position: absolute;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    #toggle-mobile-menu .bar:first-child {
        top:0;
    }
    #toggle-mobile-menu .bar:nth-child(2) {
        top:11px;
    }
    #toggle-mobile-menu .bar:last-child {
        top:22px;
    }
*/

 /* -- Topbar -- */

    #header .sub-nav {
        background: #142d52;
        padding: 10px 0;
    }
    #header .sub-nav .accessibility {
        float: left;
        margin-right: 10px;
    }
    #header .sub-nav a {
        color:#fff;
        font-size: 1.15em;
    }

    /* -- Text Resize -- */

    #header .sub-nav .accessibility {
        float: left;
    }
    #header .sub-nav .accessibility a {
        vertical-align: super;
    }
    #header .sub-nav .accessibility #block-textresize {
        margin-left: 10px;
    }
    #header .sub-nav .accessibility > div {
        display: inline-block;
        padding-left: 0px;
    }
	.accessibility #block-textresize sup {
        top: -2px;
        font-size: 1em;
	}
    .accessibility a#text_resize_decrease,
    .accessibility a#text_resize_increase,
    .accessibility a#text_resize_reset {
		width: auto;
        background: none;
        margin: 0 0 0 7px;
		margin-bottom: -5px;
        text-indent: 0;
        font-size: 1.2em;
    }
    .accessibility a#text_resize_reset {
        margin-left: 10px;
    }
/* Search */

    a#search-button {
        float: right;
        margin-top:35px
    }
    #search-header {
        display: none;
        min-height: 50px;
        background: #f1f1f1;
        width: 100%;
        padding: 20px 0;
        text-align: center;
        margin: 0 auto;
    }
    #search-header .block-search input[type="submit"] {
        display: none;
    }
    #search-header input[type="search"] {
        border-radius: 20px;
        text-indent: 10px;
        width: 100%;
        max-width:800px;
        margin: 0;
        background: #fff url(../../images/magnifier.svg) no-repeat right 10px top 10px;
        border: none;
        box-shadow: none;
        padding: 10px;
        display:inline-block
    }
    #search-header input[type="search"]:focus {
        outline: none;
    }
    #search-header .menu select {
        display: inline-block;
        border-radius: 30px;
        padding: 12px;
        text-indent: 10px;
        min-width: 250px;
        background-position: top 10px right 10px;
        border: none;
        outline: none;
        margin-left: 10px;
    }
    #search-header .menu select:focus {
        outline: none;
    }
    #search-header div#block-searchform, #search-header nav#block-howto {
        display: inline-block;
        width:100%;
        text-align:center
    }

/* Footer
***************************************************************** */

    #footer {
        overflow: hidden;
        padding-top: 15px;
    }
    #footer .tagline {
        background: url(../../images/caissa-background-blue.jpg) repeat;
    }
    #footer .tagline .container {
        position:relative;
        padding: 20px 0;
        background: url(../../images/caissa-background-blue.jpg) repeat;
        top:-14px;
        z-index: 4;
    }
    #footer .tagline .container:before{
        content:'';
        position:absolute;
        width:9px;
        height:84px;
        top:0;
    }
    #footer .tagline .container:after {
        content:'';
        position:absolute;
        width:10px;
        height:84px;
        top:0;
    }
    #footer .tagline .container:before {
        left:-9px;
        background: url(../../images/footer-banner-effect-left.png) no-repeat;
    }
    #footer .tagline .container:after {
        right:-10px;
        background: url(../../images/footer-banner-effect-right.png) no-repeat;
    }

    #footer .tagline h4 {
        color: #fff;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 1.6em;
        text-align: center;
        font-weight: normal;
    }
    #footer > .menu {
        padding: 0;
        background: #f0f3f7;
    }
    #footer > .menu .container {
        background: #f0f3f7;
        position:relative;
        top:-14px;
        z-index: 3;
        padding: 40px;
        max-width: 1218px;
    }
    #footer .site-info {
        padding: 15px 0;
        background: url(../../images/caissa-background.jpg) repeat;
        font-size: 0.7em;
    }
    #footer .site-info .container {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    #footer .site-info .container:after {
        display:none
    }
    #footer .site-info .copyright,
    #footer .site-info .site-by,
    #footer .site-info .footer-menu {
        display: inline-block;
    }
    #footer .site-info .footer-menu {
        text-align: center;
    }
    #footer .site-info .copyright {
        text-align: left;
        min-width: 260px;
    }
    #footer .site-info .site-by {
        text-align: right;
        min-width: 260px;
    }

    .footer-connect {
        background: #fff;
        padding: 30px 0;
    }
    .footer-connect h3 {
        text-transform: uppercase;
        font-size: 1.8em;
    }
    .footer-connect h4 {
        font-weight: 400;
        font-size: 1.5em;
    }
    .footer-connect #block-footerconnectwithus {
        max-width: 735px;
        margin: 0 auto;
        line-height: 1.4em;
    }
    #footer #block-map, #footer #block-map2 {
        width: 49%;
        padding: 10px;
        display: inline-block;
    }

    #footer .footer-col h6 {
        font-size:0.9em
    }
    #footer .footer-col li {
        line-height: 1.45em;
        font-size:0.9em
    }
    #footer .footer-col li a {
        color: #5c6670;
    }
    #footer .footer-col a:hover {
        text-decoration: underline;
    }
    #footer .footer-col {
        margin-bottom: 15px;
    }
    .column-masonry { /* Masonry container */
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-gap: 1em;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
    }

    .footer-col { /* Masonry bricks or child elements */
        -webkit-column-break-inside: avoid;
    }
    @-moz-document url-prefix() {
        .footer-col {
            display:inline-block;
        }
    }

    .grey-title-bar {
        width: 100%;
        background: #ccc;
        padding: 10px 30px;
    }
    .layout-container .grey-title-bar.header-bar h2 {
        font-size:1em
    }
    .layout-container .grey-title-bar h2,
    .layout-container .grey-title-bar h3,
    .layout-container .grey-title-bar h4,
    .layout-container .grey-title-bar h5,
    .layout-container .grey-title-bar p {
        color: #69696f;
        font-weight: 600;
        margin: 0;
        line-height: 1.5;
    }
    #footer .menu li {
        display: inline-block;
        padding: 0 5px;
    }
    #footer .site-info .contextual-region .contextual .contextual-links {
        top: auto;
        bottom: 25px;
        position: absolute;
        border-radius: 4px 4px 0 4px;
    }
    #footer .site-info .contextual-region .contextual.open .trigger {
        border-top-color: transparent;
        border-bottom: 1px solid #ccc;
        border-radius: 0 0 13px 13px;
    }

    .block-block-content {
        padding-right:30px;
        padding-left:30px;
    }



/* Contact
***************************************************************** */

    .column-one {
        float: left;
        width: 50%;
        padding-right: 10px;
        padding-bottom:30px
    }
    .column-two {
        float: left;
        width: 50%;
        padding-left: 10px;
        padding-bottom:30px
    }

    .column-one .banner-block {
        border-bottom: solid 20px #00a19c;
    }

    .column-two .banner-block {
        border-bottom: solid 20px #00a19c;
    }

    .column-one .block-webform, .column-two .block-webform {
        padding-top: 0;
    }

    #block-contactcambridgetext {
        padding: 20px;
    }
    #block-guelphcontacttext {
        padding: 20px;
    }

    .column-one #edit-submit--2, .column-two #edit-submit {
        display: block;
        margin: 0 auto;
    }



/* News View / Events View
***************************************************************** */

    .page-news .views-content-rows, .page-events .views-content-rows {
        width: 60%;
        float: left;
        margin-right: 10%;
    }
    .page-news .views-row, .page-events .views-row {
        border-top: solid 1px #ccc;
        padding: 10px 0 20px;
        overflow: auto;
        clear: both;
    }

    .teaser .content {
        display: table-cell;
    }
    .teaser .meta .share-links {
        display:inline
    }

    .news-list .views-content-all {
        margin-top: 50px;
    }

    .news-list h3 {
        text-align: left;
    }
    .news-list .content .date {
        padding-top: 2px;
    }
    .news-list .views-content-rows {
        display: table-cell;
        width: 80%;
        padding-right: 50px;
    }
    .news-list .views-content-filters {
        display: table-cell;
        width: 20%;
    }
    .news-list .views-content-filters label {
        text-transform: uppercase;
        font-size: 1.3em;
        color: #00a19c;
    }
    .news-list .content .body {
        border-bottom: none;
        padding-bottom: 10px;
    }
    .news-list .views-row {
        border-bottom: solid 1px;
        margin-bottom: 20px;
    }
    .news-list .teaser .content .meta {
        position: inherit;
    }

    a.feed-icon {
        display: none;
    }

    /* -- Featured Teaser View Mode -- */

    .featured-teasers {
        padding:50px 0
    }
    .featured-teasers header,
    .featured-teasers .views-content-rows {
        max-width:1200px;
        padding:0 30px;
        margin:0 auto
    }
    .featured-teasers .views-row {
        width:33.33%;
        padding:0 15px;
        margin:0 -2px;
        display:inline-block;
        vertical-align: top;
    }
    .widget_teaser .meta {
        margin:0;
    }
    .widget_teaser .body {
        margin-top:10px;
    }

    /* -- Teaser View Mode -- */

    .teaser .content a.title-link {
        font-size: 1em;
        color: #555;
        text-decoration: none;
    }

    .teaser .content a.title-link:hover {
        text-decoration: underline;
    }
    .teaser .content .teaser-image {
        float: left;
    }
    .content .tags div {
        display: inline-block;
        background: #c7c7c7;
        padding: 5px 10px;
        margin: 0 5px;
    }
    .content .tags div a {
        color:#333
    }

    .content .date {
        display: inline-block;
        vertical-align: top;
        margin-right: 25px;
    }
    .content .date,
    .content .location {
        padding-left:25px;
        position:relative;
        padding-top:5px
    }
    .content .date:before,
    .content .location:before {
        font-family: FontAwesome;
        color: #00a19c;
        position:absolute;
        left:0;
        width:15px;
        text-align:Center
    }
    .content .date:before {
        content: "\f133";
    }
    .content .location:before {
        content: "\f041";
    }
    .content .date div,
    .content .location div {
        display: inline;
    }
    .content .teaser .content .share-links {
        display: inline-block;
        vertical-align: top;
    }
    .teaser .content .meta {
        margin: 0 0 10px 0;
    }
    .content .teaser img {
        margin: 5px 25px 0 0;
    }
    .content div:not(.teaser) .share-links {
        margin-bottom: 20px;
    }

    .page-news .form-item-field-topics-target-id label, .page-events .form-item-field-topics-target-id label {
        font-size: 1.3em;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    #block-tagsinnewstopics h2 {
        font-size: 1.3em;
        font-weight: normal;
        margin-top: 80px;
        margin-bottom: 10px;
        text-transform: uppercase;
        text-align: left;
        color: #00a19c;
    }

    .event-header {
        max-width: 350px;
        float: right;
        margin-bottom: 60px;
        vertical-align: top;
    }

    .page-events .teaser .meta .date {
        float: left;
    }
    .page-events .teaser .meta .location {
        float: left;
    }

    .page-events .teaser .share-links {
        float: right;
        margin-left: 20px;
    }
    .page-events .teaser .body {
        clear: left;
        padding-top: 20px;
    }

/* Archive Page
***************************************************************** */

/*
    .archive-page {
        margin-top:40px;
        margin-bottom:60px
    }
*/

    /* *************     PAGINATION     ************* */

        nav .pager__item--last, nav .pager__item--first {
            display:none !important;
        }
        nav .pager__items {
            text-align: center;
            padding:50px 0;
        }
        nav .pager__item {
            padding: 0 5px;
        }
        nav .pager__item.is-active a {
            cursor: default;
        }
        nav .pager__item--previous {
            float:left;
        }
        nav .pager__item--next {
            float:right;
        }
        nav .pager__item--previous a:before,
        nav .pager__item--next a:after {
            font-family: FontAwesome;
            font-size:1.6em;
            vertical-align: sub;
        }
        nav .pager__item--previous a:before {
            content: "\f104";
            padding-right:5px;
        }
        nav .pager__item--next a:after {
            content: "\f105";
            padding-left:5px;
        }
        nav .pager__item--previous a,
        nav .pager__item--next a {
            color:#303030;
            background:#f7f7f7;
            padding:5px 15px;
            text-transform: uppercase;
            display: block;
            margin-top: -18px;
            font-size:1.1em;
        }
        nav .pager__item--previous a:hover,
        nav .pager__item--previous a:focus,
        nav .pager__item--next a:hover,
        nav .pager__item--next a:focus {
            color:#fff;
            text-decoration: none;
            background: #2b75b4;
        }
        nav .pager__item--previous a:hover:before,
        nav .pager__item--next a:hover:after {
            color:#fff !important;
        }
        nav .pager__item {
            display:inline-block;
        }

/* ----------- Item Directory View -------------- */

    .item-directory {
        display:table;
        width:100%;
        margin-top:40px
    }
    .item-directory form {
        display: table-caption;
        width: 100%;
        padding-bottom:40px;
    }
    .item-directory form .form-item {
        display: inline-block;
        padding:0 15px;
    }
    .item-directory .views-row {
        display: table-row-group;
    }
    .item-directory .views-row article {
        display: table-row;
    }
    .item-directory .views-row article > div {
        display:table-cell;
        padding:15px;
        text-align:center;
        font-weight:700;
        vertical-align: middle;
    }
    .item-directory .views-row article .featured-image {
        text-align:left;
        float:none !important;
        margin:0 !important;
    }
    .item-directory .views-row article .page-title {
        text-align:left;
        max-width: 280px;
    }
    .item-directory .views-row article .page-title h3 {
        font-size: 1.1em;
        color: #333;
    }

/* ----------- Calendar Widget -------------- */

.calendar-calendar td {
    border: none;
    text-align: center;
    height: 35px;
    vertical-align: middle;
}
.month.mini-day-on {
    background: #2b75b4;
    border-radius: 50%;
    width: 30px;
    margin: 0 auto;
    height: 30px;
    padding-top: 3px;
    color: #fff;
}
.calendar-calendar td.days {
    font-weight: bold;
}
.calendar-calendar .other-month .month {
    display: none;
}
.calendar-header .pager__item--previous span, .calendar-header .pager__item--next span {
    font-size: 1.5em;
}
.calendar-header .pager__item--next {
    text-align: right;
}

.calendar-header ul.js-pager__items {
    width: 100%;
    display: table;
}
.calendar-header .pager ul li {
    display: table-cell;
    vertical-align: middle;
}
.calendar-header .pager__item--current {
    text-align: center;
}
.calendar-header nav.pager {
    margin-bottom: 20px;
}

/* ------- Home Page Condensed Widgets (Events / News) ------- */

#block-area .block-blocks-single-v2 {
    height: auto;
}
#content-feeds {
    display: table;
    width: 100%;
}
.news-feed {
    background: #1567a1;
    overflow: auto;
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.events-feed {
    background: #7a7b7f;
    overflow: auto;
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.news-feed .split-container {
    max-width: 600px;
    float: right;
    padding: 40px 20px;
    width: 100%;
}
.events-feed .split-container {
    max-width: 600px;
    float: left;
    padding: 40px 20px;
    width: 100%;
}

.condensed .body {
    padding-top:5px;
}
.condensed.event .meta {
    margin:0
}
.style-one .condensed .meta .share-links {
    display:none
}
.style-one .condensed.event .meta .location:before,
.style-one .condensed.event .date:before {
    color:#fff
}
.style-one .condensed .date-box {
    margin: 0;
    display: inline-block;
    border: solid 3px #d3c193;
    vertical-align: top;
    background: #fff;
}
.style-one .read-more {
    color:#fff
}
.condensed .date-box .date {
    margin:0;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    width: 65px;
    text-align: center;
}
.condensed .date-box .date:before {
    content: none;
}
.condensed .date-box .date span.day {
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 1.3em;
}
.style-one .condensed .content {
    max-width: 80%;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}
.style-one .condensed h3 {
    font-size: 1.1em;
    margin: 0;
    color: #fff;
}
.style-two {
    background:#ccc;
    padding:15px;
}
.style-two .views-row {
    display: table-cell;
    width: 33.33%;
    vertical-align: top;
    background: #fff;
    border: 10px solid #ccc;
}
.style-two .condensed {
    position:relative;
    padding:25px;
}
.style-two .condensed .share-links {
    position: absolute;
    top: 15px;
    right: 15px;
}
.style-two .condensed .date-box .date {
    margin: -25px 0 0 -25px;
    background: #ccc;
}
.style-two .condensed .content {
    display: inline-block;
    width: 100%;
    margin-top:10px
}
.style-two .condensed .read-more {
    float:right
}
.style-two footer {
    text-align: right;
    padding: 15px;
}

.split-container .views-row {
    border-bottom: solid 1px #d3c193;
    padding: 10px 0;
}
.split-container .views-row:first-child {
    border-top: solid 1px #d3c193;
}
.split-container .views-calendar-all, .news-feed .views-content-all {
    clear: both;
}
.split-container .calendar-header {
    float: right;
}
.news-feed header {
    float: right;
}
.split-container h2 {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.5em;
}
.content a.archive-link {
    color: #fff;
    font-size: 1.1em;
}
.split-container p {
    margin-bottom: 0;
}
.archive-page.events .views-content-filters {
    float:right;
    width:30%
}
.news-feed .tags {
    display: none;
}

/* ------- People Blocks ----------------- */

a.email-link img {
    margin-top: 0 !important;
}
.content .profile-photo {
    text-align: center;
}
.content .profile-photo img {
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
}
.node-people.teaser h5 {
    text-align: center;
    color: #00a19c;
    margin-top: 15px;
    margin-bottom: 0;
}
.node-people.teaser .credentials {
    text-align: center;
    font-style: italic;
    margin-bottom: 20px;
}
.node-people.teaser .body {
    text-align: center;
}

.block-views-block-people-block-1 .item-list ul li, .block-views-block-people-block-2 .item-list ul li, .block-views-block-people-block-4 .item-list ul li, .block-views-block-people-block-5 .item-list ul li, .block-views-block-people-block-6 .item-list ul li, .block-views-block-people-block-7 .item-list ul li {
    display: inline-block;
    width: 24%;
}
.block-views-block-people-block-3 .item-list ul li  {
    display: inline-block;
    width: 33%;
}
.node-people.teaser .content .body {
    border-bottom: none;
}
.page-people .meta {
    display: none;
}
#block-views-block-people-block-1 img, #block-views-block-people-block-2 img, #block-views-block-people-block-3 img, #block-views-block-people-block-4 img, #block-views-block-people-block-5 img, #block-views-block-people-block-6 img, #block-views-block-people-block-7 img {
    border-radius: 50%;
    margin: 10px 0;
}
#block-views-block-people-block-1 .content, #block-views-block-people-block-2 .content, #block-views-block-people-block-3 .content, #block-views-block-people-block-4 .content, #block-views-block-people-block-5 .content, #block-views-block-people-block-6 .content, #block-views-block-people-block-7 .content {
    text-align: center;
    padding: 0 20px;
}
.page-people h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 50px;
    color: #00a19c;
}
.page-people h2.tagline {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: -60px;
}
#block-views-block-people-block-1 h3, #block-views-block-people-block-2 h3, #block-views-block-people-block-3 h3, #block-views-block-people-block-4 h3, #block-views-block-people-block-5 h3, #block-views-block-people-block-6 h3, #block-views-block-people-block-7 h3 {
    color: #00a19c;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 5px;
}
#block-views-block-people-block-1 .credentials, #block-views-block-people-block-2 .credentials, #block-views-block-people-block-3 .credentials, #block-views-block-people-block-4 .credentials, #block-views-block-people-block-5 .credentials, #block-views-block-people-block-6 .credentials, #block-views-block-people-block-7 .credentials {
    font-style: italic;
    margin-bottom: 10px;
}
#block-views-block-carousel-slideshow-block-1-2 {
    margin: 20px 0;
}
.page-people a.email-link {
    position: relative;
    display: block;
    cursor: pointer;
}
.page-people a.email-link .overlay {
    opacity: 0;
    width: 160px;
    height: 160px;
    background: #00a19c;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
}
.page-people a.email-link .overlay i {
    color: #fff;
    margin: 0 auto;
    font-size: 2em;
    padding-top: 65px;
}
.page-people a.email-link:hover .overlay {
    opacity: 0.85;
}
.page-people .item-list {
    text-align:center
}
.page-people .item-list li {
    vertical-align: top;
}
.page-people .contacts .item-list li article .content {
    display:block
}
.page-people .contacts .item-list li .content .body {
    font-size:14px
}


/* ------- Blocks (image blocks) --------- */


.custom-block-blocks {
    padding: 0 20px;
}
.custom-block-blocks .left-side {
    width: 50%;
    float: left;
}
.custom-block-blocks .right-side {
    width: 50%;
    float: right;
}
.custom-block-blocks a {
    display: block;
    padding: 3px;
    width: 100%;
    min-height: 200px;
    position: relative;
}
.custom-block-blocks a .blocks-content {
    width: 100%;
    position: relative;
}
.custom-block-blocks a .blocks-content:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.blocks-content .blocks-titles {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 10px 20px;
    background: none;
    width: 100%;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
    opacity: 1;
    pointer-events: none;
}
.custom-block-blocks .blocks-titles h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.8em;
    margin-bottom: 2px;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.custom-block-blocks .blocks-titles h4 {
    color: #fff;
    text-transform: uppercase;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.custom-block-blocks a.block-2, .custom-block-blocks a.block-3, .custom-block-blocks a.block-4, .custom-block-blocks a.block-5 {
    width: 50%;
    float: left;
}
.custom-block-blocks a.block-1, .custom-block-blocks a.block-6 {
    clear: both;
}
.custom-block-blocks .overlay {
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #000;
    opacity: 0.5;
    z-index: 1;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.custom-block-blocks .overlay:hover {
    opacity: 0.1;
}
.custom-block-blocks .overlay:hover ~ .blocks-content .blocks-titles h3 {
    color: #000;
}
.custom-block-blocks .overlay:hover ~ .blocks-content .blocks-titles h4 {
    color: #000;
}
.custom-block-blocks .overlay:hover ~ .blocks-content .blocks-titles {
    background: #fff;
    opacity: 0.8;
}


/* *************     SINGLE BLOCKS     ************* */

#content-area .block-blocks-single {
    font-size: 1.33em;
    width: 100%;
    margin-bottom: -5px;
}

.block-blocks-single {
    max-width:1200px;
    margin:50px auto;
}
.block-blocks-single .contextual {
    position: relative;
    width: 33%;
    float: left;
    top: 0;
    margin-bottom: -30px;
}
.block-blocks-single.contextual-region .contextual .contextual-links {
    position:absolute;
    top: 25px;
}
.block-blocks-single a {
    display:inline-block;
    float:left;
    padding:15px;
}
.block-blocks-single .col-two-thirds {
    width:66.66%;
}
.block-blocks-single .col-one-half {
    width:50%;
}
.block-blocks-single .col-one-third {
    width:33.33%;
}
.block-blocks-single a:hover .single-block:after {
    opacity: 0;
}
.single-block {
    height: 300px;
    text-align: center;
    position: relative;
}
.single-block h3 {
    color: #fff;
    text-transform: uppercase;
    z-index: 10;
    position: relative;
    font-size: 1.8em;
    padding: 15px 5px 0px 5px;
}
.single-block h4 {
    color: #fff;
    font-size: 1.1em;
}
.single-blocks-content {
    position: relative;
    width: 100%;
    height: 100%;
}
.single-blocks-titles {
    position: absolute;
    width: 100%;
    bottom: 0;
    transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
a.single-block:hover .single-blocks-titles {
    padding-bottom: 20px;
}
.single-blocks-titles .background-color {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background: none;
}
.single-blocks-titles .background-color.dk-blue-theme {
    background: #1c344c;
}
.single-blocks-titles .background-color.lt-blue-theme {
    background: #2e99bb;
}
.single-blocks-titles .background-color.grey-theme {
    background: #8b8784;
}
.single-blocks-titles .background-color.green-theme {
    background: #11663c;
}

.theme-no-theme .single-blocks-titles {
    height: 100%;
}
.theme-no-theme .background-color.no-theme {
    background: #000;
    opacity: 0.5;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.theme-no-theme.single-block h3 {
    bottom: 0;
    position: relative;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 0 20px;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.single-block.theme-no-theme:hover .background-color.no-theme {
    opacity: 0.1;
}
.theme-no-theme.single-block .title-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    padding-top: 15px;
    background: none;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
    opacity: 1;
}
.theme-no-theme.single-block:hover h3 {
    color: #000;
}
.theme-no-theme.single-block:hover .title-container {
    background: #fff;
    opacity: 0.85;
}

/* --------- Caption Blocks --------------- */

#content-area .block-blocks-caption {
    font-size: 1.33em;
    width: 100%;
    margin-bottom: -5px;
}

.block-blocks-caption {
    max-width:1200px;
    margin:50px auto;
}
.block-blocks-caption .contextual {
    position: relative;
    width: 33%;
    float: left;
    top: 0;
    margin-bottom: -30px;
}
.block-blocks-caption.contextual-region .contextual .contextual-links {
    position:absolute;
    top: 25px;
}
.block-blocks-caption a {
    display:inline-block;
    float:left;
    padding:15px;
    cursor: pointer;
}
.block-blocks-caption .col-two-thirds {
    width:66.66%;
}
.block-blocks-caption .col-one-half {
    width:50%;
}
.block-blocks-caption .col-one-third {
    width:33.33%;
}
.block-blocks-caption a:hover .caption-block:after {
    opacity: 0;
}
.caption-block {
    text-align: center;
    position: relative;
}
.caption-block h3 {
    color: #fff;
    text-transform: uppercase;
    z-index: 10;
    position: relative;
    padding-top: 15px;
    font-size: 1.8em;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}
.caption-block h4 {
    color: #fff;
    font-size: 1.4em;
    z-index: 10;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: normal;
}
.caption-blocks-content {
    position: relative;
    width: 100%;
    height: 100%;
}
.caption-block .caption-blocks-top {
    min-height: 300px;
    position: relative;
}
.caption-block .caption-blocks-bottom {
    min-height: 300px;
    position: relative;
}
.caption-block .caption-blocks-top .background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 1;
    left: 0;
    top: 0;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.caption-block .caption-blocks-bottom .background-color {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 1;
    left: 0;
    top: 0;
}
.caption-blocks-title .background-color.dk-blue-theme {
    background: #1c344c;
}
.caption-blocks-title .background-color.lt-blue-theme {
    background: #2e99bb;
}
.caption-blocks-title .background-color.grey-theme {
    background: #8b8784;
}
.caption-blocks-title .background-color.green-theme {
    background: #11663c;
}
.caption-blocks-title {
    height: 100%;
    position: absolute;
    width: 100%;
    padding: 10px;
}
.caption-block:hover .caption-blocks-top .background-overlay.dk-blue-theme {
    background: #1c344c;
    opacity: 0.9;
}
.caption-block:hover .caption-blocks-top .background-overlay.lt-blue-theme {
    background: #2e99bb;
    opacity: 0.9;
}
.caption-block:hover .caption-blocks-top .background-overlay.grey-theme {
    background: #8b8784;
    opacity: 0.9;
}
.caption-block:hover .caption-blocks-top .background-overlay.green-theme {
    background: #11663c;
    opacity: 0.9;
}

/* ------- Blocks (banner blocks) --------- */

.banner-block-image {
    width: 100%;
    height: 550px;
}
.banner-block .banner-block-title {
    position: relative;
    height: 40px;
}
.banner-block .color-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
}
.banner-block.dk-blue-theme .color-overlay {
    background: #1c344c;
}
.banner-block.lt-blue-theme .color-overlay {
    background: #2e99bb;
}
.banner-block.grey-theme .color-overlay {
    background: #d6d6d6;
}
.banner-block.green-theme .color-overlay {
    background: #11663c;
}
.banner-block h2 {
    position: relative;
    z-index: 10;
    text-align: center;
    color: #5a5b5f;
    margin: 0;
    font-size: 1em;
    padding-top: 10px;
}

/* ------- Blocks (Sections blocks) --------- */

.sections-block {
    min-height: 400px;
    width: 100%;
    display: table;
    margin-bottom: 10px;
}
.sections-block .left-side, .sections-block .right-side {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}
.sections-block .content-side {
    background: #f1f1f1;
}
.sections-block .inner-content {
    padding: 60px;
}
.sections-block h3 {
    font-size: 2em;
    margin-bottom: 50px;
}
.sections-block p {
    font-size: 1.6em;
    margin-bottom: 50px;
}
.sections-block a.read-more-link {
    text-transform: uppercase;
    font-weight: bold;
}
.sections-block .left-side .inner-content {
    max-width: 600px;
    float: right;
}
.sections-block .right-side .inner-content {
    max-width: 600px;
    float: left;
}
.sections-block .mobile-image {
    display: none;
}

/* ------- Blocks (Facts blocks) --------- */

#content-area .block-blocks-facts {
    font-size: 1.33em;
    width: 100%;
    margin-bottom: -5px;
}

.block-blocks-facts {
    max-width:1200px;
    margin:50px auto;
}
.block-blocks-facts .contextual {
    position: relative;
    width: 33%;
    float: left;
    top: 0;
    margin-bottom: -30px;
}
.block-blocks-facts.contextual-region .contextual .contextual-links {
    position:absolute;
    top: 25px;
}
.block-blocks-facts .facts-block {
    display:inline-block;
    float:left;
    padding:15px;
}
.block-blocks-facts .col-two-thirds {
    width:66.66%;
}
.block-blocks-facts .col-one-half {
    width:50%;
}
.block-blocks-facts .col-one-third {
    width:33.33%;
}
.block-blocks-facts a:hover .facts-block:after {
    opacity: 0;
}
.facts-block {
    height: 300px;
    text-align: center;
    position: relative;
}
.facts-block h3 {
    color: #000;
    z-index: 10;
    position: relative;
    font-size: 1.5em;
    font-weight: normal;
    transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
.facts-block-text {
    position: relative;
    width: 100%;
    height: 100%;
}
.facts-block-text .text-container {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
.facts-block:hover .facts-block-text .background-color {
    background: #000;
}
.facts-block:hover h3 {
    color: #fff;
}
.facts-block-text .background-color {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background: #fff;
    transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
.facts-block-inner {
    width: 100%;
    height: 100%;
}

/* ------- Slideshows --------- */


#content-slideshow {
    margin-bottom: -9px;
}

/* Nivo Slider */
.banner-slider-container:before {
    content:'';
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 20;
    background: url(../../images/caissa-graphic.png) no-repeat;
    width: 120px;
    height: 120px;
    opacity: 0.75;
}
.banner-slider-container:after {
    content:'';
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: 0.3;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.banner-slider-container {
    margin:0;
    position:relative
}
.banner-slider-container .nivo-directionNav {
    display:none
}
.banner-slider .nivo-caption {
    width: auto;
    height: auto;
    color: #fff;
    bottom: 40px;
    top: inherit;
    z-index: 20;
    font-size: 2.5em;
    padding: 5px 30px;
    background: rgba(2, 58, 51, 0.75);
    opacity:1;
}
.banner-slider-container .nivo-controlNav {
    position:absolute;
    bottom:0;
    right:30px;
    z-index: 20;
}
.banner-slider-container .nivo-controlNav .nivo-control {
    width: 50px;
    padding-left: 50px;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    height: 10px;
    margin: 0 5px;
}
.banner-slider-container .nivo-controlNav .nivo-control.active {
    background:#00a19c
}

/* bxslider */

.bx-wrapper .bx-controls-direction a {
    z-index: 10;
}

.slider-container {
    display: inline-block;
    padding: 0 23px;
    width: 100%;
    margin-top: 2px;
    position: relative;
    max-height: 500px;
    overflow: hidden;
}
.slider-container .bx-pager-link {
    font-size: 0 !important;
}
.slider-container .bx-wrapper {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.slider-container .bx-wrapper li {
    display: block;
    height: 500px;
}
.slider-container .bx-wrapper ul li div {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    padding-top: 0 !important;
}
.slider-container .bx-wrapper img {
    width: 100%;
    height: auto;
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slider-container:before {
    content: '';
    position: absolute;
    left:23px;
    right: 23px;
    top:0;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 1;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}
.slider-container:hover:before {
    opacity: 0;
}
ul.carousel-4 {
    max-height: 300px;
    overflow: hidden;
}

/* ---- CTA Blocks ------ */

.cta-block {
    background: #818286;
    color: #fff;
    padding: 20px 0;
    overflow: auto;
    clear: both;
}
.cta-block-inner {
    max-width: 1100px;
    margin: 0 auto;
}
.cta-block-text {
    width: 80%;
    display: inline-block;
}
.content .cta-block a.read-more-link {
    float: right;
    background: #112d54;
    color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
}

@media (max-width: 1100px) {
    .cta-block-inner {
        padding: 0 15px;
    }
}
@media (max-width: 765px) {
    .cta-block-text {
        width: 100%;
    }
    .content .cta-block a.read-more-link {
        float: none;
    }
}

/* Slideshows V2 */

div#block-area {
    margin-left: -15px;
    margin-right: -15px;
}

.slideshow-v2 .slider-container:before {
    display: none;
}

.slideshow-v2 .slider-container .bx-wrapper ul li div.views-field-body {
    width: auto;
    height: auto;
    color: #fff;
    bottom: 40px;
    top: inherit;
    left: 15px;
    font-size: 2.5em;
    z-index: 3;
}
.slideshow-v2 .views-field-body .field-content {
    left: 0;
    position: relative;
}
.slideshow-v2 .views-field-body .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00a19c;
    opacity: 0.75;
}
.slideshow-v2 .slider-container .bx-wrapper ul li div.views-field-body .text-content {
    padding-top: 10px !important;
}
.slideshow-v2 .views-field-body .text-content {
    position: relative;
    padding: 10px 30px;
}
.slideshow-v2 .slider-container {
    padding: 0;
}
.slideshow-v2 .slider-container .bx-wrapper ul li div.views-field-field-image img {
    padding: 0 20px;
}
.slideshow-v2 .slider-container .bx-wrapper {
    background: none;
}
.slideshow-v2 .views-field-body p {
    margin: 0;
    line-height: 1.4em;
}
.slideshow-v2 {
    margin-left: -20px;
    margin-right: -20px;
}
.slideshow-v2 .bx-pager {
    bottom: 20px;
    right: 50px;
    text-align: right;
}
.slideshow-v2 .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 0;
    width: 50px;
    background: #fff;
}
.slideshow-v2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #24a792;
}
.slideshow-v2 .bx-wrapper .bx-next {
    right: 50px;
}
.slideshow-v2 .bx-wrapper .bx-prev {
    left: 50px;
}
.slideshow-v2 .views-field.views-field-nothing {
    position: relative;
}
.slideshow-v2 .views-field.views-field-nothing .slider-iconography {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
    background: url(../../images/caissa-graphic.png) no-repeat;
    width: 120px;
    height: 120px;
    opacity: 0.75;
}
.slideshow-v2 .slider-overlay {
    padding: 0 20px;
}
.slideshow-v2 .overlay-inner {
    background: #000;
    z-index: 1;
    opacity: 0.3;
    transition: ease 1s;
    -moz-transition: ease 1s;
    -o-transition: ease 1s;
    -webkit-transition: ease 1s;
}

.slideshow-v2:hover .overlay-inner {
    opacity: 0;
}
.slideshow-v2 .slider-container .bx-wrapper ul li div.slider-relative {
    position: relative;
}
.slider-container .bx-wrapper ul li div.overlay-relative {
    position: relative;
    padding-left: 5px;
    overflow: hidden;
}
.slider-container .bx-wrapper ul li div.darken-overlay {
    background: #000;
    opacity: 0.5;
}



/* Contact page
***************************************************************** */

div#pre-content {
    position: relative;
}

/* Conversation page
***************************************************************** */

.page-conversation #content-header {
    display:inline-block;
    width:100%;
    padding-top:40px
}
.page-conversation #content-area {
    padding-top:0;
}

/* Search Help Page
***************************************************************** */

.page-search-content-help #content-header,
.page-search-content #content-header {
    display:inline-block;
    width:100%;
    padding-top:40px
}

/* General Page template layouts
***************************************************************** */
#content {
    overflow:hidden;
}
.home-page #content {
    padding-bottom: 60px;
}
div#content-two {
    padding: 30px 0;
}
#content-full .block-blocks-single-v2 a {
    padding: 0;
}
#content-full .block-blocks-anchors {
    padding: 0 30px;
}
#content-full #block-servicesbuildyourbusinessintro,
#content-full #block-servicesinvestinyourfutureintro,
#content-full #block-servicesmanageyourtransitionintro,
#content-full #block-serviceskeepyourmoneyintro,
#content-full #block-servicesliveyourlifeintro,
#content-full #block-servicesplanyourestateintro,
#content-full #block-servicesrelaxinyourretirementintro,
#content-full #block-servicesfinancialstatementsintro {
    padding: 30px;
}

/* Community Page
***************************************************************** */

.block-views-block-support-logos-block-1 {
    margin: 30px 0;
}
.block-views-block-support-logos-block-1 .views-row {
    width: 33%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}
.block-views-block-support-logos-block-1 .views-row img {
    max-width: 100%;
    height: auto;
    max-height: 200px;
    width: auto;
}
.block-views-block-support-logos-block-1 .views-row._5 img {
    padding-top: 25px;
}
.block-views-block-support-logos-block-1 .views-row._5, .block-views-block-support-logos-block-1 .views-row._6 {
    width: 49%;
}
.block-views-block-support-logos-block-1 .views-row._6 img {
    padding-top: 40px;
}


/* Responsive
***************************************************************** */

@media (max-width: 1215px) {
    .quote-view {
        width: auto;
        margin: 15px 0px;
        max-width: 100%;
        padding: 50px;
    }
    .quote-view .container {
        margin:0;
        padding:0 !important;
        width:100%
    }
    .quote-view .bx-pager {
        right: 0px;
    }
}
@media (max-width: 1200px) {
    .container {
        margin: 0 15px;
        max-width: 100%;
    }
    .container.full-screen {
        margin: 0;
    }
    .content blockquote {
        margin: 20px -45px;
        padding: 40px 15px;
    }
    .webform-submission-form .form-item {
        width: 100%;
    }
}

@media (max-width: 1152px) {

    .cpa-branding {
        padding-right: 55px;
    }
     /* *************     MOBILE NAV TOGGLE     ************* */

     .layout-container {
        position: relative;
        width:100%;
        left: 0;
        -webkit-transition: left 1s ease;
        -moz-transition: left 1s ease;
        -o-transition: left 1s ease;
        transition: left 1s ease;
    }
    #toggle-mobile-menu {
        z-index: 100;
        position: absolute;
        right: 30px;
        width: 36px;
        height:27px;
        top: 17px;
        -webkit-transition: margin 500ms linear;
        -moz-transition: margin 500ms linear;
        -o-transition: margin 500ms linear;
        transition: margin 500ms linear;
    }
    #header.sticky #toggle-mobile-menu {
        margin-top:0;
        top: 24px;
    }
    #toggle-mobile-menu .bar {
        width: 35px;
        height: 5px;
        border-radius: 2px;
        background: #333;
        position: absolute;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    #toggle-mobile-menu .bar:first-child {
        top:0;
    }
    #toggle-mobile-menu .bar:nth-child(2) {
        top:11px;
    }
    #toggle-mobile-menu .bar:last-child {
        top:22px;
    }

/* *************     MAIN NAVIGATION     ************* */

    #header .sub-nav {
        display:none;
    }
    #header .menu--main {
        position: fixed;
        z-index: 2;
        background: #3a424a;
        width: 80%;
        height: 100%;
        right:-80%;
        top:0;
        overflow:auto;
        -webkit-transition: right 1s ease;
        -moz-transition: right 1s ease;
        -o-transition: right 1s ease;
        transition: right 1s ease;
        padding-bottom:20px;
        padding-top:0 !important;
    }
    #header .accessibility {
        display: none;
    }
    #header #search-button {
        display: none;
    }

/* *************     OPEN MOBILE NAVIGATION     ************* */

    body.mobile-menu-open {
        overflow: hidden;
    }
    .mobile-menu-open .layout-container {
        left: -80%;
    }
    .mobile-menu-open #header .menu--main {
        right: 0;
    }
    .mobile-menu-open #toggle-mobile-menu .bar:first-child {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 47px;
        top:11px;
        left: -5px;
    }
    .mobile-menu-open #toggle-mobile-menu .bar:nth-child(2) {
        opacity: 0;
    }
    .mobile-menu-open #toggle-mobile-menu .bar:last-child {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 47px;
        top:11px;
        left: -5px;
    }

    /* 1st Level */

        #header .menu--main .menu-item {
            display:block !important;
            float: none;
        }
        #header .menu--main .menu-item a {
            line-height: 40px;
            margin: 0;
            width: 100%;
            padding: 10px !important;
            color: #fff !important;
            text-align: left;
        }

}

@media (max-width: 965px) {
    .block-views-block-support-logos-block-1 .views-row._5 {
        width: 100%;
    }
}

@media (max-width: 960px) {
    .block-quote-image, .block-quote-image .quote-image {
        height: 300px;
    }
    .block-views-block-people-block-1 .item-list ul li, .block-views-block-people-block-2 .item-list ul li, .block-views-block-people-block-3 .item-list ul li, .block-views-block-people-block-4 .item-list ul li, .block-views-block-people-block-5 .item-list ul li, .block-views-block-people-block-6 .item-list ul li, .block-views-block-people-block-7 .item-list ul li {
        width: 49%;
    }
    .block-views-block-support-logos-block-1 .views-row {
        width: 49%;
    }
    .news-list .views-content-rows {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .news-list .views-content-filters {
        display: block;
        width: 100%;
    }
}

@media (max-width: 900px) {
    /* Slider */
    .banner-slider .nivo-caption {
        font-size:2.05em
    }
    /* Footer */
    #footer .footer-col li {
        line-height: 1.45em;
        font-size: 0.9em;
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }
    /* Quote Blocks */
    .quote-view .quote {
        font-size: 1.9em;
    }
    /* Custom blocks */
    .custom-block-blocks .left-side, .custom-block-blocks .right-side {
        float: none;
        width: 100%;
    }
    #content-feeds {
        display: block;
    }
    .news-feed, .events-feed {
        display: block;
        width: 100%;
    }
    .news-feed .split-container, .events-feed .split-container {
        max-width: 100%;
        float: none;
    }
    .block-blocks-caption .col-one-third, .block-blocks-single .col-one-third {
        width: 100%;
    }
    .slider-container {
        padding: 0 3px;
        max-height: 400px;
    }
    .slider-container .bx-wrapper li {
        height: 400px;
    }
    .custom-block-blocks {
        padding: 0;
    }
    .slider-container:before {
        left: 3px;
        right: 3px;
    }




}

@media (max-width: 880px) {
    .anchors-block .anchors-block-title-links ul li {
        width: 50%;
    }
    #footer .site-info .container {
        display:block;
    }
    #footer .site-info .copyright,
    #footer .site-info .footer-menu,
    #footer .site-info .site-by {
        width: 100%;
        text-align: center;
    }
    .column-masonry {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
    }
}

@media (max-width: 860px) {
    #block-contactcambridgetext, #block-guelphcontacttext {
        min-height: 180px;
    }
}

@media (max-width: 800px) {
    #content-area .featured-image {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .column-one, .column-two {
        float: none;
        width: 100%;
        padding-right:0;
        padding-left:0;
    }
}

@media (max-width: 750px) {
    .column-masonry {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
    .sections-block .inner-content {
        padding: 20px;
    }
    .block-blocks-facts .col-one-third {
        width: 100%;
    }
    .featured-teasers .views-row {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        text-align: left;
    }
    .featured-teasers header, .featured-teasers .views-content-rows {
        text-align: center;
    }

    .slideshow-v2 .slider-container .bx-wrapper ul li div.views-field-field-image img {
        padding: 0;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
    }

    .slideshow-v2 .slider-overlay {
        padding: 0;
    }

    .slider-container .bx-wrapper ul li div.overlay-relative {
        padding-left: 0;
    }

    .slideshow-v2 .slider-container .bx-wrapper ul li div.views-field-body {
        left: 0;
    }
    .slideshow-v2 .views-field.views-field-nothing .slider-iconography {
        right: 0px;
    }
    #content-slideshow {
        overflow: hidden;
    }
    .banner-block-image {
        height: 300px;
    }
    #block-map1-contact, #block-map2-contact {
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    .banner-slider .nivo-caption {
        font-size: 1.5em;
    }
}

@media (max-width: 675px) {

    .sections-block .left-side, .sections-block .right-side {
        display: block;
        width: 100%;
    }
    .sections-block {
        display: block;
    }
    .sections-block .image-side {
        height: 250px;
        overflow: auto;
    }
    .sections-block .mobile-image {
        display: block;
        height: 250px;
        overflow: auto;
    }
    .sections-block .desktop-image {
        display: none;
    }
    #footer .footer-col ul {
        display: none;
    }
    .column-masonry {
        column-count: inherit;
        -webkit-column-count: inherit;
        -moz-column-count: inherit;
        text-align: center;
    }
    #footer .footer-col {
        display: block;
    }
    #footer #block-map, #footer #block-map2 {
        width: 100%;
        padding: 0;
        display: block;
    }
    .quote-view .quote {
        font-size: 1.5em;
        line-height: 1.5em;
    }
    .quote-view .author {
        font-size: 1.2em;
    }
}

@media (max-width: 600px) {
    .block-blocks-caption .col-one-half, .block-blocks-single .col-one-half {
        width: 100%;
    }
    #footer .site-info .copyright, #footer .site-info .site-by {
        display: block;
        width: 100%;
    }
    .slideshow-v2 .slider-container .bx-wrapper ul li div.views-field-body {
        font-size: 1.5em;
    }
    .anchors-block .anchors-block-title-links ul li {
        width: 100%;
    }
    #main .container {
        padding-right:30px;
        padding-left:30px
    }
    .quote-view {
        padding-right:30px;
        padding-left:30px
    }

}

@media (max-width: 580px) {
    .cpa-branding {
        width: 244px;
        padding-right: 30px;
    }
    .main-menu-div {
        padding: 0;
    }
    .branding-logo {
        width: auto;
    }
    .branding-logo img {
        max-width: 120px;;
    }
}

@media (max-width: 550px) {
    .banner-slider .nivo-caption {
        font-size: 1em;
        line-height: 1.2em;
    }
    .banner-slider-container .nivo-controlNav {
        right: 1px;
    }
    .nivo-controlNav {
        padding: 0;
    }
    .banner-slider-container .nivo-controlNav .nivo-control {
        width: 4px;
        height: 2px;
        padding-left: 30px;
    }
    .banner-slider .nivo-caption {
        bottom: 4px;
    }
    .single-block-v2 h3 {
        font-size: 1em;
    }
    .blocks-quote .text-container p {
        font-size: 1em;
    }
    .blocks-quote .text-container p.author {
        font-size: 1em;
    }
    #footer .tagline h4 {
        font-size: 1em;
    }
    .footer-connect h3 {
        font-size: 1em;
    }
    .footer-connect h4 {
        font-size: 1em;
    }
    .mapping {
        height: 400px;
    }
    h1 {
        font-size: 1.3em;
    }
    h2, .page-people h2.tagline {
        font-size: 1.2em;
    }
    p {
        font-size: 0.9em;
        line-height: 1.5em;
    }
    #footer .tagline .container:after {
        background: none;
        right: 0;
    }
    .overlay-popup .content img {
        margin-bottom: 10px;
    }
    .overlay-popup h2 {
        font-size: 1em;
    }
    .overlay-popup .content {
        padding: 50px 10px 10px 10px;
    }
    .overlay-popup .content p {
        font-size: 0.7em;
    }
    .overlay-popup {
        padding: 10px;
    }
}

@media (max-width: 500px) {
    .custom-block-blocks a.block-2, .custom-block-blocks a.block-3, .custom-block-blocks a.block-4, .custom-block-blocks a.block-5 {
        width: 100%;
        float: none;
    }
    .carousel-container .bx-wrapper {
        padding: 0 15px;
    }
    #toggle-mobile-menu {
        right:15px;
    }
    .carousel-container a.bx-prev {
        margin-left:-25px;
    }
    .carousel-container a.bx-next {
        margin-right: -25px;
    }
    .container {
        margin: 0 auto;
    }
    .block-views-block-people-block-1 .item-list ul li, .block-views-block-people-block-2 .item-list ul li, .block-views-block-people-block-3 .item-list ul li, .block-views-block-people-block-4 .item-list ul li, .block-views-block-people-block-5 .item-list ul li, .block-views-block-people-block-6 .item-list ul li, .block-views-block-people-block-7 .item-list ul li {
        width: 100%;
    }
    .slider-container .bx-wrapper li {
        height: 300px;
    }
    .carousel-container {
        padding: 0 15px;
    }
    .banner-slider-container:before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
}