/* ----- FULL WIDTH STYLING ----- */

 .col-sm-12,
 .col-sm-9,
 .col-sm-3 {
	padding-left: 0px !important;
 	padding-right: 0px !important;
 }

 .container-fluid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
 }


/* ---- DRUPAL STYLING ----- */
 .alert {
	padding: 25px;
	margin: 25px auto 25px auto;
	font-size: 16px;
	width: 60%;
 }

 .nav-tabs {
	width: 70%;
	margin: auto;
	border: none;
 }

 .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus, .nav-tabs a:hover {
	border: 2px solid #7597a0;
	border-radius: 20px;
	background-color: transparent;
 }

 .nav li a:hover {
	background-color: transparent;
 }

 .page {
	background-color: #ffffff;
 }


/* ----- TEXT STYLING ----- */
 body {
	font-family: 'lato', 'Arial', 'Helvetica Neue', sans-serif;
	font-size: 16px;
	color: #555556;
 }

 h1 {
	font-size: 40px;
	text-align: center;
	color: #7597a0;
	border-bottom: none;
 }

 h2 {
	font-size: 40px;
	text-align: center;
	color: #7597a0;
 }

 h3 {
	font-size: 24px;
	text-align: center;
	color: #7597a0;
 }

 p {
	text-align: center;
	padding-bottom: 25px;
 }

 a {
	color: #7597a0;
	text-decoration: none;
 }

 a:hover {
	color: #7597a0;
 }


/* ----- TEXT CLASS STYLING ----- */

 .white-button {
	display: inline-block;
	margin: 15px;
 }

 .white-button a {
	font-size: 18px;
	border: 2px solid #ffffff;
	border-radius: 20px;
	padding: 10px 50px 10px 50px;
	color: #ffffff;
	margin: 10px;
 }

 .white-button a:hover {
	background-color: #ffffff;
	color: #7597a0;
	text-decoration: none;
 }

 .page-header {
	border-bottom: none;
 }


/* ----- MENU STYLING ----- */
 .navbar-is-fixed-top {
	margin-top: 100px !important;
 }

 .navbar-nav {
	text-transform: uppercase;
	float: right;
	margin-right: 15%;
 }

 .navbar-default {
	background-color: #ffffff;
	border: none;
	box-shadow: 0px 1px 10px rgba(0, 0 ,0, 0.2)
 }

 .navbar-header {
	margin-left: 15% !important;
	padding-top: 0px;
 }

 .navbar-brand {
	display: none;
 }

 .navbar-nav li a {
 	padding: 40px 15px;
 }

 .navbar-default .navbar-nav li a {
 	background-color: transparent;
 	transition-duration: 0.4s;
 }

 .navbar-default .navbar-nav li a:hover,
 .navbar-default .navbar-nav li a:focus {
 	background-color: #b3c8ce;
 }

 .navbar-default .navbar-nav .active a,
 .navbar-default .navbar-nav .active a:hover,
 .navbar-default .navbar-nav .active a:focus {
 	background-color: #b3c8ce;
 }


/* ----- BANNER ----- */
 
 .view-banners {
	height: 50vh;
	width: 100%;
 }

 .views-field-field-banner-image {
	position: fixed;
	z-index: -10;
	background-color: #000000;
 }

 .views-field-field-banner-image img {
	object-fit: cover;
	object-position: center;
	background-position: center;
	background-size: cover;
	height: 50vh;
	filter: brightness(70%);
 }

 .view-banners .body {
	text-align: center;
	color: #ffffff;
	font-weight: 300;
	position: absolute;
	width: 70%;
	margin-left: 15%;
	padding-top: 190px;
 }

 .view-banners .body p {
	font-size: 25px;
 }

 .view-banners h1 {
	color: #ffffff;
	font-size: 40px;
 }

 .view-banners h2 {
	color: #ffffff;
	font-size: 35px;
 }

 .view-banners .white-button a {
	font-size: 18px;
 }


