/*
Theme Name: Franklin Pierce Online
Theme URI: https://liaisonedu.com
Author: Tom Bartling / Liaison International
Author URI: https://liaisonedu.com
Description: Franklin Pierce Univiersy Graduate Online landing pages.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License: 
License URI: 
Text Domain: franklinpierce
Tags: 

url(/wp-content/themes/franklinpierceonline/images/hero-images/rindge-art.jpg);
*/


/* -------------- DEFAULTS & GENERAL 	-------------- */
 @import url("https://p.typekit.net/p.css?s=1&k=maz3rjr&ht=tk&f=10294.16457.18085.43313.31646.31663.38168&a=65574009&app=typekit&e=css");

  @font-face {
    font-family: "brandon-grotesque";
    src: url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
  }

@font-face {
    font-family: "brandon-grotesque-bold";
    src: url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}


  @font-face {
    font-family: "canada-type-gibson";
    src: url("https://use.typekit.net/af/bc6c28/00000000000000007735a54c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/bc6c28/00000000000000007735a54c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/bc6c28/00000000000000007735a54c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 200;
    font-stretch: normal;
  }



:root {
	--font-primary: "brandon-grotesque", sans-serif;
	--font-headings: "canada-type-gibson", Helvetica, Arial, sans-serif;
  --font-headings-thin: "brandon-grotesque", sans-serif;

  --font-primary-bold: "brandon-grotesque-bold";

	--color-text-primary: #505050;
	--color-text-headings: #6f1931;
  --color-bg-red: #6f1931;
}

/* --------------------------------------------------------- */
/* --------- HTML element classes AND tom-defaults overwrites		*/

BODY, HTML {
	width: 100%;
	font-size: 16px;
	font-family: var(--font-primary);
	color: var(--color-text-primary);
	min-width: 390px;
}

H1, H2, H3, H4, H5, H6 {
	font-family: var(--font-headings);
	font-weight: 700;
	color: var(--color-text-headings);
  line-height: 150%;
  text-transform: uppercase;
  padding: 15px 0;
  letter-spacing: 6px;
}

H1 { font-size: 2.0rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.25rem; }
H4 { font-size: 1.0rem; }
H5 { font-size: 1.0rem; }
H6 { font-size: 1.0rem; }


UL, P {
  margin-bottom: 1.50em;
  line-height: 150%;
}

UL {
  list-style-type: disc;
  padding-left: 20px;
}

UL.ul-extra-spacing LI {
	margin-bottom: 1.10rem;
}

/* FPU's site is approx 1200px... This overwrite's Liaison's default of 995px */
.page-container {
  max-width: 1200px;  
}



/* --------------------------------------------------------- */
/* --------- Global/generic classes     */
.bg-black {
	background-color: #000000;
  color: #ffffff;
}

.bg-red {
  background-color: var(--color-bg-red);
  color: #ffffff;
}

.content-padding {
  padding: 20px;
}

.cta-btn {
  background-color: var(--color-bg-red);
  color: #ffffff;
  display: inline-block;
  padding: 5px 20px;
  font-style: italic;
  border-radius: 4px;
  line-height: 200%;
  cursor: pointer;
}

.bold-red {
  /* font-weight: 900; */
  color: var(--color-text-headings);
  font-family: var(--font-primary-bold);
}


/* --------------------------------------------------------- */
/* --------- Header row    */

.header-row {
	padding: 20px 10px;
	color: #ffffff;
}

.header-left {
  text-align: center;
}

.header-right {
  text-align: center;
  padding: 10px 0;
}

A.header-link,
A.header-link:link,
A.header-link:active,
A.header-link:visited,
A.header-link:hover {
  color: #ffffff;
}


/* --------------------------------------------------------- */
/* --------- Form row     */
.hero-photo {
  /* background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/rindge-art.jpg); */
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/online-undergrad.jpg);
  background-size: cover;
  background-position: top center;
  min-height: 300px;
}

.hero-title {
  color: #ffffff;
  font-family: var(--font-headings);
  font-size: 1.4rem;
  letter-spacing: 6px;
  line-height: 125%;
}

