/*
Theme Name: Blank Canvas
Theme URI: https://wordpress.com/theme/blank-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Blank Canvas is a minimalist theme, designed for single-page websites. Its single post and page layouts have no header, navigation menus, or widgets by default, so the page you design in the WordPress editor is the same page you’ll see on the front end. The theme’s default styles are conservative, relying on simple sans-serif fonts and a subtle blue highlight color. Blank Canvas is ready for your customizations.
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: seedlet
Text Domain: blank-canvas
Tags: one-column, accessibility-ready, custom-colors, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready

Blank Canvas WordPress Theme, (C) 2021 Automattic, Inc.
Blank Canvas is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Blank Canvas is derived from Seedlet. 2020-2021 Automattic
Seedlet is distributed under the terms of the GNU GPL v2 or later.

Images from stocksnap.io
License: CC0
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
Used as block pattern images.

Image from foodiesfeed.com
License: CC0
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
Used as block pattern image.

Hamburger Icon from Noto Emoji
License: Apache License 2.0
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
Modified and used as a block pattern image.
*/
/* Home page (here we go again) Written by ®Luke Short. Direct all complaints to woehoeghqoehig[o	ihg]	egrg */

/* btw ya'll don't write css mobile first and it shows */


/* getting rid of header content. Idc enough to figure out where the get_header() file is so immma just hide it */

#masthead {
	display: none;
}

.mobile-nav-container1{
	display: none;
	
}

.mobile-nav-list {
	display: flex;
	flex-direction: column;
	
}