/* ----- ABOUT SECTION ----- */

 #block-getinvolvedcontent {
	background-color: #7597a0;
 }

 #about {
	width: 70%;
	margin: auto;
	font-size: 16px;
	padding: 60px 0px 80px;
 }

 #about h1 {
	padding-bottom: 50px;
 }

 .banner-image {
	width: 100%;
	height: 45vh;
	overflow: hidden;
 }

 .banner-image h2 {
	position: absolute;
	top: 15vh;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	color: #ffffff !important;
	z-index: 1;
	opacity: 1;
 }

 .banner-image a {
	color: #ffffff;
	opacity: 1;
 }

 .banner-image a:hover {
	text-decoration: none;
	cursor: default;
 }

 .banner-image .field--name-body {
	position: absolute;
	top: 25vh;
	width: 80%;
	text-align: center;
	color: #ffffff;
	z-index: 1;
	opacity: 1;
	font-size: 25px;
	left: 10%;
 }

 .field--name-field-banner-image {
	position: fixed;
	z-index: -10;
	background-color: #444445;
 }

 .field--name-field-banner-image img {
	background-position: center;
	background-size: cover;
	opacity: 0.8;
	height: 47vh;
	width: 102vw;
	object-fit: cover;
	filter: blur(2px);
 }


/* ----- INVOLVED REGION ----- */

 #block-getinvolvedheading {
	background-image: url(/sites/default/files/banner-images/get-involved-ban.jpg);
	height: 40vh;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
 }

 #block-getinvolvedheading h2, h3 {
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
 }

 .involved-title {
	padding-top: 175px;
 }

 .get-involved {
	color: #ffffff ;
	width: 70%;
	margin: auto;
	padding: 80px 0px;
	font-size: 18px;
	text-align: center;
 }


/* ----- CONTACT REGION ----- */
 #block-getintouchwithus {
	padding: 50px 0 50px 0;
	background-color: #ffffff;
	text-align: center;
 } 


/* ----- CONTACT FORM ----- */

 #block-webform {
	background-color: #ffffff;
	padding-bottom: 80px;
	text-align: center;
 }

 .form-control {
	font-size: 16px;
	color: #7597a0;
	height: 55px;
	border-radius: 20px;
	border: 2px solid #7597a0;
 }

 .webform-submission-form {
	width: 60%;
	margin: auto;
	font-weight: 400;
	letter-spacing: 1px;
 }

 .form-item-field-message-0-value {
	margin: 20px;
 }

 .form-submit {
	border-radius: 20px;
    height: 55px;
    width: 250px;
    font-size: 16px;
    font-weight: 300;
    background-color: #7597a0;
    border: none;
    transition-duration: 0.2s;
 }

 #block-webform .form-item {
	display: inline-block;
	width: 48%;
	margin: 10px;
 }

 .intl-tel-input {
	width: 100%;
 }

 .form-type-textarea {
	width: 99% !important;
 }

 .js-webform-telephone-international {
	width: 100% !important;
 }

 .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
 	border-top-left-radius: 20px;
 	border-bottom-left-radius: 20px;
 }

 .intl-tel-input.allow-dropdown .flag-container:focus,
 .intl-tel-input.allow-dropdown .flag-container:active {
 	outline: none;
 }

 .form-submit:hover, .form-submit:active, .form-submit:focus {
	background-color: #527e89;
 }

 #edit-preview {
	display: none;
 }

 .layout--twocol {
	width: 70%;
	margin: auto;
 }

 .contact-message-contact-us-form .control-label {
	display: none;
 }

 .captcha {
	margin: auto;
    width: 304px;
    padding-bottom: 30px;
 }

 #block-fullpageimage {
	background-image: url(/sites/default/files/banner-images/fw-image.jpg);
	background-size: cover;
	background-position: center;
	position: fixed;
	width: 100%;
	height: 70vh;
	z-index: -10;
 
 }


/* ----- QUOTE BLOCK STYLING ----- */

 #block-majunquote {
	height: 40vh;
	color: #ffffff;
	font-size: 30px;
	background-image: url(/sites/default/files/banner-images/nature.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	text-align: center;
 }

 #block-majunquote .quote {
	width: 50%;
	margin: 0px auto;
	font-weight: 300;
 }

 #block-majunquote .field--name-body:before {
	content: url(/sites/default/files/images/airquote.png);
	display: block;
	opacity: 0.6;
	position: relative;
	left: 16%;
	top: 90px;
	width: 160px
 }

 #block-majunquote .field--name-body:after {
	content: url(/sites/default/files/images/airquote.png);
	display: block;
	opacity: 0.6;
	transform: rotate(180deg);
	position: relative;
	left: 75%;
	top: -130px;
	width: 160px;
 }


