/*
 Theme Name:   Cultivate Cville Theme
 Description:  A custom theme developed for Cultivate Charlottesville. Do NOT remove Twenty Twenty.
 Author:       Birch Studio
 Author URI:   https://birchstudio.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentychild
*/

/* OVERRIDE TWENTY TWENTY DEFAULTS */
* {
	font-family: 'Poppins', sans-serif;
    color: #24100E;
    margin:0; /*for CSS parallax */
    padding:0; /* for CSS parallax */
}
.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
	font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6, .faux-heading { line-height: 1.0; }
h1, h2, h3, h4, .heading-size-1 { font-weight: 500; }
h4, h5, h6 { margin: 1rem auto;}
b, strong { font-weight: 600; }
p { font-weight: 300; }

/*removes default spacing above and below block elements*/
.wp-block-columns,
.wp-block-group, 
.wp-block-image {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.wp-block-button__link {
	border-radius: 34px;
	text-transform: capitalize;
}
@media (min-width: 782px){
    .wp-block-column:not(:first-child) {
     margin-left: 0; 
}

}

/*HEADER*/
#site-header {
    background-color: #f9f1e4;
}


/*make main content wider*/
[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100rem;
/*    width: 100%;*/
}

.site-logo img {
	height: 72px;
}

.sponsor-level {
    text-transform: uppercase;
    text-decoration: underline;
}
.sponsor-logos img {
    padding: 30px;
}

.underline {
	border-bottom: 1px solid #244B5A;
}

body:not(.overlay-header) .primary-menu ul {
    background-color: #3C3C3C !important;
}

body:not(.overlay-header) .primary-menu > li > a {
color: black !important;
}

div > a,
p.email > a {
    color: #E74F3D;
/*    color: #244B5A;*/
}

/*** NAVIGATION MENU ***/

ul.primary-menu {
	font-size: 1.6rem;
}
/*navigation arrow for submenus*/
.primary-menu > li > .icon {
    right: -0.5rem;
    top: calc(50% - 0.9rem);
	color: #539ABE !important;
}

/* Donate menu button */
#menu-item-27 a {
	border: 2px #244B5A solid;
    background-color: #244B5A;
	color: white !important;
	border-radius: 30px;
	margin-left: 8px;
	margin-top: -10px;
	padding: 8px 16px;
}
#menu-item-27 a:visited {
    color: white; 
}
.primary-menu li {
    color: #D5D5D5;
}
.primary-menu li:hover {
    color: #FFFFFF;
}

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: none;
}

.menu-modal.active {
    z-index: 99999;
    top: 12px;
    height: 500px;
}

/* CSS PARALLAX SCROLL by Keith Clark  */
/* ----
* {
margin:0;
padding:0;
}

body {
font: 100% / 1.5 Arial;
}
---- */
.parallax {
    min-height: 500px ;
    overflow-x: hidden; 
    -webkit-perspective: 1px;
    perspective: 1px;
    font-size: 200%;
	background-size:cover;
	background-attachment:fixed;
	padding-top:50px;
	padding-bottom:50px;
	background-position: center center;
}
/* .parallax__layer { */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
/* } */
.parallax__layer--foreground {
    text-align: center;
}
.parallax__layer--back {
    -webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
}
/* padding to force scrollbars */
.parallax__layer {
    padding: 50px 0;
}
/* centre the content in the parallax layers */
.parallax-title {
	margin-top:100px;
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
}


/*** GENERAL PAGE LAYOUT ***/

.page-title {
    text-align: center;
    position: absolute;
    color: white;
    padding-left: 5%;
    margin-top: 16px;
}

.float-box {
	position: relative; 
	left: 0; 
	top: 0;
	padding: 80px;
}
.float-image {
	position: relative;
	top: 0;
	left: 0;
	max-height: 630px;
   }
.float-text {
	position: absolute;
	top: 30%;
	width: 40%;
	padding: 40px;
	left: 40%;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem;
}
.wp-block-embed figcaption, .wp-block-image figcaption {
	text-align: center;
}

.padded-box {
	padding: 30px 5% !important;
}
.padded-box-top {
	padding: 80px 5% 20px 5%;
}
.padded-box-middle {
	padding: 0px 5% 0px 5%;
}
.padded-box-bottom {
	padding: 20px 5% 80px 5%;
}
.padded-box-LR {
	padding: 0px 5%;
}
p.padded-box {
    margin: 0 0 0 0; 
}


