/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100%;
}

.content {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

body, h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: bolder;
}

h4.commentsHeader {
	text-align: center;
}

p {
	margin-bottom: 0;
}

html, body {
	font-size: 15px;
	height: 100%;
	margin: 0;
	line-height: 1.15;
}

header h1 {
	text-align: center;
}

h2#resultsHeader {
	margin-bottom: 9px;
}

.exploreBusinessButtonDivContainer {
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 2em;
	margin-top: 2em;
}

.exploreBusinessButtonDivContainer a {
	border-radius: 50%;
	-webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

.exploreBusinessButtonDivContainer a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.exploreBusinessButtonDivContainer a:focus,
.exploreBusinessButtonDivContainer a:active {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.exploreBusinessButtonDiv {
	max-width: 246px;
	width: 246px;
	border-radius: 50%;
	/*display: inline-block;*/
	border: 1px solid grey;
	height: 246px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: white;
	position: relative;
}

.verifyEmailHighlighting {
	color: blue;
}

.invisibleDiv {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.companyInfoDiv, .pictureInfoDiv {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.companyInfoDiv p, .pictureInfoDiv p {
	padding-left: 30px;
}

.exploreButtonDivContainer {
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 2em;
}

.exploreButtonDivContainer a {
	display: block;
	border-radius: 50%;
	-webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

.exploreButtonDivContainer a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.exploreButtonDivContainer a:hover .overlay-text {
    color: rgba(0, 0, 0, 0.9);
}

.exploreButtonDivContainer a:focus,
.exploreButtonDivContainer a:active {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.exploreButtonDiv {
	max-width: 246px;
	width: 246px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid grey;
	height: 246px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: black;
	position: relative;
}

.exploreButtonDiv::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 246px;
	width: 246px;
	background-color: rgba(255, 255, 255, 0.5);
	pointer-events: none;
	z-index: 2;
}

button.homepageSearchButton:focus {
	outline: none;
}

button.homepageSearchButton:focus-visible {
	outline: 2px solid black;
}

button.homepageSearchButton:focus-visible span {
	background-color: rgb(255, 255, 178);
}

div#locationResult .homepageFeedMainDivs {
	background-color: rgba(232, 240, 254, .9);
}

div.notificationDivs {
	background-color: rgba(232, 240, 254, .9);
}

div.notificationDivs:first-child {
	border-top: 0;
}

div.notificationDivs:last-child {
	border-bottom: 1px solid grey;
}

div.homepageFeedImageDiv {
	margin: 0 3px;
}

div.homepageFeedImageDiv img {
	max-width: 45px;
	height: auto;
	border-radius: 3px;
	border: 1px solid rgba(241, 241, 241, 1);
	-webkit-box-shadow: 0px 1px 3px grey;
	        box-shadow: 0px 1px 3px grey;
}

div.homepageNoListingsImgOuterDiv {
	width: 100%;
	max-width: 100%;
}

div.homepageNoListingsImgDiv {
	width: 300px;
	max-width: 300px;
	margin: 0 auto;
}

div.homepageNoListingsImgDiv img {

}


p#locationResultHeader {
	text-align: center;
	margin-bottom: 18px;
}

.snowflakes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
            animation: snow 10s linear infinite;
}

.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: fall 5s linear infinite;
            animation: fall 5s linear infinite;
}

@-webkit-keyframes fall {
    0% {
        top: -10px;
    }
    100% {
        top: 100%;
    }
}

@keyframes fall {
    0% {
        top: -10px;
    }
    100% {
        top: 100%;
    }
}

@-webkit-keyframes snow {
    0% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}

@keyframes snow {
    0% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: rgba(0, 0, 0, 0.7);
    font-size: 3rem;
    text-align: center;
    z-index: 3;
    pointer-events: none;
}

.location-pin {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -110%);
        -ms-transform: translate(-50%, -110%);
            transform: translate(-50%, -110%);
    width: 30px;
    height: 30px;
    background-color: rgba(255, 99, 71, .7);
    border-radius: 50%;
}

.location-pin::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 40px;
    background-color: rgba(255, 99, 71, .7);
    border-radius: 10px;
}

.hamburger {
	margin-left: auto;
	max-width: 51%;
	width: 48%;
}

div.hamburgerDiv {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    border-radius: 50%;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: #4CAF50;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
            transform: translateX(26px);
}

div#location_toggle_subtext, div#location_toggle_subtext_biz {
	display: block;
	color: red;
}

div.detailsPageImageDiv {
	margin-top: 36px;
	margin-bottom: 36px;
}

