/*
Theme Name: WerewolfAddiction
Theme URI: https://github.com/
Author: Fluffy Werewolf
Author URI: http://remote.ac/
Description: Werewolf addiction for all your werewolf needs, get your fix today.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: WerewolfAddiction

WerewolfAddiction WordPress Theme © 2022  
WerewolfAddiction is distributed under the terms of the GNU GPL

Did this commit work?

*/




/* YOUR CSS */
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* TYPOGRAPHY */
p
{

}
h1
{

 }

 h2
{
    
 }

 h3
 {
     
  }

/* PAGE LAYOUT */
header
{
    grid-area: header;
	background-color:rgba(0,0,0,0.8);
	color:whitesmoke;
	padding-bottom:5px;
}

#container
{
    grid-area: container;
	background-color:whitesmoke;
}

footer
{
    grid-area: footer;
	background-color:rgba(0,0,0,0.8);
	color:whitesmoke;
 	text-align:center;   
}


/* MENU / NAV */

.menu
{
	display:flex;
	flex-direction:row;
	list-style:none;
	
}

.menu > .menu-item
{
	background-color:rgba(0,0,0,0.2);
	margin-right:5px;
	padding:5px;
	border-radius:5px;
	transition:all ease-in-out 0.3s;
	
}
.menu > .menu-item:hover
{
	transform: scale(1.1);
	background-color: black;
	color:gold;
}

.menu > .menu-item > a 
{
	text-decoration:none;
	color: white;
}


.menu
{
	display:flex;
	flex-direction:row;
	list-style:none;
	
}
.menu ul
{
	list-style:none;
	display:flex;
	flex-direction: row;
}

.menu .menu-item
{
	background-color:rgba(0,0,0,0.2);
	margin-right:5px;
	padding:5px;
	border-radius:5px;
	transition:all ease-in-out 0.3s;
	
}
.menu .menu-item:hover
{
	transform: scale(1.1);
	background-color: black;
	color:gold;
}

.menu a 
{
	text-decoration:none;
	color: white;
}

.menu li
{
	background-color:rgba(0,0,0,0.2);
	margin-right:5px;
	padding:5px;
	border-radius:5px;
	transition:all ease-in-out 0.3s;
	
}
.menu li:hover
{
	transform: scale(1.1);
	background-color: black;
	color:gold;
}

.menu li > a 
{
	text-decoration:none;
	color: white;
}

#menu > .menu-item > a:hover, #menu > .menu-item > a:active
{	
	color:gold;
	cursor:pointer;
}

