/**
 * Theme Name:      Plum Organic Beauty
 * Template:   		twentytwentyfive
 * Theme URI:       https://plumroganicbeauty.com
 * Description:     Child theme of twentytwentyfive
 * Version:         1.0.0
 * Author:          Jessie Glass
 * Author URI:      https://glassfoundry.com
 */
 
 

@font-face {
 font-family: 'posture';
 src: url('/wp-content/themes/twentytwentyfive-child/fonts/posture-webfont.woff') format('woff');
	  url('/wp-content/themes/twentytwentyfive-child/fonts/posture-webfont.woff2') format('woff2');
	  url('/wp-content/themes/twentytwentyfive-child/fonts/posture.otf') format('otf'),
	  url('/wp-content/themes/twentytwentyfive-child/fonts/posture.ttf') format('ttf');
	 
 font-weight: normal;
 font-style: normal;

}
 
 
 
 body, html {
	 height: 100%;
 }
 
 body {
	 padding: 0;
	 margin: 0;
	 font-family: "Raleway";
	 color: #000;
	 background-color: #f9f8f7;
	 background-image: url('/wp-content/themes/twentytwentyfive-child/images/services_background.jpg');
	 background-size: cover;
 }
 
 img {
	 max-width: 100%;
	 height: auto;
 }
 
 
 .plum_header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 z-index: 10;
	 width: 96%;
	 padding: 30px 2% 0 2%;
	 background-color: rgba(255, 255, 255, 0);
	 transition: 0.5s ease-out;
	 border-bottom: 1px solid #EEE;	
	 margin-bottom: 1%;
 }
 
 body.home {
	 background-image: none;
 }
 
 body.home .plum_header {
	 border-bottom: none;
 }
 
 p {
	 font-size: 0.97rem;
	 line-height: 1.3rem;
	 font-weight: 500;
 }
 
 .plum_header.smaller {
	 background-color: rgba(249, 248, 247, 0.9);
 }
 
 body.home .plum_header.smaller .wp-block-navigation-item a.wp-block-navigation-item__content {
	 color: #000;	
	 font-weight: 400;
 }
 
 .plum_header.smaller .header_logo {
	 max-width: 80px;
 }
 
 .header_logo {
	 float: left;
	 max-width: 200px;
	 transition: 0.5s ease-out;
 }
 
 hero {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 background-image: url("/wp-content/themes/twentytwentyfive-child/images/hero_home.jpg");
	 background-size: cover;
	 background-position: center center;
	 height: 80vh;
 }
 
 #headline_holder {
	 font-family: "posture";
	 color: #f9f8f7;
	 text-align: center;
	 width: auto;
	 height: auto;
	 font-size: 4em;
	 margin: 0 auto;
	 opacity: 0;
	 transition: 2s ease-out;
	 position: relative;
	 top: 50px;
	 
 }
 
 #headline_holder.showMe {
	opacity: 1;
	top: 0;
 }
 
.home_booking {
	transform: translateY(-100px);
	padding: 0 10%;
	margin: 0 auto;
 }
 
 .home_booking div {
	flex-wrap: wrap !important;
  }
 
  .home_booking_column {
  	margin-bottom: 1rem;
  }
 
 
 @media (min-width: 1500px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.home_booking_column {
		flex-basis: 13%;
	}
 }	
 
 @media (min-width: 781px) and (max-width: 1500px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.home_booking_column {
		flex-basis: 30%;	
	}
  }	
 
 @media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.home_booking_column {
	 flex-basis: 45% !important;
	 }
 }	
 
 @media (min-width: 1500px) {
	.home_booking div .home_headshot {
		 @media (max-width: 700px) 
	 }
 }	
 