div.pictureDetailsImageDiv {
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 18px;
}

div.pictureDetailsImageDiv img {
	height: auto;
	max-width: 90%;
	border: 1px solid grey;
}

div.pictureDetailsCaptionDiv {
	text-align: center;
	margin-bottom: 9px;
}

.navMenuLogoDiv img {
	display: none;
}

.navRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 9px;
}

.mainMenuLogoDiv {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	max-width: 69px;
	margin-top: 10px;
}

.myLinks {
	display: none;
}

.myLinksActive {
	display: block;
}

#main-nav div p a.activeNavMenuLink {
	color: blue;
}

.pagination {
	list-style-type: none;
	padding: 10px 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.pagination li {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: 10px;
}
.pagination li a {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #e2e6e6;
	padding: 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #616872;
	border-radius: 4px;
}
.pagination li a:hover {
	background-color: #d4dada;
}
.pagination .next a, .pagination .prev a {
	text-transform: uppercase;
	font-size: 12px;
}
.pagination .currentpage a {
	background-color: #518acb;
	color: #fff;
}
.pagination .currentpage a:hover {
	background-color: #518acb;
}

div.paginationDiv {
	text-align: center;
}

.logoDiv {
	max-width: 63%;
	width: 63%;
	margin: 0 auto;
}

.logoDivClassActive {
	display: none;
}

.topNavActive {
	width: 100%;
	max-width: 100%;
	background-color: white;
	margin: 0 auto;
}

.hamburger span {
  display: block;
  width: 35px;
  height: 3px;
  margin: 6px 0;
  margin-left: auto;
  margin-right: 10px;
  background-color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
  margin-top: 15px;
}

.hamburger.active span:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      -ms-transform: rotate(-45deg) translate(-9px, 6px);
          transform: rotate(-45deg) translate(-9px, 6px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-7px, -3px);
      -ms-transform: rotate(45deg) translate(-7px, -3px);
          transform: rotate(45deg) translate(-7px, -3px);
}

.listingTypeNames {
	color: rgba(86, 27, 140, 1);
	font-size: 1em;
	text-align: center;
	overflow: hidden;
}

.navMenuSlash {
	display: none;
}

.loginParagraph {
	text-align: right;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	border-radius: 3px;
	background-color: rgb(232, 240, 254);
}

#notificationsHeader {
	margin-bottom: 10px;
}

.notificationParagraph {
	text-align: center;
	border: 1px solid grey;
	border-radius: 3px;
	background-color: #f1f1f1;
	color: #757575;
}

.card {
	position: relative;
	z-index: 1;
}

.loginParagraph a {
	margin-top: 30px;
	margin-bottom: 30px;
	text-decoration: none;
	display: block;
	font-size: 28px;
}

.loginParagraph a:hover {
	color: #007bff;
}

.signupPageLoginLink a:hover {
	color: #007bff;
}

.signupPageLoginLink a:link, .signupPageLoginLink a:active, .signupPageLoginLink a:link {
	color: rgba(86, 27, 140, 1);
}

p.text-success a {
	text-decoration: none;
}

p.text-success a:link, p.text-success a:visited {
	color: rgba(86, 27, 140, 1);
}

p.text-success a:hover {
	color: #007bff;
}

h1 {
	padding: 0 .5em;
	margin: 10px .5em;
	text-align: center;
	/*font-size: 2em;*/
}

h2 {
	text-align: center;
	/*font-size: 1.2em;*/
}

.stickyNavBar {
	position: fixed;
	bottom: 0;
	width: 100%;
	margin-left: 67%;
}

main {
	margin-bottom: 50px;
}

img.addSVG {
	height: auto;
	width: 60px;
}

img.addSVG:hover {
	width: 66px;
}

nav ul {
	text-align: center;
	border: 1px black solid;
}

nav li {
	list-style-type: none;
	display: inline-block;
	width: 100%;
	border: 1px black solid;
}

.noResultsFoundText {
	text-align: center;
	margin-top: 1em;
}

.whichCompanyQuestion {
	text-align: center;
}

#letterSelectFormLabel {
	font-size: 1.3em;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

div.mainComment span.material-symbols-outlined {
	text-align: center;
	margin-bottom: 15px;
}

div.edit_listing_icons {
	display: inline-block;
}

div.edit_listing_icons a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	max-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(241, 241, 241, 1);
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

div.edit_listing_icons a:hover {
	color: #007bff;;
}

div.edit_listing_icons_div {
	text-align: right;
}

