/*
Theme Name: CPS-blog
Theme URI: 
Author: Justin
Author URI: 
Description: A basic theme from CPS.
Version: 1.0
*/
/*box shadow on btns*/
/*navigation - currently not using*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  background: #f7f7f7;
  font-size: 18px;
  color: white;
  /*individual pages */
  /*I tooke this out of the individual pages.
  I might want to use this on another page*/
  /*generic styles*/
  /*search modal */ }
  body a {
    text-decoration: none; }
  body .btn {
    background: #00599d;
    font-size: 18px;
    color: white;
    padding: 15px;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    display: inline-block;
    text-decoration: none;
    font-family: 'Hammersmith One', sans-serif;
    font-weight: normal;
    border: 1px solid #0000006e;
    transition: .2s all ease-in-out; }
  body .btn:hover {
    cursor: pointer;
    background: #0b78cb;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%); }
  body header {
    /* Mobile nav menu btn - for wordpress style */
    		/*        
    		.mobileMenu {
                float: right;
                margin-top: 40px;
                width: 40px;
                &.hidden {
                    display: none;
                }
            }
            .mobileMenu button {
                background: none;
                border: none;
            }
    
            .menu-main-menu-container {
                //margin-left: auto;
                float: right;
                margin-top: 40px;
                .hidden {
                    
                }
                .navigation {
                    display: flex;
                    align-items: center;
                    font-family: 'Source Sans Pro', sans-serif;
                    font-size: 20px;
                    li {
                        list-style: none;
                        //box-shadow: inset -1px 0 0 #3265b2, inset -2px 0 0 #1c3862;
                        &.current_page_item {
                            background: $current-page-bck;
                            a {
                                color: $current-page-font;   
                            }
                        }
                        a {
                            color: white;
                            text-decoration: none;
                            padding: 5px 14px;
                            display: block;
                            transition: .3s ease-in-out all;
                            &:hover {
                                color: #FCAA23;
                            }
                        }
                        &#menu-item-33 {
                            background: #F69422;
                            border-radius: 5px;
                            border: 1px solid #F69422;
                            transition: .3s all;
                            padding: 5px;
                            a {
                                text-shadow: 2px 2px 6px rgba(0,0,0, .5);
                                transition: .3s all;
                            } 
                            &:hover {
                                background: none;
                                border: 1px solid #F69422;
                            }
                        }
                    }
                    .menu-item-has-children {
                        position: relative;
                        .sub-menu {
                            display: none;
                            position: absolute;
                            z-index: 99;
                            background: #202020;
                            border-radius: 5px;
                            width: 240px;
                            //margin-top: 10px;
                            li {
                                a {
                                    padding: 10px;
                                }
                                .sub-menu {
                                    display: none;
                                    top: 0;
                                    left: 240px;
                                    background: #373737;
                                    border-bottom-right-radius: 5px;
                                    border-top-right-radius: 5px;
                                    border-bottom-left-radius: 0;
                                    border-top-left-radius: 0;
                                }
                                &:hover {
                                    .sub-menu {
                                        display: block;
                                    }   
                                }
                            }
                        }
                        &:hover {
                            .sub-menu {
                                display: block;
                            }   
                        }
                    }
                }
            }        
            */ }
    body header .inner-wrapper {
      max-width: 1920px;
      width: 100%;
      margin: 0 auto;
      align-items: center; }
      body header .inner-wrapper .main-nav-con {
        background: #e8e8e8;
        display: flex;
        transition: .3s all ease-in; }
        body header .inner-wrapper .main-nav-con.open {
          max-height: 350px;
          transition: .3s all ease-in; }
        body header .inner-wrapper .main-nav-con .logo-con {
          background: #FFF;
          padding-left: 50px;
          clip-path: polygon(0% 0%, 100% 0, 78% 100%, 0% 100%); }
          body header .inner-wrapper .main-nav-con .logo-con img {
            width: 200px;
            padding: 20px;
            margin-right: 100px; }
            body header .inner-wrapper .main-nav-con .logo-con img:hover {
              animation: tada;
              animation-duration: 1s; }
        body header .inner-wrapper .main-nav-con .nav {
          display: flex;
          list-style: none;
          align-items: center;
          flex-basis: 52%;
          justify-content: center; }
          body header .inner-wrapper .main-nav-con .nav li.active {
            transform: skew(329deg);
            background: white; }
            body header .inner-wrapper .main-nav-con .nav li.active a {
              /*transform: skew(-329deg);*/ }
          body header .inner-wrapper .main-nav-con .nav li.drop-down-container {
            position: relative;
            z-index: 99; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down {
              position: absolute;
              z-index: 99;
              border-radius: 5px;
              width: 680px;
              left: 45px;
              margin-top: 0;
              transform: skew(-329deg);
              grid-template-columns: repeat(3, 1fr);
              background: white;
              display: none; }
              body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li {
                list-style: none; }
                body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li a {
                  padding: 15px 25px; }
                  body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li a:hover {
                    color: black; }
                body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li:hover {
                  transform: unset;
                  background: #dfdfdf;
                  color: black; }
                body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li.active {
                  transform: unset; }
                  body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li.active a {
                    transform: skew(180deg); }
                body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li.mobile-show {
                  display: none; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container:hover .drop-down {
              display: grid; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container.insect .drop-down {
              left: 80px; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container.cleanup .drop-down {
              left: 34px; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container.about .drop-down {
              grid-template-columns: 1fr 1fr;
              left: 10px;
              width: 350px; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container.tips .drop-down {
              grid-template-columns: 1fr;
              left: 19px;
              width: 250px; }
            body header .inner-wrapper .main-nav-con .nav li.drop-down-container.contact .drop-down {
              grid-template-columns: 1fr;
              left: 0px;
              width: unset; }
          body header .inner-wrapper .main-nav-con .nav li a {
            text-decoration: none;
            color: #3a3a3a;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 18px;
            padding: 25px 18px;
            display: flex;
            transition: .2s all ease-in-out; }
            body header .inner-wrapper .main-nav-con .nav li a:hover {
              color: #696969; }
            body header .inner-wrapper .main-nav-con .nav li a.mobile-show {
              display: none; }
          body header .inner-wrapper .main-nav-con .nav li:hover {
            transform: skew(329deg);
            background: white; }
        body header .inner-wrapper .main-nav-con .search {
          background: #dfdfdf;
          display: flex;
          align-items: center;
          padding: 10px;
          position: relative;
          clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%);
          flex-basis: 30%;
          display: flex; }
          body header .inner-wrapper .main-nav-con .search input {
            font-size: 16px;
            padding: 5px;
            border-radius: 5px;
            border: none;
            margin-left: 100px;
            width: 370px; }
          body header .inner-wrapper .main-nav-con .search button {
            position: relative;
            right: 27px;
            background: none;
            border: none;
            top: 1px; }
            body header .inner-wrapper .main-nav-con .search button i {
              font-size: 20px; }
          body header .inner-wrapper .main-nav-con .search.search-clicked {
            transition: .3s all ease-in-out;
            position: relative; }
            body header .inner-wrapper .main-nav-con .search.search-clicked input {
              display: block; }
            body header .inner-wrapper .main-nav-con .search.search-clicked button {
              right: 27px; }
        body header .inner-wrapper .main-nav-con .mobile-menu {
          display: none;
          font-size: 2em;
          order: 3; }
          body header .inner-wrapper .main-nav-con .mobile-menu i {
            color: black; }
      body header .inner-wrapper .hero {
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px;
        background-position: center top; }
        body header .inner-wrapper .hero.hero-image {
          background-image: url("https://www.northernpest.com/assets/images/hero/squirrel-min.jpg"); }
        body header .inner-wrapper .hero .hero-flex {
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 100%;
          margin-left: 180px; }
          body header .inner-wrapper .hero .hero-flex h1 {
            color: white;
            font-family: 'Hammersmith One', sans-serif;
            font-weight: normal;
            font-size: 60px; }
          body header .inner-wrapper .hero .hero-flex .btn-cta {
            margin-top: 10px;
            width: 235px;
            font-size: 25px; }
  body .container {
    max-width: 1920px;
    width: 82%;
    margin: 0 auto;
    padding: 0 15px;
    /*strong {
        font-weight: normal;
    }*/ }
    body .container a {
      color: #007abb; }
    body .container #breadcrumbs {
      margin-bottom: 5px;
      color: #141414; }
      body .container #breadcrumbs span a {
        color: black; }
      body .container #breadcrumbs span .breadcrumb_last {
        color: #213127; }
    body .container .main-heading {
      color: #323232;
      font-size: 40px;
      padding: 20px 0;
      font-weight: normal;
      font-family: 'Hammersmith One', sans-serif;
      border-bottom: 2px solid #323232;
      margin-bottom: 15px;
      margin-top: 10px;
      display: flex;
      align-items: center; }
      body .container .main-heading #filterArticles {
        margin-left: auto;
        cursor: pointer;
        font-size: 18px;
        color: #323232; }
    body .container .flex {
      display: flex; }
      body .container .flex.border-bottom {
        border-bottom: 2px solid #141414;
        padding-bottom: 10px;
        margin-bottom: 20px; }
    body .container .date {
      margin-left: auto;
      color: #141414;
      margin-bottom: 10px;
      display: inline-block; }
    body .container .img-fluid {
      max-width: 80%;
      width: 70%;
      display: block;
      margin: 0 auto 10px;
      border-radius: 5px; }
    body .container .featured-img {
      background-size: cover;
      background-position: center;
      height: 300px; }
    body .container .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 20px;
      margin: 10px 0; }
      body .container .grid .box {
        background: #009a42;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        color: white; }
        body .container .grid .box h3 {
          font-size: 25px;
          padding: 5px 10px 0;
          font-weight: normal;
          min-height: 85px; }
        body .container .grid .box .img-con img {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          object-fit: cover;
          width: 100%;
          max-width: 100%;
          height: 300px; }
        body .container .grid .box p {
          padding: 10px;
          min-height: 240px; }
        body .container .grid .box .post-date {
          display: block;
          margin-top: 6px;
          padding: 10px 10px 0;
          font-style: italic;
          color: #ebebeb; }
    body .container .btn {
      background: #c3c3c3;
      color: black;
      padding: 10px 14px;
      border-radius: 5px;
      display: inline-block;
      transition: .3s all ease-in-out;
      font-size: 18px;
      border: none; }
      body .container .btn:hover {
        background: gray;
        cursor: pointer; }
      body .container .btn.btn-success {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
        background: #00599d;
        color: white; }
        body .container .btn.btn-success:hover {
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
          color: white;
          background: #224961; }
      body .container .btn.btn-center {
        display: block;
        width: 95%;
        text-align: center;
        margin: 20px auto; }
    body .container.page .content {
      width: 80%;
      margin: 0 auto; }
      body .container.page .content p {
        margin-bottom: 20px; }
      body .container.page .content img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
        margin: 10px auto;
        display: block; }
    body .container .side-bar {
      height: 100vh;
      width: 260px;
      background: #213127;
      z-index: 115;
      position: fixed;
      top: 0px;
      bottom: 0px;
      right: -260px; }
      body .container .side-bar h3 {
        text-align: center;
        font-size: 25px;
        border-bottom: #323232 2px solid;
        margin: 20px 0 10px 0;
        font-weight: normal;
        padding-bottom: 10px; }
      body .container .side-bar ul {
        list-style: none; }
        body .container .side-bar ul li {
          border-bottom: #23353f 1px solid; }
          body .container .side-bar ul li a {
            color: white;
            padding: 10px 0;
            display: block;
            transition: .2s ease-in;
            padding-left: 8px; }
            body .container .side-bar ul li a:hover {
              background: #202020;
              color: #d9d9d9;
              text-shadow: 2px 2px 6px #000; }
    body .container .pagination {
      padding: 25px 0; }
      body .container .pagination .nav-links .page-numbers {
        background: #00599d;
        padding: 10px;
        border-radius: 5px;
        color: white; }
        body .container .pagination .nav-links .page-numbers.current {
          background: #213127; }
        body .container .pagination .nav-links .page-numbers:hover {
          background: #017bd9; }
  body.single {
    /*
    &.postid-13 {
    	.flex-con {
    		.content {
    			.wp-post-image {
    				//display: none;
    			}	
    		}				
    	}
    }//
    
    &.postid-33, &.postid-65 {
    	.flex-con {
    		.content {
    			.wp-post-image {
    				width: 300px;
    			}	
    		}				
    	}
    }//
    
    &.postid-59 {
    	.flex-con {
    		.content {
    			.wp-post-image {
    				width: 300px;
    			}	
    		}				
    	}
    }*/ }
    body.single header .inner-wrapper .hero-image {
      background-image: url("https://www.northernpest.com/assets/images/hero/hero-blog-bridge-min.jpg");
      height: 300px;
      background-position: center 50%; }
    body.single .flex-con {
      display: flex; }
      body.single .flex-con .content {
        width: 80%; }
        body.single .flex-con .content .main-heading {
          justify-content: center; }
        body.single .flex-con .content p {
          margin-bottom: 20px;
          color: #141414; }
        body.single .flex-con .content img {
          max-width: 100%;
          height: auto;
          border-radius: 5px;
          margin: 10px auto;
          display: block; }
    body.single.postid-140 .flex-con .content .wp-post-image {
      width: 450px; }
  body .recent {
    background: #213127;
    flex-basis: 18%;
    padding: 10px;
    margin-left: auto;
    align-self: flex-start;
    position: sticky;
    top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 10px; }
    body .recent h2 {
      margin-top: 35px;
      font-size: 30px;
      text-align: center;
      padding-bottom: 20px;
      font-weight: normal;
      font-family: 'Hammersmith One', sans-serif; }
      body .recent h2.cats {
        margin-top: 15px; }
    body .recent ul {
      list-style: none; }
      body .recent ul li h6 {
        font-weight: normal;
        font-size: 18px; }
        body .recent ul li h6 a {
          color: white;
          display: block;
          padding: 10px 0;
          border-top: #23353f 1px solid; }
          body .recent ul li h6 a:hover {
            color: #dfdfdf; }
      body .recent ul li.cat-item a {
        color: white;
        display: block;
        padding: 10px 0;
        border-top: #23353f 1px solid; }
        body .recent ul li.cat-item a:hover {
          color: #dfdfdf; }
  body .content h1, body .content h2, body .content h3, body .content h4, body .content h5, body .content h6 {
    font-weight: normal;
    font-size: 28px;
    padding: 6px 0;
    color: #213127; }
  body .content h3 {
    font-size: 26px; }
  body .content h4 {
    font-size: 23px; }
  body .content h5 {
    font-size: 18px; }
  body .content h6 {
    font-size: 16px; }
  body .content ul, body .content ol {
    padding: 0 22px;
    margin-bottom: 22px;
    color: #141414; }
    body .content ul li, body .content ol li {
      padding-bottom: 10px; }
  body .small-image {
    width: 300px !important; }
  body #filterBlanket {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 110; }
  body footer {
    background: #213127;
    color: white;
    padding: 50px 0; }
    body footer .inner {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      justify-items: center;
      grid-gap: 10px;
      width: 80%;
      margin: 0 auto; }
      body footer .inner .section.social ul {
        display: flex;
        align-items: center; }
        body footer .inner .section.social ul li {
          margin-right: 16px; }
          body footer .inner .section.social ul li:hover {
            animation: tada;
            animation-duration: 1s; }
          body footer .inner .section.social ul li a {
            color: white; }
      body footer .inner .section h5 {
        font-size: 22px;
        color: #059c4d;
        padding-bottom: 10px; }
      body footer .inner .section ul {
        list-style: none; }
        body footer .inner .section ul li {
          padding-bottom: 10px; }
          body footer .inner .section ul li a {
            color: white;
            text-decoration: none; }
      body footer .inner .section img:hover {
        animation: tada;
        animation-duration: 1s; }
  body #searchBack {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
    z-index: 1000; }
  body #searchBack #searchModal {
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    color: #0b0b0b;
    max-width: 50%;
    min-width: 50%; }
  body #searchBack #searchModal #closeSearch {
    position: absolute;
    top: 15px;
    right: 15px; }
  body #searchBack #searchModal h3 {
    text-align: left;
    font-size: 25px; }
  body #searchBack #searchModal h3 span {
    font-weight: normal;
    font-style: italic; }
  body #searchBack #searchModal h3 span:before {
    content: '"'; }
  body #searchBack #searchModal h3 span:after {
    content: '"'; }
  body #searchBack #searchModal p {
    font-size: 20px;
    font-family: 'Lato', sans-serif; }
  body #searchBack #searchModal input {
    color: #f3f3f3;
    background: #007abb;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    padding: 10px 15px;
    cursor: pointer;
    margin: 0 auto;
    display: inherit; }
  body #searchBack #searchModal .results .result {
    display: block;
    width: 100%;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif; }
  body #searchBack #searchModal .results .result:hover {
    background: #dedede; }
  body #searchBack #searchModal .results .result strong {
    display: block;
    color: #0b0b0b;
    font-size: 20px; }
  body #searchBack #searchModal .results .result span.snip {
    font-style: italic;
    display: block;
    color: #0b0b0b; }
  body #searchBack #searchModal .results .result span.url {
    font-style: italic;
    display: block;
    font-family: 'Times New Roman', serif;
    color: #007abb; }
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%,
		20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
		50%,
		70%,
		90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
		60%,
		80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }
  body .tada {
    animation-name: tada; }
@keyframes slideInDown {
  from {
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
  body .slideInDown {
    animation-name: slideInDown;
    animation-duration: .5s; }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  body .fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s; }
@keyframes open-animate {
  0% {
    transform: scaleX(0) translateX(100px);
    opacity: 0; }
  100% {
    transform: scaleX(1) translateX(0);
    opacity: 1; } }
  body .open-animate {
    animation: open-animate .4s ease; }
@keyframes close-animate {
  0% {
    transform: scaleX(1) translateX(0);
    opacity: 1; }
  100% {
    transform: scaleX(0) translateX(100px);
    opacity: 0; } }
@media screen and (max-width: 1700px) {
  body header .inner-wrapper .main-nav-con .nav {
    flex-basis: 62%; }
    body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down {
      width: 565px; }
  body header .inner-wrapper .main-nav-con .search {
    flex-basis: 20%;
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%); }
    body header .inner-wrapper .main-nav-con .search input {
      width: 200px; } }
@media screen and (max-width: 1529px) {
  body header .inner-wrapper .main-nav-con {
    /*run code at 1529 only */
    					/*
    					&.search-clicked {
    						.nav {
    							display: none;
    						}
    						.search {
    							background: unset;
    							flex-basis: 100%;
    							clip-path: unset;
    
    								width: 100%;
    								input {
    									width: 87%;
    									display: block;
    								}
    								button {
    									right: 26px;
    								}
    
    						}
    					}*/ }
    body header .inner-wrapper .main-nav-con .nav {
      flex-basis: 70%; }
      body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down {
        left: 0; }
      body header .inner-wrapper .main-nav-con .nav li.drop-down-container.insect .drop-down {
        left: 0; }
      body header .inner-wrapper .main-nav-con .nav li.drop-down-container.cleanup .drop-down {
        left: -90px; }
      body header .inner-wrapper .main-nav-con .nav li.drop-down-container.about .drop-down {
        width: unset;
        left: 10px; }
      body header .inner-wrapper .main-nav-con .nav li.drop-down-container.tips .drop-down {
        width: unset;
        left: 25px; }
    body header .inner-wrapper .main-nav-con .search {
      display: none;
      flex-basis: 10%;
      justify-content: center;
      clip-path: polygon(42% 0, 100% 0, 100% 100%, 0% 100%); }
      body header .inner-wrapper .main-nav-con .search input {
        display: none; }
      body header .inner-wrapper .main-nav-con .search button {
        right: 0; }
  body .footer .inner {
    width: 90%; } }
@media screen and (max-width: 1550px) {
  body .container {
    width: 90%; }
  body footer .footerGrid .cell {
    padding: 30px 30px; } }
@media screen and (max-width: 1371px) {
  body header .inner-wrapper .main-nav-con .logo-con {
    padding-left: 0;
    clip-path: polygon(0% 0%, 100% 0, 69% 100%, 0% 100%);
    padding-right: 20px; }
    body header .inner-wrapper .main-nav-con .logo-con img {
      padding: 10px;
      width: 150px;
      margin-right: 30px; }
  body header .inner-wrapper .main-nav-con .nav {
    flex-basis: 80%; }
  body header .inner-wrapper .main-nav-con .search {
    clip-path: polygon(27% 0, 100% 0, 100% 100%, 0% 100%); } }
@media screen and (max-width: 1260px) {
  body header .inner-wrapper .main-nav-con .nav {
    flex-basis: 100%;
    justify-content: flex-start; }
  body .container {
    width: 95%; }
    body .container .main-heading {
      font-size: 40px; }
  body footer .footerGrid .cell {
    flex-basis: 42% !important; }
    body footer .footerGrid .cell:nth-child(even) {
      border-right: none; } }
@media screen and (max-width: 1140px) {
  body header .inner-wrapper .main-nav-con .nav li a {
    padding: 25px 10px; }
  body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    left: 84px; }
    body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li a {
      padding: 10px;
      font-size: 16px; }
  body header .inner-wrapper .main-nav-con .nav li.drop-down-container.insect .drop-down {
    left: 119px;
    width: 270px; }
  body header .inner-wrapper .main-nav-con .nav li.drop-down-container.cleanup .drop-down {
    left: 75px; } }
@media screen and (max-width: 1055px) {
  body header .inner-wrapper .main-nav-con .nav li a {
    padding: 25px 10px; } }
@media screen and (max-width: 1040px) {
  body header .inner-wrapper .main-nav-con {
    align-items: flex-start; }
    body header .inner-wrapper .main-nav-con .nav {
      flex-direction: column;
      flex-basis: 100%; }
      body header .inner-wrapper .main-nav-con .nav li {
        width: 100%; }
        body header .inner-wrapper .main-nav-con .nav li.active {
          transform: unset; }
          body header .inner-wrapper .main-nav-con .nav li.active a {
            transform: unset; }
        body header .inner-wrapper .main-nav-con .nav li a {
          text-align: center;
          display: block;
          padding: 10px 25px; }
          body header .inner-wrapper .main-nav-con .nav li a.mobile-hide {
            display: none; }
          body header .inner-wrapper .main-nav-con .nav li a.mobile-show {
            display: block; }
        body header .inner-wrapper .main-nav-con .nav li:hover {
          transform: unset; }
        body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down {
          position: static;
          width: 100%;
          transform: unset;
          background: #d6d5d5;
          display: none; }
          body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down li {
            background: none; }
          body header .inner-wrapper .main-nav-con .nav li.drop-down-container .drop-down.mobile-show {
            display: block !important; }
        body header .inner-wrapper .main-nav-con .nav li.drop-down-container:hover .drop-down {
          display: none;
          transform: unset; }
        body header .inner-wrapper .main-nav-con .nav li.drop-down-container.insect .drop-down {
          width: unset; }
      body header .inner-wrapper .main-nav-con .nav.mobile-hidden {
        display: none; }
    body header .inner-wrapper .main-nav-con .search {
      display: none; }
    body header .inner-wrapper .main-nav-con .mobile-menu {
      display: block;
      margin-left: auto;
      margin-right: 10px;
      padding: 30px; } }
@media screen and (max-width: 968px) {
  body header .inner-wrapper .main-nav-con .nav li:hover {
    transform: unset; }
  body header .inner-wrapper .hero {
    background-position: 37% 0; }
    body header .inner-wrapper .hero .hero-flex {
      margin-left: 0;
      padding: 20px; }
      body header .inner-wrapper .hero .hero-flex h1 {
        font-size: 40px; }
  body footer .inner {
    grid-template-columns: repeat(3, 1fr); }
    body footer .inner .section.compass {
      grid-area: 2/2; } }
@media screen and (max-width: 1000px) {
  body .container .grid {
    grid-template-columns: repeat(2, 1fr); }
  body .container .btn.btn-center {
    width: 95%; }
  body.single .flex-con {
    flex-direction: column; }
    body.single .flex-con .content {
      width: 100%; }
      body.single .flex-con .content .main-heading {
        font-size: 40px; }
  body .recent {
    border-radius: 5px;
    width: 100%;
    position: unset;
    margin-left: unset; }
    body .recent h2 {
      margin-top: 10px; }
      body .recent h2.cats {
        margin-top: 35px; }
    body .recent ul li {
      text-align: center; } }
@media screen and (max-width: 715px) {
  body header .inner-wrapper .company {
    display: block; }
    body header .inner-wrapper .company .logo-con {
      justify-content: center;
      flex-direction: column; }
      body header .inner-wrapper .company .logo-con .topLogo img {
        margin-right: 0; }
      body header .inner-wrapper .company .logo-con .companyName {
        text-align: center; }
  body header .inner-wrapper .mobileMenu {
    float: none;
    margin: 0 auto;
    padding-bottom: 10px; }
  body .container .main-heading {
    display: block;
    text-align: center; }
    body .container .main-heading #filterArticles {
      display: none; }
  body .container .img-fluid {
    width: 100%; }
  body .container .grid {
    grid-template-columns: repeat(1, 1fr); }
  body footer .inner {
    grid-template-columns: repeat(2, 1fr);
    padding: 20px 0; }
    body footer .inner .section {
      margin-bottom: 30px; }
      body footer .inner .section.compass {
        grid-area: 2/2; } }
@media screen and (max-width: 665px) {
  body header .inner-wrapper .hero .hero-flex h1 {
    font-size: 30px; }
  body header .inner-wrapper .hero .hero-flex .btn-cta {
    width: 185px;
    font-size: 20px; }
  body .container .content .flex {
    flex-direction: column; }
  body .container .content .date {
    margin-left: unset; }
  body.single .flex-con .content .main-heading {
    font-size: 30px; } }
@media screen and (max-width: 585px) {
  body header .inner-wrapper .main-nav-con {
    display: block; }
    body header .inner-wrapper .main-nav-con .logo-con {
      display: inline-block;
      width: 200px; }
    body header .inner-wrapper .main-nav-con .nav {
      display: block; }
    body header .inner-wrapper .main-nav-con .mobile-menu {
      display: inline-block;
      margin-left: auto;
      margin-right: 10px;
      padding: 30px;
      float: right; }
  body footer .inner {
    display: block;
    text-align: center; }
    body footer .inner .section.social ul {
      justify-content: center;
      margin-left: 20px; } }