/* PRAT 2025 CSS | 8-28-25 AjZ */
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Gantari:ital,wght@0,100..900;1,100..900&display=swap');
html,body {height:100%; margin:0; padding:0; font:1.25em/1.3 "Gantari",Arial,Helvetica,sans-serif; color:var(--PRATblue);}
body {touch-action:pan-y;} /** disable horizontal scrolling iphone */
.container {max-width:1536px!important;}

/* # GLOBAL VARIABLES # */
:root {
--PRATblue:#0B2051;
--PRATgray:#EFEFEF;
--PRATred:#E91644;
--PRATroyal:#055AE2;
--PRATslate:#93B8D8;
--PRATtan:#F9ECD2;
--PRATteal:#C4F6F9;
--white:#FFF;
--carousel-height:550px;
--carousel-nav-btn-dim:3em;
--carousel-page-nav-btn-dim:.5em;
--carousel-caption-padding:2em;
--carousel-caption-bg:linear-gradient(to bottom,transparent,hsl(0 0 0 / 65%) 80%);
--carousel-inner-spacing:2em;
--carousel-prev-next-btn-bg:rgba(255,255,255,.5);
--carousel-prev-next-btn-color:#333;
--carousel-pagination-margin:1em;
--carousel-pagination-gap:.75em;
--carousel-pagination-btn-bg:#AAA;
--carousel-pagination-btn-active-bg:#333;
}

/* # HELPER CLASSES # */
.mobileHide {display:block!important;}
.mobileShow {display:none!important;}
.M0 {margin:0!important;}
.printShow {display:none;}
.PT0 {padding-top:0!important;}
.TTU {text-transform:uppercase;}
.TAC {text-align:center;}
.TAL {text-align:left;}
.TAR {text-align:right;}