div.edit_listing_icons_div div {
	margin: 0 9px;
}

#noBizFoundCompanyListPage {
	text-align: center;
}

#noBizFoundUserListingPage {
	text-align: center;
}

.noListingsImageDiv {
	max-width: 39%;
	width: 39%;
	margin: 0 auto;
	margin-top: 50px;
}

.noNotificationsImageDiv {
	max-width: 36%;
	width: 33%;
	margin: 0 auto;
	margin-top: 50px;
}

.companyDetailsCardStyle {
	padding-top: 1em;
	padding-bottom: 1em;
	max-width: 100%;
}

#companyNameTextArea {
	height: 2.8rem;
	width: 90%;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	border-radius: 1.625rem;
  	padding: 0 3.5rem 0 1.5rem;
	border-top: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
}

div.detailsPageImageDiv {
	max-width: 100px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}

div.detailsPageImageDiv img {
	max-width: 100%;
}

div.styledUl ul {
	list-style-type: none;
}

ul#companyLetters {
	text-align: center;
}

#companyLetters li {
	display: inline-block;
}

#companyLetters a {
	text-decoration: none;
}

h1#faqHeader {
	text-align: center;
}

table#detailsTable {
	border: 1px solid grey;
	border-radius: 3%;
	-webkit-box-shadow: 2px 2px 4px grey;
	        box-shadow: 2px 2px 4px grey;
	padding: 15px;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f1f1f1;
}

label.requiredField::after {
	content: "*";
	color: red;
	margin-left: 6px;
}

table#detailsTable th {
	vertical-align: top;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

table#detailsTable td {
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: normal;
}

p.addReviewText {
	text-align: center;
	margin-top: 1.2em;
}

p.addReviewText a {
	text-decoration: none;
}

p.addReviewText a:link, p.addReviewText a:visited {
	color: rgba(86, 27, 140, 1);
}

p.addReviewText a:hover {
	color: #007bff;
}


div a {
		text-decoration: none;
		color: #757575;
}

div a:hover {
  color: black;
}

/*div a:link, div a:visited, div a:active {
  color: #757575;
}*/

a.addBizLink:link, a.addBizLink:visited a.addBizLink:active {
	color: rgba(86, 27, 140, 1);
	text-decoration: none;
}

a.addBizLink:hover {
	color: #007bff;
}

a.newPostLink {
	text-decoration: none;
}

a.newPostLink:hover {
	color: #007bff;
}

a.newPostLinkAltered {
	color: grey;
}

p.addAnotherCommentOrGoBackPs {
	text-align: center;
}

p.addAnotherCommentQuestion {
	margin-top: 40px;
}

.addAnotherCommentQuestion a:link {
	color: rgba(86, 27, 140, 1);
	text-decoration: none;
}

.backLink a:link {
	color: rgba(86, 27, 140, 1);
	text-decoration: none;
}

.addAnotherCommentQuestion a:visited {
	color: rgba(86, 27, 140, 1);
}

.backLink a:visited {
	color: rgba(86, 27, 140, 1);
}

.addAnotherCommentQuestion a:hover {
	color: #007bff;
}

.backLink a:hover {
	color: #007bff;
}

.addAnotherCommentQuestion a:active {
	color: #757575;
}

.allBizReviews {
	margin-top: 1em;
}

.backLink a:active {
	color: #757575;
}

.bizDetailsTable {
	max-width: 90%;
	width: 90%;
}

.bizReviewsCard {
	background-color: #f1f1f1;
}

.companyNames {
	font-size: 1em;
	max-width: 100%;
	text-align: center;
	overflow: hidden;
}

.bizCard {
	border-radius: 9px;
	border: 1px solid grey;
	-webkit-box-shadow: 2px 2px 4px grey;
	        box-shadow: 2px 2px 4px grey;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

.bizCard img {
	vertical-align: middle;
}

.bizCardImgDiv {
	height: 150px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: white;
	border-radius: .3em;
}

p.forgotPasswordLink {
	text-align: right;
}

p.forgotPasswordLink a:link {
	color: rgba(86, 27, 140, 1);
	text-decoration: none;
}

p.forgotPasswordLink a:visited {
	color: rgba(86, 27, 140, 1);
}

p.forgotPasswordLink a:hover {
	color: #007bff;
}

p.forgotPasswordLink a:active {
	color: #757575;
}

div.addCommentContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

div.addCommentLogoSection {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

div.addCommentLogoSection img {
	width: 100%;
}

div.addCommentInfoSection {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-top: 27px;
}

input[type="text"] {
	padding: 7px;
}

input#homepage_submit_button {
	max-width: 90px;
	border-radius: 6px;
	display: inline-block;
	font-family: inherit;
	font-weight: normal;
	background-color: #f1f1f1;
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
}

input#homepage_submit_button:hover {
	color: blue;
}

