/*!
Theme Name:  Causeworthy Co
Author:      Causeworthy Co
Author URI:  https://causeworthyco.com
Description: A custom theme for Causeworthy
Version:     1.0.0
License:     GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template:    page-builder-framework
Text Domain: page-builder-framework-child
*/


/* Colors */

:root {
	--navy-dark: #1C1E33 ;
	--navy-light: #2B2D42 ;
	
	--red-main: #FF4F4F;
	--red-light: #F0262A;
	--red-dark: #FF7C79;
	
	--neutral-100: #EDF2F4 ;
	--neutral-200: #B7BEC9 ;
	--neutral-300: #8D99AE ;
}
	
/* Tablet and below (max-width: 1024px) */
@media screen and (max-width: 1024px) {
  :root {
    --wp--preset--spacing--20: 8px;
    --wp--preset--spacing--30: 16px;
    --wp--preset--spacing--40: 24px;
    --wp--preset--spacing--50: 30px;
    --wp--preset--spacing--60: 36px;
    --wp--preset--spacing--70: 48px;
    --wp--preset--spacing--80: 56px;
	  
	--wp--preset--font-size--tiny: 10px;
	--wp--preset--font-size--small: 14px;
	--wp--preset--font-size--regular: 16px;
    --wp--preset--font-size--large: 20px;
	--wp--preset--font-size--larger: 32px;
    --wp--preset--font-size--x-large: 48px;
    
  }
}

/* Desktop (min-width: 1025px) */
@media screen and (min-width: 1025px) {
  :root {
    --wp--preset--spacing--20: 10px;
    --wp--preset--spacing--30: 20px;
    --wp--preset--spacing--40: 40px;
    --wp--preset--spacing--50: 60px;
    --wp--preset--spacing--60: 80px;
    --wp--preset--spacing--70: 100px;
    --wp--preset--spacing--80: 120px;
	  
	--wp--preset--font-size--tiny: 12px;
	--wp--preset--font-size--small: 14px;
	--wp--preset--font-size--regular: 16px;
    --wp--preset--font-size--large: 24px;
	--wp--preset--font-size--larger: 36px;
    --wp--preset--font-size--x-large: 60px;
  }
}

/* Typography */

html {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "neue-haas-grotesk-display", helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height:1em;
	font-style: normal;
}

p, figcaption {
	font-family: "neue-haas-grotesk-text", helvetica, sans-serif;
	font-weight: 400;
	line-height:1.25em;
	font-style: normal;
}
h1.xl 	{ font-size: 44px;  }
h1 { font-size: 44px; }
h2 { font-size: 38px; }
h3 { font-size: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }

@media screen and (min-width: 1024px) {
	h1.xl 	{ font-size: 96px;  }
	h1 		{ font-size: 72px; }
	h2 		{ font-size: 48px; }
	h3 		{ font-size: 36px; }
	h4 		{ font-size: 28px; }
	h5 		{ font-size: 22px; }
	h6 		{ font-size: 18px; }
}

h1 strong, h2 strong, h3 strong, 
h4 strong, h5 strong, h6 strong {
	font-weight: inherit;
	color: var(--red-main);
}

.bg-red h1 strong, .bg-red h2 strong, .bg-red h3 strong, 
.bg-red h4 strong, .bg-red h5 strong, .bg-red h6 strong {
	color: #ffffff;
}

.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 {
	color: white;
}

.reverse p {
	color:var(--neutral-100);
}

/* Layout */

div#container {
    border-radius: 24px;
    overflow: hidden;
}

.wpbf-1-4.wpbf-logo-container {
    padding: 20px 40px;
}

/* Animations */

.typing .word {
  display: inline;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.typing .word::after {
  content: ' ';
}


/* Temp Homepage Styling */

p.p-max-w {
    max-width: 400px;
}

@media screen and (max-width:768px) {
	.mobile-padding {
		padding-top:100px !important;
		padding-bottom:100px!important;
	}
	
	.wp-block-gallery figure.wp-block-image {
		min-width: 100%;
	}
}

.wpbf-mobile-nav-wrapper {
    padding: 30px;
}

button#wpbf-mobile-menu-toggle {
    display: none;
}

.tile-bg .wp-block-cover__image-background
 {
    background-size: 100%;
}

.max-width-1k {
	max-width: 800px
}
.wp-block-column.is-vertically-aligned-stretch.gap-full.is-layout-flow.wp-container-core-column-is-layout-c1e778cc.wp-block-column-is-layout-flow {
    display: FLEX;
    justify-content: space-between !important;
    flex-direction: column;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    transform: translateY(100px);
    transition: transform 0.5s;
    background:var(--navy-light);
    box-shadow:none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {
    transform: translateY(0px);
}

figure.wp-block-image.size-large {
    overflow: hidden;
}

.work-parallax {
  position: relative;
  overflow: hidden;
}

.work-parallax img {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
  transform: scale(1.08);
}

.work-parallax figcaption {
  position: relative;
  z-index: 10;
}

/* Grain Effect */
.grain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  background-size: 200px 200px;
	opacity:0.3;
  mix-blend-mode: overlay;
}




/* Editor Styles */
.block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.block-editor-block-list__layout.is-root-container .wp-block-cover__inner-container.is-layout-constrained {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.block-editor-block-list__layout.is-root-container .agl {
    visibility: visible;
}

.block-editor-block-list__layout.is-root-container .swiper-slide:not(:first-child) {
    display: none;
}

.editor-visual-editor__post-title-wrapper.edit-post-visual-editor__post-title-wrapper {
    background-color: #666;
    margin: 0;
}

.editor-visual-editor__post-title-wrapper.edit-post-visual-editor__post-title-wrapper h1 {
    font-size: 3rem;
    padding: 1rem;
    font-family: monospace;
    margin-top: -4rem;
    opacity:0.6;
}