/*
Theme Name: eWasteCollective
Theme URI: http://www.ewastecollective.org
Description: Welcome to the new eWasteCollective.org website theme. This theme has been built using Bootstrap Responsive technology with the goal of a simple, clean, and fast website. It was completed by Jared Mitchell a Senior Enginner at datafly.net
Author: Jared Mitchell
Author URI: http://www.jmdesigns.co.nz
Version: 1.0
Tags: Mobile Responsive, Bootstrap 3.0
*/

/* WordPress Default Styling from TwentyFifteen Theme */
.alignleft {
    display: inline;
    float: left
}

.aligntextleft {
    text-align: left
}

.alignright {
    display: inline;
    float: right
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.aligntextcenter {
    text-align: center
}

.entry-content > :last-child, .entry-summary > :last-child {
    margin-bottom: 0
}

.comment-content, .entry-content, .entry-summary, .page-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.entry-content h1 {
    margin: 60px 0 30px
}

.entry-content h4 {
    margin-bottom: 0
}

.entry-content p {
    margin-bottom: 25px;
    line-height: 1.68
}

.comment-content a:focus, .comment-content a:hover, .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .page-content a:focus, .page-content a:hover, .pingback .comment-body > a:focus, .pingback .comment-body > a:hover {
    border-bottom: 0
}

.comment-content a img, .entry-content a img, .entry-summary a img, .page-content a img {
    display: block
}

.wp-caption.alignleft, blockquote.alignleft, img.alignleft {
    margin: .4118em 1.6471em 1.6471em 0
}

.wp-caption.alignright, blockquote.alignright, img.alignright {
    margin: .4118em 0 1.6471em 1.6471em
}

.wp-caption.aligncenter, blockquote.aligncenter, img.aligncenter {
    margin-top: .4118em;
    margin-bottom: 1.6471em
}

.wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright {
    margin-bottom: 1.2353em
}

.page-content {
    padding: 7.6923%
}

.page-content > :last-child {
    margin-bottom: 0
}

.entry-attachment {
    margin-bottom: 1.6em
}

.type-attachment .entry-title {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

/* Scroll Bar fix */
html {
    overflow-y: scroll;
}


/* CodePilot remove the back to top as it no longer worked */
#scrollUp {display: none!important}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 90px;
    font-family: 'Montserrat', sans-serif;
    color: #484848;
    background-color: #ffffff;
}

/* Global Settings */

h1 {
    font-size: 28px;
}

h2, h3 {
    font-size: 22px;
}

h6 {
    font-size: 16px;
    line-height: 1.4;
}

p, td {
    font-size: 15px;
    line-height: 1.59;
}

a {
    color: #1b6ede;
}

a:hover {
    color: #1555ab;
}

#primary {
    background-color: #ffffff;
}

.entry-content {
    padding: 0 6%;
}

.post-content {
    overflow: hidden;
}

article > .std-page {
    padding-bottom: 55px;
}

.sidebar-inner {
    display: none;
}

/* Navigation */

.navbar {
    background-color: #1b6ede;
    min-height: 90px;
}

.navbar-shadow {
    -webkit-box-shadow: 0 1px 30px 0 rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0 1px 30px 0 rgba(50, 50, 50, 0.25);
    box-shadow: 0 1px 30px 0 rgba(50, 50, 50, 0.25);
}

.navbar .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.current-menu-item > a {
    color: #a2ff00;
}

.navbar-default,
.navbar-default .navbar-toggle {
    border: none;
}

.navbar > .container .nav-logo {
    width: 300px;
    margin-top: 30px;
}

.navbar-default span.brand-green {
    color: #a2ff00;
}

.navbar-default > .container .navbar-right {
    padding-top: 9px;
    letter-spacing: 0.0008em;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #1862c7;
}

.navbar-default .mobile-nav-title {
    display: none;
}

/* Front Page Styling */