#submitButtonDiv {
	max-width: 40%;
	width: 40%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.innerBizCard {
	text-align: center;
	font-size: 15px;
	max-width: 93%;
	margin-left: auto;
	margin-right: auto;
}

.innerBizCard h4 {
	font-size: 16px;
}

.cardStyleSVG {
	/*background-color: rgba(241, 241, 241, 1);*/
	background-color: rgba(232, 240, 254, .9);
}

.companyFrame {
	height: 500px;
	background-color: red;
}

.detailsArea {
	background-color: rgba(240, 240, 240, 1);
	border-radius: 3px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.hidePreviousPageLinkText {
	display: none;
}

.homepageFeedPs {
	text-align: left;
}

.homepageFeedPs a:hover {
	color: #007bff;
	text-decoration: none;
}

p.homepageFeedPs {
	display: block;
}

p.homepageFeedPs a {
	color: rgba(86, 27, 140, 1);
}

.homepageFeedInteractionsDiv {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.homepageFeedMainDivs {
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid grey;
}

.homepageFeedMainDivs:first-child {
	border-top: 1px solid grey;
}

.commentReplyDivs {
	width: 100%;
	max-width: 100%;
	border-top: 1px solid grey;
}

.viewCommentRepliesMainComment {
	width: 100%;
	max-width: 100%;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}

h2.commentRepliesSectionHeader {
	margin-bottom: 32px;
}

.mainCommentDivs:last-child {
	border-bottom: 1px solid grey;
}

p.indexPageParentComment, p.notificationPageParentComment {
	text-align: center;
	font-style: italic;
	color: grey;
	margin-bottom: 10px;
}

div.parentCommentDiv {
	background-color: rgba(232, 240, 254, .9);
	border-top: 1px solid grey;
}

.parentCommentDiv:first-child {
	border-bottom: 1px solid grey;
}

div.comment_selected_from_index_page {
	background-color: rgba(232, 240, 254, .9);
}

.homepageFeedPictureAndCommentArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.homepageFeedPsDiv {
	width: 69%;
	max-width: 69%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

div.homepageFeedPsDiv p:nth-child(1) {
	margin-bottom: 10px;
}

div.homepageFeedImgDiv {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 3px;
	max-width: 63px;
	width: 63px;
	height: 63px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid rgba(241, 241, 241, 1);
	-webkit-box-shadow: 0px 1px 3px grey;
	        box-shadow: 0px 1px 3px grey;
	position: relative;
}

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

div.innerCompanyInfoArea p {
	text-align: center;
}

.innerCompanyInfoAreaHeader {
	display: block;
	font-weight: bold;
}

.material-symbols-outlined {
	display: block;
}

.material-symbols-outlined-ammended {
	background-color: rgba(241, 241, 241, 1);
	border-radius: 50%;
	padding: 6px;
	border: 1px solid grey;
}

.material-symbols-outlined-ammended:hover {
	background-color: rgb(255, 255, 178);
}

.homepageNewPostDivNotLoggedIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	margin-top: 12px;
}

div a.newPostLinkHomepage {
	text-decoration: none;
	color: rgba(86, 27, 140, 1);
}

div a.newPostLinkHomepage:hover {
	color: blue;
}

p.addReviewTextTopOfHomepageResults, div.addReviewTextTopOfHomepageResults {
	margin: 36px 0;
	text-align: center;
}

.homepageNewPostDiv {
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: right;
	margin: 36px 0;
}

.homepageNewPostLinkLabelDiv {
	-webkit-box-flex: 11;
	    -ms-flex: 11;
	        flex: 11;
}

div.homepageNewPostLinkLabelDiv p {
	display: inline-block;
}

.homepageNewPostLinkLabelArrow {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.homepageNewPostLinkDiv {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.newPostDiv {
	width: 100%;
	max-width: 100%;
}

.newPostLinkDiv {
	width: 21%;
	max-width: 21%;
	margin-left: auto;
	margin-right: 5px;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.newPostLink {
	/*display: inline-block;*/
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(241, 241, 241, 1);
	margin-left: auto;
	-ms-flex-line-pack: center;
	    align-content: center;
}

#product_splash {
	padding: 24px 48px;
	color: #ffffff;
}

#product_splash h3 {
	font-size: 6em;
	padding: 0.01em 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	letter-spacing: 4px;
	font-weight: 400;
	margin: 10px 0;
}

#picked {
	color: #757575;
	padding: 0.01em 16px;
}

div.styledUl {
	max-width: 100%;
	width: 100%;
}

div.styledUl ul {
	width: 80%;
	max-width: 80%;
	margin: 0 auto;
}

div.styledUl ul li {
	text-align: center;
}

div.commentInteractionsDiv {
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: right;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

a.replyToCommentLink {
	text-decoration: none;
	display: inline-block;
	width: 22px;
	margin-right: 12px;
}

a.replyToCommentLink:hover {
	color: #007bff;
}

a.deleteCommentLink {
	text-decoration: none;
	display: inline-block;
	width: 22px;
	height: 100%;
	margin-left: 9px;
	margin-right: 12px;
}

a.deleteCommentLink span {
	color: red;
}

a.deleteCommentLink span:hover {
	color: rgb(176, 0, 0);
}

#subscribe {
	padding: 0.01em 16px;
}

article {
	-webkit-filter: grayscale(75%);
	        filter: grayscale(75%);
}

.price {
	font-weight: bold;
}

.item {
	width: 20%;
	height: auto;
}

.reverse {
	color: #ffffff;
	background-color: rgba(0, 0, 0, .8);
	padding-top: 32px;
	padding-bottom: 32px;
}

.submitButtonDiv {
	text-align: center;
}

.submitImageButtonDiv {
	text-align: center;
}

div.form-group {
	max-width: 100%;
	width: 90%;
	margin: 0 auto;
}

.deleteReviewOptionsDiv {
	text-align: center;
}

.deleteReviewOptionsDiv button {
	margin: 0 15px;
}

.text-info {
	text-align: center;
}

.text-danger {
	text-align: center;
}

.userProfileInfoArea {
	text-align: center;
}

.userProfileInfoArea a:hover {
	color: blue;
}

.userProfilePicArea {
	background-color: yellow;
	border-radius: 100%;
	height: auto;
	width: 40px;
}

reviewText p {
	text-align: center;
	padding-top: 3em;
}

input {
	border: 1px solid #cccccc;
	width: 100%;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
}

form#homepageSearchBarForm {
	width: 100%;
	max-width: 100%;
}

div.searchBarContainer {
	border-radius: 1.625rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	max-width: 69%;
	width: 69%;
	margin-left: auto;
	margin-right: auto;
}

input#companyNameTextArea {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: 51px;
	font-size: 16px;
}

