/*
Theme Name: Client Name
Theme URI: https://.com/
Version: 1.0
Description: 
Author: Do Well Design Studio
Author URI: https://www.dowelldesignstudio.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*GENERAL-----------------------------------------------------------*/

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

p {
    margin: 0 0 20px;
}

a:focus,
button:focus,
.fl-node-content a:focus,
.fl-module-content a:focus {
  outline: none !important;
  box-shadow: none !important;
}

.quote {
  font-family: "DM Serif Display", serif;
  font-style: italic;
  font-size: 34px;
  line-height: 1.22;
  font-weight: 700;
	text-indent: -0.45em;
}

/* Apply padding dynamically on desktop viewports */
@media (min-width: 1281px) {
  .align-to-grid {
    padding-left: calc((100vw - 1280px) / 2) !important;
  }
}

/* Fallback for standard screen widths below 1280px */
@media (max-width: 1280px) {
  .align-to-grid {
    padding-left: 40px !important; /* Adjust default edge padding as preferred */
  }
}

.eyebrow-text{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #6E6E6E;
	font-size: 15px;
}

/*
img{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
*/

/*TOP BAR-----------------------------------------------------------*/

/*HEADER------------------------------------------------------------*/

/*NAVIGATION--------------------------------------------------------*/
.menu > li.current-menu-item > a{
color: #E82C8B !important;
}
.menu > li > a:hover, .menu > li.current-menu-item > a:hover{
color: #E82C8B !important;
}

/*Navigation Button*/
.nav-button >a {
    background: #e6e6e6 !important;
	padding: 10px 20px;
	margin-left: 10px;
}
.nav-button >a:hover {
    background: #E82C8B !important;
}
.pp-advanced-menu .menu .nav-button a:hover{
color: #ffffff !important;
}
.menu > li.nav-button.current-menu-item > a:hover{
color: #ffffff !important;
}

/*Navigation Button in Mobile OFF*/
@media all and (max-width: 767px) {
.nav-button >a {
    background: transparent !important;
	padding: 0px 0px;
	margin-left: 0px;
}
.nav-button >a:hover {
    background: transparent !important;
}
.menu > li.nav-button.current-menu-item > a:hover{
    color: #000000 !important;
}
}

/*Navigation Button in Footer*/
.footer-menu .nav-button >a {
    background: transparent !important;
	padding: 0px 0px;
	margin-left: 0px;
}
.footer-menu .nav-button >a:hover {
    background: transparent !important;
}
.footer-menu .menu > li.nav-button.current-menu-item > a:hover{
    color: #000000 !important;
}

/*Padding on mobile "menu" button*/
.pp-advanced-menu .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle, .fl-page .fl-builder-content .fl-node-dn2fbsuzvc6e .pp-advanced-menu .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle {
    padding: 20px;
}

/*MAIN CONTENT------------------------------------------------------*/
/*Home page*/

/*Services page*/


/*Work page*/
/* --- DESKTOP LAYOUT (Large Screens) --- */
.card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  width: 100% !important;
  margin-top: 10px;
  margin-bottom: 15px;
}

/* Main Project Title */
.card-header .project-title {
  font-size: 23px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

/* Project Tag */
.project-tag {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: #6E6E6E !important;
  white-space: nowrap !important;
}

/* Color Palette Image Strip (Doubled height & halved margins) */
.project-graphic-strip img {
  width: 100% !important;
  height: 96px !important;       /* Doubled from 48px */
  max-height: 96px !important;   /* Doubled from 48px */
  object-fit: cover !important;
  display: block !important;
  margin: 7px 0 !important;     /* Reduced space above & below by half (from 15px to 7px) */
}

/* Body Text / Tagline Below */
.project-tagline {
  font-size: 17px !important;
  color: #444444 !important;
  line-height: 1.3 !important;
  margin-top: 20px !important;   /* Tightened to match the new image spacing */
}

/* --- MEDIUM & SMALL SCREENS (Tablets & Mobile) --- */
@media (max-width: 1350px) {
  .card-header {
    flex-direction: column-reverse !important; /* Stacks tag above title */
    align-items: flex-start !important;        /* Aligns both to left edge */
    gap: 6px !important;                      /* Space between tag and title */
  }

  .card-header .project-title {
    font-size: 23px !important;
  }

  .project-tag {
    font-size: 13px !important;
  }
}

/*PowerPack Subscription Form*/
.pp-subscribe-form .pp-form-success-message {
    text-align: center;
}
.pp-subscribe-form input[type=text], .pp-subscribe-form input[type=email] {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    height: 46px !important;
}

.uabb-subscribe-form .uabb-form-error-message, .uabb-form-error ~ .uabb-form-error-message {
    color: #e82c8b !important;
}
.fl-form-success-message {
    color: #e4e030;
}

/*BLOG-----------------------------------------------------------*/

/*SIDEBAR-----------------------------------------------------------*/

/*FOOTER------------------------------------------------------------*/
span.uabb-button-text.uabb-creative-button-text {
    font-weight: 700 !important
}
.fl-node-hnxe96voi8yb .uabb-sf-style-style1 .uabb-form-field input, .fl-node-hnxe96voi8yb .uabb-sf-style-style1 .uabb-form-field input:focus, .fl-node-hnxe96voi8yb .uabb-sf-style-style1 .uabb-form-field textarea {
    border-radius: 80px;
}

.copyright-left{
	font-size: 15px;
}
.copyright-center{
	text-align: center;
	font-size: 13px;
	color: #ffffff;
}
.copyright-center a, .copyright-left a{
	color: #ffffff;
}
.copyright-center a:hover, .copyright-left a:hover{
	text-decoration: underline;
}

/* Container alignment */
.social-icon-wrapper {
  display: inline-block;
  vertical-align: middle;
}

/* Base link setup */
.custom-substack-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0 8px; /* Adjust horizontal spacing between icons as needed */
}

/* Default / Static Icon Color */
.custom-substack-icon svg {
  fill: #E4E030 !important; /* Update hex code to match your static lime/yellow color */
  transition: fill 0.2s ease-in-out;
	width: 17px !important;
  height: 17px !important;
}

/* Hover Icon Color */
.custom-substack-icon:hover svg {
  fill: #E82C8B !important; /* Update hex code to match your pink/magenta hover color */
}

/*MOBILE------------------------------------------------------------*/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
@media all and (min-width: 992px){
.fl-page-nav-right .fl-page-header-wrap {border-bottom: 0px solid rgba(0,0,0,0.13);}
	}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}