/* THINKACTHUMAN CSS code for the workshop */
/* edited from a previous version */

#header {
padding: 0;
}



.page .entry-title{display:none;}

/* >>>>>  BACKGROUND COLOR TEST April 25 2025  */
/* Original red color is e00000 */
/* This should be the place to change background color but I can't get it to stay  */
.site {
background-color: #ffffff;  /* #f5f5f7;  #f1eeee; */
}

.site-header {
background-color: #f5f5f7all-scroll; /* background-color: #ecebffall-scroll;*/
/* background-color: #ecebff-scroll; */
		/* #f5f5f7 = light gray  */
}

/*  THIS PUTS THE THINKACTHUMAN LOGO IN THE HEADER  */  
.site-header {
    /* background: url(https://thinkacthuman.com/wp-content/uploads/2025/05/ThinkActHuman-logo-white-v2-350w.png) center center no-repeat; */
		background: url(https://thinkacthuman.com/stayhuman/wp-content/uploads/2025/11/Stay-Human-logo-white-350W-v1.png) center center no-repeat;
    /*  background: url(https://thinkacthuman.com/wp-content/uploads/2025/05/ThinkActHuman-logo-white-v2-350w.png) center center no-repeat; 
    /* background-size: cover; */
    /* background-size: sm-size; */
		background-color: black;
}


/* Align navbar menu to the right */
/*.navbar-nav {
  justify-content: flex-end;
}  */

/* >>>>>  BACKGROUND COLOR TEST April 25 2025   THIS SETS THE TYPE SIZE FOR THE BLOG POSTS  */
/*  #main .hentry p {
		font-size: 1.2em;
		border: none;
}  */

.nav {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 55px;
		text-align: right;
}
		
.footernav ul li a {
    font-size: 55px;
}


/*    .footer-menu li a {
				font-family: "Neue Haas Grotesk", sans-serif;
        font-size: 14px;
    

.nav-footer .catchresponsive-nav-menu a {
    font-size: 55px; /* Increase or decrease 25 to desired number 
    font-weight: bold; /* Remove this line to remove bold effect 
}  */


.post {
		border: none;
}


 .hentry .post-content, .single .hentry, .page .hentry{
    border:none
    }



/* >>>> CHANGES THE SIDEBAR LINKS SIZE  */
.widget-area a {
    font-size: 1.25em;
}

/*  LINK COLORS  */
/* unvisited link */
a:link {
		color: #e00000;  /* red  */
	/* color: orange;   */  /* 000000  okay  */
}

/* visited link */
a:visited {
		color: #ffffff;   /* ffffff * white *  okay */
}

/* mouse over link */
a:hover {
  color: blue;  /* #e00000; */
}

/* selected link */
a:active {
		color: pink;   /* ffffff white */
}

.mail a {
	 color: orange;   /* #000000; */
}

/* .mail a:hover {
color: #ffffff;
} */

/*  END LINK COLORS  */


/* .site-header {
		min-height:250px
} */


hr {
   height: 1px;
   margin-right: 0;
   margin-left: 0;
   background-color:#000000;
}


/* >>>> THIS CHANGES THE FONT SIZES  */


/* Set menu font family and font size */
#site-nav a, #header-top-nav a {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 3.0em;
}


/* HELP - TRYING TO EMBER THE MERRIWEATHER FONT !! */
.merriweather-serif {
  font-family: "Merriweather", serif;
  /* font-optical-sizing: auto; */
  font-weight: 300;
  font-style: normal;
/* Use the default settings */
/* font-variation-settings: normal; */	
  /*  "wdth" 100; */
}






/* HEADLINE  */
/* >>>> H1 IS THE TITLE */
h1 {
		/* font-family: Antic Didone; */
		font-family:  "Alternate Gothic ATF", sans-serif;
		text-align: center;
		font-weight: 600;
	  font-size: 3.5em;
    color: #000000;
	  line-height: 110%
}

/* >>>> H2 IS THE BIG TEXT BELOW THE TITLE  */
h2 {
		font-family: "Alternate Gothic ATF", sans-serif;
		/*  font-family: Merriweather;  */
	  text-align: center;
		font-size: 3.0em;
	  font-weight: 600;
		color: #000000;
		line-height: 120%;
		margin-bottom: 0.1em; /* Adjust this value as needed */

}

/* >>>> H3 IS THE THIRD BIGGEST TEXT  */
h3 {
		font-family:  "Alternate Gothic ATF", sans-serif;
		/* font-family: Neue Haas Grotesk; /*  Merriweather;  */
	  text-align: center;
		font-size: 2.5em;
  	font-weight: 600;
		line-height: 110%;
		/* margin-bottom: 20px; */
		/* margin: 1rem auto; */
		color: #000000;  /* black */
}


/* >>>> EVEN SMALLER TEXT  */
/* >>>> H3 IS THE THIRD BIGGEST TEXT  */
h4 {
		font-family:  "Alternate Gothic ATF", sans-serif; /* Antic Didone; */
	  text-align: center;
		font-size: 2.0em;
  	font-weight: 600;
		line-height: 100%;
		margin-bottom: 0.5em; /* Adjust this value as needed */
		margin-top: 0.0em; /* Adjust this value as needed */
		/* margin-bottom: 20px;  */
		/* margin: 1rem auto; */
		color: #000000;  /* black     00802b   */
}

h5 {
		font-family:   "Alternate Gothic ATF", sans-serif;  /* Antic Didone;  Playfair;  Antic Didone;  */
	  text-align: center;
		font-size: 1.5em;
  	font-weight: 600;
		line-height: 160%;
		margin-bottom: 20px;
		color: #000000;  /* white */
}


h6 {
		font-family:   "Alternate Gothic ATF", sans-serif;  /* Antic Didone;  */
	  text-align: center;
		font-size: 1.0em;
  	font-weight: 600;
		line-height: 120%;
		margin-bottom: 20px;
		color: #000000;  /* white */
}

.p {		/* font-family: Antic Didone; */
		font-family:   "Alternate Gothic ATF", sans-serif;  /* Antic Didone;  */
		font-size: 0.7em; 
	  font-weight: 300;
		line-height: 130%;
		margin-bottom: 20px;
		color: #000000;
}


.p1 {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 3.0em;
	 font-weight: 300;
		line-height: 130%;
		text-align: left;
		margin-bottom: 20px; /* between paragraphs */
		color: #000000;  /* black */
		/* color: #644e4e; */

}

.p2 {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 1.6em;
 	  font-weight: 300;
		line-height: 160%;		
		margin-bottom: 15px; /* between paragraphs */
		color: #000000;  /* black */
}

.p3 {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 1.2em;
	  font-weight: 300;
		color: #000000;  /* black */
		line-height: 160%;
		margin-bottom: 25px; /* between paragraphs */
}


.p4 {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 1.1em;
	  font-weight: 300;
		color: #000000;  /* 000000  3333ff */
		line-height: 160%;
	  margin-bottom: 15px; /* between paragraphs */

}

.p5 {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 1.5em;
	font-weight: 300;  /* 300 is light */
		color: #000000;
		line-height: 160%;
		margin-bottom: 15px; /* between paragraphs */

}


.p6 {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 1.0em;
	  font-weight: 400;
		color: #000000;  /* 000000  */
		line-height: 160%;
	  margin-bottom: 15px; /* between paragraphs */

}

/* THIS SETS THE SIZE OF THE MENU ITEMS IN THE FOOTER - EMAIL LINKS, ETC.  */
.footer-menu li a {
		font-family: "Neue Haas Grotesk", sans-serif;
		font-size: 18px;
}