input#companyNameTextArea:focus {
	background-color: rgba(232, 240, 254, .9);
}

input#companyNameTextArea::-webkit-input-placeholder {
	color: #999;
    font-size: 16px;
}

input#companyNameTextArea::-moz-placeholder {
	color: #999;
    font-size: 16px;
}

input#companyNameTextArea:-ms-input-placeholder {
	color: #999;
    font-size: 16px;
}

input#companyNameTextArea::-ms-input-placeholder {
	color: #999;
    font-size: 16px;
}

input#companyNameTextArea::placeholder {
	color: #999;
    font-size: 16px;
}

button {
	border: 1px solid grey;
	border-radius: 3px;
	color: black;
	background-color: white;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	margin: 16px 0;
}

button.homepageSearchButton {
	padding: 0;
	position: absolute;
	background-color: rgba(255, 0, 0, 0);
	border-radius: 36%;
	margin-right: 10px;
	border: 0;
}

/*img, #email_input {
	width: 100%;
}*/

a.desktopNotifsIcon {
	display: none;
}

div.notifs {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-top: 9px;
}

div#notificationQuantityDiv {
	/*display: inline-block;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 50%;
	color: white;
	width: 19px;
	height: 19px;
	text-align: center;
}

div.notificationQuantityDivContainer {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

div.notifsQuantityClass {
	background-color: red;
}

div.notifications {
	display: inline;
}

a.notificationsIcon {
	text-decoration: none;
}

img.notifications {
	width: 21px;
	height: auto;
	position: relative;
	margin-left: 10px;
}

.notificationsClassActive {
	background-image: image("images/notifications_active.png");
}

.contactEmail {
	padding: 8px;
}

footer a {
		text-decoration: none;
}

footer a:hover {
  color: blue;
}

footer {
	color: #000000;
    background-color: #f1f1f1;
	text-align: center;
	font-size: 12px;
}

div.footerDiv {
	margin-top: auto;
}

.icon_size {
		font-size: 18px;
}

img {
	max-width: 100%;
	height: auto;
}

#homeStyle {

	margin-top: -0.6em;
}

.row {
	margin-left: 0;
	margin-right: 0;
	display: block;
}

.row::after {

	content: "";
	clear: both;
	display: block;

}

[class*="col-"] {

	float: left;
	padding: .369em;
	width: 100%;

}

/* Smartphones less than 400 px width? (portrait) */ /* xxs */
@media only screen and (max-width: 400px) {
	.bizCardImgDiv {
		height: 111px;
	}
}

