Water in China: Issues for Responsible Investors

/* ----------------------------------------- */ /* View slug: category-project-listing - start */ /* ----------------------------------------- */ .form-group-submit-item { width: 12%; float: left; } .reset-item { position: relative; top: 0; margin-top: 0; right: 1px; text-align: right; } .form-group-item-list { display: block; float: left; width: 100%; text-align: center; margin-bottom: 30px !important; } .form-group-item-list .radio label, .form-group-item-list .radio label { min-height: 20px; padding-left: 0; margin-bottom: 0; font-weight: 400; cursor: pointer; } .form-group-item-list .radio .js-wpv-filter-trigger { visibility: hidden; } label.active-online-btn { color: #84b585; } .form-group-list { width: calc(100% + 20px); display: inline-block; margin: 0 -10px; } .form-group-list .form-group-submit-item { margin-top: 0; padding: 0 10px; } .form-group-item-list .radio { display: inline-block; padding: 0 12px; } .form-group-item-list .radio:first-child { border-right: 2px solid #84b585; } .form-group-item input, .form-group-item select { height: 48px; /* width: 100% !important; */ border-radius: 0; box-shadow: unset; border-color: rgba(215, 215, 215, 1); } .form-group-item input.js-wpv-filter-trigger-delayed.form-control::placeholder,.form-group-item input.js-wpv-filter-trigger-delayed.form-control::-moz-placeholder,.form-group-item input.js-wpv-filter-trigger-delayed.form-control::-webkit-input-placeholder { color:#566264 !important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#566264 !important; } .form-group-submit-item input.wpv-submit-trigger.js-wpv-submit-trigger.btn { width: 100%; border-radius: 0; background: #84b585; font-weight: normal; text-transform: capitalize; font-weight: normal; text-shadow: unset; } .form-group-submit-item input.wpv-submit-trigger.js-wpv-submit-trigger.btn:hover { background: #125a6e; } .form-group-list .form-group-item { width: 22%; float: left; margin-top: 0; padding: 0 10px; } .form-group-item-list .radio:last-child { border: 0px; } @media only screen and (max-width: 800px) { .form-group-list .form-group-item { width: 50%; margin-bottom: 15px; } .form-group-list .form-group-submit-item { width: 100%; } } @media only screen and (max-width: 480px) { .form-group-list .form-group-item { width: 100%; } } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .row.row-eq-height { width: calc(100% + 30px); margin: 0 -15px; } .row-eq-height > .blog-list { flex-direction: column; margin-bottom: 30px; } #theCarousel a.carousel-control { width: 50px; height: 50px; border-radius: 25px; background: transparent; color: #248695 !important; opacity: 1; border-color: #248695; top: 100px; border: 0; } /* ----------------------------------------- */ /* View slug: category-project-listing - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-category-project-listing - start */ /* ----------------------------------------- */ .project-small-text { padding: 0px 8px; font-size: 13px !important; line-height: 14px !important; color: #434343 !important; font-weight: 500 !important; } .project-image { width: 40%; float: left; min-height: 200px; max-height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; } #theCarousel a.left.carousel-control { left: -50px; } #theCarousel a.right.carousel-control { right: -50px; } .project-title a { color: #125A6E; } .project-image img{ visibility: hidden; } .project-texonomy a { color: inherit; } .project-content { float: left; width: 60%; padding: 0 10px; height: 100%; } .project-inner { display: inline-block; /*margin-bottom: 15px !important;*/ background: #fff; height: 100%; } .project-title { font-size: 16px !important; font-family: gothambook,sans-serif !important; color: #125A6E; font-weight: bold; padding: 15px 8px; line-height: normal !important; } .project-texonomy a { color: inherit; width: 100%; display: inline-block; } .col-md-4.project-list { margin-bottom: 35px; } .project-texonomy:hover a { transform: translateX(-25%) scale(1); width: 13px; } .project-texonomy { position: absolute; bottom: 0; padding: 0; color: #566264 !important; font-family: gothambook !important; font-size: 0; height: 100%; right: 15px; width: 6px; top: 0; } .project-title a:hover { color: #84b585; } @media only screen and (max-width: 980px) { .col-md-4.project-list { margin-bottom: 35px; display: none; } .col-md-4.project-list:first-child,.col-md-4.project-list:nth-child(2) { display: block; } #theCarousel a.left.carousel-control { left: -25px; } #theCarousel a.right.carousel-control { right: -25px; } } @media only screen and (max-width: 767px) { .project-texonomy { height: 92%; } } @media only screen and (max-width: 767px) { .col-md-4.project-list,.col-md-4.project-list:nth-child(2) { margin-bottom: 35px; display: none; } .col-md-4.project-list:first-child { display: block; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-category-project-listing - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-indivisual-project-view - start */ /* ----------------------------------------- */ .article-picture img { height: 250px; visibility: hidden; } .article-excerpt { font-size: 16px; } .article-meta{ font-size: 12px; text-transform: uppercase; font-family: "Raleway" !important; } .article-picture { border-bottom: 8px solid; border-color: #f1f1f1; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; height: 250px; background-color: #fff; } .col-inner:hover .hover-content { opacity: 1; } /*.hover-content a.btn:hover { background: #84b585; color: #ffffff; }*/ .hover-content .filler { width: 100%; margin: 0px 0; font-weight: lighter; position: absolute; font-family: gothambook !important; font-size: 1.2rem !important; color: #fff !important; text-align: center; top: calc( 50% - 10px); color: #ffffff; text-align: center; letter-spacing: 0.035em !important; } .hover-content { position: absolute; top: 0; width: 100%; opacity: 0; height: 100%; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .article-author { font-size: 16px; font-weight: 600; color: #434343; text-transform: uppercase; margin-bottom: 18px; letter-spacing: 0.035em !important; line-height: 16px; } .article-date { color: #434343 !important; font-size: 13px; font-family: open sans, sans-serif !important; margin-bottom: 1% !important; } .article-title { margin: 0 0 7px 0 !important; } .col-inner { background-color: #fff; height: 100%; /* margin-bottom: 35px !important; */ } .article-content { padding: 15px; } .article-title a { color: #84b585; text-transform: capitalize; font-size: 20px; font-weight: 700; line-height: 22px; -webkit-font-smoothing: antialiased; } .article-excerpt { margin-bottom: 20px !important; font-family: open sans, sans-serif; letter-spacing: 0.035em; } /* ----------------------------------------- */ /* Content Template: loop-item-in-indivisual-project-view - end */ /* ----------------------------------------- */