/* ----- INFO PAGE STYLING ----- */

 .info-page .field--name-field-background-image {
	position: fixed;
	z-index: -10;
	top: 0;
 }

 .info-page .field--name-field-background-image img {
	filter: brightness(60%);
	object-fit: cover;
	object-position: center;
	background-position: center;
	background-size: cover;
	height: 100vh;
 }

 .info-page .field--name-body {
	margin: 30vh 0px 21vh;
	font-size: 30px;
	color: #ffffff;
 }

 .thnkbtn {
	display: inline-block;
 }

 .thnkbtn a {
	display: inline-block;
	margin: 50px 10px;
	border: solid 2px #ffffff;
	border-radius: 20px;
	color: #ffffff;
	text-decoration: none;
	padding: 10px 50px;
	transition-duration: 0.4s;
	font-size: 18px;
 }

 .thnkbtn a:hover {
	background-color: #ffffff;
	color: #7597a0;
 }


/* ----- SPONSOR REGION ----- */

 #block-sponsoredby {
	background-color: #93B63E;
	margin-bottom: -50px;
	background-image: url(/sites/default/files/banner-images/canopy.jpg);
	background-attachment: fixed;
 }

 #block-sponsoredby h2 {
	color: #ffffff;
	padding-top: 50px;
 }

 .sponsor-block {
	text-align: center;
	width: 935px;
	margin: auto;
 }

 .sponsor {
	padding: 50px 25px 50px 25px;
 }

 .sponsor img {
	padding: 20px;
 }


/* ----- INVENTORY CATEGORY PAGES ----- */

 .page-node-type-inventory-category .page-header {
	display: none;
 }

 #block-views-inventorycat {
	text-align: center;
	padding-top: 80px;
	background-color: #ffffff;
 }

 .view-inventory-category-view-page {
	width: 80%;
	margin: auto;
 }

 .view-inventory-category-view-page .views-row {
	display: inline-block;
	width: 23%;
	margin: 0px 10px 25px 10px;
	background-color: #f1f1f1;
	transition-duration: 0.2s;
	border-radius: 7px;
	color: #222223;
	font-size: 18px;
 }

 .view-inventory-category-view-page .image {
	overflow: hidden;
 }

 .view-inventory-category-view-page .image img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	background-position: center center;
	background-size: cover;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
 }

 .view-inventory-category-view-page .title {
	padding: 15px 0px 15px 0px;
 }

 .view-inventory-category-view-page .views-row:hover {
	background-color: #7597a0;
	color: #ffffff;
 }

 .view-inventory-category-view-page .views-row a {
	color: #555556;
	text-decoration: none;
	transition-duration: 0.4s;
 }

 .view-inventory-category-view-page .views-row a:hover {
	color: #ffffff;
	text-decoration: none;
 }

 #block-views-inventory {
	background-color: #ffffff;
	padding-top: 80px;
 }


/* ----- INVENTORY CONTENT PAGES ----- */
 
 .region-content .views-page .content {
 	background-color: #ffffff;
 	padding: 80px 0px 0px;
 }

 .region-content .views-page .field--name-field-body {
 	width: 80%;
 	margin: auto;
 }

 .region-content .views-page .field--name-field-body h3 {
 	color: #555556;
 }
 


