@charset "UTF-8";
/* Custom Fonts (forces them to download) */
@import url('https://fonts.googleapis.com/css2?family=Palanquin');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible');
@import url('font-awesome.min.css');@import url('header.css');
@import url('flexgrid.css');
@import url('utility.css');
@import url('components.css');
@import url('responsive.css');
@import url('pages.css');
@import url('reset.css');
@import url('multi-select.css');
@import url('cp-global.css');* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
html {
   font-size: 100%;
   height: 100%;
}
.mac-link {
   display: inline-flex;
   font-family: var(--main-font);
   cursor: pointer;
   color: var(--blue);
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
body {
   margin: 0px;
   font-family: 'Palanquin', 'Arial Narrow', Arial, sans-serif;
   font-size: 1rem;
   height: 100%;
   line-height: 1.4;
}
/* Color Variables */
:root {
   /* Fellows Specific from v1 */
   --white: #ffffff;
   --headerbackground: #f2eceb;
   --fontcolor: #161413;
   --fontred: #c12b61;
   --grayline: #ada7a5;
   --bluelink: #0468b1;
   --greenlink: #6dd400;
   --hexpurple: #571c79;
   --gridinitials: #654e49;
   --black: #333;
   --blue: #0468B1;
   --beige: #F2ECEB;
   --green: #048543;
   --dark-blue: #005592;
   --white: #ffffff;
   --para-font: 'Crimson Text', serif;
   --subheader-font: "Atkinson Hyperlegible";
   --main-font: 'Palanquin', 'Arial Narrow', Arial, sans-serif;
   --swiper-navigation-size: 32px !important;
   /* Primary */
   --macblue: #0468b1;
   --sea: #1f7ea3;
   --wave: #005592;
   --macgreen: #048543;
   --spring: #299b5b;
   --forest: #007a6a;
   /*Light shades*/
   --lightblue: #E5EFF7;
   --lightpurple: #726582;
   --lightteal: #7CB4B2;
   --lightgreen: #5B8B75;
   --lightblue1: #6F9DB4;
   --lightgreen1: #507A7F;
   --lightpurple1: #59587A;
   --lightviolet: #84629D;
   --parrotgreen: #A7C38B;
   --lightviolet1: #A293C4;
   --lightteal1: #698E8F;
   --ligthpink: #C46B8E;
   /* Just */
   --black: #161413;
   --darkgrey: #3f3c3c;
   --middlegrey: #777372;
   --lightgrey: #EEE8E5;
   --pebble: #f2eceb;
   --white: #ffffff;
   --deepbrown: #24100b;
   --warmbrown: #39231d;
   --lightbrown: #6d5247;
   --sand: #a78f88;
   --tan: #e0d0cb;
   --shell: #eee8ed;
   --dimgrey: #ADA7A5;
   /* Peaceful */
   --deeppurple: #39214d;
   --violet: #571c79;
   --lavender: #896eba;
   --sky: #85c8de;
   --lake: #327B9A;
   --twilight: #0f2b4c;
   --navyblue: #0f0c40;
   /* Verdant */
   --deepteal: #004447;
   --mediumteal: #296663;
   --teal: #49a59c;
   --sweetpea: #91be5b;
   --emerald: #126037;
   --moss: #003d1a;
   /* Visionary */
   --magenta: #720c3f;
   --deeppink: #aa0e54;
   --brightpink: #c12b61;
   --orange: #d9583e;
   --deeporange: #b22f0e;
   --red: #aa0e20;
   /* Button Colors */
   --btn_bf_light: var(--macblue);
   --btn_bf_dark: var(--wave);
   --btn_bf_disabled: #CCCCCC;
   --btn_bo_light: var(--#E5EFF7);
   /* TODO: This seems light... Revalidate */
   --btn_bo_dark: var(--macblue);
   --btn_bo_disabled: #CCCCCC;
   --btn_gf_light: var(--macgreen);
   --btn_gf_dark: var(--emerald);
   --btn_gf_disabled: #CCCCCC;
   --btn_go_light: var(--#E5F2EC);
   /* TODO: This seems light... Revalidate */
   --btn_go_dark: var(--macgreen);
   --btn_go_disabled: #CCCCCC;
   --btn_wf_light: #F2F2F2;
   /* TODO: This seems light... Revalidate */
   --btn_wf_dark: #CCCCCC;
   /* TODO: This seems light... Revalidate */
   --btn_wo_light: var(--#E5F2EC);
   --btn_wo_dark: var(--macgreen);
   /*headings*/
   --header1: 4.063rem;
   --header2: 3rem;
   --header3: 1.875rem;
   --header4: 1.5rem;
   --header5: 1.175rem;
   --header6: 1.125rem;
}
/*Headings*/
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Palanquin', 'Arial Narrow', Arial, sans-serif;
   color: var(--fontcolor);
   line-height: 120%;
}
ul {
   list-style: none;
}
h1 {
   font-size: var(--header1);
}
h2 {
   font-size: var(--header2);
}
h3 {
   font-size: var(--header3);
}
h4 {
   font-size: var(--header4);
}
h5 {
   font-size: var(--header5);
   line-height: 1.3;
}
h6 {
   font-size: var(--header6);
}
a {
   text-decoration: none;
   color: var(--blue);
}
a:hover {
   color: var(--dark-blue);
}
.pos-rel {
   position: relative;
}
.text-center {
   text-align: center;
}
p {
   margin-bottom: 1em;
   line-height: 1.5;
   font-size: 1.25rem;
   font-family: 'Crimson Text', serif;
}
img {
   max-width: 100%;
}
.article-header img {
   width: 100%;
}
.text-black {
   color: var(--black) !important;
}
.text-white {
   color: var(--white);
}
form {
   width: 100%;
}
.video-banner video {
   width: 100%;
}
/*Spacings related css ends here*/
/*Buttons and Links*/
.mac-btn {
   display: inline-flex;
   cursor: pointer;
   border-radius: 50px;
   padding: 0.5rem 1.5rem 0.375rem 1.5rem;
   align-items: center;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   font-size: .875em;
   box-shadow: rgb(27 31 35 / 4%) 0 1px 0, rgb(255 255 255 / 25%) 0 1px 0 inset;
   text-transform: uppercase;
   font-weight: 700;
   border: 0;
   font-family: 'Atkinson Hyperlegible', sans-serif;
   position: relative;
   letter-spacing: 1px;
}
/*Primary button*/
.mac-btn-primary--inverted {
   border: solid 2px var(--white);
   color: var(--white);
   background: transparent;
}
.mac-btn-primary {
   border: solid 2px #0468B1;
   color: var(--blue);
   background: transparent;
   text-decoration: none;
}
.mac-btn-primary:hover {
   background-color: var(--lightblue);
   transition: 0.7s;
}
.mac-btn-primary:focus {
   background-color: var(--lightblue);
   transition: 0.7s;
   border-color: var(--dark-blue);
}
/*button styles*/
.mac-btn-solid-blue {
   background: var(--blue);
   color: var(--white);
}
.mac-btn-solid-blue:hover {
   background: var(--dark-blue);
   color: var(--white);
}
.mac-btn-solid-blue:focus {
   background: var(--blue);
   color: var(--white);
   border: solid 1px var(--dark-blue);
}
.mac-btn-solid-green:hover {
   background: var(--emerald);
   color: var(--white);
}
.mac-btn-solid-green {
   background: var(--green);
   color: var(--white);
}
.mac-btn-border-white {
   border: solid 2px #fff;
   color: var(--white);
   background: transparent;
}
.mac-btn-border-white:hover {
   background-color: rgba(255, 255, 255, 0.2);
}
.mac-btn-border-white:hover {
   color: var(--white);
}
.mac-perspective .content h4 {
   font-size: 1.125rem;
   padding-bottom: 5px;
}
.mac-link {
   display: inline-flex;
   cursor: pointer;
   color: var(--blue);
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   line-height: 1.3;
   font-size: 1.125rem;
   font-weight: 600;
   vertical-align: middle;
   background: transparent;
}
.arrow-right svg {
   width: 16px;
}
.arrow-right {
   display: inline-block;
   padding-left: 8px;
   vertical-align: middle;
   padding-top: 2px;
}
.arrow-left {
   display: inline-block;
   padding-right: 8px;
   vertical-align: middle;
   padding-top: 2px;
}
.btn-arrow .arrow-right {
   -webkit-transition: transform 0.3s ease-out;
   -moz-transition: transform 0.3s ease-out;
   -ms-transition: transform 0.3s ease-out;
   -o-transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
}
.btn-arrow:hover .arrow-right {
   -webkit-transform: translateX(4px);
   -moz-transform: translateX(4px);
   -ms-transform: translateX(4px);
   -o-transform: translateX(4px);
   transform: translateX(4px);
}
/*Button css ends*/
/*Form Fields*/
input[type="text"],
input[type="email"],
textarea,
select {
   display: block;
   width: 100%;
   padding: 0.275rem 0.5rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
button,
fieldset,
input,
legend,
select,
textarea {
   border: none;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}
.select-form {
   padding: 0.4rem 0.5rem;
   display: block;
   width: 100%;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   appearance: none;
   /* background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd; */
   -webkit-appearance: none;
   /* background-position-x: 244px; */
   padding-right: 2.5rem;
}
.select-box {
   position: relative;
}
.select-box:after {
   position: absolute;
   content: "\f107";
   font-family: "FontAwesome";
   font-size: 32px;
   width: 0;
   height: 0;
   right: 30px;
   z-index: 999;
   top: -2px;
   color: var(--blue);
   pointer-events: none;
}
label {
   display: inline-block;
   margin-bottom: 0.25rem;
}
.input-form {
   display: block;
   width: 100%;
   padding: 0.275rem 0.5rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input-form:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.c-author-name {
   font-size: 12px;
   line-height: 19px;
   color: #000;
   display: inline-block;
   padding-top: 3px;
   font-weight: 700;
}
/*Global List Items*/
ul.global-list-item {
   list-style-type: disc;
   margin-left: 1.5rem;
   margin-top: 2rem;
}
ol.global-list-item {
   margin-left: 1.5rem;
   margin-top: 2rem;
}
ul.global-list-item li,
ol.global-list-item li {
   list-style-position: outside;
   display: list-item;
   line-height: 32px;
   font-size: 1.25rem;
   margin-bottom: 1rem;
   font-family: var(--para-font);
}
ul.global-list-item li ul li {
   list-style-type: circle;
}
.blackstrip {
   background: var(--black);
   color: var(--white);
}
.blackstrip a {
   text-decoration: underline;
   color: var(--white);
}
.bigTextHglt {
   color: #571C79;
   font-size: 36px;
   font-weight: bold;
   border-left: solid 3px #571C79;
   padding-left: 2rem;
   line-height: 49px;
   position: relative;
   z-index: 10;
}
.purple-big-text {
   color: #571C79;
   font-size: 36px;
   font-weight: bold;
   line-height: 49px;
}
/*Equal-column asonry grid*/
.equal-col .masonry-grid__container,
.equal-col-3 .masonry-grid__container,
.equal-col-4 .masonry-grid__container {
   margin: 0;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-gap: 1rem;
   break-inside: avoid;
   border: 0;
   border-radius: 3px;
}
.equal-col .masonry-grid__container figure {
   grid-column: span 3;
   overflow: hidden;
   margin-bottom: 0;
}
/*Update list to full width*/
.equal-col .masonry-grid__container.list figure {
   grid-column: span 12;
   display: flex;
   flex-direction: row;
}
/*If you need three columns*/
.equal-col-3 .masonry-grid__container figure {
   grid-column: span 4;
   overflow: hidden;
   margin-bottom: 0;
}
/*If you need four columns*/
.equal-col .masonry-grid__container figure {
   grid-column: span 3;
   overflow: hidden;
   margin-bottom: 0;
}
/*Black Strip*/
.blackstrip {
   background-color: #000;
   color: var(--white);
   font-size: 1rem;
   padding: 0.8rem;
   margin-top: -4px;
}
.blackstrip p {
   text-align: left;
   font-family: var(--main-font);
   line-height: 20px;
   font-size: 1rem;
   padding-bottom: 0;
   margin-bottom: 0;
}
/*Ripple Aniamtion*/
@keyframes ripple {
   from {
      opacity: 1;
      transform: scale(0);
   }
   to {
      opacity: 0;
      transform: scale(10);
   }
}