/*
Theme Name: Green Collar Theme
Description: This is a custom child theme for Green Collar
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: greencollar
Version: 1.1
*/

@font-face {
    font-family: 'Sharp San Medium';
    src: url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Medium.woff") format("woff"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Medium.otf") format("opentype"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Medium.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Sharp San Medium';
    src: url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-MediumItalic.woff") format("woff"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-MediumItalic.otf") format("opentype"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-MediumItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Sharp San Semibold';
    src: url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Semibold.woff") format("woff"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Semibold.otf") format("opentype"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Sharp San Bold';
    src: url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Bold.woff") format("woff"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Bold.otf") format("opentype"),
        url("/wp-content/themes/greencollar-child/assets/fonts/SharpSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

li {
  margin-bottom: 12px;
}

body[data-button-style*="slightly_rounded"] .main-content .row .nectar-button {
  border-radius: 50px !important;
  overflow: hidden;
}

body .orange-links a {
  color: #EF7C37 !important;
}

body .orange-links a:hover {
  text-decoration: underline;
}

body .main-content .swiper-slide .button a {
  border-radius: 50px !important;
  text-transform: capitalize !important;
  letter-spacing: 0;
}

body #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after{
  border-color: #fff;
}

body.using-mobile-browser.material #slide-out-widget-area.slide-out-from-right {
  padding: 0 50px !important;
}

.main-content p a, .main-content .wpb_wrapper li a {
  color: #EF7C37;
}

.main-content p a:hover, .main-content .wpb_wrapper li a:hover {
  text-decoration: underline;
}

/* GLOBAL HEADER FOOTER STYLES */

body #header-outer[data-transparent-header="true"], body #header-outer, body.single #header-outer[data-transparent-header="true"].transparent {
  background: #00494A !important;
  background-color: #00494A !important;
}

body #top nav ul li > a {
  color: #fff !important;
}

body #top ul li.megamenu ul li a, body #top ul li ul.sub-menu li a {
  color: #00494A !important;
}

body #top ul li.megamenu .header > a > .menu-title-text {
  font-weight: bold;
  font-family: 'Sharp San Bold' !important;
  padding-bottom: 20px !important;
  display: inline-block;
}

#newsletter-section .row-bg.using-bg-color {
  border-radius: 80px 80px 0 0;
  -moz-border-radius: 80px 80px 0 0;
}

#newsletter-section .last-col {
  margin-right: 0;
}

#newsletter-section .wpcf7-form .span_3 {
  width: 24%;
  margin-right: 1%;
  float: left;
}

#newsletter-section .wpcf7-form label {
  font-size: 12px !important;
  margin-bottom: 5px;
  font-weight: bold !important;
  display: inline-block;
  text-transform: capitalize !important;
}

#newsletter-section .wpcf7-form input[type="text"], #newsletter-section .wpcf7-form input[type="email"] {
  border: 0;
  border-radius: 25px;
  -moz-border-radius: 25px;
  background: #fff;
  padding: 8px 15px;
}

body .wpcf7-form .wpcf7-not-valid-tip {
  top: auto;
  color: red;
  font-size: 12px;
  background: transparent;
  box-shadow: none;
}

.sidebar-col .wpcf7 form.sent .wpcf7-response-output {
  color: #fff;
}

body .wpcf7 form .wpcf7-response-output   {
  border: 0 !important;
  background-color: transparent;
  background: transparent;
  padding: 0;
  font-weight: bold;
}

#newsletter-section .wpcf7-form input[type="submit"] {
  border: 1px solid #fff;
  background: transparent;
  border-radius: 25px !important;
  margin-top: 27px;
  padding: 8px 15px !important;
  width: 100%;
}

#newsletter-section .wpcf7-form input[type="submit"]:hover {
  background: #fff;
  color: #00494A;
  opacity: 1.0 !important;
}

.footer-menu ul {
  margin: 15px 0 0 0;
}

.footer-menu li {
  list-style: none;
  margin: 0;
  padding: 0 0 12px 0;
  line-height: 1.1em;
}

.footer-menu li a {
  font-size: 12px;
  color: #fff;
}

.footer-menu li a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.copyright-block p {
  font-size: 12px !important;
  margin-bottom: 0;
  padding: 15px 0 0 0;
}

.copyright-block .img-with-aniamtion-wrap {
  display: block;
  float: right;
  margin-left: 30px;
}

::-webkit-scrollbar {
  width: 10px; 
  height: 4px; 
}

::-webkit-scrollbar-track {
  background: #e0f1b5; 
}

::-webkit-scrollbar-thumb {
  background-color: #A4C94A;
  border-radius: 20px;
}

body .footer-images img {
  width: 50% !important;
  display: inline-block;
  margin: 0;
}

.main-content .border-left-desktop {
  border-left: 1px solid #00494A;
  margin: 80px 0 !important;
}

.copyright-block .wpb_content_element {
  margin-bottom: 0;
}

/* HOME PAGE STYLES */

body .row .col img.banner-cta {
  width: 80px;
}

.banner-cta p {
  margin-left: -55px;
  width: 85%;
}

.work-tile img {
  border-radius: 15px 15px 0 0;
}

.work-tile .wpb_text_column {
  padding: 0 20px 20px 20px;
}

.work-tile p {
  color: #00494A !important;
}

.curved-row {
  position: relative;
}

.curved-row > .row-bg-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background: url(assets/images/rounded-end.svg) no-repeat center left / cover;
  z-index: 10;
}


.line-row > .row-bg-wrap .using-bg-color::after {
  content: "";
  display: block;
  top: 0;
  right: 0;
  width: 1100px;
  height: 500px;
  background: url(assets/images/Lines.svg) no-repeat top left / cover;
  z-index: 1;
  position: absolute;
}

.line-row .row_col_wrap_12 {
  position: relative;
  z-index: 10;
}

body .main-content .wpb_tabs_nav li a {
  padding: 18px 0 !important;
  margin-right: 30px;
  font-size: 16px !important;
  font-family: 'Sharp San Semibold';
  text-transform: none;
}

.tile-block h4, .tile-block h3, .tile-block h5, .tile-block h6 {
  font-size: 23px !important;
  line-height: 1.2em !important;
}

.tile-block {
  border-radius: 15px;
  -moz-border-radius: 15px;
}

.tile-block img {
  border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
}

.tile-block .vc_custom_heading {
  margin: 8px 20px;
  padding-bottom: 0;
}