.hero-title-thin {
  font-family: var(--font-primary);
}

.hero-title-brand {
  padding: 300px 30px 30px 30px;
}

.hero-photo-mba {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/grad5.jpg);
}
.hero-title-mba {
  padding: 320px 30px 30px 30px;
}

.hero-photo-rnbsn {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/msn.jpg);
}
.hero-title-rnbsn {
  padding: 320px 30px 30px 30px;
}

.hero-photo-accounting {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/ms-accounting.jpg);
}
.hero-title-accounting {
  padding: 380px 30px 30px 30px;
}

.hero-photo-msnmba {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/msn-mba.jpg);
}
.hero-title-msnmba {
  padding: 320px 30px 30px 30px;
}

.hero-photo-med {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/education1.jpg);
}
.hero-title-med {
  padding: 320px 30px 30px 30px;
}

.hero-photo-msn {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/msn.jpg);
}
.hero-title-msn {
  padding: 320px 30px 30px 30px;
}

.hero-photo-mepn {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/mepn.jpg);
}
.hero-title-mepn {
  padding: 25px 30px 30px 30px;
}


.hero-photo-dpt {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/dpt-2.jpg);
}
.hero-title-dpt {
  padding: 500px 30px 30px 30px;
}

.hero-photo-cmhc {
  background-image: url(/wp-content/themes/franklinpierceonline/images/hero-images/mentalhealth-masters-right.jpg);
}
.hero-title-cmhc {
  padding: 500px 30px 30px 30px;
}


/*
.hero-photo-health-sciences {
	background-image: url(/wp-content/themes/franklinpierce/images/hero-images/rindge-health-sciences.jpg);
}
.hero-title-health-sciences {
  padding: 300px 30px 30px 30px;
}

.hero-photo-criminal-justice {
	background-image: url(/wp-content/themes/franklinpierce/images/hero-images/cj.jpg);
}
.hero-title-criminal-justice {
  padding: 300px 30px 30px 30px;
}

.hero-photo-business {
	background-image: url(/wp-content/themes/franklinpierce/images/hero-images/business.jpg);
}
.hero-title-business {
  padding: 300px 30px 30px 30px;
}
*/

H2.form-heading {
  margin-bottom: 20px;
  font-size: 2.0rem;
}

/* --------------------------------------------------------- */
/* --------- Big fact row     */
.big-fact-row {
  margin: 40px 0 20px 0;
  color: #ffffff;
}

.big-fact-number {
  font-family: var(--font-headings);
  font-size: 8.0rem;
}

/*
.big-fact-row-dpt {
  font-family: var(--font-headings);
  font-size: 2.0rem;
  padding: 0 40px;
  line-height: 150%;
}
*/
.big-fact-row-dpt P {
  line-height: 150%;
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 0;
}

.big-fact-row-dpt .big-fact-bold {
  font-family: var(--font-primary-bold);
}



/* --------------------------------------------------------- */
/* --------- become a leader/develop real-world skills row      */
.become-a-leader-row {

}

/* --------------------------------------------------------- */
/* --------- become a leader/develop real-world skills row      */
.spacer-row {
  height: 50px;
}


/* --------------------------------------------------------- */
/* --------- program details row       */
.program-details-heading H4 {
  color: #ffffff;
  padding: 30px 20px 10px 20px;
}

