/*
Theme Name: greennewdeal
Author: Dylan Hyun
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: greennewdeal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

greennewdeal is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
 */


/* CORE */

/* Utilities */
.fw-row {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
}

.anchor {
  margin-top: -120px;
  padding-bottom: 120px; 
  display: block;
}

.anchor-table {
  margin-top: -120px;
  padding-bottom: 120px; 
}

.bg-black {
  background-color: #000000;
}

/* Typography */
body {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #1a1d1e;
}
.font-size-base {
  font-size: 1em;
  font-weight: 400;
}
h1, .h1 {
  font-size: 1.802em;
  font-weight: 600;
}
h2, .h2 {
  font-size: 1.602em;
  font-weight: 600;
}
h3, .h3 {
  font-size: 1.266em;
  font-weight: 600;
}
h4, .h4 {
  font-size: 1.125em;
  font-weight: 600;
}
h5, .h5 {
  font-size: 1em;
  font-weight: 600;
}
.highlight {
  color: #1E9137;
}
.main-underline {
  border-bottom: 2px solid #1E9137;
}
.warning {
  color: #ff0000;
}

/* Links and Buttons */
a, a:hover, a:not([href]), .btn-link {
  color: #1E9137;
}
a:hover {
  text-decoration: underline #1E9137;
}

.btn-link:hover {
  color: #1E9137;
  text-decoration: underline #1E9137;
}

.no-hover:hover {
  text-decoration: none;
  color: inherit;
}

.btn-pill {
  border-radius: 20px;
  background-color: #000000;
  width: 100%;
  color: #ffffff;
}
.btn-pill:hover {
  background-color: #000;
  color: #ffffff;
}

.btn-pill-green {
  border-radius: 20px;
  background-color: #1E9137;
  width: 100%;
  color: #ffffff;
}
.btn-pill-green:hover {
  background-color: #1E9137;
  color: #ffffff;
}

button, .btn {
  transition: 0.15s ease-in-out;
}

/* COMPONENTS */

/* Header */
.header-wrapper {
  background-color: transparent;
}
.header {
  background-color: #000;
  color: #fff;
}
.header img {
  height: 80px;
}
.header .donate, header .donate:hover {
  color: #fff
}
.header .donate:hover {
  text-decoration: underline;
}
.btn-hamburger {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 5px;
}
.btn-hamburger:hover, .header .btn-hamburger.open {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}
.hamburger-menu {
  height: 100vh;
  width: 250px;
  background-color: #000;
  display: none;
  position: absolute;
  right: 0;
}
.hamburger-menu.open {
  display: flex;
}
.menu-item {
  color: #fff;
}
.menu-item:hover {
  color: #fff;
  text-decoration: underline #fff;
}

/* Footer */
footer {
  background-color: #e9e9e9;
}
.bottom-spacer {
  height: 12vh;
}

.footer-icon {
  max-height: 25px;
}

/* Banner */
.banner {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  background-color: #1E9137;
  color: #fff;
}

/* Search */
.search {
  width: 100%;
  border: 1px solid #666;
  border-radius: 5px;
}
.search input {
  width: 100%;
  border-radius: 5px;
  color: #666;
}
.search button {
  color: #fff;
  background-color: #1E9137;
  border-radius: 0px;
}

/* Forms */

.ur-frontend-form {
  border: 0;
}

.ur-frontend-form input{
  border: 2px solid #666;
  border-radius: 8px!important;
  padding-left: 8px!important;
}

.ur-frontend-form label {
  margin-right: 8px;
}

.ur-frontend-form ul {
  margin-top: 10px!important;
}

.ur-frontend-form .ur-submit-button, .ur-frontend-form .user-registration-Button {
  background-color: #1E9137;
  color: #fff;
  border-radius: 6px;
  margin-left: 0!important;
  padding: 0.5em 1em !important;
  margin-right: 10px;
}

/* Tabs */
.nav-tabs .nav-link {
  text-transform: uppercase;
  text-decoration: none;
  color: #666666;
  border: none;
}
.nav-tabs .nav-link.active, .nav-link:hover {
  border: none;
  color: #1E9137;
  border-bottom: 3px solid #1E9137;
  font-weight: 800;
}

.nav-link {
  padding: 0.5rem 0;
}

/* Table */
.data-table {
  text-align: center;
}
.data-table th {
  border: none;
  font-weight: 800;
}
.data-table tbody tr:nth-of-type(odd) {
  background-color: rgba(216,216,216,0.3);
}
.table-wrapper {
  overflow-x: auto;
}
.table-wrapper table {
  width: 100%;
}
.data-table .btn-link{
  color: #1a1d1e;
}
.data-table .btn-link:hover{
  color: #1E9137;
}
.btn-filter {
  font-size: 14px;
  width: 100%;
  border-radius: 25px;
  color: #1a1d1e;
  border: 1px solid #000;
  padding: 0;
  max-width: 120px;
}

.btn-filter span {
  text-overflow: ellipsis;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
}
.btn-filter i {
  padding: 4px;
  background-color: #666;
  color: #fff;
  width: 29px;
  height: 22px;
  border-radius: 100%;
  transition: 0.15s ease-in-out;
}
.btn-filter:hover i {
  background-color: #000;
}

/* Secondary Pages */
.secondary-page-header {
  font-size: 1.43em;
  display: inline-block;
}

/* Blog */
.display-posts-listing {
  padding-inline-start: 0;
}

.display-posts-listing .listing-item {
  display: block;
  padding-bottom: 1rem;
}

.display-posts-listing .listing-item .title {
  font-size: 1.43em;
  font-weight: 600;
  display: inline-block;
  color: #1E9137;
  border-bottom: 2px solid #1E9137;
}

.display-posts-listing .listing-item .content {
  padding-top: 15px;
}

.entry-title {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1rem!important;
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
}