@charset "UTF-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(https://fast.fonts.com/cssapi/fb08c793-f820-4718-9a42-2c07e9911b55.css);

@import '../../vendor/foundation-sites/dist/foundation-flex.min.css';

/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/

/* Hide the empty paragraphs that WP adds */
p:empty {
  margin: 0;
  padding: 0;
  line-height: 0;
}
a {
  text-decoration:none;
  border:none;
}
a:hover {
  color: #E97C13;
  cursor:pointer;
}
.no-bullet{
  list-style:none;
}
.single-line {margin:0 !important;}

/*********************
COLOR STYLES
*********************/
/* #092c74            dark blue */
/* #0055a5            med blue */
/* #80a4d6            light blue */
/* #f37736            TRCC Orange */
/* #111               text color */
/* #E97C13            hover color */
/* #000               menu font color */
/* rgba(0,85,165,.85) secondary opacity*/

/*********************
FONT STYLES
*********************/
.light, body, .mission-title h2  {
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
}
.light-italic, em, i, .date, .news-cap-2 a, .events-cap-2 a  {
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  font-style:italic;
}
.med-italic, .prod-serv {
  font-family: 'Oswald', sans-serif;
  font-weight:400;
}
.bold, strong, b, .history-block .small-3  {
  font-family: 'Oswald', sans-serif;
  font-weight:700;
}
.bold-italic, strong em, em strong  {
  font-family: 'Oswald', sans-serif;
  font-weight:700;
  font-style:italic;
}
.condensed, h1, h2, h3, ul.home-block-1-list li a, #secondary h3, .widget-title, ul#menu-header-menu li a {
  font-family: 'Oswald', sans-serif;
  font-weight:400;
}
.condensed-italic {
  font-family: 'Oswald', sans-serif;
  font-weight:400;
  font-style:italic;
}
.condensed-bold, .news-cap-1 h4, .events-cap-1 h4, .title-block h1 {
  font-family: 'Oswald', sans-serif;
  font-weight:700;
}
.condensed-bold-italic {
  font-family: 'Oswald', sans-serif;
  font-weight:700;
  font-style:italic;
}