.space {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.app-store-container {
	display: flex;
	
	align-items: center;
}

.app-store-image {
	width: 200px;
}

/* Contact */
.contact {
	margin-left: 3rem;
}
.map-and-contact {
	margin-left: -10rem;
}
.map-and-contact p {
	font-size: 18px !important;
}

.map-and-contact h1 {
	font-size: 30px !important;
}
.contact-title-title {
	font-size: 45px;
	color: #012255;
	margin-top: 15px;
	font-family: var(--montrat);
}

.amy-title {
	width: 205px !important;
	font-weight: 600;
	font-size: 20px;
	
}

/* application */

.pet1 {
	display: flex;
	flex-direction: column;
}

.pet2 {
	display: flex;
	flex-direction: column;
}
.application-page {
	margin-bottom: 2rem;
	margin-left: -10rem;
	font-size: 40px;
}

.credit-section-container {
	display: flex;
	flex-direction: row;
	gap: 50px;
	
}

.contact-info-container {
	margin-top: 3rem;
}

.wpcf7-submit {
	margin-top: 30px;
	height: 50px !important;
	background-color: var(--blue2) !important;
  color: white !important;
  padding: 10px 40px !important;
	transition: 0.3s ease;
	


}

.submit-the-application {
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.credit-section {
	display: flex;
	flex-direction: column;
	
}

.contact-break {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.with-contact-title {
	margin-top: 0.5rem;
}
.short-label input {
	width: 150px !important;
}

.pet-section {
	display: flex;
	flex-direction: row;
	gap: 50px;
	align-items:center;
}
.have-you {
	color: gray;
	font-size: 20px;
}

.application-title {
	margin-bottom: 3rem;
	font-size: 20px;
	margin-top: 2rem;
}

.contact-us-container {
	gap:40px;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	
}

input[type="text"] {
	width: 30vw;
	
}

input[type="email"] {
	width: 30vw;
	
}

.contact-container {
	
	
	justify-content: flex-start;
	
	margin-bottom: 5rem;
	display: flex;
	flex-direction: column;
}

.hr-whatever {
	margin-bottom: 4rem;
}

.contact-title {
	display: flex; 
	flex-direction: column;
	
}

.wp-block-contact-form-7-contact-form-selector {
	margin-left: -10rem;
}

.contact-number-text {
	width: auto !important;
}

.contact-numbers {
	
	display: flex;
	flex-direction: column;
	
}

.contact-number {
	
	display: flex;
	flex-direction: column;
}

.contact-number-strong {
	margin-right: 2rem;
	font-weight: bold;
}

.extra-map {
	position: absolute;
	width: 40%;
	top: 40rem;
	right: 7rem;
}

.contact-email {
	color: #012255;
	
}

.contact-email:hover {
	color:orange;
}

.contact-email:visited {
	color: initial !important;
}



.navbar-head-item-text a:hover {
	text-decoration: underline;
}



.toms-ingenuity {
	position: relative;
	height: 385px;
	width: 415px;
}

.map-section {
	margin-left: -4rem;
	margin-right: -4rem;
	width: 100vw;
}
.social-version {
	color: white !important;
	background-color: var(--blue1) !important;
	padding: 10px 20px;
}

.footer-social-info-container {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-left: 2rem;
}
/* Bring in da fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');

/* Declaring the ROOT */
:root {
  --blue1: #619775;
  --blue2: #006225;
  --secondary1: #EECD8F;
	--secondary2: #D19F2B;
	--montrat: font-family:  'Open Sans', sans-serif;;
	--merri: font-family: 'Merriweather', serif;
	--spacer1: margin-bottom: 5rem;
}



/* Site Content */

.site-content {
	padding-left: 4rem;
	padding-right: 4rem;
}

.navbar-container {
	padding-left: 4rem;
	padding-right: 4rem;
}


/* --- Jquery classes --- */

.wpem-event-single-image-wrapper {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.event-img {
	opacity: 0;
	
}

.wpem-event-single-image-wrapper {
	height: 360px;
	
}

.wpem-event-listing-header-title {
	display: none !important;
}
/*
.page-title {
	z-index: 4000;
	left: 60% !important;
    transform: translateX(-50%);
	bottom: -8rem !important;
	color: var(--blue1) !important;
	
}

*/



figure {
	display: none !important;
	
}



/* --- Navbar head thingy --- */

.navbar-head {
	height: 50px;
	background-color: var(--blue1);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-right: 5rem;
	padding-left: 5rem;
}

.navbar-head p {
	color: white;
}

.navbar-head a {
	color: white;
}

.left-head {
	
	display: flex;
	flex-direction: row;
	gap: 40px;
}
.right-head {
	display: flex;
	flex-direction: row;
	gap: 40px;
	
}

.navbar-head-items {
	display: flex;
	flex-direction: row;
	
	padding-right: 5rem;
	gap: 35px;
	color: white;
}

.navbar-head-item {
	align-items: center;
	display: flex;
	gap: 15px;
	flex-direction: row;
	
}

.navbar-head-item-image {
	height: 20px;
}




/* --- navbar --- */
 
.navbar-container {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 130px;
}

.logo-image {
	width:300px;
}

.navbar-items {
	display: flex; 
	flex-direction: row;
	gap: 35px;
	
}

.navbar-item {
	position: relative;
	gap: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	
	z-index: 10;
}

.navbar-link {
	text-decoration: none;
	font-size: 23px;
	font-weight: 500;
	color: #4D4D4D;
	font-family: var(--montrat);
}

.navbar-social {
	padding-right: 3rem;
}


/* Dropdown for Navbar --- */
.dropdown {
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	position: relative;
	
	text-align: center;
	text-decoration: none;
	z-index: 1;
	transform: perspective(1000px);
	
  }

.navbar-link:hover {
	color: var(--blue1);
}
  
  .dropdown-menu {
	  
	  transition: 0.3s ease-in-out;
	padding: 5px;
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	justify-content: center;
	  display: flex;
	  flex-direction: column;
	  width: 150px;
	position: absolute;
	left: 0;
	opacity: 0;
	text-align: center;
	  align-items: center;
	top: 0;
	padding: 10px;
	color: gray;
	visibility: hidden;
	z-index: -99999;
  }
  
  .dropdown-menu li:first-child {
	cursor: default;
  }


  .dropdown-menu a {

	color: black;
	display: flex;
	  line-height: 250%;
	
	font-size: 15px ;
	
	text-decoration: none;
	
  }

textarea {
	width: 30vw;
}

#wpcf7-f143-p139-o1 > form > p:nth-child(6) > input {
	background-color: var(--blue2)!important;
  color: white;
  padding: 10px 40px !important; 
}

.bwg-item {
	padding: calc(10px / 2) !important;
}
  
  .dropdown-menu a:hover {
	color: gold;
	
  }
.dropdown-menu:hover .dropdown-menu {
		opacity: 1;
	visibility: visible;
	top: 100%;
	
	-webkit-transition: all .5s, background, 2s .5s linear;
	transition: all .5s, background 2s .5s linear;
}
  .navbar-item:hover .dropdown-menu {
     
	opacity: 1;
	visibility: visible;
	top: 100%;
	
	-webkit-transition: all .5s, background, 2s .5s linear;
	transition: all .5s, background 2s .5s linear;
  }
  
.navbar-item:hover .navbar-arrow {
	
	
	transform: rotate(180deg);
}

  .navbar-arrow {
	transition: 0.3s ease-in-out;
	margin-left: 10px;

  }


/*** Front page hero --- */

.hero-front-page-container {
	background-image: url('/wp-content/uploads/2022/09/office.png');
  	height: 700px; 
  	background-position: center; 
  	background-repeat: no-repeat; 
  	background-size: cover; 
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.gradient{
	
	width: 100%;
    height: 100%;
    z-index: 0;
    position: sticky;
	opacity: 0.5;
	
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
}

.hero-front-page-info-container {
	align-self: flex-start;
	margin-left: 3rem;
	z-index: 999;
    position: absolute;
	top: 24rem;
	
}

.stretch {
	font-weight: 100 !important;
	font-style: italic;
	font-size: 57px !important;
	letter-spacing: normal !important;
}

.green-line-hero {
	width: 25%;
	height: 20px;
	background-color: var(--blue2);
}


.green-line-hero-2 {
	width: 8%;
	height: 20px;
	background-color: var(--blue1);
}

.hero-front-page-title-container {
	color: white; 
	display: flex;
	text-align: left;
	justify-content: center;
	flex-direction: column;
	
}

.hero-title {
	color: white;
	font-family: var(--montrat);
	font-weight: bold;
	font-size: 100px;
	letter-spacing: 6px;
}

.hero-front-page-links {
	display: flex;
	flex-direction: row;
	
	gap: 25px;
	
}


.hero-subtitle-container h1 {
	padding-top: 1rem;
	font-family: var(--montrat);
	font-size: 25px;
	color: white;
}
.hero-front-page-links {
	padding-top: 3rem;
}
.hero-front-page-links a {
	background-color: var(--blue2);
  color: white;
  padding: 10px 40px;

}

.property-page-link  {
	background-color: var(--blue2);
  color: white !important;
  padding: 10px 40px;
	transition: 0.3s ease;
	

}



.property-subtitle {
	margin-bottom: 2rem;
}

.hero-front-page-links a:nth-child(2) {
	
	background-color: white;
  color: black;
  padding: 10px 40px;

}


.front-page-about-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-left: 13rem;
	padding-right: 13rem;
	margin-top: 5rem;
}

.front-page-about-info-container {
	display: flex;
	flex-direction: column;
	text-align: left;
	position: relative;
	width: 60%;
}

.front-page-about-image-with-icon {
	position: relative;
}


.front-page-about-title {
	color: var(--blue2);
	font-size: 50px; 
	font-family: 'Merriweather', serif;
	font-weight: 400;
	
	margin-bottom: 2rem;
	
}

.just-a-link {
	color: var(--blue2);
	text-decoration: none;
}

.just-a-link:hover {
	color: var(--blue1);
	text-decoration: underline;
}

.front-page-about-title-icon {
	width: 98px;
	position: absolute;
	z-index: -1;
	left: -49px
}

.front-page-about-image-icon {
	width: 500px;
	z-index: 2;
	position: absolute;
	bottom: -36px;
	right: 149px;
}

#content > div.front-page-about-container > div.front-page-about-image-container > div > a > img:hover{
	transform: scale(1);
	transition: all ease-in-out .2s;
}

#content > div.front-page-about-container > div.front-page-about-image-container > div > a > img:hover{
	transform: scale(0.9);
}

.front-page-about-paragraph {
	font-family: var(--montrat);
	font-size: 18px;
	margin-bottom: 1rem;
	font-weight: 500;
	
}

.front-page-about-paragraph-container {
	width: 80%;
}

.hero-front-page-link-about {
	margin-top: 2rem;
	background-color: var(--blue2);
  color: white;
  padding: 10px 40px;

}

.hero-front-page-link-container {
	margin-top: 2rem;
}

.front-page-about-image-icon-box {
	width: 100px;
	position: absolute;
	z-index: 1;
	right: 0px; 
	bottom: 0px;
}



/* --- Resource cards section --- */

.resources-section-container {
	width: auto;
	
	background-image: url('https://gardenparks.bulldog.rocks/wp-content/uploads/2022/07/Group-20-e1658155543115.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 -4rem;
	margin-top: 7rem;
	padding-left: 13rem;
	padding-right: 13rem;

}

.resources-info-container {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	
	flex-direction: column;
	margin-bottom: 4rem;
	
	
}

.resources-title {
	font-family: var(--montrat);
	color: var(--blue1);
	margin-top: 5rem;
	font-weight: 600;
	font-size: 25px;
	margin-bottom: -0.5rem;
	letter-spacing: 1px;
	
}

.resources-subtitle {
	font-family: 'Merriweather', sans-serif;
	font-size: 60px;
	color: white;
}


.resources-cards-container {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	
	
	flex-wrap: wrap;
	
}

.resource-card {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;	
}

.resource-card-img{
	width: 424px;
	height: 389px;
	position: relative;
	object-fit: cover;
}

.card-title {
	color: white;
	font-size: 40px;
	font-family: 'Merriweather', sans-serif;
	margin-bottom: 1rem;
	
	
}

.card-subtitle {
	color: white;
	font-size: 25px;
}

.card-text {
	transition: 2s ease-in-out;
	font-family: var(--montrat);
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	bottom: 230px;
	left: 127px;
	height: 275px;
	flex-direction: column;
}

.animate {
	bottom: 71px;
}

.card-svg {
	width: 43px;
    position: absolute;
    bottom: 25px;
    right:20px;
	opacity: 0;
	transition: 1s ease-in-out;
	
}

.animate-card-svg {
	right: 354px;
	opacity: 1;
}

.blank {
	width: 100%;
	height: 100vh;
}


.spacer-1 {
	height: 100px;
	width: 100%;
	margin-bottom: var(--spacer1);
}

/* --- events ---- */

#event_filters > div.search_events.search-form-container {
	display: none !important;
}

#content > div.blank > div > div.wpem-main.wpem-event-listings-header > div > div.wpem-col.wpem-col-12.wpem-col-sm-6.wpem-col-md-6.wpem-col-lg-8 > div > h2 {
	display: none !important;
}
#content > div.blank > div > div.wpem-main.wpem-event-listings-header > div > div.wpem-col.wpem-col-12.wpem-col-sm-6.wpem-col-md-6.wpem-col-lg-4 > div {
	display: none !important;
}