/* Smartphones (portrait) */ /* xs */
@media only screen and (max-width: 558px) {

	.col-1-xs {width: 8.33%;}
	.col-2-xs {width: 16.66%;}
	.col-3-xs {width: 25%;}
	.col-4-xs {width: 33.33%;}
	.col-5-xs {width: 41.66%;}
	.col-6-xs {width: 50%;}
	.col-7-xs {width: 58.33%;}
	.col-8-xs {width: 66.66%;}
	.col-9-xs {width: 75%;}
	.col-10-xs {width: 83.33%;}
	.col-11-xs {width: 91.66%;}
	.col-12-xs {width: 100%;}

	#about {
		margin-top: 5px;
	}

	.backLink {
		margin-bottom: 1.2em;
	}

.topnav .myLinks {
  display: none;
  height: 420px;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
}

.topnav a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.topnav .myLinks a:active {
  background-color: blue;
}

.topnav .myLinks {
  padding-top: 5.4em;
}

.searchBarContainer {
	margin-bottom: 2em;
}

#selectMenuDiv {
	max-width: 100%;
	width: 100%;
	margin-bottom: 200px;
}

#dropdownDiv {
	max-width: 63%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#companyLetterDropdown {
	margin-left: auto;
	margin-right: auto;
}

#ink {
	margin-left: 3.9em;
}

.companyNames {
	height: 35px;
}

.exploreLink {
	margin-left: 2.9em;
}

.signUpLink {
	margin-left: 2.7em;
}

.loginLink {
	margin-left: 3em;
}

.homeLink {
	margin-left: 3em;
}

.topnav a:hover {
  -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
          transform: rotate(7deg);
}

.active {
  color: white;
}

	/*********************************************************/

	.bizCardLinks:hover > * {
      opacity: 0.5;
    }

    .bizCardLinks:hover > *:hover {
      -webkit-transform: scale(1.03);
          -ms-transform: scale(1.03);
              transform: scale(1.03);
      opacity: 1;
    }

	#companyLetters {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;}

	#companyLetters::-webkit-scrollbar {
      display: none; }

	.skipLink {
		display: none;
	}

	div li {
		list-style: none;
		text-align: center;
	}

	div a {
			text-decoration: none;
	}

	#logoColumnStyling {
		padding: 0;
		margin: 0;
	}

	#logoColumnStyling img {
		max-width: 100%;
	}

	.logoutLink:hover {
		color: blue;
	}

	.dashboardLink:hover {
		color: blue;
	}

	img#homeIconStyles {
		width: 33%;
	}

	img#settingsIconStyles {
		width: 33%;
	}

	#homeStyle {
		display: none;
	}

	img#contactUsIconStyles {
		width: 33%;
	}

}