#fp-masthead {
    padding-bottom: 55px;
    color: #ffffff;
    /* css gradient */
    background-image: -ms-linear-gradient(top, #1b6ede 50%, #1862c7 100%);
    background-image: -moz-linear-gradient(top, #1b6ede 50%, #1862c7 100%);
    background-image: -o-linear-gradient(top, #1b6ede 50%, #1862c7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1b6ede), color-stop(1, #1862c7));
    background-image: -webkit-linear-gradient(top, #1b6ede 50%, #1862c7 100%);
    background-image: linear-gradient(to bottom, #1b6ede 50%, #1862c7 100%);
}

#fp-masthead .masthead-text {
    padding-top: 70px;
}

#fp-masthead .masthead-text h2 {
    margin-top: -26px;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1.12;
}

#fp-masthead .masthead-logo img {
    margin: 0 auto;
    padding-top: 20px;
}

#fp-masthead .masthead-text p {
    font-size: 18px;
    margin-top: 10px;
}

#fp-action-featurette {
    padding-bottom: 10px;
}

#fp-action-featurette > .container {
    max-width: 850px;
}

#fp-action-featurette .call-to-action p {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

#fp-action-featurette .fp-action h2 {
    margin-bottom: 4px;
}

#fp-action-featurette .fp-action p {
    margin-bottom: 0;
    line-height: 1.4;
}

#fp-location-featurette > .container {
    max-width: 840px;
    text-align: center;
}

#fp-location-featurette p {
    font-size: 15px;
    margin: 0;
}

#fp-location-featurette .location-box {
    padding: 10px 0px;
}

#fp-location-featurette .location-box p.address {
    padding: 0 0 10px;
}

#fp-location-featurette .location-box p.sub-title {
    padding: 0 0 10px;
    font-style: italic;
    margin-top: -10px;
    font-size: 14px;
}

.contact-template-page p.sub-title {
    padding: 0 0 10px;
    font-style: italic;
    margin-top: -10px;
    font-size: 14px;
}

#fp-location-featurette .vacation-times {
    padding-top: 20px;
}

/* Template Page Custom Styles */

.featurette {
    padding-top: 55px;
    padding-bottom: 55px;
}

.white-featurette {
    background-color: #ffffff;
}