/* ----- DOMESTIC FUEL BURNING ----- */

 .views-field-field-paraffin-households, .views-field-field-total-paraffin-kgyr,
 .views-field-field-so2, .views-field-field-no, .views-field-field-pm10 {
	display: inline-table;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin: 5px;
	background-color: #f1f1f1;
 }

 .views-field-field-wood-households, .views-field-field-total-wood-kgyr,
 .views-field-field-wood-so2, .views-field-field-wood-no, .views-field-field-wood-pm10 {
	display: inline-table;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin: 5px;
	background-color: #f1f1f1;
 }

 .views-field-field-coal-households, .views-field-field-total-coal-kgyr,
 .views-field-field-coal-so2, .views-field-field-coal-no, .views-field-field-coal-pm10 {
	display: inline-table;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin: 5px;
	background-color: #f1f1f1;
 }

 .view-inventory .views-field-nothing,
 .view-inventory .views-field-nothing-1,
 .view-inventory .views-field-nothing-2 {
	display: inline-table;
	padding-right: 25px;
	text-align: left;
	width: 100px;
 }

 .views-field-field-paraffin-households,
 .views-field-field-wood-households,
 .views-field-field-coal-households,
 .views-field-field-total-paraffin-kgyr,
 .views-field-field-total-wood-kgyr,
 .views-field-field-total-coal-kgyr {
	width: 270px;
 }

 .views-field-field-coal-so2, .views-field-field-wood-so2, .views-field-field-so2,
 .views-field-field-coal-no, .views-field-field-wood-no, .views-field-field-no,
 .views-field-field-coal-pm10, .views-field-field-wood-pm10, .views-field-field-pm10 {
	width: 170px;
 }

 .view-inventory .views-label {
	font-weight: bold;
 }

 #block-views-dfb .views-field-nothing-5 {
	font-size: 25px;
	padding: 40px 0px;
	color: #7597a0;

 }

 #block-views-dfb {
	background-color: #ffffff;
	text-align: center;
 }

 .views-field-field-dfb-location {
	display: inline-block;
 }

/* ----- LANDFILLS INVENTORY STYLING ----- */
 
 #block-views-landfills {
 	background-color: #ffffff;
 }

 .view-landfills {
 	width: 80%;
 	margin: auto;
 	text-align: center;
 }

 .view-landfills .title {
 	font-size: 25px;
	padding: 60px 0px 20px;
	color: #7597a0;
 }

 .view-landfills .nrland,
 .view-landfills .landbnz,
 .view-landfills .landpm {
 	display: inline-block;
 	vertical-align: middle;
 	padding: 20px;
 	margin: 5px;
 	background-color: #f1f1f1;
 }

 .view-landfills .views-label {
 	font-weight: 700;
 }

 .view-landfills .views-row {
 	display: inline-block;
 	margin: 20px;
 }


/* ----- FAQ PAGE ----- */
 
 .faq-page .field--name-body {
 	background-color: #ffffff;
 	padding-top: 80px;
 }

 .faqacc {
 	width: 70%;
 	margin: auto;
 }

 .ckeditor-accordion-container {
 	padding-top: 55px;
 }

 .ckeditor-accordion-container dl {
 	border: none;
 }

 .ckeditor-accordion-container dl dt .ckeditor-accordion-toggle:before,
 .ckeditor-accordion-container dl dt .ckeditor-accordion-toggle:after {
 	background-color: #7597a0;
 }

 .ckeditor-accordion-container dl dt.active .ckeditor-accordion-toggle:after,
 .ckeditor-accordion-container dl dt.active .ckeditor-accordion-toggle:before {
 	background-color: #ffffff;
 }

 .ckeditor-accordion-container dl dt:hover .ckeditor-accordion-toggle:before,
 .ckeditor-accordion-container dl dt:hover .ckeditor-accordion-toggle:after {
 	background-color: #ffffff;
 }

 .ckeditor-accordion-container dl dt a {
 	padding: 25px 50px;
 	background-color: #f1f1f1;
 	color: #555556;
 	border-bottom: 1px solid #eaeaea;
 	transition-duration: 0.4s;
 }

 .ckeditor-accordion-container dl dt a:hover {
 	background-color: #7597a0;
 	color: #ffffff;
 	border-bottom: 1px solid #eaeaea;
 	text-decoration: none;
 	transition-duration: 0.4s;
 }

 .ckeditor-accordion-container dl dt a:focus {
 	text-decoration: none;
 }

 .ckeditor-accordion-container dl dd {
 	padding: 35px 35px 10px;
 	border: none;
 	background-color: #fafafa;
 }

 .ckeditor-accordion-container dl dt.active a {
 	background-color: #7597a0;
 	color: #ffffff;
 	border-bottom: none;
 	text-decoration: none;
 }


