//BOARDWALK THEME CSS

body {
	background-color: #222222;
}

.site-header {
	z-index: 0 !important;
	height: 110px !important;
}

.hustle-icon-email {
	display:none !important;
	width:1px !important;
}

.homepage-moveup {
	margin-top: -80px !important;
}

.alm-listing.css-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.size-no-size{
	height:400px;
	object-fit: cover;
}


@media screen and (min-width:480px) {
	.alm-listing.css-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width:1024px) {
	.alm-listing.css-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}


.alm-listing.css-grid>div {
	padding-bottom: 25px;
	border-radius: 0px;
	border: 1px solid #efefef;

}


/*
.wpd-right-corner{
	right:45px !important;	
	bottom:40px !important;
}

.wpd-comments-open {
	display:none !important;
}
*/

.lb-share-tt {
	margin-left:-1000px !important;
}


.fixed_like_button {
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:-100;  // ONLY AT BOTTOM
	opacity:0.98;
	display:none !important;
}

.related a{
	color:black !important;
	padding-left:5px;
	padding-right:5px;
}

.related a:hover{
	color:black !important;
}

.related-descansos a{
	color:white !important;
	padding-left:5px;
	padding-right:5px;
}

.related-descansos a:hover{
	color:white !important;
}

.ays-arp-under-posts-container-title {
	display:none;
}

.ays-arp-under-post-title {
	display:none;
}

.jp-relatedposts {
	display:none !important;
}

.gridicons-search {
	display:none !important;
}

.wp-block-search__button {
	border-radius:10px !important;
	height:59px;
	width:80px;
	margin-right:-25px !important;
	margin-left:-9px;
	margin-top:1px;
	z-index:-1;
}

.wp-block-search__input {
	margin-left:-25px;
		
}

.no-header {
	margin-top:-200px !important;
	background-color:black;
	padding-top:200px;
}