.wpem-event-listings.wpem-event-listing-box-view {
	flex-direction: column;
	margin-left: 4rem;
}

.wpem-event-layout-wrapper {
	width: 85%!important;
}
.wpem-heading-text {
	font-family: var(--montrat);
	width: 60%;
}
.wpem-from-date {
	top: -2px !important;
}

.wpem-event-layout-action {
	display: none !important;
}

.events-container {
	display: flex;
	justify-content: center;
	flex-direction: row;
	

	margin-bottom: 5rem;
}

.event-title-container {
	display: flex;
	justify-content: center;
	margin-right: 23rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.event-title {
	font-family: var(--montrat);
	color: var(--blue1);
	font-weight: 500;
}

.event-subscribe-container {
	padding-top: 40px;
}


/* --- Inner events --- */

.wpem-single-event-body p {
	font-size: 15px !important;
	margin-bottom: 1rem !important;
}

.wpem-single-event-body h2 {
	font-size: 28px !important;
	margin-bottom: 0.5rem !important;
}

.wpem-single-event-body-content {
	padding-top: 0 !important;
}

/* wpem columns---*/

.wpem-col-lg-4 {
	max-width: 100% !important;
}

.wpem-col-md-6 {
	max-width: 100% !important;
}

.wpem-event-banner-img {
	height: 0px !important;
}

.wpem-event-layout-wrapper {
	overflow: visible !important;
}

.wpem-event-date {
	position: absolute;
	top: -47px;
}

#event-listing-view {
	gap: 40px
}