/* Tablets (portrait) */ /* sm */
@media only screen and (min-width: 558px) {

	.col-1-sm {width: 8.33%;}
	.col-2-sm {width: 16.66%;}
	.col-3-sm {width: 25%;}
	.col-4-sm {width: 33.33%;}
	.col-5-sm {width: 41.66%;}
	.col-6-sm {width: 50%;}
	.col-7-sm {width: 58.33%;}
	.col-8-sm {width: 66.66%;}
	.col-9-sm {width: 75%;}
	.col-10-sm {width: 83.33%;}
	.col-11-sm {width: 91.66%;}
	.col-12-sm {width: 100%;}

	[class*="col-"] {
		padding: .93em;
	}

	html, body {
		line-height: 1.5;
	}

	#about {
		margin-top: 15px;
	}

	.allBizReviews {
		margin-top: 1.5em;
		margin-bottom: 1em;
	}

	.backLink {
		margin-bottom: .3em;
	}

	.bizCardImgDiv {
		height: 140px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.bizCardLinks:hover > * {
      opacity: 0.5;
    }

    .bizCardLinks:hover > *:hover {
      -webkit-transform: scale(1.03);
          -ms-transform: scale(1.03);
              transform: scale(1.03);
      opacity: 1;
    }

	.bizDetailsTable {
		max-width: 70%;
		width: 70%;
	}

	.bizReviewsCard {
		border: 1px solid grey;
		border-radius: 9px;
		-webkit-box-shadow: 2px 2px 4px grey;
		        box-shadow: 2px 2px 4px grey;
		max-width: 85%;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

	div.hamburgerDiv {
		margin-bottom: 9px;
	}

	div.searchBarContainer {
		width: 36%;
		margin-right: 0;
	}

	div.homepageFeedImageDiv {
		position: absolute;
		right: 0;
		padding-right: 9px;
	}

	div.homepageFeedImageDiv img {
		max-width: 69px;
	}

	div.deletePicturePageImageDiv {
		width: 180px;
		max-width: 180px;
		margin: 0 auto;
	}

	.companyNames {
		height: 40px;
		overflow: hidden;
	}

	.detailsArea {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.navRow {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.reviewText {
		max-width: 80%;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		padding: 10px;
		border: 1px solid grey;
		background-color: white;
	}

	#rowWithLogo {
		margin-bottom: .9em;
	}

	.cardStyle a:hover {
		text-shadow: 1px 1px 1px rgba(255, 255, 0, .4);
	}

	#companyNameTextArea {
		/*margin-bottom: 2em;*/
		padding: 0;
		border-radius: 1.625rem;
		max-width: 57%;
	}

	.companyReviewsCardStyle {
		text-align: center;
	}

	.homepageFeedInteractionsDiv {
		margin-left: 0;
		width: 75%;
		max-width: 80%;
	}

	.homepageFeedPsDiv {
		margin-right: 0;
	}

	div.homepageFeedImgDiv {
		max-width: 70px;
		width: 70px;
		height: 70px;
	}

	.innerBizReviewsCard {
		padding: 15px 0;
	}

	input {
		padding: 8px;
	}

	input#homepage_submit_button {
		border-radius: 9px;
	}

	nav li {
		width: 33%;
	}

	#notificationsHeader {
		margin-bottom: 10px;
	}

	p.addReviewText {
		margin-top: 30px;
	}

	.companyDetailsCardStyle {
		padding-left: 1.5em;
		padding-right:1.5em;
	}

	h1.descriptionPageHeading {
		margin: 0 .5em;
	}

	div.detailsPageImageDiv {
		margin-top: .9em;
		margin-bottom: .9em;
	}

	div.pictureDetailsImageDiv img {
		max-width: 48%;
	}

	#dropdownDiv {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.loginParagraph {
		text-align: right;
		right: 0;
		/*height: auto;
		border: none;*/
	}

	.loginParagraph a {
		/*margin-top: 0;*/
		text-decoration: none;
		display: block;
		font-size: 15px;
	}

	a.desktopNotifsIcon {
		display: none;
	}

	.loginParagraph a:hover {
		color: blue;
	}

	.logoDiv {
		max-width: 75%;
		width: 75%;
		margin: 0 auto;
	}

	/*.logoutLink:hover {
		color: blue;
	}*/

	.dashboardLink:hover {
		color: blue;
	}

	.newPostLinkDiv {
		margin-right: 10px;
	}

	.exploreButtonDivContainer {
		margin-top: 4em;
	}

	div.addCommentContainer {
		max-width: 54%;
		width: 54%;
		margin-bottom: 18px;
	}

	div.addCommentContainer img {
		max-width: 50%;
		width: 50%;
	}

	#selectMenuDiv {
	    display: none;
	}

	.skipLink {
		position: absolute;
		left: -9999px;
		padding: .5em .25em;
		color: #000;
		background-color: #e3e3e5;
	}

	.userReviewInfo {
		max-width: 33%;
		width: 33%;
		margin-left: auto;
		margin-right: auto;
	}

	.whichCompanyDivIn {
		max-width: 63%;
		margin-left: auto;
		margin-right: auto;
	}

	.whichCompanyQuestion {
		font-size: 2.6em;
		margin-bottom: .9em;
		line-height: 140%;
	}

}