body {
  font-size: 16px;  /* This way avoids font size issues when browser default font size is set to other than medium */
  color:#111;
  background:#fff;
}
.title, h1, h2, h3, h4, h5, h6, p, ul, li, a { }
p {
  line-height:1.5em;
}
h1, h2, h3{
  text-align:left;
  text-transform: uppercase;
  font-weight:normal;
  color:#092c74;
  margin-bottom:1em;
}
strong, em, b, i {
  font-weight:normal;
  font-style:normal;
}
.button {background:#2a68bb;}

.orange {
  background-color:#092c74 !important;
}
ul {
    padding:0 0 0 20px !important;
}

ul li {
    list-style-position: outside !important;
}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

.top-header{
  background:#fff;
  top:0;
  left:0;
  width:100%;
  position:relative;
  z-index:199;
  box-shadow: 0px 12px 10px rgba(61, 61, 61, 0.5);
  margin-right:0 !important;
  margin-left:0 !important;
}
.top-header img {
  display:block;
  float:left;
}

.top-header .top-bar {
    padding:0px;
    background-color: #ffffff;
}

.top-header ul.social-top {
  font-size: 18px;
}
.top-header ul.social-top li {
  list-style-type: none;
  list-style: none;
  float: left;
  padding: 0 8px 0 0;
  color: #fff;
}
.top-header ul.social-top li i {
  font-size: 22px;
  color: #fff;
  padding: 4px 0 0 0;
}


.pre-header {
  background:#221e1f;
  height:50px;
  padding-top: 10px;
  width:100%;
}
.pre-header .social {
  float:left;
}
.pre-header .social span {
  color:#fff;
}
.pre-header .search {
  width:236px;
}
.pre-header .search .search-field {
  box-sizing: border-box;
  width: 160px;
  float: left;
  margin: 0 10px 0 0;
  height:29px;
}
.pre-header .search .search-submit {
  margin: 0px;
  padding: 7px;
  float:right;
}
.screen-reader-text {
  display:none;
}
.header {
  clear:both;
}


/*********************
POSTS & CONTENT STYLES
*********************/

.product-tiled-image-area {
  height:220px;
}

.product-tiled-image-area .columns {
  background-size: cover;
  background-position: center;
}


#content #inner-content {
  padding: 3rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
HOMEPAGE STYLES
*********************/

.banner{
  background-color: #092c74;
  border-radius:0 !important;
  position:relative;
}
.flexslider {
  border:0;
  margin-bottom:0;
  background:#000836;
  text-align:center;
}
.flexslider img {
  max-width:1920px;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  }
.flex-control-paging {
  bottom:18px;
}
.flex-control-nav {z-index:150;}
.flex-control-paging li a.flex-active {
  background: #fff;
}
.content-1, .content-2 {
  padding:48px;
}
.blue-border{
  height:34px;
  background-color: #092c74;
  box-shadow: 0px 12px 10px rgba(61, 61, 61, 0.5);
}

.home-1-2{
  background:#d6d4d1 !important;
  border-bottom:3px solid #8f8e8c;
}

.content-1{
  background:#0055a5;
}
.content-1 h3{
  color:#fff;
  width:95%;
}
.content-1 img{
  display:inline-block;
  float:right;
  }
.home-block-title {
  display: table;
}
.home-block-title div {
  display: table-cell;
  float:none;
  white-space: nowrap;
}
.home-block-title .title-left {
  padding-right:12px;
}
.home-block-title img {
  display:block;
  width:900px;
  height:22px;
}
ul.home-block-1-list {
  list-style:none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-bottom:0;
    margin-left:0;
    width:95%;
}
ul.home-block-1-list li
{
    border-top:1px solid #80a4d6;
    padding:0.5em;
    overflow: hidden; /* fix for Firefox */
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    font-size:.9em;
}
ul.home-block-1-list li a{
    color:#fff;
  }
.content-2{
  background:url('../images/bg-chemicals.jpg');
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:bottom;
  margin-left:0 !important;
}
.content-2 h3 {
  color:#000;
}
.content-2 img{
  display:inline-block;
  float:right;
}
.home-3-4{
  background:url('../images/hex-bg.png') top left repeat-x;
}
.upcoming-events {
  border-left:1px solid #dedede;
}
.home-news-cap, .upcoming-events {
  padding:48px;
}
.home-news-cap, .home-news-cap li#news-cap-1, .home-news, .home-news li:first-of-type{
  margin-left:0;
}
.news-title-bar, .events-title-bar {
  border-bottom:1px solid #c4c4c4;
  margin-bottom:24px;
}
.home-news h3, .home-events h3 {
  text-transform: capitalize;
  font-size:1.25em;
  color:#222;
}
.home-news h3 a, .home-events h3 a {
  color:#222;
}
.news-cap-3 h4{
  display:inline-block;
}
.news-cap-2 a, .events-cap-2 a{
  line-height: 1.65em;
  margin-top:.35em;
  margin-bottom: 1em;
  font-size:0.8em;
  color:#000;
}
/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

#menu-products-services li {
  width:100%;
  display:block;
}

    .secondary {
  background: rgba(35,31,32,0.2);
  padding:24px;
  border-radius:18px;
}
.secondary h3, .widget-title{
  text-transform:capitalize;
  font-size:1.2em;
  color:#000;
}
.secondary img{
  margin:0 auto 25px;
}
.secondary ul{
  list-style:none;
  margin-left:0;
}
.secondary ul li {
    padding:.5em;
    border-top:1px solid #bbb;
  }
.secondary ul li a{
  color:#000;
}
.secondary ul  li.current-menu-item{
    background: #ccc;
  }

#secondary {
  background: rgba(35,31,32,0.2);
  padding:24px;
}
#secondary h3, .widget-title{
  text-transform:capitalize;
  font-size:1.2em;
  color:#000;
}
#secondary img{
  margin:0 auto 25px;
}
#secondary ul{
  list-style:none;
  margin-left:0;
}
#secondary ul li {
    padding:.5em;
    border-top:1px solid #bbb;
  }
#secondary ul li a{
  color:#000;
}
#secondary ul  li.current-menu-item{
    background: #ccc;
  }

/*********************
SECONDARY PAGES
*********************/

.page-content h1, h2, h3, h4, h5, h6 {
  margin-bottom:0px;
}

.page-content .logo-image {
  padding-bottom:20px;
  float:left;
}

.page-content .logo-image img {
  max-width:260px;
}

.page-content {
  padding-bottom:50px;
}

.page .page-content{
  background:url('../images/bg-beakers.png') no-repeat;
  background-size:100% auto;
  background-position:bottom;
  padding-bottom:48px;
}
.page .page-content, .single .page-content{
    margin-top:60px;
}
.page-template-default .mission{
  height:15px;
  overflow:hidden;
}
.interior-banner{
  height:220px;
  background-repeat: no-repeat;
  background-size:cover;
}
.interior-banner img {
}
.title-block{
  background:url('../images/title-block.jpg');
  background-size: cover;
  height:117px;
  padding:25px 0 30px 0px;
}
.title-block h1 {
  font-size:2.5em;
  line-height:40px;
  color:#fff;
}
.prod-serv{
  display:block;
  color:#6296CD;
}
.page-content .unit-66 {
  padding:0 36px 0 0;
}
.moretag {
  font-style:italic;
}