.post-slider {
  width: 100%;
  overflow: hidden;
}

 .post-slider .owl-item:hover .title {
  color: #EF7C37;
}

.post-slider .owl-item {
  width: 25%;
  float: left;
  display: block;
}

.post-slider .date {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.post-slider .post-thumb {
  width: 100%;
  height: 155px;
  margin-bottom: 30px;
  background-position: center center;
  background-size: cover;
  background-color: #ddd;
  background-repeat: no-repeat;
  border-radius: 15px;
  -moz-border-radius: 15px;
}

body .post-slider .title {
  font-size: 25px !important;
  line-height: 30px !important;
}

body .post-slider .title a {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

.post-slider .owl-next {
  position: absolute;
  top: 50%;
  right: -50px;
  border: 0;
  background: transparent;
  font-size: 50px;
  color: #00494A;
  width: 50px;
}

.post-slider .owl-prev {
  position: absolute;
  top: 50%;
  left: -50px;
  border: 0;
  background: transparent;
  font-size: 50px;
  color: #00494A;
  width: 50px;
}

#footer-body .img-with-aniamtion-wrap > .inner {
  height: auto;
}

/* DEFAULT PAGE STYLES */

.defaultpage-banner .subheading {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.page p#breadcrumbs {
    display: none !important;
}

.breadcrumb-block a {
  color: #fff;
  font-size: 14px;
}

.breadcrumb-block a:hover {
  text-decoration: underline;
}

.horizontal-step-wrapper {
  width: 1250px;
  margin: 0 auto;
  height: 100%;
}

.scroll-wrapper {
  overflow-x: scroll;
  white-space: nowrap;
  padding-bottom: 40px;
  position: relative;
}

.step-tile .bg-circle {
  background: #A4C94A;
  border-radius: 50%;
  text-align: center;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.step-tile.bg-orange .bg-circle {
  background: #EF7C37;
}

.step-tile.bg-orange .step-title, .step-tile.bg-orange a {
  color: #EF7C37;
}

.step-tile .bg-circle img {
  width: 60% !important;
  position: relative;
  top: 20%;
}

.step-header {
  margin: 20px 0;
}

.step-tile .step-title {
  font-size: 20px !important;
  line-height: 1.2em;
  min-height: 60px;
}

.horizontal-step-wrapper .step-tile {
  text-align: center;
  flex: 0 0 300px;
  margin: 0 80px;
  white-space: normal;
  position: relative;
  z-index: 10;
}

.step-tile:first-child {
  margin-left: 0;
}

.horizontal-step-wrapper .scroll-wrapper {
  cursor: grabbing;
  display: flex;
}

.horizontal-step-wrapper .timeline {
  width: 100%;
  position: absolute;
  top: 75px;
  left: 200px;
  height: 2px;
  background-image: linear-gradient(to right, rgba(164,201,74,0.8) 35%, rgba(0,69,68,0) 0%);
  background-position: bottom;
  background-size: 30px 10px;
  background-repeat: repeat-x;
  z-index: 1;
}

.horizontal-step-wrapper .bg-orange .timeline {
  background-image: linear-gradient(to right, rgba(239,124,55,0.8) 35%, rgba(0,69,68,0) 0%);
}

.step-tile a {
  font-size: 14px;
  display: block;
  margin-top: 20px;
  font-weight: bold;
  opacity: 0.8;
  text-align: center;
}

.step-tile a:hover {
  text-decoration: underline;
  opacity: 1.0;
}

.horizontal-step-wrapper.bg-orange .scroll-wrapper::-webkit-scrollbar-track {
  background: #F8DBC9; 
}

.horizontal-step-wrapper.bg-orange .scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #EF7C37;
  border-radius: 20px;
}

.step-content {
  min-height: 150px;
}

 .single-project_information .column-image-bg {
	border-radius: 30px;
	background-position: center;
 }
 
 .single-project_information .content-row .vc_col-sm-8 p {
	 padding: 30px 0 0 0;
 }

.horizontal-step-wrapper .step-tile:last-child .timeline {
  display: none;
}

#project-tabs .tabbed[data-alignment="center"] .wpb_tabs_nav {
	margin-top: -2px;
}

.main-content #project-tabs .tabbed ul.wpb_tabs_nav li a {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.main-content #project-tabs .tabbed ul.wpb_tabs_nav li a {
	color: #00494a;
}

body .main-content #project-tabs .wpb_tabs_nav li {
	border: 0;
}

.large-img-tile {
  min-height: 550px;
}

.large-img-tile .vc_column-inner {
  padding: 60px 150px 60px 60px;
}

.large-img-tile .nectar-button, .large-img-tile .wpb_text_column {
  display: none;
}

.large-img-tile:hover .nectar-button {
  display: inline-block !important;
}

.no-border {
  border: 0 !important;
}

body[data-button-style*="rounded_shadow"].material .large-img-tile .no-border.nectar-button.see-through:hover {
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  color: #EF7C37 !important;
}

.main-content .tabbed ul.wpb_tabs_nav li a {
  color: #EF7C37;
}

body .main-content .wpb_tabs_nav li a {
  padding: 18px 20px !important;
  margin-right: 0;
  background: transparent !important;
}

body .main-content .wpb_tabs_nav li a.active-tab, 
body .main-content .wpb_tabs_nav li a:hover {
  background: #00494a !important;
  color: #fff !important;
  opacity: 1;
}

body .main-content .wpb_tabs_nav li {
  border-bottom: 2px solid #00494a;
}

body .main-content .tabbed[data-style="minimal"] .wpb_tabs_nav li {
  border-bottom: none;
}

.tabbed[data-style="minimal"]  > ul li a:after {
  display: none;
}

.tabbed[data-style="minimal"] .wpb_tabs_nav {
  border-bottom: 2px solid #00494a;
}

.slider-row .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta {
  position: absolute;
  bottom: 10px;
  left: 20px;
  z-index: 10;
}

.slider-row .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta h4 {
  font-size: 20px !important;
  color: #fff;
}

.slider-row .cell::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  z-index: 1;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9360119047619048) 100%);
}

.wpb_gallery .nectar-flickity .flickity-slider .cell {
  border-radius: 25px;
  -moz-border-radius: 25px;
  overflow: hidden;
}

body div[data-style*="minimal"] .toggle.open h3 a, body div[data-style*="minimal"] .toggle h3 a {
  font-size: 25px !important;
  color: #00494A !important;
}

div[data-style*="minimal"] .toggle h3 i {
  border: 0 !important;
}