/* Desktops and laptops */ /* md */
@media only screen and (min-width: 992px) {

	.col-1-md {width: 8.33%;}
	.col-2-md {width: 16.66%;}
	.col-3-md {width: 25%;}
	.col-4-md {width: 33.33%;}
	.col-5-md {width: 41.66%;}
	.col-6-md {width: 50%;}
	.col-7-md {width: 58.33%;}
	.col-8-md {width: 66.66%;}
	.col-9-md {width: 75%;}
	.col-10-md {width: 83.33%;}
	.col-11-md {width: 91.66%;}
	.col-12-md {width: 100%;}

	[class*="col-"] {
		padding: 1em;
	}

	.backLink {
		margin-bottom: 0;
	}

	.bizCardImgDiv {
		height: 145px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.bizDetailsTable {
		max-width: 60%;
		width: 60%;
	}

	.bizReviewsCard {
		max-width: 55%;
		width: 55%;
	}

	.cardStyle a {
		max-width: 165px;
		width: 164px;
	}

	div.searchBarContainer {
		width: 30%;
	}

	.companyDetailsCardStyle {
		padding-left: 6em;
		padding-right: 6em;
	}

	.homepageFeedInteractionsDiv {
		margin-left: auto;
	}

	.homepageFeedPs {
		text-align: center;
	}

	.homepageFeedPsDiv {
		width: 78%;
		max-width: 78%;
		margin-right: auto;
	}

	div.homepageFeedImgDiv {
		margin-right: 0;
		margin-left: auto;
	}

	div.homepageFeedImageDiv {
		padding-right: 90px;
	}

	div.pictureDetailsImageDiv img {
		max-width: 33%;
	}

	a.replyToCommentLink {
		margin-right: 0;
	}

	a.deleteCommentLink {
		margin-right: 0;
		margin-left: 18px;
	}

	div.deletePicturePageImageDiv {
		width: 300px;
		max-width: 300px;
	}

	.mainMenuLogoDiv {
		position: relative;
		top: -5px;
		-webkit-box-flex: 2;
		    -ms-flex: 2;
		        flex: 2;
	}

	.notifs {
		position: relative;
		top: -6px;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}

	.navRow {
		position: absolute;
		top: 0;
		left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		max-width: 100%;
	}

	.navRow div.hamburgerDiv div.hamburger {
		display: none;
	}

	.loginParagraph {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: inherit;
		border: none;
	}

	.loginParagraph a {
		display: inline;
		margin-left: 10px;
		margin-right: 10px;
	}

	.loginParagraph span {
		display: none;
	}

	.myLinks {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*max-width: 100%;
		width: 100%;*/
		max-width: 33%;
		width: 33%;
		margin-left: auto;
		position: relative;
		z-index: 3;
	}

	.navMenuSlash {
		display: inline;
	}

	.newPostLinkDiv {
		margin-right: 15px;
	}

	a.canBeBlueLink {
		color: blue;
	}

	#notificationsHeader {
		margin-bottom: 15px;
	}

	#noBizFoundUserListingPage {
		margin-top: 18px;
	}

	#rowWithLogo {
		margin-bottom: 0;
	}

	.topNavActive {
		position: relative;
	}

	.companyNames {
		height: 40px;
	}


	#companyNameTextArea {
		max-width: 33%;
	}

	.hamburger {
        display: none;
    }

	.homepageLetterBar a:hover {
		text-shadow: 1px 1px 1px grey;
		color: blue;
	}

	i:hover {
		color: blue;
	}

	.innerBizCard {
		display: none;
	}

	.logoDiv {
		max-width: 60%;
		width: 60%;
		margin: 0 auto;
	}

	img#noBizFoundImg {
		max-width: 100%;
	}

	.mainLogoDiv {
		padding-top: 0;
	}

	nav {
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 9px;
	}

	nav li {
		width: 33%;
	}

	p.addReviewText {
		margin-top: 30px;
	}

	.stickyNavBar {
		position: relative;
		width: 100%;
	}

	table#detailsTable {
		padding: 30px;
	}

	table#detailsTable th {
		padding-left: 15px;
		padding-right: 15px;
	}

	table#detailsTable td {
		padding-left: 15px;
		padding-right: 15px;
	}

	#hamburgerMenuArea {
		display: none;
	}

	#selectMenuDiv {
		display: none;
	}

	.whichCompanyDivIn {
		max-width: 42%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.37em;
	}

	.whichCompanyQuestion {
		font-size: 2.4em;
	}

	/***************
		Skip Link
	****************/

	.skipLink {
		position: absolute;
		left: -9999px;
		padding: .5em .25em;
		color: #000;
		background-color: #e3e3e5;
	}

	.skipLink:focus,
	.skipLink:active {
		left: 0;
	}

	.footerContent {
		display: none;
	}

}

@media print {

	* {

		color: black;
		background-color: white;
		background: none;

	}

	#subscribe {

		display: none;

	}

	footer div {

		display: none;

	}

	a[href]:after {

		content: ' (' attr(href) ') ';

	}

}