.form-btn-pb_FormBuilder_9560{
	background: red !important;
}


.subscribe-new:hover {
	background: #16315A !important;
}

/* --- Community cards --- */

.communities-section-container {
	width: auto;
	background-image: url('https://harrison.bulldog.rocks/wp-content/uploads/2022/07/Group-16-2.png');
	

  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 

}

.communities-info-container {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	margin-bottom: 4rem;
	align-items: center;
	
}

.community-title {
	font-family: var(--montrat);
	color: var(--blue1);
	margin-top: 5rem;
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 1rem;
	
}

.community-card-title {
	color: var(--blue1);
	margin-bottom: 0.3rem;
}

.community-subtitle {
	font-family: var(--montrat);
	width: 40%;
	margin-bottom: 1rem;
}

.community-link-container {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

.community-link {
	color: var(--blue1);
}

.communities-cards-container {
	display: flex;
	justify-content: center;
	flex-direction: row;
	
	gap: 50px;
	flex-wrap: wrap;
	
}

.community-card {
	overflow: hidden;
	position: relative;	
}

.community-card-title {
	font-size: 25px;
	font-family: var(--montrat);
}

.community-card-subtitle {
	font-size: 11px;
}

.community-card-text {
	transition: 2s ease-in-out;
	font-family: var(--montrat);
	font-size: 15px;
	position: absolute;
	bottom: 400px;
	left: 150px;
	width: 237px;
}

.animate-community {
	bottom: 110px;
}

.community-card-svg {
	width: 60px;
	position: absolute;
	bottom: 69px;
	right: 391px;
	opacity: 0;
	transition: 1s ease-in-out;
	
}

.animate-community-card-svg {
	right: 350px;
	opacity: 1;
	top: 118px;
}


/* End section */

.end-section-container {
	padding: 5rem 10rem;
}

.end {
	display: flex;
	flex-direction: row;
	gap: 70px;
	margin-top: 3rem;
	margin-bottom: 3rem;
	justify-content: space-between;
}
.end-title-container {
	display: flex;
	flex-direction: column;
	width: 50%;
	justify-content: center;
	
	
}

.end-subtitle {
	font-size: 25px;
}

.end-title {
	
	margin-bottom: 1rem;
	font-family: 'Merriweather', sans-serif;
	color: var(--blue2);
	font-weight: bolder;
	font-size: 50px;
	
}
.end-cards-container {
	display: flex;
    justify-content: center;
    flex-direction: column;
    overflow-x: hidden;
    gap: 50px;
    width: 50%;
}

.view-more-gallery {
	
	
	align-self: flex-end;
}

.view-more-gallery-end {
	font-size: 30px;
	color: var(--blue1);
}

.end-card {
	overflow: hidden;
    position: relative;
    width: 20%;
    aspect-ratio: 1/1;	
}

.end-cards {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.end-card-title {
	font-size: 25px;
	font-family: var(--montrat);
}

.end-card-subtitle {
	font-size: 11px;
}

.end-card-text {
	transition: 2s ease-in-out;
	font-family: var(--montrat);
	font-size: 15px;
	position: absolute;
	bottom: 400px;
	left: 175px;
	width: 237px;
}

.animate-end {
	bottom: 110px;
}

.end-card-svg {
	width: 60px;
	position: absolute;
	bottom: 69px;
	right: 391px;
	opacity: 0;
	transition: 1s ease-in-out;
	
}

.animate-end-card-svg {
	right: 400px;
	opacity: 1;
	top: 95px;
}

/* Footer */

.footer-sub {
	color: white;
	width:300px;
	
}

.footer-sub-text {
	font-size: 20.5px;
	font-weight: 500;
	font-family: var(--montrat);
}
.footer-spacer {
	height: 40px;
	background-color: var(--blue2);
}
.footer-container {
	background-color: var(--blue2);
	padding-bottom: 3rem;
}

.footer-content-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 10vw;
	margin-right: 10vw;
	
}

.footer-title-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.footer-info {
	gap: 5px;
	align-items: baseline;
	display: flex;
	flex-direction: row;
	color: white;
	font-size: 15px;
}

.footer-info-row {
	margin-top: 1rem;
	gap: 5px;
	display: flex;
	flex-direction: row;
	color: white;
	font-size: 15px;
}

.footer-logo {
	margin-bottom: 1rem;
	width: 300px;
}


.footer-links-container {
	display: flex;
	flex-direction: row;
	gap: 25px;
}

.footer-about {
	display: flex;
	flex-direction: column;
	
}

.footer-about-title  {
	color: white;
	font-size: 20px;
	font-family: var(--montrat);
	margin-bottom: 0.4rem;
}

.footer-about-title a {
	color: white;
}

.footer-about-sub {
	color: white;
	font-size: 15px;
	font-family: var(--montrat);
}

.footer-about-sub:hover {
	color: var(--blue1);
}

.footer-foot-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: white;
	margin-top: 1rem;
	text-align: center;
	margin-bottom: 1rem;
	
}