div[data-style="minimal"] .toggle {
  border-color: #00494A;
}

.tile-block:hover > .vc_column-inner,
.cta-twobtn-row:hover > .span_12 > .vc_column_container > .vc_column-inner,
.cta-bgimg-row:hover > .span_12 > .vc_column_container > .vc_column-inner {
  -webkit-box-shadow: 5px 5px 26px 5px rgba(0,0,0,0.26); 
  box-shadow: 5px 5px 26px 5px rgba(0,0,0,0.26);
}

/* ABOUT US PAGE STYLES */
.testimonial_slider blockquote p, body .main-content blockquote p, body .main-content blockquote {
  font-size: 14px;
  line-height: 1.3em;
  font-family: 'Sharp San Semibold';
}

.keybenefits-cta-row .cta-columns .vc_custom_heading {
  font-size: 23px !important;
  line-height: 1.3em !important;
  font-family: 'Sharp San Semibold' !important;
}

body .main-content .article-slider-row .viewmore-btn {
  position: absolute;
  right: 0;
  top: 10px;
  background-color: transparent !important;
  color: #00494a;
  font-family: 'Sharp San Semibold' !important;
  font-size: 14px;
  transform: none !important;
  -webkit-transform: none !important;
  box-shadow: none !important;
}

body .main-content .article-slider-row .viewmore-btn:hover {
  color: #EF7C37;
}

/* BLOG PAGE STYLES */
.blog .breadcrumb-block, .archive .breadcrumb-block {
  margin-top: 20px;
  color: #00494A;
}

.cat-description {
  margin: 40px auto 0 auto;
  width: 60%;
}

.blog .breadcrumb-block a, .archive .breadcrumb-block a {
  color: #00494A;
}

.filter-row {
  margin: 40px 0;
}

.filter-row label {
  font-family: 'Sharp San Semibold' !important;
  text-transform: capitalize;
}

.filter-row select {
  background: transparent;
  color: #00494A;
  font-family: 'Sharp San Semibold' !important;
  border: 2px solid #00494A;
  border-radius: 30px;
  -moz-border-radius: 30px;
  margin-top: 5px;
  padding: 10px 20px;
}

.filter-row select:hover, .filter-row select:active, .filter-row select:focus {
  background: #00494A;
  color: #fff;
}

.filter-row #searchform {
  margin-left: 25%;
}

.filter-row #searchform input[type="text"] {
  background: transparent;
  color: #00494A;
  font-family: 'Sharp San Semibold' !important;
  border: 2px solid #00494A;
  border-radius: 30px;
  -moz-border-radius: 30px;
  margin-top: 5px;
  padding: 10px 50px 10px 20px;
}

.filter-row #searchform input[type="submit"] {
  background: url('assets/images/search.svg') no-repeat center center / contain;
  background-color: transparent;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 39px;
  right: 18px;
}

.article-list .row {
  margin-bottom: 30px;
}

.article-list .col {
  margin-right: 3%;
}

.article-list .row .col:last-child {
  margin-right: 1%;
}

.article-list .col.span_4 {
  width: 30%;
}

.article-list .col.span_8 {
  width: 63%;
}

.featured-article {
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  display: flex;
}

.featured-article:hover, .article-tile:hover {
  -webkit-box-shadow: 5px 5px 26px 5px rgba(0,0,0,0.26); 
  box-shadow: 5px 5px 26px 5px rgba(0,0,0,0.26);
}

.article-tile:hover h4 {
  color: #EF7C37;
}

.tile-link {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
	z-index: 10;
}

.featured-article .article-content {
  width: 50%;
  float: left;
  background: #EF7C37;
  color: #fff;
}

.featured-article .article-content h2 {
  font-size: 25px;
  line-height: 1.25em;
  font-family: 'Sharp San Semibold' !important;
  color: #EF7C37;
  width: 100%;
  display: block;
  padding: 15px 20px 10px 20px;
  margin: 0;
  background: #fff;
}

.featured-article .content-block {
  padding: 20px;
}

.featured-article .article-thumb {
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
  display: block;
}

.main-content .featured-article .article-title h4 {
  color: #fff;
}

.article-list .row {
  display: flex;
}

.article-list .article-title {
  min-height: 80px;
}

.article-list .article-excerpt {
  min-height: 100px;
  margin-bottom: 15px;
}

.main-content .article-title h4 {
  font-size: 20px;
}

.article-tile {
  border-radius: 15px;
  -moz-border-radius: 15px;
  background: #fff;
  overflow: hidden;
}