.listing-main
{
	padding-top:25px;
}
.listing-card
{
	background-color:white;
	box-shadow:2px 2px 2px;
	margin-bottom:25px;
	display:flex;
	flex-direction:row;
	width:95vw;
	margin-left:2.5vw;
	height:250px;
}
.listing-container
{
	background-color:whitesmoke;
}
.listing-card .listing-carousel
{
	flex:33.3%;
	background-color:rgba(0,0,0,0.5);
	max-width:25%;
	height:250px;
	width:25%;
}
.carousel-item
{
	height:250px;
	object-fit:cover;
	min-height:250px;
}
.carousel-slide-array
{
	height:100%;
}
.property-info
{
	padding:15px;
	display:flex;
	flex-direction:column;
	width:100%;
}
.property-info .property-info-section
{
	width:100%:
		overflow-x:hidden;
	overflow-y:auto;
}
.property-info-description
{
	flex:60%;
}
.property-info-description-details
{
	padding:25px;
}
.property-info-titles
{
	flex:25%;
	
}
.property-info-titles-details
{
	display:flex;
	flex-direction:column;
}
.property-listing-card-footer
{
	display:flex;
	flex-direction:row;
	width:100%;
}
.icons
{
	flex:90%;
	display:flex;
	flex-direction:row;
}
.listing-icons-pill
{
	display:flex;
	flex-direction:row;
	border:solid 2px black;
	border-bottom-left-radius:20px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
	padding:5px;
	margin-right:5px;
}
.listing-location
{
	margin:0;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.listing-title
{
	margin:0;
	display:flex;
	flex-direction:row;
}
.listing-title-display
{
	flex:80%;
}
.listing-icons-pill svg
{
height:25px;
	width:25px;
	margin-right:5px;
	margin-left:5px;
}
.hero-direction-column
{
	flex-direction:column;
}
.hero-carousel-height
{
	flex:20%;
	max-height:20%;
	width:100%;
}
.listing-icons-pill-hero svg
{
height:16px;
	width:16px;
	margin-right:5px;
	margin-left:5px;
}
.pill-border-left
{
	border-radius:50%;
	border: solid 2px black;
	border-right:none;
	width:5px;
	height:100%;
}
.pill-border-right
{
	border-radius:50%;
	border: solid 2px black;
	border-left:none;
}
.pill-border-content
{
	border:solid 2px black;
	border-left:none;
	border-right:none;
}

.werewolf-icons
{
	display:flex;
	flex-direction:row!important;
}
.comments-wrapper
{
	height:100%;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.comment-spacer
{
	flex:10%;
}
.comments-content
{
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	flex:80%;
	justify-self:center;
	
}
.comments-content p
{
	text-align:center;
}
.comments-content label
{
	display:none;
}
.form-submit .submit
{
	width:60%;
	background-color:rgba(0,0,0,0.8);
	color:whitesmoke;
	border-radius:15px;
	height:40px;
	cursor:pointer;
	transition: all 0.2s ease-in-out;
}
.form-submit .submit:hover
{
	background-color:rgba(255,255,255,0.9);
	color:black;
	transform:scale(1.05);
}
.comments-content h3
{
	text-align:center;
}
#commentform #comment
{
	width:60%;
	background-color:rgba(0,0,0,0.03);
	border-radius:15px;
}
#commentform #comment:focus
{
	background-color:rgba(0,0,0,0.05);
}

.comment-card
{
	height:auto !important;
	padding:25px;
}
.upsell-wrapper
{
	color:black;
	height:auto;
}
.upsell-h-auto
{
	height:auto;
}
.listing-details
{
	max-height:80vh;
	height:80vh;
}
.details-card-header
{
	display:flex;
	flex-direction:row;
}
.details-card
{
	display:flex;
	flex-direction:column;
}
.pd-25
{
	padding:25px;
}
.txt-center
{
	text-align:center;
}
.listing-carousel-details
{
	max-width:35%;
	flex:35%;
	min-width:35%;
}
.hero-heading
{
	background-color:whitesmoke;
}
.ml-0
{
	margin-left:0px;
}
.d-column
{
	flex-direction:column;
}
.d-row
{
	flex-direction:row;
}
.pl-0
{
	padding-left:0px;
}
.h-100
{
	height:100%;
}
.f-20
{
	flex:20%;
}
.mh-33
{
	max-height:33%;
}
.hero-images img
{
	object-fit:cover;
	height:100%;
}
#site-title a
{
	text-decoration:none;
	color:white;
	font-size:3rem;
	
}
.icon-descriptor
{
	display:block;
}

.card
{
	background-color:white;
	padding:25px;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:0px;
}
.front-page .custom-front-page
{
	margin-left:0px;
	max-width:100%;
	width:100%;
}
.banner
{
	max-height:350px;
	position:relative;
}
.banner a
{
		text-decoration:none;
	color:white;
	font-size:3rem;
}
.banner img
{
	height:100%;
	object-fit:cover;
	max-height:100%;
	height:300px;
	object-position: center;
		justify-items:center;

}
.homepage-hero
{
	position:absolute;
	width:100%;
	text-align:center;
	top:45%;
}
@media screen and (max-width: 752px) {

	
	.icon-descriptor
	{
		display:none !important;
	}
	.listing-card
	{
		flex-direction:column !important;
		height:auto;
	}
	.listing-carousel
	{
		width: 100% !important;
		max-width:100% !important;
		max-height:33%;
	}
	.carousel-item
	{
		max-height:33%;
		max-width:100%;
		width:100%;
	}
	.carousel-item img
	{
		object-fit:cover;
		height:100%;
		width:100%;
	}
	.details-card-header
	{
		overflow-y:auto;
	}
}