.footer-foot-text-yellow  {
	color: gold;
}

.footer-foot-title {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
.footer-foot-info-text {
	color: black;
}

.yellow-link a {
	color: gold;
}

.yellow-link {
	color: gold;
}



.footer-foot-line {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.footer-social-container {
	margin-top: 2rem;
	display: flex; 
	flex-direction: row;
	justify-content: center;
	gap: 20px;
}



/* single page */

/*.entry-content {
	margin-top: 3rem;
	padding-left: 200px;
	padding-right: 200px;
	margin-bottom: 5rem;
}*/

.entry-content{
	margin-top: 3rem;
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 5rem;
}
.entry-content h2 {
	margin-bottom: 1rem;
	font-family: var(--montrat);
	font-size: 60px;
	color: var(--blue1)
	
}

.entry-content p {
	font-size: 20px;
	width: 80%;
}

.entry-content a {
	color: var(--blue2);
}
.entry-content a:hover {
	color: var(--blue1);
}


.wpem-single-event-header-top {
	background: none !important;
}

.event-image-jquery {
	width: 450px;
}

.post-thumbnail img {
	width: 100%;
}

.entry-header {
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.entry-title {
	display: none;
	color: white;
	font-size: 55px;
	font-family: var(--blue1);
	font-weight: bolder;
	text-align: center;
	text-transform: uppercase;
	width: 400px;
	
}

.yellow-thing-container {
	height: 73px;
	color: white;
	background-color: #D19F2B;
	font-family: var(--montrat);
	
}

.yellow-thing-text {
	display: flex;
	justify-content: center;
	flex-direction: row;
	gap: 30px;
	color: white;
	align-items: center;
}

.yellow-text {
	font-size: 35px;
	font-weight: bolder;
	font-family: 'Montserrat', sans-serif;
}

.yellow-paragraph {
	line-height: 20px;
	font-size: 15px;
}

/* --- Sponsors page --- */

.become-a-member-link-container {
	display: flex;
	align-items: center;
	margin-bottom:2rem;
	
	
}

.become-a-member-link {
	color: gold;
	font-size: 30px;
}

.become-a-member-link:hover {
	color: var(--blue1);
}


.members-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
	margin-bottom: 3rem;
	transition: 1s ease;
	
	
}

.member:hover {
	transform: scale(1.1);
	box-shadow: 5.8px 11.5px 11.5px hsl(0deg 0% 0% / 0.32);
	z-index: 20;
}

.member {
	transition: 0.5s ease-in-out;
	padding: 20px 20px;
	position: relative;
	box-shadow: 0px 0px 6px hsl(0deg 0% 0% / 0.18);
	border-radius: 5px;
	display: flex;
	max-width: 350px;
	max-height: 155px;
	cursor: pointer;
}

.member-logo {
	max-width: 300px;
}

.logo-title-container * {
	cursor: pointer;
}
.logo-title-container {
	z-index: 1;
	
	background-color: white;
	position: absolute;
	opacity: 0;
	left: 0px;
	
	transition: 0.4s ease-in;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.25);
}

.logo-title {
	color: var(--blue1);
	font-family: var(--montrat);
	font-size: 25px;
	margin-bottom: 1rem;
}

.logo-subtitle {
	font-family: var(--montrat);
	font-size: 10px !important;
	
}

.opened-logo * {
	height: auto;
}
.opened-logo {
	height: auto;
	opacity: 1;
	z-index: 10000;
}

.opened-member {
	transform: scale(1.1);
	box-shadow: 5.8px 11.5px 11.5px hsl(0deg 0% 0% / 0.32);
	z-index: 20;
}

.footer-container {
	position: relative;
	z-index: 2;
}


/* Become a member page */

.join {
	margin-top: 2rem;
	margin-bottom: 2rem;
	
}

.join-link {
	color: gold;
	
}

.join-link:hover {
	color: var(--blue1);
}

.submit-member {
	margin-top: 4rem;
	margin-bottom: 1rem;
	font-size: 40px !important;
	color: var(--blue1);
}

.hamburger-container {
	display: none;
	margin-left: 1.5rem;
}

.hamburger-image {
	width: 36px;
}

.mobile-nav-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	transition: 1s;
	max-height: 0px;
	
}