.home_booking div span,
.home_booking div a {
	 display: block;
	 margin-top: 1rem;
	 float: none;
	 clear: both;
	 width: 100%;
	 padding-right: 0;
	 padding-left: 0;
 }
 
 navigation {
	 float: right;
 }
 
 navigation div {
	 display: inline-table;
	 position: relative;
	 padding-left: 2em;
 }
 
 navigation a {
	 color: #000;
	 font-weight: 400;
 }
 
 body.home navigation a {
	 color: #f9f8f7;
	 font-weight: 500;
 }
 
 
 .submenu {
	 display: none;
	 position: absolute;
	 top: 1.5em;
	 left: 0;
	 min-width: 8em;
	 background-color: #FAFAFA;
	 z-index: 10;
	 padding-bottom: 1em;
 }
 
 .submenu a {
	 display: block;
	 padding: 1em 1em 0 0;
 }
 
 .submenu.showMe {
	 display: block;
 }
 
 
 mobile_nav {
	 display: none;
	 position: absolute;
	 right: 20px;
	 top: 20px;
	 font-size: 2em;
 }
 mobile_nav a {
	 color: #000;
 }
 
 i.fab {
	 color: #000;
 }
 
 
 @media (max-width: 1000px) {
 
	 navigation {
		 position: absolute;
		 top: calc(30px + 2em);
		 right: -100%;
		 background-color: #000;
		 color: #f9f8f7;	
		 transition: 0.3s ease-out;
		 border: 1px solid #f9f8f7;
		 padding-bottom: 1em;
	 }
	 navigation div {
		 display: block;
		 text-align: right;
		 padding: 1em;
	 }
	 navigation a {
		 color: #f9f8f7; 
	 }
	 i.fab {
		 color: #f9f8f7;
	 }
	 .submenu {
		 position: relative;
		 min-width: auto;
		 background-color: transparent;
		 padding-bottom: 1em;
		 top: 0;
		 padding: 0.5em 0 0 0;
	 }
	 .submenu a {
		 text-align: right;
		 padding-right: 0;
		 text-transform: uppercase;
		 font-size: 0.8em;
	 }
	 navigation.mobileMenu {
		 right: 0;
	 }
	 navigation a.social {
		 display: inline;
		 padding-left: 0;
		 float: right;
	 }
	 mobile_nav {
		 display: block;
	 }
 
 }
 
 
 
 
 strong {
	 font-weight: 300;
	 color: #000;
	 font-size: 2em;
 }
 
 h2, h3 {
	 font-weight: 500;
	 color: #000;
 }
 
 .home_mission {
	 max-width: 44em;
	 margin: 0 auto;
	 padding-bottom: 10%;
	 font-size: 1.2em;
	 line-height: 1.4em;
 }
 
 .love-yourself {
	 width: 500px;
 }
 
 .plum_button {
	 display: block;
	 background-color: #000;
	 color: #f9f8f7;
	 border-radius: 15px;
	 padding: 1em;
	 width: auto;
	 text-align: center;
	 transition: 0.5s ease-out;
 }
 
 .plum_button:hover, 
 .plum_button:active {
	 background-color: #000;
	 color: #f9f8f7;	
	 border-radius: 0;
 }
 
 .mission_mark {
	 float: left;
	 max-width: 20%;
	 padding-right: 5%;
 }
 
 .home_mission {
	 background-color: #f9f8f7;
	 max-width: 95%;
 }
 
 .home_mission h1 {
	 clear: both;
	 text-align: center;
	 margin-top: 1em;
	 line-height: 1.1em;
	 font-size: 2.5rem;
 }
 
 #product_logos {
	 text-align: center;
	 border-top: 1px solid #CCC;
	 border-bottom: 1px solid #CCC;
	 padding: 50px 0;
 }
 
 #product_logos img {
	 height: 100px;
	 width: auto;	
	 padding-right: 3em;
 }
 
 .bestof {
	 max-width: 200px;
	 margin: 0 auto;
	 padding-top: 30px;
 }
 
 
 #instagram_container {
	 padding: 2%;
	 background-color: #F9F9FA;
	 text-align: center;
	 margin: 0 auto;
 } 
 
 
 #instagram_thumbnails {
	 display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;
	 justify-content: space-between;
	 align-content: center;
	 align-items: center;
 } 
 
 #instagram_container a {
	 background-size: cover;
	 background-position: center center;
	 flex-basis: 24%;
	 border-bottom: 10px solid #F9F9FA;
 }
 
 
 @media (max-width: 700px) {
	 #instagram_container a {
		 flex-basis: 49%;
		 border: 0;
	 }
 
 }
 
 
 #instagram_thumbnails a:before {
	 content:'';
	 float:left;
	 padding-top:100%;
 }
 
 #instagram_container h2 {
	 text-transform: uppercase;
	 font-size: 1.2em;
	 font-weight: 400;
 }
  
 
 #mailchimp_archive_container {
	 background-color: #EEE;
	 min-height: 400px;
	 text-align: center;
 }
 
 .call-out {
	 font-weight: 500;
	 font-size: 1.2em;
	 line-height: 1.4em;
	 padding-bottom: 1.5em;
 }
 
 
 /* ///////////// SERVICES /////////// */
 
 .services_group .service_container {
	 margin: 0 0 3px 0;
	 font-weight: 500;
 }

 .services_group h3 {
	 margin-bottom: 1em;
 }


 .find-us {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
 }
 
 .
 .visit-us {
	 margin-top: 50px;
	 text-align: center;
	 max-width: 500px;
	 margin: 0 auto;
 }
 
 
 .visit-us a {
	 display: block;
	 padding: 0.5em 2em;
	 border: 1px solid #000;
	 color: #000;
	 transition: 0.7s ease-out;
	 margin-bottom: 2rem;
	 text-align: center;
	 border-radius: 25px;
 }
 
 .visit-us a:hover {
	 background-color: #000;
	 color: #f9f8f7;
	 text-decoration: none;
	 border-radius: 0;
 }
 
 .column1, .column2 {
	 max-width: 50%;
 }
 
 .column1 {
	 padding-right: 10%;
 }

 @media (max-width: 1000px) {
 
	 .find-us {
		 display: block;
	 }
	 
	 .column1, .column2 {
		 max-width: 100%;
	 }
 
	 .column1 {
		 padding-right: 0;
	 }
 
	 .visit-us {
		justify-content: space-between;
		align-content: center;
	 }
 
	 .visit-us .column1 a,
	 .visit-us .column2 a {
		 padding: 0.5em;
	 }
 
	 .visit-us .column1, 
	 .visit-us .column2 {
		 max-width: 48%;
		 font-size: 80%;
		 line-height: 1em;
	 }
 }
 
 /* ///////////// THE PEOPLE /////////// */
 
 
 
 
 .bio_container {
	 clear: both;
	 position: relative;
	 height: auto;
	 min-height: 320px;
 }
 
 .bio {
	 position: relative;
 }
 
 .bio_container .bio_photo {
	 width: 320px;
	 float: right;
	 margin-left: 50px;
	 margin-bottom: 50px;
	 text-align: right;
	 
 }
 
 .bio_container .bio_photo img {
	 border-radius: 25px;
 }
 
 
 .bio_container h2,
 .bio_container h3 {
	 margin: 0.1em 0;
	 padding: 0;
 }
 
 .bio_container h2 {
	 font-size: 1.3em;
 }
 
 .bio_container .bio_email {
	 margin-top: 0;
 }
 
 
 .booking_link a {
	 display: block;
	 float: right;
	 background-color: #deccc4;
	 color: #000;
	 border-radius: 15px;
	 padding: 1em;
	 width: auto;
	 text-align: center;
	 transition: 0.3s ease-out;
 }
 
 .booking_link a:hover, 
 .booking_link a:active {
	 background-color: #000;
	 color: #deccc4;	
	 border-radius: 0;
	 text-decoration: none;
 }
 
 @media (max-width: 1000px) {
 
	 .bio_container .bio_photo {
		 float: none;
		 clear: both;
		 width: 80%;
		 margin: 0 auto;
		 text-align: center;
		 padding: 30px 0;
	 }
	 
	 .bio {
		 padding-right: 0;
	 }
	 
	 .bio_container h2,
	 .bio_container h3,
	 .bio_container a {
		 display: block;
		 width: 80%;
		 text-align: center;
		 margin: 0 auto;
		 margin-top: 0.5em;
	 }
	 
	 .booking_link {
		 float: none;
		 clear: both;
	 }
	 
 }
 
 
 
 
 
 /* ///////////// PRODUCT PAGE /////////// */
 
 .product_description {
	 clear: both;
	 position: relative;
	 height: auto;
	 padding-right: 250px;
 }
 
 .product_description .product_logo {
	 position: absolute;
	 right: 0;
	 top: 2em;
	 bottom: 0;
	 width: 200px;
	 text-align: right;
 }
 
 @media (max-width: 1000px) {
 
	 .product_header,
	 .product_description h3 {
		 text-align: center;
	 }
 
	 .product_description .product_logo {
		 position: relative;
		 right: auto;
		 top: 0;
		 bottom: auto;
		 width: 100%;
		 text-align: center;
		 padding-top: 20px;
		 padding-bottom: 60px;
	 }
	 
	 .product_description .product_logo img {
		 width: 150px;
		 height: auto;
	 } 
	 
	 .product_description {
		 padding-right: 0;
	 }
	 
	 .product_description h2 {
		 text-align: center;
	 }
	 
 }
 
 
 
 /* ///////////// PLUM FOLIO /////////// */
 
 .folio {
	 width: 48%;
	 margin-right: 2%;
	 margin-bottom: 2%;
	 display: inline-block;
	 background-size: cover;
	 background-position: center center;
	 min-height: 40vw;
 }
 
 
 
 
 /* ///////////// COVID PAGE /////////// */
 
 
 .covid_guideline {
	 padding-left: 2em;
	 margin-bottom: 1em;
 }
 
 .covid_guideline h3 {
	 margin-bottom: 3px;
 }
 
 .covid_separator {
	 margin: 50px 0;
	 border-top: 1px dashed #DDD;
 }
 
 
 /* ///////////// INTERIOR PAGES /////////// */
 
 
 #body {
	 padding: 170px 20px;
	 max-width: 1000px;
	 margin: 0 auto;
 }
 
 
 
 @media (max-width: 1000px) {
	 #body {
		 padding-bottom: 50px;
	 }
 
 }
 
 /* ///////////// FOOTER /////////// */
 
 footer {
	 background-color: #FFF;
	 border-top: 1px solid #CCC;
	 padding: 2%;
	 display: flex;
	 flex-direction: row;
	 gap: 10%;
	 justify-content: center;
	 margin-top: 0;
 }
 
 footer b {
	 -webkit-font-feature-settings: "lnum";
	 -moz-font-feature-settings: "lnum";
	 font-feature-settings: "lnum";
 }
 
 div.reviews iframe.yelp-review {
	 min-width: 23em !important;
 }


 img.footer_mark  {
	 max-width: 125px;
 }
 
 @media (max-width: 1325px) {
	 footer {
		 padding: 10% 2%;
		 display: block;
	 }
	 .footer_column {
		 margin: 0 2%;
		 min-height: 10em;
	 }
 }
 
 
 
 
 
 footer strong {
 
 }
 
 
 #mc_embed_signup {
	 margin-top: 20px;
 }
 
 #mc_embed_signup input {
	 width: 12em;
	 margin-right: 1em;
	 border: 1px solid #999;
	 padding: 1em;
	 float: left;
 }
 
 h1 {
	 font-family: "posture";
	 font-size: 3em;
 }
 
 
 
 #mc_embed_signup input[type="submit"] {
	 width: 5em;
	 margin-right: 0;
	 background-color: #cecece;
	 color: #f9f8f7;
	 text-transform: uppercase;
	 transition: 0.3s;
 }
 
 
 #mc_embed_signup input[type="submit"]:hover {
	 background-color: #000;
	 border-radius: 10px;
	 border: none;
 }
 
 
 
 @media (max-width: 700px) {
	 footer_column,
	 footer_column:last-of-type {
		 width: 100%;
		 margin-right: 0;
		 min-height: auto;
		 margin-top: 50px;
		 text-align: center;
	 }
	 #mc_embed_signup input {
		 width: 95%;
	 }
	 
	 #mc_embed_signup input[type="submit"] {
		 width: 100%;
		 margin-top: 15px;
	 }
	 #instagram_container h2 {
		 text-align: center;
	 }
	 #instagram_container a {
		 float: none;
		 margin: 0 auto;
		 margin-bottom: 20px;
	 }
	 h1 {
		 font-size: 2em;
	 }
 }
 
 
 
 a {
	 text-decoration: none;
	 color: #90509b;
 }
 
 a:hover, a:active {
	 text-decoration: underline;
 }