.green-featurette {
    color: #ffffff;
    text-align: center;
    /* CSS Gradient */
    background-image: -ms-linear-gradient(top, #73b61d 75%, #66a11b 100%);
    background-image: -moz-linear-gradient(top, #73b61d 75%, #66a11b 100%);
    background-image: -o-linear-gradient(top, #73b61d 75%, #66a11b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.75, #73b61d), color-stop(1, #66a11b));
    background-image: -webkit-linear-gradient(top, #73b61d 75%, #66a11b 100%);
    background-image: linear-gradient(to bottom, #73b61d 75%, #66a11b 100%);
}

.green-featurette p {
    font-size: 15px;
    margin-top: -10px;
}

.blurb-container {
    text-align: center;
    margin-bottom: 40px;
}

.content-container {
    margin-bottom: 35px;
}

.company-icons {
    padding: 20px 0;
}

.call-to-action {
    text-align: center;
}

.recycling-hours {
    margin: 5px 0 33px;
}

.recycling-hours p {
    line-height: 1.59;
    margin: 0;
}

.driving-directions h5 {
    font-size: 15px;
    margin: 15px 0 5px;
}

.contact-location {
    margin-bottom: 45px;
}

.contact-text h4 {
    line-height: 1.5;
}

.social-buttons a, .link-button a {
    display: inline-block;
}

.social-buttons a:hover {
    opacity: 0.5
}

h2.director-title,
h2.staff-title,
h2.interns-title {
    margin: 20px 0 35px 0;
}

.volunteer-container, .ewaste-container {
    margin-top: 55px;
}

.volunteer-container h3 {
    margin: 25px 0 7px;
}

p.blurb {
    font-size: 28px;
    padding: 97px 0 0;
    line-height: 32px;
    letter-spacing: 0.005em;
}

table.pricelist td {
    padding-bottom: 4px;
    padding-right: 40px;
}

span.no-appt {
    color: #7cc61e;
}

.application-form {
    padding-bottom: 25px;
}

.application-form img {
    float: left;
}

.application-form h4 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.application-form h5 {
    margin-bottom: 5px;
}

.application-form p {
    margin-top: 35px;
    margin-left: 60px;
}

.application-form ul {
    padding-left: 20px;
}

.application-form ul li {
    font-size: 14px;
}

/* Form Styling */

.ninja-forms-form-wrap label {
    font-weight: normal !important;
}

.btn-ewaste {
    color: #fff;
    background-color: #165bb7;
    border-color: #2e6da4;
}

/* Google Map Class */
.acf-map {
    width: 100%;
    height: 360px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* Media Boxes for Interns, Staff, ewaste recycling etc */

.media-default .media {
    margin-bottom: 55px;
}

.media-default .media .media-body {
    padding-left: 10px;
}

.media-default .media .media-body h3 {
    font-size: 17px;
    margin: 0 0 6px;
}

.media-default .media .media-body h4 {
    font-size: 15px;
    margin: 0 0 4px;
}

.media-default .media .media-body p {
    font-size: 13px;
    padding-right: 10px;
    margin: 0;
    line-height: 1.45;
}

.ewaste-container .media .media-body ul {
    padding-left: 20px;
}

.ewaste-container .media .media-body li {
    font-size: 13px;
    line-height: 1.9;
}

/* Images with Links & Roll Overs */

a.donate-btn {
    display: inline-block;
    background: url(images/donate_btn.png) 0 -53px no-repeat;
    height: 53px;
    width: 274px
}

a.donate-btn:after {
    background: url(images/donate_btn.png) 0 0 no-repeat;
}

a.donate-btn-white {
    display: inline-block;
    background: url(images/donate_btn_white.png) 0 0 no-repeat;
    height: 53px;
    width: 274px
}

a.donate-btn-white:after {
    background: url(images/donate_btn_white.png) 0 -53px no-repeat;
}

a.paypal-btn {
    display: inline-block;
    background: url(images/paypal_donate_btn.png) 0 0 no-repeat;
    height: 51px;
    width: 294px;
}

a.paypal-btn:after {
    background: url(images/paypal_donate_btn.png) 0 -51px no-repeat;
}

a.donate-btn-blue {
    display: inline-block;
    background: url(images/donate_btn_blue.png) 0 0 no-repeat;
    height: 53px;
    width: 274px;
}

a.donate-btn-blue:after {
    background: url(images/donate_btn_blue.png) 0 -53px no-repeat;
}

a.volunteer-btn-blue {
    display: inline-block;
    background: url(images/volunteer_btn_blue.png) 0 0 no-repeat;
    height: 53px;
    width: 274px;
}

a.volunteer-btn-blue:after {
    background: url(images/volunteer_btn_blue.png) 0 -53px no-repeat;
}

a.volunteer-btn-white {
    display: inline-block;
    background: url(images/volunteer_btn_white.png) 0 0 no-repeat;
    height: 53px;
    width: 274px;
}

a.volunteer-btn-white:after {
    background: url(images/volunteer_btn_white.png) 0 -53px no-repeat;
}

a.apply-btn {
    display: inline-block;
    background: url(images/apply_for_computer_btn.png) 0 0 no-repeat;
    height: 53px;
    width: 274px;
}

a.apply-btn:after {
    background: url(images/apply_for_computer_btn.png) 0 -53px no-repeat;
}

a.view-map-btn {
    margin: 15px 0;
    display: inline-block;
    background: url(images/view_map_btn.png) 0 0 no-repeat;
    height: 54px;
    width: 210px;
}

a.view-map-btn:after {
    background: url(images/view_map_btn.png) 0 -54px no-repeat;
}

/* Newsletter & Footer Styling */

.newsletter {
    background-color: #1b6ede;
    color: #ffffff;
    padding: 55px 0 0;
    text-align: center;
    min-height: 240px;
}

#footer {
    background-color: #323232;
    text-align: center;
    min-height: 180px;
    padding-top: 34px;
    padding-bottom: 50px;
}

#footer .social-buttons {
    margin-bottom: 15px;
}

#footer .social-buttons img {
    width: 35px !important;
    margin: 4px;
    border: 0;
    display: inline !important;
    vertical-align: middle;
}
#footer .social-buttons svg {
    width: 30px !important;
    height: 30px !important;
    margin: 4px;
    border: 0;
    display: inline !important;
    vertical-align: middle;
    color: #9c9c9c;
    fill: #9c9c9c;
}
#footer p.footer-address {
    font-size: 16px;
    color: #9c9c9c;
    margin-bottom: 10px;
}

#footer p.footer-copyright {
    font-size: 14px;
    color: #717171;
}