.mobile-nav-open {
	max-height: 300vh;
	
	
}

.mobile-content-open {
	max-height: 3000px !important;
	opacity: 1 !important;
	position: static !important;
}

.mobile-nav-content {
	transition: 3s;
	max-height: 10px;
	opacity: 0;
	position: fixed;
	left: 2000px;
	
}

.mobile-nav-link {
	font-size: 25px;
	font-family: var(--montrat);
	color: var(--blue1);
}

.mobile-nav-list li {
	margin-left: 1rem;
	font-family: var(--montrat);
	font-size: 20px;
	color: var(--blue1);
}

.mobile-nav-list {
	list-style: none;
}

.community-card-image {
	width: 360px;
}

/* -- Properties page --- */

.property-title-container {
	display: flex;
	flex-direction: column;
    width: 60%;
	
}

.property-title-container-inner{
	width: 100%;
    display: flex;
	gap: 5%;
	flex-direction: row;
}

.property-title {
	font-family: 'Merriweather', serif;
	color: var(--blue2);
	font-size: 40px;
	
	
}

.property-title-lease{
	display: flex;
    flex-direction: column;
	position: relative;
}

.property-title-image-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 40%;
}

.property-features-container{
	padding-top: 2rem;
}

.lease-button {
	position: absolute;
    z-index: 999;
	bottom: -15px;
    left: -15px;
    background: white;
    color: var(--blue2);
    padding: 1rem 1.75rem;
    -webkit-box-shadow: 0px 0px 8px -3px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px -3px rgb(0 0 0 / 50%);
	transition: all ease .3s;
}