/* # PROJECT SPECIFIC # */
img,video,iframe {max-width:100%;}
main img {width:100%; margin-bottom:1.5em;}
main p {margin-bottom:1.5em;}
.flexWrapper {display:flex; flex-flow:row wrap;}
.flexBtn {position:absolute; bottom:0;}
.video-container {position:relative; padding-bottom:56.25%; /* 16:9 aspect ratio (height / width * 100) */ height:0; overflow:hidden;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
/* type */
a {color:var(--PRATred); transition:all .2s ease-in-out;}
a:active,a:focus,a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {font:2.25rem/1 "Gantari",Arial,Helvetica,sans-serif; color:var(--PRATroyal); margin-bottom:.5em; text-wrap:balance;}
h1 {font-weight:600;}
h2,h4 {font:bold 2rem/1 "Bona Nova",Times,"Times New Roman","serif"; color:var(--PRATblue);}
h3 {font-size:1.15em; text-transform:uppercase;}
h4 {color:var(--PRATred);}
h5 {font-size:1.15em;}
h6 {font-size:1em;}
.blue {color:var(--PRATblue);}
.gray {color:var(--PRATgray);}
.red,.req {color:var(--PRATred);}
.royal {color:var(--PRATroyal);}
.slate {color:var(--PRATslate);}
.tan {color:var(--PRATtan);}
.teal {color:var(--PRATteal);}
/* buttons */
.btn {font:1rem/1.5 "Gantari",Arial,Helvetica,sans-serif; transition:all .2s ease-in-out;}
.btn i {margin-right:.5em; color:var(--PRATred); transition:all .2s ease-in-out;}
.btn-primary {font-weight:700; background:transparent; border:2px solid var(--PRATred); border-radius:99em; color:var(--PRATblue); margin:.5em 0; padding:.25em 1.75em;}
.btn:active,.btn:focus,.btn:hover {text-decoration:none; background:var(--PRATred); border:2px solid var(--PRATred); color:var(--white);}
.btn:active i,.btn:focus i,.btn:hover i {margin-right:.5em; color:var(--white);}

/* # INTERFACE # */
header {width:100%; font:500 .9rem/1.5 "Gantari",Arial,Helvetica,sans-serif; box-shadow:-2px 21px 19px 1px rgba(0,0,0,.07);}
header a {color:var(--PRATblue);}
header ul {float:right; clear:both; text-transform:uppercase;}
header ul:first-of-type {text-transform:none; margin:1em 0;}
header li {display:inline-block; margin-left:2.5em;}
header ul:first-of-type li {margin-left:1.75em;}
header ul:first-of-type li a {color:var(--PRATroyal);}
header a:active,header a:focus,header a:hover,header a.active {color:var(--PRATred)!important; text-decoration:none!important;}
.logo {margin:1em 0;}
.logo img {max-width:100%; max-height:70px;}
nav {text-align:right;}
footer {background:var(--PRATblue); color:var(--white); font:500 .9rem/1.5 "Gantari",Arial,Helvetica,sans-serif; text-align:center; padding:4em 0;}
footer a {color:var(--white);}
footer a:active,footer a:focus,footer a:hover {color:var(--red);}
footer p,footer ul {margin:0;}
footer li {display:inline-block; margin:0 .35em;}
section {clear:both;}
main section {margin:4em 0;}
.preFooter {display:block; width:100%; background:var(--PRATtan);}
.preFooter p {margin:0; padding:0;}
.preFooter ul {float:right; margin:.25em 0 0 0; padding:0;}
.preFooter ul a {color:var(--PRATblue);}
.preFooter ul a:active,.preFooter ul a:focus,.preFooter ul a:hover {color:var(--PRATred)!important; text-decoration:none!important;}
.preFooter li {display:inline-block; font:800 .9rem/2.75 "Gantari",Arial,Helvetica,sans-serif; margin-left:2.5em;}
.preFooter img {filter:brightness(0) saturate(100%) invert(28%) sepia(63%) saturate(4009%) hue-rotate(331deg) brightness(86%) contrast(116%); height:26px; margin-right:.5em; vertical-align:middle;}
.preFooter img.fix {width:18px;}
.dot {padding:0 .5em;}

/* # PAGE CONTENT # */
/* carousel */
.carousel-inner {overflow:hidden; position:relative; min-height:var(--carousel-height);}
.slide {
  width:100%;
  height:100%;
  position:absolute;
  transition:transform 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.slide-content {position:relative; z-index:5000; height:100%;}
.slide-caption {
  width:100%;
  position:absolute;
  padding:var(--carousel-caption-padding);
  left:0;
  bottom:0;
  color:var(--white);
  background-image:var(--carousel-caption-bg);
}
.slide-caption a {color:currentColor;}
.slide-caption h3,.slide-caption p {margin:0;}
.slide-caption p {font-size:75%; opacity:.6;}
.slide img {width:100%; object-fit:cover;}
.carousel-btn {
  width:var(--carousel-nav-btn-dim);
  height:var(--carousel-nav-btn-dim);
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  border-radius:50%;
  cursor:pointer;
  color:var(--carousel-prev-next-btn-color);
  background-color:var(--carousel-prev-next-btn-bg);
}
.carousel-btn--prev-next {position:absolute; top:50%; transform:translateY(-50%); transition:transform 0.1s ease-in-out;}
.carousel-btn--prev-next:hover {transform:translateY(-50%) scale(1.2); color:var(--white);}
.carousel-btn--prev {left:var(--carousel-inner-spacing);}
.carousel-btn--next {right:var(--carousel-inner-spacing);}
.carousel-btn--prev:after {font-family:'FontAwesome'; content:"\f0D9";}
.carousel-btn--next:after {font-family:'FontAwesome'; content:"\f0DA";}
/* pagination */
.carousel-pagination {
  margin-top:var(--carousel-pagination-margin);
  display:flex;
  gap:var(--carousel-pagination-gap);
  justify-content:center;
}
.carousel-pagination .carousel-btn {
  background-color:var(--carousel-pagination-btn-bg);
  height:var(--carousel-page-nav-btn-dim);
  width:var(--carousel-page-nav-btn-dim);
  border-radius:50%;
  color:transparent;
  transition:transform 0.25s, background-color 0.25s ease-in-out;
}
.carousel-pagination .carousel-btn--active {
  transform:scale(1.5);
  background-color:var(--carousel-pagination-btn-active-bg);
}
/* home */
.homeProsecutor a {font:bold 1.5rem/1.5 "Bona Nova",Times,"Times New Roman","serif"; text-decoration:underline;}
.homeProsecutor i {margin-left:.35em;}
img.img-circle {float:left; border-radius:50%; margin:1em 0;}
.quote {background:#FFF url("img/q1.png") no-repeat; background-position:left top; padding:2em 0 0 .75em;}
.quote h2 {line-height:1.5em;}
.quote h2:after {content:""; background:url("img/q2.png") 0 0 no-repeat; display:inline-block; vertical-align:top; width:105px; height:82px; background-size:contain;}
.homePillars {font:800 .9rem/2.5 "Gantari",Arial,Helvetica,sans-serif;}
.homePillars h2 {color:var(--PRATtan);}
.homePillars .flexWrapper {background:var(--PRATroyal); color:var(--white);}
.homePillars .flexWrapper div {padding:2.5em 3em 3.5em 3em; border-right:20px solid var(--white);}
.homePillars .flexWrapper div:last-of-type {border:none;}
.homePillars .flexWrapper div a {margin-bottom:1.5em;}
.homePillars .flexWrapper p {font-size:1.25em; line-height:1.5em;}
.homeProcess .container {padding:2em 3em; background:var(--PRATtan);}
.homeProcess img {margin-top:1.5em;}
.homeNews {font:800 .9rem/2.5 "Gantari",Arial,Helvetica,sans-serif;}
.homeNews .flexWrapper {background:var(--PRATteal);}
.homeNews .flexWrapper div {margin:2em 0; padding:.5em 3em 2.5em 3em; border-right:3px solid var(--PRATroyal);}
.homeNews .flexWrapper div:last-of-type {border:none;}
.homeNews .flexWrapper div a {margin-bottom:none;}
.homeNews .flexWrapper p {font-size:1.25em; line-height:1.5em;}
.allNews {text-align:right;}
.homeSocial {font:500 .9rem "Gantari",Arial,Helvetica,sans-serif;}
.homeSocial a {color:var(--white);}
.homeSocial p {font:800 .9rem/2.5 "Gantari",Arial,Helvetica,sans-serif;}
.homeSocial p,.homeSocial ul {float:right; padding-left:1em;}
.homeSocial li {display:inline-block; margin-left:.5em;}
.homeSocial li a {display:block; text-align:center; font-size:1.75em; line-height:.2em; background:var(--PRATred); border-radius:.25em; min-width:44px; padding:.25em;}
.homeSocial li a:active,.homeSocial li a:focus,.homeSocial li a:hover {background:var(--PRATblue);}

/* sub */
.bio {font:1.25rem/1.25 "Gantari",Arial,Helvetica,sans-serif; color:var(--PRATblue);}
.bio p:first-of-type {font-weight:600; margin-top:2.5em;}
.quoteSub .container {background:var(--PRATteal); padding:2em 1em 2em 3em;}
.quoteSub img {max-width:210px; margin-right:1.5em;}
.quotePic h3 {margin:3em .5em 1em 0;}
.quoteBio {background:transparent url("img/q1.png") no-repeat; background-position:left top; padding:2em 0 0 .75em;}
.quoteBio h2:after {content:""; background:url("img/q2.png") 0 0 no-repeat; display:inline-block; vertical-align:top; width:105px; height:82px; background-size:contain;}
.newsletter .container {background:var(--PRATred); padding:2em 6em 1em 2em; color:var(--white);}
.newsletter p {margin:0;}
.newsletter img {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); max-height:66px;}

/* # RESPONSIVE # */
@media screen and (max-width:1200px) {
	.homeProcess .container {padding:1em;}
	.quoteSub img {max-width:410px;}
}
@media screen and (max-width:992px), screen and (max-height:768px) {
	header ul {float:none; text-align:center; margin:0; padding:0;}
	header li {margin:0 .5em .5em .5em;}
	.logo {display:block; width:100%; text-align:center; margin:.5em 0;}
	.preFooter {text-align:center;}
	.preFooter ul {float:none; margin-bottom:.75em;}
	.preFooter li {margin:0 1.25em;}
	/* # PAGE CONTENT # */
	.quote {background-position:6px 30px; padding:2em .75em 0 .75em;}
	.homePillars .flexWrapper div,.homeNews .flexWrapper div {border:none;}
	.newsletter .container {padding:2em;}
	.quoteSub img {max-width:100%; margin:0 1.5em 1.5em 1.5em;}
}
@media screen and (max-width:768px) {
	iframe {width:100%;}
	footer ul {margin:0; padding:0;}
}