#footer .footer-address a {
    color: #9c9c9c;
}

#footer .recycling-icons {
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
}

#footer .recycling-icons img {
    margin: 0 10px;
}

/* Masonry Styling */

.item .panel-body {
    position: relative;
    overflow: hidden;
}

.masonry .item {
    margin-bottom: 15px;
}

/* blog specific styling */

.blog-container {
    padding-top: 30px;
}

.blog-container .search-form,
.blog-container .widget {
    padding-bottom: 30px;
}

.blog-container .widget h4 {
    margin-top: 0;
}

.blog-container .widget ul {
    list-style-type: none;
    padding-left: 0;
}

.blog-container .widget li {
    font-size: 13px;
    line-height: 1.9;
}

.blog-container .widget_categories li {
    font-size: 12px;
}

.blog-container .widget li a {
    color: #505154;
}

.blog-container h3.post-title {
    font-size: 19px;
}

.blog-container .post-content p {
    line-height: 1.39;
    margin-bottom: 0;
}

.blog-container .blog-social-icons {
    padding: 5px 0;
}

/* Bootstrap Overrides */

.bg-info, .bg-warning, .bg-success, .bg-danger {
    padding: 15px;
}

/* Form Styling */

.ninja-forms-field-error {
    color: #a94442;
    clear: both;
}

form.enews-form {
    max-width: 500px;
    margin: 0 auto;
}

form.enews-form .input-group .form-control {
    height: 50px;
    border-radius: 25px;
    border: 1px #ffffff solid;
    background-color: #1b6ede;
    padding-left: 10%;
    padding-right: 25%;
    font-size: 20px;
    color: #ffffff;
}

/* Form Placeholder text color */
form.enews-form .input-group .form-control::-webkit-input-placeholder {
    color: #ffffff;
}

form.enews-form .input-group .form-control::-moz-placeholder {
    color: #ffffff;
}

/* firefox 19+ */
form.enews-form .input-group .form-control:-ms-input-placeholder {
    color: #ffffff;
}

/* ie */
form.enews-form .input-group .form-control:-moz-placeholder {
    color: #ffffff;
}

form.enews-form .input-group-btn .btn-enews {
    height: 50px;
    border-radius: 25px;
    border: 1px #ffffff solid;
    background-color: #165bb7;
    margin-left: -50px;
    z-index: 2;
    width: 175px;
    font-size: 20px;
}

form.enews-form .input-group-btn .btn-enews:hover,
.btn-ewaste:hover {
    color: #ffffff;
    background-color: #124994;
}

/* vertical alignment styles */

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* columns of same height styles */

.row-full-height {
    height: 100%;
}

.col-full-height {
    height: 100%;
    vertical-align: middle;
}

.row-same-height {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

/* Transition Effects */

a {
    -o-transition: color 0.25s linear;
    -moz-transition: color 0.25s linear;
    -khtml-transition: color 0.25s linear;
    -webkit-transition: color 0.25s linear;
    -ms-transition: color 0.25s linear;
    transition: color 0.25s linear;
}

.img-fade {
    position: relative;
    text-indent: -9999px;
}

.img-fade:hover:after {
    opacity: 1;
}

.img-fade:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
}

/* Infinite Scroll loader */
#infscr-loading {
    text-align: center;
    z-index: 100;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 100px;
    width: 200px;
    padding: 10px;
    background: #000;
    opacity: 0.7;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* Scroll to Top Button */