.lease-button:hover {
    background: var(--blue2);
	transform: scaleX(1.025);
    color: white !important;
}

.property-subtitle {
	padding-top: 1.5rem;
}

.property-title-info {
	width: 100%;
	
}
.property-features-title {
	font-family: 'Fira Sans', sans-serif;
	color: var(--blue2);
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 1rem;
	
}

.property-info-container {
	max-width: 951px;
}

.features-subtitle {
	width: 100% !important;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.property-title-image {
	width: 384px;
	aspect-ratio: 1/1;
}

.property-title-image img{
	height: auto;
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover !important;
}
.property-features-list-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 6rem;

}

ul {
	padding-left: 1.2rem;
}

/* responsiveness */

@media only screen and (max-width: 1850px) {
	.front-page-about-image-icon {
		right: 25px;
	}
}

@media only screen and (max-width: 1280px){
	
	.navbar-head {
		display: none;
	}
	.property-title-container-inner{
		flex-direction: column-reverse;
	}
	.lease-button{
		display: none;
	}
	.property-title-container{
		align-items: flex-start;
    	width: 100%;
	}
	.property-title{
		padding-top: 1.5rem;
	}
	.property-title-image-container{
		align-items: flex-start;
    	width: 100%;
	}
	.property-subtitle{
		width: 100% !important;
	}
}
@media only screen and (max-width: 1050px){
	.navbar-items {
		display: none;
	}
	.hamburger-container {
		display: block;
	}
	
	.site-content {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	
	.resources-info-container {
		display: none;
	}
	
	.resources-section-container {
		margin: 0rem;
		padding-left: 2rem;
		padding-right: 2rem;
		display: flex;
		justify-content: center;
		margin-top: 3rem;
	}
	.card-title {
		font-size: 25px;
	}
	
	.card-subtitle {
		font-size: 18px;
	}
	.resources-cards-container {
		margin-top: 3rem;
		flex-direction: column;
		justify-content: center;
	}
	
	.front-page-about-image-with-icon {
		margin-bottom: 4rem;
	}
	
	.front-page-about-image-icon {
		right: 1px;
	}
	
	.front-page-about-title {
		font-size: 30px;
		text-align: left;
	}
	
	.front-page-about-paragraph-container {
		width: auto;
	}
	
	.front-page-about-paragraph {
		font-size: 15px;
		text-align: left;
	}
	
	.end-section-container {
		padding: 0rem;
	}
	
	.end-title {
		font-size: 30px;
		text-align: center;
	}
	
	.end-subtitle {
		font-size: 15px;
		text-align: left;
	}
	
	.end-cards-container {
		display: none;
	}
	
	.toms-ingenuity {
		width: 350px;
		height: 290px;
	}
	.hero-front-page-info-container {
		transition: 1s ease;
	}
	
	.title-open {
		top: 32rem;
	}
	.hero-front-page-title-container {
		display: flex;
		align-items: center;
		z-index: 10;
		
	}
	.green-line-hero {
		display: none;
		
	}
	
	.hero-subtitle-container {
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
	
	.hero-subtitle {
		text-align: center;
	}
	
	.hero-subtitle br {
		display: none;
	}
	
	.hero-front-page-links {
		justify-content: center;
	}
	
	.hero-front-page-info-container {
		margin-left: 0rem;
		
	}
	
	
	.animate-card-svg {
		right: 297px;
	}
	
	.card-svg {
		width: 32px;
		top: 20px;
	}
	
	.map-section {
		margin-left: 0rem;
		margin-right: 0rem;
	}
	.map-and-contact {
		margin-left: 0rem;
	}
	
	.contact-us-container {
		flex-wrap: wrap;
	}
	
	.entry-content {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	
	.form-contact {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.entry-content p {
		width: 100%;
	}
	
	.property-title {
		text-align: center;
		
	}
	
	.form-contact p {
		text-align: center;
		font-size: 15px !important;
	}
	input[type="text"] {
		width: 95%;
	}
	input[type="email"] {
		width: 95%;
	}
	textarea {
		width: 95%;
	}
	
	#wpcf7-f143-p139-o1 > form > p:nth-child(6) {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.contact-us-container {
		justify-content: center;
	}
	
	.wpcf7-spinner {
		display: none;
	}
	
	.contact-container {
		justify-content: center;
		align-items: center;
	}
	
	.entry-header {
		height: 200px;
	}
	
	.property-title {
		font-size: 45px !important;
	}
	#post-139 > div > div > div > div.form-contact > p {
		width: 90%;
	}
	
	.property-title-image-container {
		align-items: center;
	}
	
	#post-113 > div > div > div > div.property-title-container > div > p {
		width: 95% !important;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.property-page-link {
		margin-left: 1rem;
	}
	
	.property-title-container {
		padding-left:1rem;
		padding-right: 1rem;
	}
	
	.mobile-nav-list {
		position: relative;
		z-index: 20;
	}
	
	.hero-front-page-info-container {
		z-index: 10;
	}
	
	.application-page {
		margin-left: 0rem;
	}
	
	#post-224 > div > div > a:nth-child(3) {
		margin-left: 0rem !important;
	}
	
	.application-links {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.app-link {
		margin-bottom: 2rem;
	}
	
	#wpcf7-f191-p192-o1 > form {
		padding-left: 11rem;
		
	}
	
	.contact-break {
		width: 200px;
	}
	
	.pet-section {
		flex-wrap: wrap;
	}
	
	.submit-the-application {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.credit-section-container {
		flex-wrap: wrap;
	}
	
	#wpcf7-f191-p192-o1 > form > p:nth-child(7) > label > span > input {
		width: 95%;
	}
	
	#wpcf7-f191-p192-o1 > form > p:nth-child(14) > label:nth-child(23) > span > input {
		width: 95%;
	}
	
	.application-line {
		width: 200px;
	}
	
	.contact-info-text {
		font-size: 15px !important;
		width: 95% !important;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#post-192 > div > div.contact-info-container > p:nth-child(2) {
		font-size: 15px !important;
		width: 95% !important;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#wpcf7-f191-p192-o1 > form > p:nth-child(19) > label:nth-child(5) > span > input {
		width: 95%;
	}
	
	
	
}
@media only screen and (max-width: 768px) {
	/* Navbar */
	.hamburger-container {
		display: block;
	}
	.navbar-items-container {
		display: none;
	}
	.navbar-head {
		display: none;
	}
	.navbar-social {
		display: none;
	}
	
	.navbar-container {
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	
	.logo {
		padding-left: 0;
	}
	.logo-image {
		width: 300px;
	}
	
	/* Hero */
	.hero-front-page-links {
		font-size: 12px !important; 
	}
	
	.front-page-about-container {
		padding-left: 1rem;
		padding-right: 1rem;
		flex-direction: column-reverse;
	}
	
	.front-page-about-info-container {
		width: 100%;
		justify-content: center;
		text-align: center;
		align-items: center;
	}
	
	.front-page-about-title {
		margin-top: 1rem;
		
	}
	
	.front-page-about-title-icon {
		left: 2px;
		top: 24px;
	}
	
	/* events */ 
	
	.events {
		width: 80%;
	}
	
	.event-title-container {
		margin-right: 0;
	}
	
	.events-container {
		flex-direction: column;
	}
	.event-subscribe-container {
		padding-top: 0;
	}
	
	/* Community */
	
	.animate-community {
		bottom: 74px;
		left: 105px;
	}
	.community-card-svg {
		width: 43px;
	}
	.animate-community-card-svg {
		right: 271px;
		top: 95px;
		
	}
	
	/* end */
	
	.end {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.end-title-container {
		width: 100%;
	}
	.end-title {
		width: 100%;
	}
	
	.end-card-title {
		font-size: 20px;
	}
	
	.end-subtitle {
		width: 100%;
	}
	
	.end-card-image {
		width: 360px;
	}
	
	.end-card-text {
		left: 110px;
	}
	
	.animate-end {
		bottom: 72px;
	}
	
	.animate-end-card-svg {
		left: 2rem;
		top: 50px;
	}
	
	.hero-title {
		font-size: 47px;
	}
	
	.event-title {
		font-size: 35px;
	}
	
	/* Footer */
	.footer-links-container {
		display: none;
	}
	.footer-foot-title {
		display: block;
	}
	.footer-foot-title p {
		font-size: 8px;
	}
	
	
}