.homepage-map {
    max-height: 400px !important;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.homepage-map:hover {
    max-height: 99vh !important;
}

.navSelect{
	color:white;
	font-size:18px;
	font-weight:bold;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: red;
  border: 0px solid #ccc;
	padding: 5px;
	padding-left:15px;
  cursor: pointer;
	width:100% !important;
	border-radius:10px;
}

.navSelect:hover{
	background-color: darkred;
}
	

.floatingButton {
	display:none !important;
	position:fixed;
	bottom:30px;
	left:40px;
	z-index:100 !important;
}

.floatingButton a{
	color:white !important;
		background-color:red !important;
}

.floatingButton a:hover {
	background-color:darkred !important;
}

.wpd-rating-wrap {
	margin-top:-1300px !important;
	margin-bottom:20px;
}

.mobileOnly {
	display:none;
}

.footer-logo-home a:hover{
	transform: scale(1.1);
}

.footer-logo-message {
	display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.leaflet-popup-content {
	width: 200px !important;
  height: 130px !important;
  overflow: hidden; 
  margin:0px !important;
	padding:0px !important;
}

.img-mask {
	transform: scale(1.4); 
  object-fit: cover;
}

.popup-thumb-text-wrapper {
	padding:0px !important;
}

.category-home {
	font-size:15vw;
	font-weight:bold;
	color:white;
	margin-top:-10px !important;
	margin-bottom:5px !important;
	margin-right:20px !important;
	padding:0px !important;
	line-height:1.1;
}

.category-home-small {
	font-size:14vw;
	font-weight:bold;
	color:white;
	margin-top:-5px !important;
	margin-bottom:5px !important;
	margin-right:20px !important;
	padding:0px !important;
	line-height:1.1;
}

.category-home-small-light {	
	font-size:14vw;
	font-weight:bold;
	color:white;
	margin-top:-0px !important;
	margin-bottom:-255px !important;
	margin-right:20px !important;
	padding:0px !important;
	line-height:1.1;
	opacity:0.075;
}

.size-post-thumbnail {
	opacity:0.9;
}

.size-post-thumbnail:hover {
	opacity:1;
}

.noFade img {
	opacity:1 !important;
}

.homepage-logo {
	background-color:red !important;
}


.wp-block-post-title {
	margin-left:35px;
}

.has-white-background-color{
	//background-color:#EEE !important;
	//font-weight:500;
	//background: linear-gradient(to bottom, black -0px, #EEE 1000px, #EEE 201px);
}

p:first-of-type {
  //color: white;
}

.with-avatar {
	display: none !important;
}

.wp-block-post-featured-image {
	margin-right: 100px;
}

.wp-block-post {
	min-height: 400px !important;
	max-height: 400px !important;
}

.main-navigation{
	position:absolute;
	left:150px;
	width:400px;

}

.critique-processor-message {
	font-size:18px !important;
	margin-top:15px; 
	color:darkgray;
}

.critique-user-chat-message {

}

.critique-small-messages {
    text-align: center;
    width: 100%;
    font-size: 18px !important;
    margin-top: 15px;
    opacity: 0; 
    pointer-events: none;
    transition: opacity 1s ease;
	  display:block;
}

.critique-small-messages-pro {
    text-align: center;
    width: 100%;
    font-size: 18px !important;
    margin-top: 15px;
    pointer-events: none;
    transition: opacity 1s ease;
	  display:block;
}

.critique-small-messages.visible {
    opacity: 1;
    pointer-events: auto;
		display:block;
}

.critique-tile {
  flex: 1 1 25%;
	max-width: 250px;
  height: 250px;
  border: 1px black solid;
  border-radius: 5px;
  padding: 20px;
  margin: 10px;
  box-sizing: border-box;
	
}

.critique-counter {
	font-size:18px;
	font-weight:bold;
}

.critique-tile-isHidden {
	opacity:0.5;
	border:10px gray solid !important;
}

.critique-tile-img {
	max-height:150px;
	height:150px;
	width:100%;
	max-width:100%;
	overflow:hidden;
	align-content:center;
	vertical-align:baseline;
}

.critique-tile-img-mosaic {
	max-height:150px;
	height:150px;
	width:100%;
	max-width:100%;
	overflow:hidden;
	align-content:center;
	vertical-align:baseline;
	border:10px white solid;
	margin:5px;
}

.critique-tile-grade {	
	margin-top:-15px !important;
}

.critique-tile-grade-distribution {
	max-width: 90%; !important;
}

span.image-big  {
  display: inline !important;
}

.critique-tile-info {
	font-size:12px;
}

.critique-pro-manager-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    font-size: 24px;
    line-height: 1.5;
    background-color: white;
    color: black;
    margin: 0px;
}

.critique-pro-manager-results img {
    width: 100%;
    height: 150px;
    display: block;
    object-fit: cover;
		background-color:black;
}


.critique-pro-manager-results a:hover {
	color:darkred !important;
}

.grade_container {
		margin-top: -40px;
		margin-right: -150px;
		margin-bottom: -100px;
    float: right;
    background-color: green;
    width: 200px;
    height: 200px;
    border-radius: 50%;
		display: flex; 
    justify-content: center;
    align-items: center;
}

.grade {
	font-size:100px;
	font-weight:bold;
	color:white;
	transform: rotate(5deg);
  display: inline-block;
}

.critique-submit-button {
	width:100%;
	font-size: 24px;
	color:white;
	background-color:darkgreen;
	border-radius:30px;
	padding:20px;
}

.critique-submit-button:hover{
	width:100%;
	font-size: 32px;
	background-color:green;
}

.critique-footer {
	/*
	position:fixed;
	bottom:0px;
	left:0;
	width:100%;
	height:60px;
	background-color:white;
	color:black;
	border-top:1px #1a1a1a solid;
	opacity:0.95;
	*/
	display:none;
}


.critique-footer-item {
	margin-top:-10px !important;
}


.critique-footer-item a {
	color: black !important;
}

.critique-footer-item a:hover {
	color: red !important;
}

.critique-footer-item-important {
  color: darkred !important;
	font-size:18px;
}

.critique-user-image {
	box-shadow: 10px 10px 15px lightgray;
	transform: rotate(-0.7deg);
  display: inline-block;	
	padding:40px;
	margin:20px;
	margin-left:-25px;
	width:100%;
}

.critique-comparison-image {
	box-shadow: 10px 10px 15px lightgray;
	transform: rotate(0.5deg);
  display: inline-block;	
	padding:40px;
	margin:20px;
	margin-left:-25px;
	width:100%;
}

.critique-user-image-before {
	box-shadow: 10px 10px 15px lightgray;
	transform: rotate(-0.7deg);
  display: inline-block;	
	padding:40px;
	margin:20px;
	margin-left:-25px;
	width:100%;
}

.critique-user-image-after {
	box-shadow: 10px 10px 15px lightgray;
	transform: rotate(0.5deg);
  display: inline-block;	
	padding:40px;
	margin:20px;
	margin-left:-25px;
	width:100%;
}

.critique-results {
	position: relative; 
  overflow: hidden;   
	border-radius: 10px; 
	padding:200px; 
	padding-top:150px;
	padding-bottom:150px;	
	width:100%; 
	font-size:24px; 
	line-height:1.5; 
	background-color: white; 
	color: black;
}

.critique-results h3 {
	margin-top:50px !important;
}

.critique-results input {	
	color:black !important;
	width:100% !important;
	outline:none;
	border:none;
}

.critique-button {
	width:100%;
	border-radius:10px;
	margin-top:10px;
}

.critique-textarea-disabled {
	border-radius: 10px; 
	border:1px #262626 solid;
	padding:20px; 
	width:100%; 
	font-size:24px; 
	line-height:1.5;
	height:110px;
	background-color:#111111;
	color: white !important;
}

.critique-droparea {
	width:100%;
	height:100px;
	font-size:28px;
	border: 2px dashed gray; 
	padding: 20px; 
	padding-top: 30px;
	text-align: center; 
	color: gray;
	border-radius:10px;
}

.critique-droparea:hover {
	background-color:green;
	color:white;
	border:2px solid;
}

.critique-textarea {
	border-radius: 10px; 
	padding:20px;
	//height:auto;
	width:100%; 
	font-size:24px; 
	line-height:1.5;
}

.critique-textarea:focus {
	background-color: green;
	color:white;
}

.critique-input {
	border:1px black solid;
	background-color: green;
	color:white !important;
	border-radius: 10px; 
	padding:20px;
	width:110%; 
	font-size:24px; 
	line-height:1.5;
	margin-bottom:30px;
	margin-left:-20px;
}

.critique-input:focus {
	color:white !important;
	background-color: green;
}

.critique-select {
	width:100%;
	height:60px;
	font-size:28px;
	color:black;
}

.critique-select option {
	height:60px;
}

.critique-results p {
	margin-left:0px !important;
}

.critique-results a {
	color:black !important;
}

.critique-results a:hover {
	color:red !important;
}

.critique-share {
	font-size:28px;
	font-weight:bold;
	border-radius: 10px; 
	padding:20px;
	width:110%; 
	margin-left:-20px !important;
	background-color:white !important;
	color:black !important;
	border:1px black solid !important;
}

.critique-share:hover{
	background-color:green !important;
	color:white !important;
}



.critique-form {
	font-size:26px;
	padding:10px;
	width:100%;
	background-color: green !important; 
	color: white !important; 
	border-radius:5px;
}

.menu-item {
	font-size:22px;
}

.widget-area{
	position:absolute;
	left:-290px;
	top:233px;
	width:400px;
	z-index:100;
}

.jetpack-search-form {
	position:absolute;
	top:370px;
	left:-20px;
	width:100%;
	font-size:30px;
}

input {
	padding:10px !important;
	padding-left:20px !important;
}

.like-button {
	margin-left:10% !important;
}


.share-buttons {
	margin-right:10% !important;
	margin-top:18px !important;
}

.navigation {
	display:none !important;
}

.map {
	margin-top: 0px;
	margin-bottom: 0px;
}

.mapNoHeader {
	margin-top: -150px !important;
	margin-bottom: 0px;
}

.info-container {
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.photo {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
	margin-left: 15vw !important;
	margin-right: 15vw !important;
	font-size: 28px !important;
}


#masthead {
	background-color: black;	
}

@keyframes fadeIn {
	to {
		opacity: 1;
		/* Fully visible */
	}
}

.site-logo {
	margin-top: -10px;
}

.homepage-branding {
	margin-left: 8vw !important;
	margin-right: 0vw !important;
}


.site-content {
	margin-top: 100 !important;
}

.entry-header {
	display: none;
	height: 10px !important;
	margin-bottom: -60px !important;
}



a {
	color: gray !important;
	text-decoration: none;
	border: 0;
}

a:hover {
	color: red !important;
	text-decoration: none;
	border-bottom: 0;
}

.story {
	background-color:black !important;
	color: white !important;
	font-size-adjust:0.7;
	line-height:2;
}

.story a {
	color: gray !important;
	text-decoration: none;
	border: 0;
}

.story a:hover {
	color: red !important;
	text-decoration: none;
	border-bottom: 0;
}

.storyNavigation {
	padding:80px;
	padding-left:150px;
	padding-right:150px;
	background-color:black;
	color:white;
	width:150%;
	margin-left:-25%
}

.storyNavigation a {
	color:white !important;
}

.storyNavigation a:hover {
	color:red !important;
}

.image-big {
	margin: 0;
	margin-bottom: 2px;
	margin-top: -2px;
	padding: 0;
	min-width: 100%;
}


.size-large {
	width: 100% !important;
	margin-bottom: 110px !important;
	margin-top: 100px !important;
}

.size-large img {
	width: 1024px !important;
	transform: rotate(0.5deg);
	border: 1px solid black;
	display: inline-block;
	transition: transform 0.5s ease-in-out;
	box-shadow: 5px 5px 5px rgb(0, 0, 0, 0.2);
}

.size-large::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    background: white;
    border: 2px solid #ddd;
    z-index: -1;
    transform: rotate(-2deg);
    //box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
}