.page-content ul {
  margin:0 0 0 20px;
}
.no-bullet li strong{
}
.website-button {
  display:block;
  padding:6px 18px;
  background: #092c74;
  color:#fff !important;
  border-radius:3px;
}
.website-button:hover {
  background:#80a4d6;
}

/*--- Contact Page ---*/
.contact-block {
  display:block;
  background:rgba(0,0,0,.05);
  margin-bottom:18px;
  padding:36px;
  border-radius:18px;
  text-align:center;
  min-height: 400px;
}
.contact-block img {
  height: auto;
  max-height:120px;
  max-width:80%;
  margin:36px auto;
}
.contact-block .button {
  margin:12px 0;
  padding:12px 48px;
  font-size:1.1em;
}

.contact-block-2 {
  background:rgba(0,0,0,.05);
  margin-bottom:18px;
  padding:36px;
  border-radius:18px;
  text-align:center;
  display:flex;
}
.contact-block-2 img {
  height: auto;
  max-height:120px;
  max-width:80%;
  margin:10px auto;

}
.contact-block-2 .button {
  margin:12px 0;
  padding:12px 48px;
  font-size:1.1em;
}
.page-template-page-contact .contact-block h2 {
  font-size:.9em;
}
.page-template-page-contact .contact-block h3 {
  display:none;
  margin-top:18px;
  text-align:center;
  line-height:1.25em;
}
.page-template-page-contact .contact-block p {
  margin:9px 0;
  line-height:1.4em;
}
.page-template-page-contact .contact-block span {
  display:block;
  margin:0;
  line-height:1.4em;
}
.page-template-page-contact .contact-block span a {}
.contact-international .contact-block {
  background:rgba(173, 192, 210, 1);
  /*color:#fff;*/
}
.contact-international .contact-block h3 {
  /*color:#fff;*/
  text-align:center;
}
.contact-international .contact-block a {
  color:#2a68bb;
  font-weight: bold;
}

.contact-international .button {
/*  background-color: white;*/
  color:white;
}

.contact-international a.button {
/*  background-color: white;*/
  color:white;
  font-weight: normal;
}

.contact-block a {
  color:#2a68bb;
  font-weight: bold;
}

.contact-block a.button {
/*  background-color: white;*/
  color:white;
  font-weight: normal;
}

/*--- Products Page ---*/
.page-template-page-products .contact-block {
  font-size:.8em;
  color:#fff;
  background:rgba(0,85,165,.85);
  text-align:center;
  padding-bottom:18px;
}
.page-template-page-products .contact-block h2 {}
.page-template-page-products .contact-block h3 {
  display:none;
  margin:18px 0;
  line-height:1.25em;
  color:#fff;
  text-align:center;
}
.page-template-page-products .contact-block span {
  color:#fff;
  font-size:16px;
}
.page-template-page-products .contact-block a {
  color:#f37736;
}
.page-template-page-products .contact-block img {
  margin:24px auto 12px auto;
  max-width:80%;
  max-height:120px;
}
.page-template-page-products-parent .contact-block h3 {
  margin:12px auto 8px auto;
  line-height:1.25em;
  font-size:19px;
  text-align:center;
}
.page-template-page-products-parent .contact-block p {
  margin-bottom:8px;
  font-size:16px;
  display: none;
}

/*--- Groups Page ---*/

.page-template-page-groups-parent .contact-block h3 {
  margin:12px 0 8px 0;
  line-height:1.25em;
  text-align:center !important;
}
.page-template-page-groups-parent .contact-block p {
  margin-bottom:8px;
  font-size:16px;
}


.page-template-page-groups .group-contact-box {
  background:rgba(42,104,187,.1);
  padding:18px;
}
.groups-title-block {
  height:84px;
  padding-left:130px;
  background: url('../images/trcc-diamond-white-outline.png') center left no-repeat transparent;
  padding-top: 12px;
  margin-top:-12px;
}
.page-template-page-groups-parent .contact-block:hover  {
/*  color:#f37736;*/
}

/*--- About Page ---*/
.history-block {
  background: #0055a5;
  padding:18px;
  font-size:.9em;
  border-radius:18px;
}
.history-block ul {
  margin:0;
}
.history-block li {
  list-style-type:none;
  border-bottom:1px solid #6296CD;
  display:block;
  padding:8px 0;
}
.history-block .small-3 {
  color:#f37736;
  text-align: right;
}
.history-block .small-9 {
  color:#fff;
}