#scrollUp {
    position: fixed;
    z-index: 2147483647;
    bottom: 30px;
    right: 25px;
    width: 38px;
    height: 38px;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: rgba(33, 33, 33, 0.3);
    color: #FFF;
    border-radius: 19px;
}

#scrollUp:hover {
    background-color: rgba(33, 33, 33, 0.6);
}

/* Offsetting Anchor links solution for fixed header */

.offset:before {
    display: block;
    content: " ";
    height: 125px; /* Give height of your fixed element */
    margin-top: -125px; /* Give negative margin of your fixed element */
    visibility: hidden;
}

/* ------------- */
/* Popover Modal */
/* ------------- */
body.modal-open {
  padding-right: 0 !important;
}

#popover-modal .modal-backdrop {
  background-color: #fff;
  opacity: 0.8;
}

#popover-modal .modal-header,
#popover-modal .modal-footer {
  background-color: #1b6ede;
  color: #fff;
  text-align: center;
}

#popover-modal .modal-header button.close {
  font-size: 32px;
  opacity: 1;
  color: #fff;
  font-weight: normal;
}
#popover-modal .modal-header button.close:hover {
  color: #a2ff00;
}

#popover-modal .modal-header button.close span {
  text-shadow: none;
}

#popover-modal .modal-title {
	font-size: 24px;
}

#popover-modal .modal-footer .btn {
  background-color: transparent;
  height: 53px;
  border-radius: 26px;
  border: 1px solid #fff;
  box-shadow: none;
  text-shadow: none;
  min-width: 250px;
}

#popover-modal .modal-footer .btn:hover {
  color: #a2ff00;
  border-color: #a2ff00;
}

#popover-modal .modal-body p {
	font-size: 14px;
}

@media(min-width: 992px) {
	#popover-modal .modal-title {
		font-size: 32px;
	}
	#popover-modal .modal-body p {
		font-size: 16px;
	}
}

.submit-pick-up {
    background-color: #1b6ede!important;
	color: #fff!important;
	padding: 12px 25px!important;
	border-radius: 50px!important;
	border: 0px solid white!important;
}
.ctrc-btn {
    position: relative;
    display: inline-block;
    color: #a2ff00;
    border: solid 1px #a2ff00;
    fill: #a2ff00;
    padding: 0 40px;
    border-radius: 27.5px;
    height: 52px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 52px;
    letter-spacing: 1px;
    text-decoration: none;
    transition: none;
}
.ctrc-btn:hover {
    text-decoration: none;
    color: #FFF;
    fill: #FFF;
    border-color: #FFF;
    border-bottom: solid 1px !important;
}
.ctrc-btn svg {
    color: inherit;
    fill: inherit;
    height: 50px;
    width: 100px;
    position: absolute;
    right: 40px;
}
.ctrc-btn-white-blue {
    color: #FFF;
    fill: #FFF;
    border-color: #FFF;
}
.ctrc-btn-white-blue:hover {
    color: #253B80;
    fill: #253B80;
    border-color: #253B80;
}
.ctrc-btn-blue-blue {
    color: #0079C1;
    fill: #0079C1;
    border-color: #0079C1;
}
.ctrc-btn-blue-blue:hover {
    color: #253B80;
    fill: #253B80;
    border-color: #253B80;
}
.index-step {
    background: #73b61d;
    display: grid;
    font-size: 2em;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto 3rem auto;
    width: 60px;
    height: 60px;
    border: solid 2px #73b61d;
    border-radius: 45px;
    box-sizing: border-box;
    font-weight: bold;
    align-items: center;
    justify-items: center;
    color: white;
}/*
.index-step {
    color: #73b61d;
    display: block;
    font-size: 3em;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    width: 75px;
    height: 75px;
    border: solid 2px #73b61d;
    line-height: 70px;
    border-radius: 45px;
    box-sizing: border-box;
}*/
.svg-enabled svg {
    width: 90px;
    height: 90px;
    color: inherit;
    fill: #73b61d;
}