.program-details-row {
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.program-details-item {
  margin: 20px 20px 0 0;
}



/* --------------------------------------------------------- */
/* --------- programs row (business page)      */
.programs-hr {
	margin: 0 auto 40px auto;
	border-bottom: 1px solid var(--color-text-primary);
	width: 80%;
}


/* --------------------------------------------------------- */
/* --------- Paths logo row     */
.paths-logo-row {
  margin: 20px;
}


/* --------------------------------------------------------- */
/* --------- Why Franklin Pierce row     */
.why-fpu-row {

}


/* --------------------------------------------------------- */
/* --------- Testimonial row     */
.testimonial {
  color: var(--color-bg-red);
  line-height: 180%;
  font-size: 18px;
  border-top: 2px solid var(--color-bg-red);
  padding: 20px 0 10px 0;
}


.testimonial-attribution {
  color: var(--color-text-primary);
  line-height: 200%;
  border-bottom: 1px solid var(--color-text-primary);
  padding: 0 0 10px 0;
  margin-bottom: 20px;
}


/* --------------------------------------------------------- */
/* --------- Fast Facts row     */
.fast-facts-row {

}

.fast-facts-number-row {
  margin-bottom: 10px;
}

.fast-facts-text-row {

}


.fact-number {
  font-family: var(--font-headings);
  font-size: 2.0rem;
  padding: 20px 10px 10px 10px;
  border-right: 0;
}

.fact-text {
  padding: 0 20px;
}

.fast-facts-number-row DIV.fact-number:last-child {
  border-right: 0;
}


/* --------------------------------------------------------- */
/* --------- It's Easy To Apply row     */
.apply-row {
  margin-bottom: 20px;
}


/* --------------------------------------------------------- */
/* --------- Photo row     */
.photo-row-dpt,
.photo-row {
  background-image: url('images/aerial.jpg');
  background-size: cover;
  min-height: 200px;
}

.photo-row-dpt {
    background-image: url('images/dpt-entire-class.jpg');
}

/* --------------------------------------------------------- */
/* --------- Contact row     */
.contact-row {
  margin-bottom: 100px;
  color: var(--color-text-headings);
}



/* --------------------------------------------------------- */
/* --------- Footer row     */
.footer-spacer {
  min-height: 200px;
}

.footer-row {
  position: fixed;
  bottom: 0;
  padding: 10px 0;
}

.footer-tagline {
  font-weight: 700;
}

/* --------------------------------------------------------- */
/* --------- RESPONSIVE 				 */

@media screen and (min-width: 576px) {

  H1, H2, H3, H4, H5, H6 {
    padding: 20px 0;
    letter-spacing: 8px;
  }

  H1 { font-size: 3.0rem; }
  H2 { font-size: 2.5rem; }
  H3 { font-size: 2.0rem; }
  H4 { font-size: 1.5rem; }
  H5 { font-size: 1.25rem; }
  H6 { font-size: 1.0rem; }

  UL, P {
    margin-bottom: 2.0em;
    line-height: 175%;
  }

  .header-left {
    text-align: left;
  }

  .header-right {
    text-align: right;
  }

  .hero-photo {
    min-height: 500px;
  }

  .hero-title-brand {
    padding: 400px 30px 30px 30px;
  }

  .hero-title-accounting {
    padding: 420px 30px 30px 30px;
  }

  .hero-title-mepn {
    padding: 250px 30px 30px 30px;
  }

  .big-fact-row {
    margin: 40px 0 20px 0;
    color: #ffffff;
  }

  .big-fact-row-dpt P {
    font-size: 2.0rem;
  }

  .testimonial {
    font-size: 28px;
  }

  .testimonial-attribution {
    line-height: 300%;
  }


  .fact-number {
    font-size: 2.5rem;
    padding: 30px 40px 30px 40px;
    border-right: 1px solid #ffffff;
  }

  .fact-number.no-border {
    border: 0;
  }

  .fact-text {
    padding: 0 40px 0 40px;
  }

  .photo-row-dpt,
  .photo-row {
    min-height: 500px;
  }

}


@media screen and (min-width: 768px) {
  .fact-number {
    font-size: 3.0rem;
  }

  .big-fact-row-dpt P {
    font-size: 1.8rem;
  }

}


@media screen and (min-width: 993px) {
  .fact-number {
    font-size: 4.0rem;
  }

  .big-fact-row-dpt P {
    font-size: 2.0rem;
  }

}

@media screen and (min-width: 1200px) {
  .hero-title {
    font-size: 2.0rem;
    letter-spacing: 8px;
    line-height: 150%;
  }
}


@media screen and (min-width: 1400px) {
  .hero-title-brand {
    padding: 400px 30px 30px 30px;
  }

}