.about-key {
  border-top:1px solid #dedede;
  padding:24px;
  clear:both;
}

/*--- Blog Page ---*/

.page-content ul {
    margin: 20px 0 0 0px;
}



.blog .page-content, .category .page-content {
  padding:48px 0;
}
.blog-post {
  margin:0 0 36px 0;
  padding: 0 0 36px 0;
  border-bottom:1px solid #dedede;
}

.blog-post, .thumbnail img {
  max-width:140px;
      margin: 0 auto;
    display: inherit;
}

.blog-post, .thumbnail {
  border:0px;
  box-shadow: none;
  padding:20px 0px;
}

.blog-post, .thumbnail:hover {
  border:0px;
  box-shadow: none;
}

.blog-post h2 {
  text-transform: capitalize;
  font-size:21px;
  color:#222;
}
.blog-post h2 a {
  color:#222;
}
.blog-post h5 {
  font-size:.8em;
}
.blog-list #secondary {
  margin-top:36px;}
.blog #secondary {font-size:.9em;
}
.gform_wrapper .left_label li.field_sublabel_below .gfield_label {
  margin:.5em .5em 0 0;
}
.gform_wrapper .left_label .gfield_label {
  float:left;
  width:3%;
  font-weight:700;
}
#gform_wrapper .left_label .gfield_label{
  max-width:50px;
}
#gform_wrapper_4 .gform_body .gform_fields .gfield .phone{
  max-width:50px;
  margin:0 20px;
  height:25px;
}
.gform_footer.left_label {
    margin-left:4%!important;
}
.gform_wrapper .left_label input.large,
.gform_wrapper .left_label select.large,
.gform_wrapper .left_label textarea.large,
.gform_wrapper .left_label textarea.medium,
.gform_wrapper .left_label textarea.small,
.gform_wrapper .right_label input.large,
.gform_wrapper .right_label select.large,
.gform_wrapper .right_label textarea.large,
.gform_wrapper .right_label textarea.medium,
.gform_wrapper .right_label textarea.small {
    width:95%;
}
input[type="text"],textarea {
    z-index:1;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

#footer {
    background-color:#fff;
}
.mission {
    background-color:#0055a5;
}
.mission-title, .mission-statement {
  padding:48px;
}
.mission-title {
    background-color:#092c74;
}
.mission-title h2 {
    color:#fff;
    margin:0;
    font-size:1.5em;
    line-height:1.65em;
    text-align:right;
}
.mission-statement {
    color:#fff;
}
.mission-statement p {
  margin:0;
}
.contact-info {
    padding:36px 0;
    text-align:center;
}
.contact-info p {
  margin-bottom:0;
}
/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media screen and (max-width: 640px){
  .social span {
    font-size:14px;
  }


  ul.home-block-1-list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
ul.home-block-1-list li
{
    break-inside: none;
    -webkit-column-break-inside: none;
}

.mission-title {
    height: 73px !important;
    padding: 20px !important;
}
.mission-statement {
  padding:28px !important;
}

}
@media screen and (max-width: 800px){
}

@media screen and (max-width: 1200px){
  .show-1200-up {
    display:none !important;
  }
  .show-1200-down {
    display:block !important;
    height:53px;
    width:auto;
  }
}
@media screen and (min-width: 1200.01px){
  .show-1200-up {
    display:block !important;
  }
  .show-1200-down {
    display:none !important;
  }
  ul.home-block-1-list li {
    font-size:1.1em;
  }
  .content-2 p {
    font-size:1.2em;
  }
}

@media screen and (max-width: 1023px){
  .header {
    height:auto;
  }
  .title-bar {
    background: #fff;
    color: #222;
  }
  .logo-mobile img {
    height:36px;
  }
  .menu-icon::after {
      background: #000;
      box-shadow: 0 7px 0 #000,0 14px 0 #000;
  }
  .top-bar-right{
    float:none;
  }
  ul#menu-header-menu .submenu {
    display:none;
  }
  ul#menu-header-menu li {
    padding:0px;
    width:100%;
    text-align: left;
    border:none;
    height:48px;
    border-bottom:1px solid #ccc;
  }
  ul#menu-header-menu li a {
    font-size:18px;
    line-height:48px;
    height:48px;
    padding:0 16px;
    color:#000;
  }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {
    display:none;
  }
  .is-accordion-submenu {
    max-height: 280px;
    overflow-y: scroll;
  }
  .is-accordion-submenu-parent>a::after {
    display:none;
  }
  .is-accordion-submenu {
    display:none;
  }
}