.container {
	width: 75%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: -55px;
}

.navigation-image a {
	opacity:0.5;
}

.navigation-image a:hover {
	//opacity:1.0;
}

.navigation-text {
	margin-top:-50px !important;
	margin-left:20px !important;
	font-size:2vw;
	font-weight:bold;
	opacity:0.99;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}



hr {
	opacity: 0.2;
}


.entry-content {
	background-color: black;
	width: 100%;
	padding: 0;
}

.post .entry-content {
	opacity: 1 !important;
}

.post p {
	margin: 40px;
}

.page p {
	margin: 40px;
}


.site-logo-link .site-logo {
	width: 285px;
	padding-top: 20px;
	opacity: .8;
}

.site-logo-link .site-logo:hover {
	opacity: 1;
}

.site-header,
.sidebar-toggle {
	background-color: black !important;
	height: 150px !important;
	border-bottom: 1px black solid;
}


.sidebar-toggle::before,
.sidebar-toggle::after {
	display: none;
}

.sidebar-toggle[aria-expanded="true"],
.sidebar-toggle[aria-expanded="false"] {
	background-image: url('https://etpeterson.com/wp-content/uploads/2024/01/cropped-etphotography_icon_transparent.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: black;
	height: 80px !important;
	width: 80px !important;
	border: none;
	opacity: 0.8;
	margin-top: 35px !important;
	margin-right: -50px !important;
}

.sidebar-toggle[aria-expanded="true"],
.sidebar-toggle[aria-expanded="false"]:hover {
	background-image: url('https://etpeterson.com/wp-content/uploads/2024/01/cropped-etphotography_icon_transparent.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(90deg);
	height: 80px !important;
	width: 80px !important;
	border: none;
	opacity: 1;
	margin-top: 35px !important;
	margin-right: -50px !important;
}

.site-footer {
	display: none;
}


@media (max-device-width: 768px) {
	
	.mobileOnly {
		display:block;
	}
	
	.category-home-small-light {	
		display:none;
	}

	
	.wpd-rating-wrap {
		display:none !important;
	}
	
	.navigation-text {
			font-size:60vw;
			margin-top:-80px !important;
	}
	
	.size-large {
		width: 90% !important;
		margin:20px !important;
	}

	
	.critique-footer { 
		font-size:10px;
		}
	
	.critique-tile {
  	flex: 1 1 100%; 
		}
	
	.critique-results {
		border-radius: 10px; 
		padding:40px; 
		width:100%; 
		font-size:14px; 
		line-height:1.5; 
		background-color: white; 
		color: black;
	}
	
	.critique-droparea {
		font-size:18px;
		padding: 10px; 
	}
	
	.critique-results p {
		padding:0px;
	}
	
	.grade_container {
		margin-top: -20px;
		margin-right: -55px;
		margin-bottom: -55px;
    float: right;
    background-color: green;
    width: 100px;
    height: 100px;
    border-radius: 50%;
		display: flex; 
    justify-content: center;
    align-items: center;
	}

	.grade {
		font-size:50px;
		font-weight:bold;
		color:white;
		transform: rotate(5deg);
		display: inline-block;
	}
	
	.hideFromMobile {
		display:none;
	}
	
	.like-button {
		display:none;
	}
	
	.share-buttons {
		display:none;
	}
	
	.sidebar-toggle  {
		display:none;
	}
	
	.site-logo-link .site-logo {
		width: auto;
		padding-top: 0px;
		opacity: 1;
	}
	
	.site-header {
		z-index: 0 !important;
		height:0px !important;
		margin-top:50px;
		margin-bottom:50px;
		//display:none;
	}
	
	.wp-block-post-title {
		margin-left:35px;
		margin-top:-100px !important;
	}

}