.article-tile .article-thumb {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.article-tile .article-content {
  padding: 20px;
  height: calc(100% - 150px);
  display: flex;
  flex-direction: column;
}

.article-content > strong {
  margin-top: auto;
}

.blog .navigation.pagination {
  width: 100%;
  display: block;
}

.sidebar-col .widget_text {
  border-radius: 25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  overflow: hidden;
  padding: 60px 30px;
  background: #00494A;
}

.sidebar-col .widget_text h4 {
  font-size: 28px;
  line-height: 1.2em;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

.sidebar-col .widget_text label {
  color: #fff;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 5px;
}

.sidebar-col .widget_text input[type="text"], .sidebar-col .widget_text input[type="email"] {
  background: #fff;
  border-radius: 50px;
  -moz-border-radius: 50px;
}

.sidebar-col .widget_media_image img {
  width: 100%;
  border-radius: 0 0 25px 25px;
  -moz-border-radius: 0 0 25px 25px;
}

body[data-form-submit="regular"] .sidebar-col input[type=submit] {
  background-color: #EF7C37;
  border-radius: 50px !important;
  width: 100%;
  margin-top: 10px;
  padding: 12px 20px;
}

body[data-form-submit="regular"] .sidebar-col input[type=submit]:hover {
  opacity: 1.0;
}

.main-content .nav-links a, .main-content .nav-links span {
  display: inline-block;
  padding: 0 10px;
  font-size: 18px;
  font-family: 'Sharp San Semibold' !important;
}

.main-content .nav-links span, .main-content .nav-links a:hover {
  opacity: 0.5;
}

/* POST PAGE STYLES */
.post-header-banner {
  height: 600px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.single-post .breadcrumb-block {
  padding-top: 40px;
}

.single-post #header-outer.transparent + .post-header-banner {
  margin-top: 126px;
}

.post-header-banner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.post-header-banner .content-block {
  position: relative;
  z-index: 10;
  text-align: center;
}

.post-header-banner .content-block h1 {
  color: #fff;
  margin: 200px 0 30px 0;
}

.post-header-banner .breadcrumb-block {
  color: #fff;
  position: relative;
  z-index: 10;
}

.post-meta-block {
  color: #fff;
}

.post-meta-block span {
  margin: 0 10px;
  font-family: 'Sharp San Bold';
}

.single h2, .single h3, .single h4, .single h5, .single h6 {
  margin-bottom: 25px;
}

.single img {
  max-width: 100%;
}

.post .content-inner {
  padding-bottom: 20px;
}


.social-row {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media screen and (max-width: 1024px) {
  .social-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

.single .share-btn {
  font-size: 20px;
  color: #fff;
  border: 0;
  border-radius: 30px !important;
  background: #00494A;
  padding: 10px 40px;
  font-family: 'Sharp San Bold';
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #00494A;
}

.single .share-btn:hover {
  background: #fff;
  color: #00494A;
}

.social-share-block {
  display: inline-block;
}

.social-share-block i[class*="fa-"] {
  font-size: 30px;
  margin: 0 10px;
}

#social-sharing-container {
  display: none;
}

.desc-cardbox {
  min-height: 12em;
  max-height: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

.category-row {
  margin-bottom: 60px;
}

.cat-btn {
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
  border-radius: 30px !important;
  font-family: 'Sharp San Semibold';
  padding: 8px 30px;
  border: 2px solid #00494A;
}

.cat-btn:hover {
  color: #fff;
  background: #00494A;
}

.single .post-slider {
  margin-bottom: 80px;
}

.related-post-row h3 {
  text-align: center;
  margin-bottom: 40px;
}

.mobile-close {
  display: none;
}

/* CAREERS PAGE STYLES */

.careers-block {
  margin: 40px 0;
}

.careers-block .wpb_tab:not(.visible-tab) {
  display: none;
}

.careers-block .wpb_tabs_nav {
  width: 15% !important;
  float: left !important;
  display: block;
}

.careers-block .wpb_tabs_nav li {
  width: 100%;
  margin: 0;
  border-bottom: 2px solid #00494A;
  background: transparent;
  word-wrap: break-word;
}

body .main-content .careers-block .wpb_tabs_nav li a {
  padding: 20px 10px !important;
  display: block;
  width: 100%;  
}

body .main-content .careers-block .wpb_tabs_nav li .active-tab {
  background: #00494A;
}

.careers-block .wpb_tabs_nav li a:hover {
  background: #00494A !important;
}

body .main-content .careers-block .wpb_tabs_nav li a.active-tab,
.careers-block .wpb_tabs_nav li a:hover {
  text-decoration: none;
  color: #fff !important;
}

.careers-block .wpb_tabs_nav li a .job-title {
  font-size: 16px;
  line-height: 1.2em;
  font-family: 'Sharp San Semibold';
  display: block;
  margin-bottom: 8px;
  white-space: normal;
}

.careers-block .wpb_tabs_nav li a .company-name, .careers-block .wpb_tabs_nav li a .job-location {
  font-size: 12px;
  font-family: 'Sharp San Medium';
  display: block;
  margin-bottom: 2px;
  line-height: 1em;
	  white-space: normal;
}

.careers-block .wpb_tab {
  width: 82% !important;
  margin-left: 3% !important;
  padding-left: 0 !important;
  float: right;
}

.careers-block .wpb_tab .nectar-button.bg-orange {
  color: #fff !important;
  background: #EF7C37;
  padding: 10px 30px;
  margin-bottom: 40px;
}

.job-detail-block {
  margin-bottom: 40px;
}

.careers-block .wpb_tab .nectar-button.bg-orange:hover {
  text-decoration: none;
}

ul.social {
  margin: 20px 0 0 0;
}

.social li {
  list-style: none;
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

.main-content .social li a {
  color: #00494a;
}
 
.main-content .social li a:hover {
  text-decoration: none;
  color: #EF7C37;
}

/* TEAM PAGE STYLES */

.team-member {
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}

.team-member:hover, .team-member.active {
  background: #00494A;
  color: #fff !important;
  -webkit-box-shadow: 5px 5px 26px 5px rgba(0,0,0,0.26); 
  box-shadow: 5px 5px 26px 5px rgba(0,0,0,0.26);
}

.team-member:hover h5, .team-member.active h5 {
  color: #fff !important;
}

.team-member .profile-img {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-member .profile-info {
  padding: 30px 20px 20px 20px;
  min-height: 150px;
}

.main-content .nectar-milestone, .main-content .nectar-milestone .number {
  font-family: 'Sharp San Bold' !important;
}

.work-tile .img-with-aniamtion-wrap > .inner, .tile-block .img-with-aniamtion-wrap > .inner {
  height: auto;
}

.single-bio .profile-img {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 15px;
  -moz-border-radius: 15px;
  margin-bottom: 20px;
}

.image-profile a {
  display: inline-block;
  margin-right: 15px;
}

.single-bio {
  display: none;
}

.single-bio .position {
  font-size: 22px;
  font-family: 'Sharp San Semibold';
  margin: 15px 0;
  display: block;
}

.portfolio-items[data-ps="7"] .col .work-item.style-2 {
  border-radius: 20px !important;
  -moz-border-radius: 20px !important;
}

.content-row .greenblock::before {
  content: "";
  display: block;
  background: #00494A;
  position: absolute;
  z-index: -1;
  width: 2000px;
  height: 100%;
  left: -1980px;
}

.casestudy-stats-row .content-row.first .greenblock .column-bg-overlay {
  border-radius: 0 20px 0 0 !important;
}

.casestudy-stats-row .content-row.last .greenblock .column-bg-overlay {
  border-radius: 0 0 20px 0 !important;
}

.content-row .greenblock .vc_custom_heading {
  margin-top: 30px;
}

.main-content .casestudy-stats-row .content-row {
  margin-bottom: 0;
}

/* ACHIEVEMENTS PAGE */
.green-icon-row .icon-image {
  background-color: transparent !important;
  margin-top: 10px !important;
}

.green-icon-row .img-with-aniamtion-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50px;
  padding: 20px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  background: #A4C94A;
}

.main-content .timeline-row {
  margin-bottom: 60px;
}

.milestone-title {
  border-bottom: 1px solid #C1CCCA;
  margin-bottom: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.milestone-title .date-wrapper {
  width: 20%;
  float: left;
}

.milestone-title span {
  display: block;
  font-size: 20px !important;
  font-weight: bold;
  line-height: 1.3em;
}

.milestone-title h4 {
  font-size: 22px !important;
  width: 78%;
  float: left;
  display: block;
  margin-right: 2%;
}

.milestone-title.image-area .img-area {
  padding-top: 20px;
}

.milestone-title::after {
  content: "+";
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 5px;
}

.milestone-title.active {
  border: 0;
}

.milestone-title:hover h4, .milestone-title.active h4, .milestone-title:hover span, .milestone-title.active span {
  color: #EF7C37;
}

.milestone-title.active::after {
  content: "-";
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar {
  width: 23%;
  margin-right: 2%;
  float: left;
  position: relative;
}

.main-content .nectar-scrolling-tabs.timeline-row.fixed .timeline-sidebar {
  position: fixed;
  top: 150px;
}

.main-content .nectar-scrolling-tabs.timeline-row.fixed .scrolling-tab-content {
  margin-left: 25%;
}

.main-content .nectar-scrolling-tabs.timeline-row .scrolling-tab-content {
  width: 75%;
  float: left;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul {
  margin: 0;
  position: relative;
  z-index: 10;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li {
  list-style: none;
  padding: 20px 10px 20px 70px;
  margin-bottom: 20px;
  border-left: 3px solid transparent;
  position: relative;
  cursor: pointer;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li:last-child {
  margin-bottom: 0;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li .tab-icon {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 35px;
  height: 35px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.year-block {
  margin-bottom: 40px;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li span {
  color: #000;
  font-size: 20px;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li.active span, .main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li span:hover, .main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li:hover a {
  text-decoration: none;
  font-weight: bold;
}

.main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li.active, .main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li:hover {
  border-left: 3px solid #00494A;
}

.main-content .timeline-row .line {
  width: 2px;
  background: #C1CCCA;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.milestone-content-wrapper {
  display: none;
}

.milestone-content-wrapper.show-block {
  display: block;
}

.milestone-content {
  overflow: hidden;
  width: 100%;
  padding-left: 20%;
  margin-top: -20px;
}

.milestone-content.img {
  margin-top: -150px;
  min-height: 250px;
}

.show-block .milestone-content {
  border-bottom: 1px solid #C1CCCA;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.milestone-content.image-active img {
  display: block;
  width: 25%;
  margin-right: 3%;
  float: left;
}

.milestone-content.image-active .content-area {
  width: 72%;
  float: left;
}

/* CONTENT CATEGORY PAGE */
.content-category-grid-row .iwithtext .iwt-text {
  padding: 0 0 0 105px;
}

.content-category-grid-row .iwithtext .iwt-text h3, .content-category-grid-row .iwithtext .iwt-text h4, .content-category-grid-row .iwithtext .iwt-text h2, .content-category-grid-row .iwithtext .iwt-text h5 {
  padding-right: 50px;
}

.content-category-grid-row .col .iwithtext .iwt-icon img:not([srcset]) {
  width: 85px;
}

.content-category-grid-row .nectar-cta {
  position: absolute;
  top: 10px;
  right: 0;
}

/* CASE STUDY PAGE */
.keybenefits-row .iwithtext {
  display: inline-block;
  width: 33%;
  margin-top: 40px;
}

.keybenefits-row .iwithtext .iwt-icon {
  position: relative;
  left: auto;
  top: auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  background: #A4C94A;
  margin: 0 auto 30px auto;
}

.keybenefits-row .iwithtext .iwt-icon img {
  width: 80px;
  display: block;
  margin: 0 auto;
  padding-top: 20px
}

.keybenefits-row .iwithtext .iwt-text {
  padding: 0 10%;
}

.casestudy-stats-row .tabbed[data-style*="vertical"] .wpb_tabs_nav:before {
  content: "";
  display: block;
  position: absolute;
  left: -9999px;
  top: 0;
  width: 100px;
  height: 100%;
  padding-left: 9999px;
  z-index: -1;
  background: #00494A;
}

.casestudy-stats-row .tabbed[data-style*="vertical"] .wpb_tabs_nav {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 0 20px 20px 0;
  background: #00494A;
}

.casestudy-stats-row .tabbed[data-style*="vertical"] .wpb_tabs_nav li a {
  color: #fff;
  font-weight: bold !important;
  font-size: 20px !important;
  line-height: 1.3em;
}

.casestudy-stats-row .tabbed[data-style*="vertical"] .wpb_tabs_nav li a.active-tab {
  text-decoration: underline;
}

.casestudy-stats-row .ui-tabs-panel {
  padding: 20px 0 0 20px;
}

.casestudy-stats-row .tabbed > .ui-tabs-panel {
    visibility: visible;
    position: relative;
    opacity: 1;
    left: 0px;
    display: block;
}

.casestudy-stats-row .tabbed > .ui-tabs-panel ~ .ui-tabs-panel {
    display: none;
}

.casestudy-gallery-row .work-item img {
  border-radius: 20px;
  -moz-border-radius: 20px;
}

.single .main-content .benefits-block .iwithtext {
  min-height: 55px;
}

.single .main-content .benefits-block .iwithtext .iwt-icon img {
   width: 55px;
}

.single .main-content .benefits-block .iwt-text {
  color: #00494A;
  font-weight: bold;
  padding: 15px 0 0 85px;
}

.archive .location-block span {
  text-transform: uppercase;
}

.archive .location-block p {
  font-weight: bold;
  font-size: 18px;
  font-family: "Sharp San Bold", sans-serif;
}

.archive .location-block {
  margin-bottom: 20px;
}

.location-tile .article-excerpt {
  margin-bottom: 20px;
}

.post-type-archive-casestudy .tile-row {
  padding-bottom: 30px;
}

.article-meta-area {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}

.article-meta-block {
  float: left;
  width: 50%;
}

.article-event-type {
  float: right;
}

.article-event-type span {
  text-align: right;
  font-size: 12px;
}

.post-type-archive-event .article-content > strong {
  color: #EF7C37;
}

.post-type-archive-event .container-wrap.no-sidebar {
    z-index: 9997 !important;
}

.post-type-archive-event .casestudy-list {
  margin-bottom: 80px;
}

.post-type-archive-event .article-title {
  min-height: 68px;
}

.article-meta-block .event-date {
  font-size: 12px;
  display: block;
}

.event-tile {
  cursor: pointer;
}

.single .cta-area a {
  text-align: center;
  display: block;
  background: #EF7C37;
  color: #fff;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: bold;
}

.single .cta-area a:hover {
  background: #00494a;
  color: #fff;
}

#event-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  z-index: 50000;
  display: none;
}

#close-popup {
  position: absolute;
  top: 5%;
  right: 20%;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 7px 10px;
  border-radius: 50% !important;
  cursor: pointer;
}

.event-info label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.event-cta-block {
  border-radius: 30px;
  padding: 30px 30px 30px 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  min-height: 200px;
  margin-bottom: 80px;
}

.event-cta-block:hover {
  box-shadow: 10px 10px 48px 0px rgba(0,0,0,0.39);
  -webkit-box-shadow: 10px 10px 48px 0px rgba(0,0,0,0.39);
  -moz-box-shadow: 10px 10px 48px 0px rgba(0,0,0,0.39);
}

.event-cta-block a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 25;
}

.event-cta-block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: rgba(0,0,0,0.4);
}

.event-cta-block i {
  position: absolute;
  right: 80px;
  top: calc(50% - 40px);
  font-size: 80px;
  color: #fff;
  z-index: 10;
}

.event-cta-content {
  position: relative;
  z-index: 20;
  width: 70%;
}

.event-cta-content h4 {
  margin-bottom: 20px;
  color: #fff;
}

.event-cta-content p {
  color: #fff;
  padding-bottom: 0;
}

#event-popup .event-type {
  position: absolute;
  top: 20px;
  left: 40px;
  background: #fff;
  display: block;
  border-radius: 20px;
  padding: 5px 30px;
  font-size: 11px;
  font-weight: bold;
  color: #004 94a;
  border: 1px solid #00494a;
}

.event-content-block {
  margin: 300px 40px 20px 40px;
  padding: 30px 0 10px 0;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.event-content-block .content-block {
  height: 140px;
  overflow: auto;
}

.event-content-block h5 {
  margin-bottom: 20px;
}

.event-speaker-block {
  overflow: hidden;
  width: 100%;
  padding: 0 40px 20px 40px;
}

.speaker-area {
  float: left;
  width: 50%;
}

.speaker-label {
  font-size: 12px;
  font-weight: bold;
  display: block;
}

.event-cta-area {
  float: right;
  text-align: right;
}

.event-content-block .location-block {
  position: absolute;
  font-weight: bold;
  font-size: 14px;
  top: -20px;
  left: 0;
}

.ticket-btn {
  display: inline-block;
  font-weight: bold;
  border-radius: 30px;
  padding: 10px 30px;
  color: #fff;
  background: #EF7C37;
}

.ticket-btn:hover {
  color: #fff;
  background: #00494a;
}

.readmore-btn {
  display: inline-block;
  font-weight: bold;
  border-radius: 30px;
  padding: 10px 30px;
  color: #fff;
  margin-left: 10px;
  background: #00494a ;
}

.readmore-btn:hover {
  background: #a4c94a;
  color: #fff;
}

.event-content-block .date-block {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 14px;
  font-weight: bold;
}

.popup-container {
  width: 60%;
  background: #fff;
  min-height: 500px;
  position: absolute;
  top: 10%;
  left: 20%;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.event-image-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
}

#close-popup:hover {
  background: #fff;
  color: #EF7C37;
}

body.search #page-header-bg {
  background: #00494a;
  margin-top: -31px;
}

body.single-casestudy .main-content {
  margin-top: -31px;
}

/* 404 PAGE */
.error404-overlay {
  background-size: cover;
}

.error404-overlay::before {
  background: #fff;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.8;
}

.error404-content .main-content {
  position: relative;
  z-index: 2;
  padding: 120px 0 150px 0;
  text-align: center;
}

.error404-content .main-content h1 {
  font-size: 200px;
  line-height: 1.3em;
}

.error404-content .main-content .search-form {
  width: 50%;
  margin: 0 auto;
}

.error404-content .main-content .search-form input[type="text"] {
  border-radius: 50px;
  padding: 10px 25px;
  text-align: center;
  background: #fff;
  margin-bottom: 8px;
}

.error404-content .main-content .search-form .search-widget-btn {
  width: 200px;
  border-radius: 50px !important;
  padding: 10px 25px;
  display: block;
  margin: 5px auto;
}

.error404-content .main-content .search-form .icon-salient-search {
  margin-right: 10px;
}

.error404 #newsletter-section {
  display: none;
}

.error404 .nectar-global-section.before-footer {
  padding-top: 0 !important;
}

body.search-results #search-results[data-layout*="list"] article .inner-wrap > a {
  border-radius: 0 !important;
  width: 100px !important;
  height: 100px !important;
  top: 65%;
}

body.search-results #search-results[data-layout*="list"] article:before {
  display: none;
}

body.search-results #search-results[data-layout*="list"] article .inner-wrap {
  padding: 0 0 0 50px !important;
}

body.search-results #search-results[data-layout*="list"] article .inner-wrap > a img {
  height: 100px;
}

.map_block {
  height: 720px;
  width: 100%;
}

.map_block img {
   max-width: 100% !important;
   max-height: 100% !important;
}

.contact-tiles-area .vc_row.inner_row {
  margin-bottom: 0;
}

/* Project */
body.single-project:not(.woocommerce-cart) .main-content table:not(.project-list) tr:nth-child(2n+1) {
  background-color: #fff;
}
body.single-project:not(.woocommerce-cart) .main-content table:not(.project-list) tr:nth-child(2n) {
  background-color: #f4f4f4;
}

body.single-project:not(.woocommerce-cart) table:not(.project-list) .main-content td {
  border-color: #f1ede9;
  border-width: medium 2px 2px medium;
}

body:not(.woocommerce-cart) .main-content table.project-list, 
body:not(.woocommerce-cart) .main-content table.project-list tr:nth-child(2n+1) {
  background: transparent;
}

.project-list .tile-row * {
  font-family: Sharp San Bold;
}

.project-list tr.tile-row td {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.project-list tr.title-row th:first-child,
.project-list tr.tile-row td:first-child {
  padding-left: 0;
}

.project-list tr.title-row th:last-child,
.project-list tr.tile-row td:last-child {
  padding-right: 0;
}

.project-list .article-title .project-title {
  font-size: 1.125rem;
}

.project-list tr.tile-row p.project-title {
  padding: 0 !important;
}

.readmore-button a.list-link:hover {
  /* color: #00494a;
  background: transparent; */
  box-shadow: 0 0 20px 0px #000;
}

.readmore-button a.list-link {
  border: 1px solid #00494a;
  background: #00494a;
  border-radius: 25px !important;
  margin-top: 27px;
  padding: 8px 15px !important;
  color: #fff;
  min-width: fit-content;
  white-space: nowrap;
}

body.single-project .orange-links p a, body.single-project .orange-links table a {
  font-weight: 700;
}

.single-project .breadcrumb-block,
.single-project .breadcrumb-block a {
  color: #00494a !important;
}

.single-project .footnote sup {
  color: #EF7C37 !important;
}
.single-project .project-list {
  padding-top: 80px; 
}
.project-list .related-project-title {
  padding: 30px 0;
  text-align: center;
}


.pagination-links .current {
  text-decoration: underline;
}

.pagination-links i,
.pagination-links > * {
  font-size: 1.25rem;
  font-weight: 500;
}
.pagination-links a:hover,
.pagination-links a:hover i {
  
  font-weight: 700;
}

.pagination-links {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 80px;
}

body.single-careers .post-header-banner {
  height: auto;
  padding: 100px 0;
}

body.single-careers .post-header-banner .content-block h1 {
  margin-top: 100px;
}

.careers-post-block {
  position: absolute;
  display: flex;
  justify-content: end;
  width: 100%;
  z-index: 20;
}

@media screen and (max-width: 1024px) {
  .careers-post-block {
    position: relative;
    display: block;
    justify-content: left;
    width: 100%;
  }

  .careers-post-block .nectar-button.bg-orange {
    margin-bottom: 20px !important;
  }
}

.careers-post-block .nectar-button.bg-orange,
body.single-careers .social-row .nectar-button.bg-orange {
  color: #fff !important;
  overflow: hidden;
  box-shadow: none;
  font-size: 20px;
  line-height: normal;
  color: #fff;
  border: 0;
  margin-bottom: 0;
  border-radius: 30px !important;
  background: #EF7C37;
  padding: 10px 40px;
  font-family: 'Sharp San Bold';
  display: inline-block;
  cursor: pointer;
  border: 2px solid #EF7C37;

  -webkit-transition: opacity .45s 
  cubic-bezier(0.25, 1, 0.33, 1), transform .45s 
  cubic-bezier(0.25, 1, 0.33, 1), border-color .45s 
  cubic-bezier(0.25, 1, 0.33, 1), color .45s 
  cubic-bezier(0.25, 1, 0.33, 1), background-color .45s 
  cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s 
  cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity .45s 
  cubic-bezier(0.25, 1, 0.33, 1), transform .45s 
  cubic-bezier(0.25, 1, 0.33, 1), border-color .45s 
  cubic-bezier(0.25, 1, 0.33, 1), color .45s 
  cubic-bezier(0.25, 1, 0.33, 1), background-color .45s 
  cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s 
  cubic-bezier(0.25, 1, 0.33, 1);
}

.careers-post-block .nectar-button.bg-orange:hover,
.careers-post-block .nectar-button.bg-orange:active,
.careers-post-block .nectar-button.bg-orange:focus,
body.single-careers .social-row .nectar-button.bg-orange:hover,
body.single-careers .social-row .nectar-button.bg-orange:active,
body.single-careers .social-row .nectar-button.bg-orange:focus {
  background: #fff;
  color: #EF7C37 !important;
  box-shadow: none !important;
  transform: none;
}

@media only screen and (min-width: 1024px){

	.careers-post-block+.post-area:before {
		/* clip-path: polygon(calc(100% - 120px) 0%, calc(100% - 120px) 120px, 100% 120px, 100% 100%, 0 100%, 0% 0%); */
		content: '';
		display: block;
		float: right;
		clip-path: polygon(calc(100% - 200px) 0%, calc(100% - 200px) 200px, 100% 200px, 100% 100%, 0 100%, 0% 0%);
		/* shape-outside: polygon(calc(100% - 200px) 0%, calc(100% - 200px) 200px, 100% 200px, 100% 100%, 0 100%, 0% 0%); */
		/* position: absolute; */
		width: 200px;
		height: 200px;
	}
	
  .post-type-archive-casestudy .tile-row {
    display: flex;
  }

  .project-list tr.tile-row td.readmore-button {
    text-align: right;
  }
    
  .project-list tr.tile-row:not(:last-child) td {
    border-bottom: 1px solid #00494a !important;
  }
}

@media screen and (max-width: 1024px) {
 
  .project-list tr.title-row {
    display: none;
  }

  .project-list tr.tile-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.5rem 0;
  }

  .project-list tr.tile-row:not(:last-child) {
    border-bottom: 1px solid #00494a !important;
  }
  
  .project-list tr.tile-row td {
    padding: 0.5rem 0 !important;
  }

  .project-list td.list-col.article-title {
    display: block;
    width: 100%;
    margin:0;
  }

  .project-list tr.tile-row td.list-col:before {
    display: inline-block;
    font-size: 0.8rem;
  }
  
  .project-list tr.tile-row td.list-col.article-title:before { content: 'Name:'; }
  .project-list tr.tile-row td.list-col.location-block:before { content: 'Location:'; }
  .project-list tr.tile-row td.list-col.method-block:before { content: 'Method:'; }
  .project-list tr.tile-row td.list-col.erf-block:before { content: 'ERF Number:'; }

  .project-list tr.tile-row p.project-title {
    display: inline-block;
  }

  .project-list .location-block { margin-bottom:0 !important; }

  .readmore-button a.list-link {
    width: 100%;
    display: block;
    text-align: center;
  }

  .row .col h4, body h4 {
    line-height: 1.3em;
  }
 
  .curved-row > .row-bg-wrap::after {
    display: none;
  }
  
  .line-row > .row-bg-wrap .using-bg-color::after {
    width: 550px;
    height: 250px;
  }
  
  .horizontal-step-wrapper {
    width: 95%;
  }
  
  .horizontal-step-wrapper .timeline {
    top: 85px;
  }
  
  .large-img-tile .vc_column-inner {
    padding: 20px;
  }
  
  .quote-row .vc_custom_heading {
    font-size: 30px !important;
  }
  
  .post-header-banner {
    height: 400px;
  }
  
  .post-header-banner .content-block h1 {
    margin-top: 80px;
  }
  
  .keybenefits-row .iwithtext {
    widtH: 50%;
  }
    
  .cat-description {
    width: 90%;
  }
  
      
  .casestudy-stats-row .content-row.first .greenblock .column-bg-overlay {
    border-radius: 0 !important;
  }

  .casestudy-stats-row .content-row.last .greenblock .column-bg-overlay {
    border-radius: 0 !important;
  }
  
 
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  
  .banner-cta p {
    margin-left: -40px;
    width: 100%;
  }
  
  .filter-row .span_3 {
    width: 48%;
    margin: 0 1%;
  }
  
  .filter-row .span_6 {
    width: 98%;
    margin: 20px 1%;
  }
  
  .filter-row #searchform {
    margin-left: 0;
  }
  
  .milestone-title .date-wrapper {
    width: 25%;
  }
  
  .milestone-title h4 {
    width: 69%;
    margin: 0 3%;
    font-size: 20px !important;
  }
  
  .main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li span, .milestone-title span {
    font-size: 18px !important;
  }
  
  .main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar ul li {
    padding-left: 60px;
  }
  
  .milestone-content {
    padding-left: 28%;
  }
  
}


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

  body .container {
    max-width: 90%;
  }
  
  #close-popup {
    top: 5%;
    right: 10%;
  }
  
  #event-popup .event-type {
    left: 20px;
  }
  
  .popup-container {
    top: 10%;
  }
  
  .main-content .border-left-desktop {
    margin: 0 !important;
    border: 0 !important;
  }
  
  .title-row h1 {
    margin: 40px 0 0 0;
  }
  
  .popup-container {
    width: 80%;
    left: 10%;
  }
  
  .event-image-block {
    height: 200px;
  }
  
  .event-content-block {
    margin: 200px 20px 0 20px;
  }
  
  #newsletter-section .wpcf7-form label {
    text-align: center;
    width: 100%;
  }
  
  #newsletter-section .wpcf7-form input[type="text"], #newsletter-section .wpcf7-form input[type="email"] {
    text-align: center;
  }
  
  .event-content-block .content-block {
    height: 200px;
  }
  
  .event-cta-area a {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    text-align: center;
  }
  
  .event-speaker-block {
    padding: 20px;
  }
  
  .speaker-area, .event-cta-area {
    width: 100%;
  }
  
  .video-row .wpb_wrapper, .video-row .vc_custom_heading {
    text-align: center !important;
  }
  
  .banner-cta p {
    margin-left: 0;
    width: 100%;
  }
  
  body .main-content .line-row .wpb_tabs_nav li a {
    padding: 10px 0 !important;
    margin-right: 15px;
  }
  
  #newsletter-section .wpcf7-form .span_3 {
    width: 100%;
    margin: 0 0 10px 0;
  }
  
  .copyright-block .img-with-aniamtion-wrap {
    width: 100%;
    margin: 5px 0 10px 0;
    text-align: center;
  }
  
  #newsletter-section .row-bg.using-bg-color {
    border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
  }
  
  .horizontal-step-wrapper .step-tile:first-child {
    margin-left: -15px;
  }
  
  .horizontal-step-wrapper .step-tile {
    margin: 0;
    padding: 0 30px;
    width: 330px;
  }
  
  .horizontal-step-wrapper {
    width: 80%;
  }

  .large-img-tile {
    min-height: 600px;
  }
  
  body.material .cta-twobtn-row .nectar-button.large {
    display: block;
    margin: 15px 20px !important;
  }
  
  .post-slider .owl-prev {
    left: -35px;
  }
  
  .post-slider .owl-next {
    right: -35px;
  }
  
  .post-slider {
    width: 95%;
    margin: 0 auto;
  }
  
  .filter-row #searchform {
    margin: 0;
  }
  
  body .main-content .article-slider-row .viewmore-btn {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    display: block;
    bottom: -40px;
  }
  
  .featured-article .article-thumb {
    height: auto;
    width: 40%;
  }
  
  .featured-article .article-content {
    width: 100%;
  }
  
  .featured-article .article-content h2 {
    padding: 10px 20px;
  }
  
  .sidebar-col .widget_media_image img {
    height: 200px !important;
  }
    
  .single-post .breadcrumb-block {
    padding-top: 20px;
  }
  
  .article-list .row {
    display: block;
  }
  
  .article-list .col.span_8,
  .article-list .col.span_4 {
    width: 100%;
    margin-right: 0;
  }
  
  .article-list .row {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  
  .careers-block {
    margin: 10px 0 40px 0;
  }
  
  .careers-block .wpb_tab, .careers-block .wpb_tabs_nav {
    width: 100% !important;
    margin-bottom: 20px;
  }
  
  .copyright-block p {
    text-align: center !important;
  }
  
  .copyright-block .img-with-aniamtion-wrap > .inner {
    height: auto !important;
  }
  
  #footer-body .footer-ourproducts {
    padding: 20px 0 15px 0 !important;
  }
  
  .single-bio {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background: #fff;
    padding: 150px 30px 30px 30px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
  }
  
  .single-bio .profile-img {
    height: 300px;
  }
  
  .mobile-close {
    display: block;
    text-align: right;
    position: absolute;
    top: 100px;
    right: 30px;
    border: 0;
    background: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: 'Sharp San Semibold';
  }
  
  .swiper-container, .swiper-wrapper, .swiper-slide {
    height: 500px !important;
  }
  
  .nectar-slider-wrap {
    height: 500px !important;
  }
  
  .swiper-slide .content {
    margin: 40px 0 !important;
  }
  
  .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a {
    font-size: 14px;
    padding: 10px 20px;
  }
  
  .keybenefits-row .iwithtext {
    width: 100%;
  }
  
  .three-icon-row .right {
    text-align: center !important;
  }
  
  .green-icon-row .img-with-aniamtion-wrap::before {
    top: -4px;
    left: 80px;
  }
  
  .main-content .nectar-scrolling-tabs.timeline-row .timeline-sidebar {
    width: 100%;
    margin: -40px 0 30px 0;
  }
  
  .milestone-title .date-wrapper, .milestone-title span, .main-content .nectar-scrolling-tabs.timeline-row .scrolling-tab-content {
    width: 100%;
  }
  
  .milestone-title span {
    font-size: 18px;
  }

  .milestone-title.image-area span {
    width: 40%;
  }
  
  .milestone-title.image-area .img-area {
    width: 60%;
  }
  
  .milestone-title h4 {
    width: 100% !important;
    margin: 20px 0 0 0 !important;
  }
  
  .milestone-content {
    width: 100%;
    padding: 0;
  }
  
  .milestone-content.img {
    margin-top: 0;
  }

}

@media only screen and (max-width: 690px) {
  .desc-cardbox {
    min-height: 4em;
  }
}