.small-padded-box {
    padding: 100px 40px;
}
.image-padded-box {
    padding: 40px 0px;
}

.full-width-image img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.image-fill-box img {
    width: 100%;
    height: auto;
}
.image-padding-small img {
    padding: 12px;
}
.padded-sides-small {
    padding: 0 18px;
}
.min-height {
	min-height: 500px;
}

/* 
.floating-image {
	max-width: 60%;
}
.floating-text {
	background-color: #6EBFE6;
	color: white;
	padding: 40px;
	position: absolute;
	left: 220px;
}
*/

.centered-box img {
	margin: auto;
}

.column-margins {
	padding: 80px 5%;
}

/* COLORS */

.almond-box, .almond-button a { background-color: #f9f1e4; }
.almond-text, .almond-text a, .almond-text em, .almond-text strong { color: #f9f1e4; }

.beige-box, .beige-button a { background-color: #f0d9b1; }
.beige-text, .beige-text a, .beige-text em, .beige-text strong { background-color: #f0d9b1; }

.black-box, .black-button a { background-color: black; }
.black-text, .black-text a, .black-text em, .black-text strong { color: black; }

.blue-box, .blue-button a { background-color: #6EBFE6; }
.blue-text, .blue-text a, .blue-text a:visited, .blue-text em, .blue-text strong { color: #6EBFE6; }

.brown-box, .brown-button a { background-color: #23100C; }
.brown-text, .brown-text a, .brown-text em, .brown-text strong { color: #23100C; }

.dark-gray-box, .dark-gray-button a { background-color: #24100E; }
.dark-gray-text, .dark-gray-text a, .dark-gray-text em, .dark-gray-text strong { color: #24100E; }

.green-box, .green-button a { background-color: #56725f; }
.green-text, .green-text a, .green-text a:visited, .green-text em, .green-text strong { color: #56725f; }

.gray-box, .gray-button a { background-color: #363636; }
.gray-text, .gray-text a, .gray-text em, .gray-text strong { color: #363636; }

.light-blue-box, .light-blue-button a { background-color: #C8DCE6; }
.light-blue-text, .light-blue-text a, .light-blue-text em, .light-blue-text strong { color: #C8DCE6; }

.light-gray-box, .light-gray-button a { background-color: #F5F5F5; }
.light-gray-text, .light-gray-text a, .light-gray-text em, .light-gray-text strong { color: #F5F5F5; }

.medium-brown-box, .medium-brown-button a { background-color: #635554; }
.medium-brown-text, .medium-brown-text a, .medium-brown-text em, .medium-brown-text strong { color: #635554; }

.red-box, .red-button a { background-color: #E74F3D; }
.red-text, .red-text a, .red-text a:visited, .red-text em, .red-text strong { color: #E74F3D; } 

.teal-box, .teal-button a { background-color: #244B5A; }
.teal-text, .teal-text a, .teal-text em, .teal-text strong { color: #244B5A !important; }

.white-box, .white-button a { background-color: white; }
.white-text, .white-text a, .white-text em, .white-text strong { color: white; }

.yellow-box, .yellow-button a { background-color: #FFC629; }
.yellow-text, .yellow-text a, .yellow-text em, .yellow-text strong { color: #FFC629; }

.almond-box, .beige-box, .black-box, .blue-box, .brown-box, .gray-box, .green-box, .light-gray-box, .red-box .teal-box, .yellow-box, .white-box {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.highlight-text {
    font-size: 2.8rem;
/*    font-family: 'Courgette', cursive;*/
/*    font-family: 'Berkshire Swash', cursive;*/
/*    font-family: 'Cedarville Cursive', cursive;*/
/*        font-family: 'Neucha', cursive;*/
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
        font-style: italic;
}
/*
.highlight-text::before {
    content: '"';
    opacity: 0.7;
    font-size: 3.8rem;
    
}
.highlight-text::after {
    content: '"';
    opacity: 0.7;
    font-size: 3.8rem;
}
*/
.grid-row {
    padding: 0px 6%;
}
.grid-row-top {
    padding: 30px 6% 0px;
}
.three-col-image img {
	width: 90%;
	height: 250px;
	object-fit: cover;
	margin: auto;
    padding-top: 20px;
}
.two-col-image img {
	width: 500px;
	height: 300px;
	object-fit: cover;
	margin: auto;
}

p.garden-name {
	padding-bottom: 0;
}
.garden-name {
	text-align: center;
	line-height: 1.2 !important;
	font-weight: 500;
	padding: 6px;
	border-radius: 2px;
}
.text-on-image > div > figure > figcaption {
    position: relative;
    bottom: 60px;
    color: white !important;
    width: 85%;
    text-align: center;
    margin: 0 auto;
    font-size: 2.2rem;
    text-shadow: 0px 0px 6px #000, 0px 0px 12px #000; /* Double shadow, babeee! */
}
.text-on-image-top > div > figure > figcaption {
    position: relative;
    top: -214px;
    color: white !important;
    width: 85%;
    text-align: center;
    margin: 0 auto;
    font-size: 2.2rem;
    text-shadow: 0px 0px 6px #000, 0px 0px 12px #000; /* Double shadow, babeee! */
}
.min-width-150 {
    min-width: 150px;
}
.max-width-150 {
    max-width: calc(100% - 150px);
}

/*FOOTER WIDGETS*/
#footer-sidebar-container {
	display:block;
	overflow: auto;
	width: 100%;
	padding: 40px 0;
}
#footer-sidebar1, 
#footer-sidebar2, 
#footer-sidebar3, 
#footer-sidebar4 {
	float: left;
	padding: 20px;
}
#footer-sidebar1 {
	margin-left:15px;
	margin-right:5px;
	width: calc(25% - 20px);
}
#footer-sidebar2, #footer-sidebar3 {
	margin-right:5px;
	width: calc(25% - 5px);
}
#footer-sidebar4 {
	margin-right: 15px;
	width: calc(25% - 20px);
}
h3.widget-title {
	font-size: 18px;
	margin-bottom: 1.5rem !important;
}
h3.teal-box {
    margin: 0rem auto 3rem;
}
.widget_text .textwidget {
	font-size: 16px;
}
#site-footer {
	font-size: 1.5rem;
/*    background-color: #D3CAC0;*/
    background-color: #EAE2D5;
}

/*CREDITS*/
#birch-icon {
/*    width: 26px;*/
    height: 15px;
    margin: 0 0 0 12px;
    display: inline;
}
#birch-icon:hover {
    opacity: 0.5;
}
.powered-by-wordpress {
    margin: 0;
}

/*FOOTER*/
.footer-top-hidden #site-footer {
	margin-top: 0;
}
.section-inner {
    max-width: 100%;
}

/* NUMBER COUNTER PLUGIN */
.wpsm_description {
	color: #E74F3D;
    text-transform: uppercase;
    font-weight: 500;
}

.social-icons {
    margin-right: 8px;
}
.fa-facebook-square, .fa-instagram-square {
    font-size: 38px;
    opacity: 0.7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.fa-facebook-square:hover, .fa-instagram-square:hover {
    opacity: 1.0;
    color: #244B5A;
}
.fa-lightbulb {
    font-size: 30px;
}

.email::before {
    font-family: "Font Awesome 5 Free"; 
    content: '\f0e0';
    margin-right: 8px;
}

.shadow-box {
    box-shadow: 0;
    transition: box-shadow .5s;
/*    transition: background-color 1s;*/
}
.shadow-box:hover {
    box-shadow: 0 0 16px #B8B8B8;
/*    background-color: #FFFFFE;*/
}


/* BLOOMERANG */
#donation-form-container,
#email-registration-form-container {
	background-color: #f4f4f4;
	padding: 1px 40px 40px;
	margin-bottom: 40px;
}
#CustomAccountField_173056 {
	background-color: white;
}


/*** RESPONSIVE ****/
@media screen and (max-width: 760px){
    .min-width-150 {
    min-width: inherit;
    }
    .max-width-150 {
    max-width: inherit;
    }
}

@media screen and (max-width: 400px){
	.float-box { 
		padding: 20px; 
	}

	.float-text { 
		position: relative;
		width: 100%;
		padding: 1px 20px 20px 20px;
		left: 0;
	}
	
	#footer-sidebar1, 
	#footer-sidebar2, 
	#footer-sidebar3, 
	#footer-sidebar4 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}