@media screen and (min-width: 1023.01px){
  /*********************
  NAVIGATION STYLES
  *********************/
  .header {
    max-width:100%;
    background:#fff;
    height:73px;
  }
  .logo-header img {
    max-width:300px;
  }
  .logo-header {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      float: left;
      height:73px;
    }
  #menu-wrap{
    float:right;
  }
  .top-bar .title-area {
    z-index: 1; }


  ul#menu-header-menu {height:73px;}
  ul#menu-header-menu li {
      padding:0;
      text-align: center;
      border-left:1px solid #ccc;
      font-size:18px;
      height:73px;
    }

  ul#menu-header-menu li a {
        color:#111;
        text-decoration: none;
        padding:0 24px;
        line-height:73px;
      }

  ul#menu-header-menu li:last-child {
      border-right:1px solid #ccc;
    }

  ul#menu-header-menu .submenu {
    border:1px solid #ccc;
    border-top :none;
    width:240px;
    background:#fff;
    background:rgba(195, 195, 195, 0.90);
        margin: 0px;
    padding: 0px !important;

  }
  ul#menu-header-menu .submenu li {
      padding:0px;
      width:100%;
      text-align: left;
      border:none;
      height:36px;
      border-bottom:1px solid #ccc;
      background:transparent;
    }
  ul#menu-header-menu .submenu li a {
    font-size:16px;
    line-height:36px;
    height:36px;
    padding:0 8px;
    background: transparent;
  }
  ul#menu-header-menu .submenu li a:hover {
    background:#fff;
  }
  .header .top-bar ul {
    background-color:#fff;
  }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {
      border-color: transparent transparent transparent #ccc;
      position:relative;
      top:28px;
  }
  .menu-item-has-children:after {
  }
  /* --- */
}

@media screen and (min-width: 1400px){
  /*********************
  NAVIGATION STYLES
  *********************/
  .header {
  max-width:100%;
  background:#fff;
  height:90px;
  }
  .logo-header {
    height:90px;
    padding-top:18px;
  }
  .logo-header img {
    max-width:340px;
  }
  .top-bar .title-area {
    z-index: 1;
  }
  ul#menu-header-menu {
    height:90px;
  }
  ul#menu-header-menu li {
    padding:0;
    text-align: center;
    border-left:1px solid #ccc;
    font-size:18px;
    height:90px;
  }
  ul#menu-header-menu li a {
    color:#111;
    text-decoration: none;
    height:90px;
    padding:0 32px;
    font-size:21px;
    line-height:90px;
  }



  ul#menu-header-menu li:last-child {}
  ul#menu-header-menu .submenu {}
  ul#menu-header-menu .submenu li {}
  .header .top-bar ul {}
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {
    top:36px;
    position:relative;
  }
  .menu-item-has-children:after {}

  ul.home-block-1-list li {
    font-size:1.2em;
  }
  .content-2 p {
    font-size:1.4em;
  }
  .mission-statement p {
    font-size:1.2em;
  }
}
@media screen and (min-width: 1600px){
}
@media screen and (min-width: 1920px){
  .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; text-align: center;}
  .flexslider .slides img {width: 1920px; display: inline;}
}


@media screen and (max-width:900px) {

html .title-block h1 {
	font-size: 1em!important;
	line-height: 40px;
	color: #fff;
}

.top-bar, .top-bar ul {
    background-color: #e6e6e6;
    float: left;
    width: 100%;
    position: absolute;
    z-index: 1000;
}

ul#menu-header-menu li {
    padding: 0px;
    width: 100%;
    text-align: left;
    border: none;
    height: 48px;
    border-bottom: 1px solid #ccc;
    float: left;
    z-index: 10000;
}

.submenu {
  background-color: #ffffff !important;
}

}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

/*
 *
 * Mobile style fixes - added 3/14/19
 * jon@mopdog
 *
 *  */
@media screen and (max-width: 640px){
	.mobile-hide {
		display: none;
	}
}

/*
 *
 *  Styles for new contact page
 *  - jon@mopdog 4/19/19
 *
 */
/* 
.contact-expand {
  background-color: #0055A5;
  background: linear-gradient(to bottom, #2a68bb 0%,#0055a5 97%);
  color: white;
  padding: 20px;
  margin: 20px;
  display: block;
  cursor: pointer;
  user-select: none;
}

.contact-expand::after {
  content: " +";
  font-size: 1.1em;
}

.collapse {
  display: none;
}

.contact-block {
	min-height: 250px;
	vertical-align: middle;
	display: flex;
	justify-content: center;
  	flex-direction: row;
	align-items: center;
}
 */

.mega-menu-link {
	display: flex !important;
    align-items: center;

}
}