/* ----- BLOG PAGE STYLING ----- */
 .region-content .article {
 	background-color: #ffffff;
 	padding: 80px 0px 30px;
 }

 .region-content .article .field--name-body {
 	width: 80%;
 	margin: auto;
 }


/* ----- USER ACCESS ----- */

 .user-form, .user-login-form, .user-pass {
	width: 50%;
	margin: auto;
	padding: 50px 25px 0px 25px;
	text-align: center;
 }

 .user-form #edit-contact {
	display: none;
 }

 #block-userregistrationinfo {
	width: 50%;
	margin: auto;
 }

 .path-user .region-content {
 	background-color: #ffffff;
 }

 #block-logintoyouraccount, #block-resetyourpassword {
 	padding-top: 60px;
 }


/* ----- BLOG VIEWS PAGE ----- */
 #block-views-blog {
 	background-color: #ffffff;
 	padding: 80px 0px;
 }

 #block-views-blog .view-blog {
 	width: 80%;
 	margin: auto;
 	text-align: center;
 }

 .view-blog .views-row {
 	width: 31%;
 	display: inline-block;
 	margin: 10px;
 	vertical-align: top;
 	background-color: #f1f1f1;
 	border-radius: 7px;
 }

 .view-blog a {
 	text-decoration: none;
 }

 .view-blog .body-text h3 {
 	color: #7597a0;
 	min-height: 55px;
 	margin-bottom: 20px;
 }

 .view-blog .body-text {
 	padding: 20px;
 	color: #555556;
 }

 .view-blog .date {
 	position: absolute;
 	background-color: #7597a0;
 	color: #ffffff;
 	padding: 20px 20px;
 	border-top-left-radius: 7px;
 	font-weight: 300;
 }

 .view-blog .date .day {
 	font-size: 40px;
 }

 .view-blog .date .mnth {
 	font-size: 25px;
 	margin-top: -15px;
 	font-weight: 400;
 }

 .view-blog .image img {
 	height: 320px;
 	object-position: center;
 	object-fit: cover;
 	border-top-left-radius: 7px;
 	border-top-right-radius: 7px;
 }

 .view-blog .body-text .blgbtn a {
 	background-color: #7597a0;
 	padding: 15px 50px;
 	display: inline-block;
 	margin-top: 20px;
 	border-radius: 7px;
 	color: #ffffff;
 }


/* ----- LEGAL PAGES ----- */
 
 .legal-info-page .field--name-body {
 	background-color: #ffffff;
 }

 .legal-info-page .body-text {
 	width: 80%;
 	padding: 80px 0px 0px 20px;
 }

 .legal-info-page .body-text ul {
 	font-size: 14px;
 	text-align: left;
 	padding-bottom: 10px;
 }

 .legal-info-page .body-text p {
 	font-size: 14px;
 	text-align: justify;
 	padding-bottom: 10px;
 }

 .legal-info-page .body-text h2 {
 	text-align: left;
 }

 #block-entityviewcontent-2 {
 	width: 50%;
 	float: right;
 }

 #block-entityviewcontent-2 h2 {
 	text-align: left;
 }

 #block-entityviewcontent-2 .terms-sidebar h2 {
 	display: none;
 }

 .region-sidebar-first {
 	background-color: #ffffff;
 	padding-top: 80px;
 }

 .legal-info-page .body-text:before {
 	content: "";
 	display: block;
 	position: absolute;
 	z-index: -1;
 	width: 100%;
 	height: 100%;
 	left: -50%;
 	background-color: #ffffff;
 }

 .page-node-type-legal-info-page .col-sm-3 {
 	width: 30%;
 }

 .page-node-type-legal-info-page .col-sm-9 {
 	width: 70%;
 }


/* ----- FOOTER REGION ----- */
 .footer {
	color: #ffffff;
	border-top: none;
	background-color: #333334;
	margin-top: 50px;
 }

 #block-footerinfo {
	font-size: 14px;
 }

 #block-footerinfo p {
	padding-bottom: 0px;
 }