html {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: #333333;
  font-size: 1.2rem;
  scroll-behavior: smooth;
}

body {
  max-width: 1600px;
}

header,
main,
footer {
  padding-left: 300px;
}

a {
  text-decoration: underline;
  color: #6e6e6e;
  font-size: .8rem;
}

#nav-tabs {
  position: fixed;
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
  max-width: 1350px;
  top: 0;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 10%);
  z-index: 5;
  padding: 0rem;
}

.sidenav2 {
  display: none;
}

.sidenav-trigger2 {
  display: none;
}

.row {
  margin-bottom: 0rem !important;
  padding-left: 10%;
  padding-right: 10%;
}

.col {
  padding-left: 0rem !important;
}

p {
  padding-left: 0rem !important;
  font-size: .8rem;
}

.tabText {
  text-decoration: none;
}

#navSpacer {
  height: 2rem;
}

#navSpacer2 {
  height: 4rem;
}

#capTabLogo {
  background-image: url('../img/c320-tab-logo.png');
  height: 3.8rem;
  margin-top: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;

  max-height: 90px;
}

#capActionTabLogo {
  background-image: url('../img/c320-action-tab-logo.png');
  height: 3.8rem;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;

  margin-top: 1rem;
  max-height: 90px;
}

#c4-intro {
  padding-top: 8rem;
}

.rowTop {
  padding-top: 6rem;
}

.rowBottom {
  padding-bottom: 6rem !important;
}

.containerRow {
  padding-left: 0rem;
  padding-right: 0rem;
}

.noteText {
  font-size: .7rem;
  color: #6e6e6e;
}

.mailIcon {
  font-size: 1rem;
  padding-left: .0rem;
  transform: translateY(.25rem);
  color: #333333;
}

.mailIconLarge {
  font-size: 1.4rem;
  position: absolute;
  padding-left: .3rem;
  padding-top: .3rem;
  color: #333333;
}

h1 {
  padding-left: 0rem;
  font-weight: 700;
  font-size: 2.2rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h2 {
  padding: 1rem 2rem;
  font-size: 2rem;
  font-weight: 200;

}

h3 {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h4 {
  padding: 1rem 2rem;
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: 0rem;
}

h5 {
  padding: 0rem 2rem;
}

#c3-outline-intro-box {
  border-left: 6px solid #0B2466;
  margin: auto;
  width: 77%;
  text-align: left;
  padding-left: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

#c4-outline-intro-box {
  border-left: 6px solid #F46357;
  margin: auto;
  width: 77%;
  text-align: left;
  padding-left: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.largeText {
  font-size: 1.1rem;
}

.largeTextLink {
  font-size: 1.1rem;
  color: #333333;
}

#c3-logo {
  background-image: url('../img/cap20_primary.png');
  margin-left: 0px;
  background-position: center;
}

#c4-logo {
  background-image: url('../img/capaction20_primary.png');
  margin-left: 0px;
  background-position: center;
}

#c4-logo-title {
  padding-top: 6rem;
}

#c4-color-title {
  padding-top: 6rem;
}

#c4-logo-use {
  padding-top: 6rem;
}

#c4-coBrandingTitle {
  padding-top: 6rem;
}

#c4-resourcesTitle {
  padding-top: 6rem;

}

#c4-governanceTitle {
  padding-top: 6rem;
}

#c3-cobrand-intro-title {}

#c4-cobrand-intro-title {}

.primaryLogo {
  height: 8rem;

  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: .5rem;
}

.markRow {
  padding: 0rem;
}

.intro-p {
  padding-left: 1.5rem !important;
}

#c3-logo-dl {
  padding-top: 2.2rem;
}

#c3-primary-logo-bw-dl {
  padding-top: 2.2rem;

}

#c3-primary-logo-b-dl {
  padding-top: 2.2rem;
}

#c3-video-watermark-dl {
  padding-top: 2.2rem;
}

#c4-primary-logo-b-dl {
  padding-top: 2.2rem;
}

#wordmarksRow1 {
  padding-bottom: 1rem;
}

#wordmarksRow3 {
  padding-bottom: 0rem !important;
}

.wordmarkHeader {
  padding-bottom: 1.5rem;
  color: #6e6e6e;
  padding-right: 0rem;
  padding-left: 0rem;
}

.download {
  display: block;
  padding-top: 1.5rem;
}

.twitterLink {
  font-size: .8rem;
  color: #333333;
}

#c3-legacyLogo-note {
  color: #6e6e6e;
  font-size: .7rem;
}

#colorRow h3 {
  text-align: left;
  padding-bottom: 1.5rem;
}

#c4-colorRow h3 {
  text-align: left;
  padding-bottom: 1.5rem;
}

#c3-fontsRow {
  padding-top: 3rem;
}

#c4-fontsRow {
  padding-top: 3rem;
}

.boldTitle {
  font-weight: 700;
  font-size: .7rem;
  padding-top: 1rem;
  padding-bottom: .5rem;
}

.greyText {
  font-size: .6rem;
  color: #6e6e6e;
}

.colorSwatch {
  height: 6rem;
  width: 6rem;
  border-right: 1.2rem solid white;
}

#logo-mark-h3 {
  text-align: left;
}

.sectionTitle {
  text-align: left;
}

.sectionParagraph {
  padding-bottom: 1rem !important;
}

.BWrow.rowBottom {
  padding-top: 3rem;
}

.Brow.rowBottom {
  padding-top: 3rem;
}

.bw-intro-p {
  color: #DEDEDE;
}

.b-intro-p {
  color: #333333;
}

.socialSteward {
  font-size: .8rem;
  color: #333333;
}

.socialMail {
  position: inherit !important;
}

.bwHeader {
  padding-bottom: 1.5rem;
  color: #BAB9B9;
  font-size: .8rem;
  text-align: left;
}

.bHeader {
  padding-bottom: 1.5rem;
}

#c3wordmarkBoldlyImage {
  background-image: url('../img/cap20_tagline.png');
  height: 6rem;
  background-position: left top;
}

#c3wordmarkBoldlyImage-grey {
  background-image: url('../img/cap20_tagline_back.png');
  height: 6rem;
  background-position: left top;
}

#c3wordmarkBoldlyStackedImage {
  background-image: url('../img/cap20_stacked_tagline.png');
  height: 6rem;
  background-position: left top;
}

#c3wordmarkBoldlyStackedImage-grey {
  background-image: url('../img/cap20_stacked_tagline_back.png');
  height: 6rem;
  background-position: left top;
}

#c4wordmarkBoldlyImage {
  background-image: url('../img/capaction20_tagline.png');
  height: 6rem;
  background-position: left top;
}

#c4wordmarkBoldlyImage-grey {
  background-image: url('../img/capaction20_tagline_back.png');
  height: 6rem;
  background-position: left top;
}

#c4wordmarkBoldlyStackedImage {
  background-image: url('../img/capaction20_stacked_tagline.png');
  height: 6rem;
  background-position: left top;
}

#c4wordmarkBoldlyStackedImage-grey {
  background-image: url('../img/capaction20_stacked_tagline_back.png');
  height: 6rem;
  background-position: left top;
}

#wordmarkImage {
  background-image: url('../img/cap_wordmark_stack_large.png');
  height: 4.5rem;
  background-position: left top;
}

#c4-wordmarkImage {
  background-image: url('../img/cap_action_wordmark_stack_large.png');
  height: 4.5rem;
  background-position: left top;
}

#horizontalWordmarkImage {
  background-image: url('../img/cap_wordmark_horiz_xl.png');
  height: 1.4rem;
  background-position: left top;
}

#c4-horizontalWordmarkImage {
  background-image: url('../img/cap_action_wordmark_horiz_xl.png');
  height: 2.6rem;
  background-position: left top;
}

#legacyLogoImage {
  background-image: url('../img/c3-legacy-flag-logo.png');
  height: 3.8rem;
  background-position: left top;
}

#c4-legacyLogoImage {
  background-image: url('../img/c4-legacy-flag-logo.png');
  height: 3.8rem;
  background-position: left top;
}

#c3-legacyLogo-bw-note {
  font-size: .7rem;
}

#c3-legacyLogo-b-note {
  font-size: .7rem;
}

#c4-legacyLogo-bw-note {
  font-size: .7rem;
}

#c4-legacyLogo-b-note {
  font-size: .7rem;
}

.BWrow a {
  color: #BAB9B9;
}

.Brow a {
  color: #333333;
}

.mailIconBW {
  color: #BAB9B9;
}

#socialMediaCAP {
  background-image: url('../img/cap20_social_avatar.png');
  height: 5rem;
}

#c4-socialMediaCAP {
  background-image: url('../img/capaf20_social_avatar.png');
  height: 5rem;
}

#c4-socialMediaCAP-pride {
  background-image: url('../img/capaf20_pride_avatar.png');
  height: 5rem;
}

#socialMediaImm {
  background-image: url('../img/cap_20_immigration_avatar_circle.png');
  height: 5rem;
}

#socialMediaNat {
  background-image: url('../img/cap20_pride_avatar.png');
  height: 5rem;
}

.socialMediaIcon {
  height: 4rem !important;
  width: 4rem !important;
  display: inline-block;
  border-radius: 5rem;
  margin-right: 1rem;
  margin-top: .5rem;
}

#socialTitle {
  padding-top: 2rem;
  text-align: left;
}

#twitterFeedImage {
  background-image: url('../img/cap20_social_mobile_comp.jpg');
  height: 25rem;
}

#c4-twitterFeedImage {
  background-image: url('../img/capaf20_social_mobile_comp.jpg');
  height: 25rem;
}

#c3-clear-space-primary-logo {
  background-image: url('../img/cap20_primary_clear_space.png');
  background-position: left top;
  height: 8rem !important;
}

#c4-clear-space-primary-logo {
  background-image: url('../img/capaf20_primary_clear_space.png');
  background-position: left top;
  height: 8rem !important;
}

.logoUseRow.rowBottom {
  padding-top: 3rem;
}

.clearHeader {
  padding-bottom: 1.5rem;
  text-align: left;
}

.colorHeading {
  margin-bottom: .5rem;
}

#horizontalWordmarkSpaceImage {
  background-image: url('../img/c3-clear-space-horizontal-wordmark.png');
  height: 5.5rem;
  background-position: left top;
}

#c4-horizontalWordmarkSpaceImage {
  background-image: url('../img/c4-clear-space-horizontal-wordmark.png');
  height: 6.6rem;
  background-position: left top;
}

#legacyLogoSpaceImage {
  background-image: url('../img/c3-clear-space-legacy-flag-logo.png');
  height: 5.8rem;
  background-position: left top;
}

#c4-legacyLogoSpaceImage {
  background-image: url('../img/c4-clear-space-legacy-flag-logo.png');
  height: 5.8rem;
  background-position: left top;
}

.logoUseRow .clearHeader {
  color: #6E6E6E;
}

#c3-minimum-size {
  background-image: url('../img/c320-tab-logo.png');
  height: 52px;
  background-position: left top;
}

#c4-minimum-size {
  background-image: url('../img/c3-action-tab-logo.png');
  height: 52px;
  background-position: left top;
}

#c3-minimum-size-2 {
  background-image: url('../img/c320-tab-logo.png');
  height: 40px;
  background-position: left top;
}

#c4-minimum-size-2 {
  background-image: url('../img/c3-action-tab-logo.png');
  height: 40px;
  background-position: left top;
}

#c3-minimum-size-3 {
  background-image: url('../img/c320-tab-logo.png');
  height: 28px;
  background-position: left top;
}

#c4-minimum-size-3 {
  background-image: url('../img/c3-action-tab-logo.png');
  height: 28px;
  background-position: left top;
}

.sizeNote {
  font-size: .8rem;
}

.sizeNoteBold {
  font-weight: 700;
  font-size: .7rem;
  margin: 0rem;
}

.sizeGrayText {
  font-weight: 400;
}

.regLink {
  font-size: .8rem;
  color: #333333;
}

#minSizeNote {
  font-size: .8rem;
  padding-top: 1rem;
}

#improperSectionTitle {
  padding-bottom: 1rem;
}

#c3-improper-use-stretch {
  background-image: url('../img/cap20_brand_improper_01.png');
  height: 6rem;
}

#c3-improper-use-effects {
  background-image: url('../img/cap20_brand_improper_03.png');
  height: 6rem;
}

#c3-improper-use-rotate {
  background-image: url('../img/cap20_brand_improper_05.png');
  height: 6rem;
}

#c3-improper-use-sub-brand {
  background-image: url('../img/cap20_brand_improper_07.png');
  height: 6rem;
}

#c3-improper-use-contrast {
  background-image: url('../img/cap20_brand_improper_09.png');
  height: 6rem;
}

#c3-improper-use-outdated {
  background-image: url('../img/cap20_brand_improper_11.png');
  height: 6rem;
}

#c4-improper-use-stretch {
  background-image: url('../img/cap20_brand_improper_02.png');
  height: 6rem;
}

#c4-improper-use-effects {
  background-image: url('../img/cap20_brand_improper_04.png');
  height: 6rem;
}

#c4-improper-use-rotate {
  background-image: url('../img/cap20_brand_improper_06.png');
  height: 6rem;
}

#c4-improper-use-sub-brand {
  background-image: url('../img/cap20_brand_improper_08.png');
  height: 6rem;
}

#c4-improper-use-contrast {
  background-image: url('../img/cap20_brand_improper_10.png');
  height: 6rem;
}

#c4-improper-use-outdated {
  background-image: url('../img/cap20_brand_improper_12.png');
  height: 6rem;
}

.improperImage {
  height: 11rem !important;
  padding: 1rem !important;
  transform: scale(.8);
}

.improperContainer {
  padding: 0rem !important;
}

#improper1 {
  border-right: 2px solid #BAB9B9;
  border-bottom: 2px solid #BAB9B9;
}

#improper2 {
  border-right: 2px solid #BAB9B9;
  border-bottom: 2px solid #BAB9B9;
}

#improper3 {
  border-bottom: 2px solid #BAB9B9;
}

#improper4 {
  border-right: 2px solid #BAB9B9;
}

#improper5 {
  border-right: 2px solid #BAB9B9;
}

.paragraphTwo {
  padding-top: .5rem;
}

.acuminProEx {
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 2.5rem;
}

.coignProEx {
  font-family: cojin-87-bold-pro, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 2.5rem;
}

.pragmaticaEx {
  font-family: neue-haas-grotesk-text, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.fontsRow .sectionTitle {
  padding-top: 3rem;
}

.coBrandPara p {
  padding-top: 0rem !important;
}

#coBrandingTitle {
  padding-top: 6rem;
  margin-bottom: 0rem;
}

#c3-co-branding-one {
  background-image: url('../img/cap20_co-brand_bpc_01.png');
  height: 4.4rem;
  background-position: left top;
  margin-right: 0.75rem;
}

#c3-co-branding-two {
  background-image: url('../img/cap20_co-brand_brookings_01.png');
  height: 4.4rem;
  background-position: left top;
}

#c3-co-branding-space-one {
  background-image: url('../img/cap20_co-brand_bpc_02.png');
  height: 4.4rem;
  background-position: left top;
  margin-right: 0.75rem;
}

#c3-co-branding-space-two {
  background-image: url('../img/cap20_co-brand_brookings_02.png');
  height: 4.4rem;
  background-position: left top;
}

#c4-co-branding-one {
  background-image: url('../img/capaf20_co-brand_bpc_01.png');
  height: 4.4rem;
  background-position: left top;
}

#c4-co-branding-two {
  background-image: url('../img/capaf20_co-brand_brookings_01.png');
  height: 4.4rem;
  background-position: left top;
}

#c4-co-branding-space-one {
  background-image: url('../img/capaf20_co-brand_bpc_02.png');
  height: 4.4rem;
  background-position: left top;
}

#c4-co-branding-space-two {
  background-image: url('../img/capaf20_co-brand_brookings_02.png');
  height: 4.4rem;
  background-position: left top;
}

#co-branding-paragraph {
  font-size: .8rem;
  padding: 1rem 0rem;
  padding-top: 4rem;
}

.co-branding-paragraph-two {
  padding-bottom: 1rem !important;
}

.alignRow {
  background-color: #F5F5F5;
}

.alignRow p {
  padding-top: 1rem;
  padding-right: 2rem;
}

#c3-align1 {
  background-image: url('../img/cap-capaf20_primary.png');
  height: 3rem;
  padding: 0rem;
  background-position: left top;
  margin-top: 1.1rem;
}

#c3-align2 {
  background-image: url();
  height: 9rem;
  background-position: center;
}

#powerpointImage {
  background-image: url('../img/c3-resources-powerpoint.png');
  width: 2rem;
  height: 2.3rem;
  background-position: center;
  margin-bottom: -.2rem;
  margin-right: .5rem;
}

#c3wordList {
  margin-top: 3rem;

}

#c3wordList li {
  margin-left: 1rem;
  list-style-type: disc !important;
}

#c4wordList li {
  margin-left: 1rem;
  list-style-type: disc !important;
}

#c4wordList {
  margin-top: 1rem;
  list-style-type: disc !important;
}

#wordImage {
  background-image: url('../img/c3-resources-word.png');
  width: 2rem;
  height: 2.3rem;
  background-position: center;
  margin-bottom: -.2rem;
  margin-right: .5rem;

}

.resourcesImage {
  display: inline-block !important;
}

.resourcesTitle {
  display: inline-block;
  font-weight: 700;
  width: 70%;
  line-height: 1.2rem;
  text-align: left;
}

#wordList li {
  list-style-type: disc;
  margin-left: 1.2rem;
  font-size: .9rem;
}

#wordTitle {
  width: 77%;
}

#wordNote {
  font-size: .7rem;
  color: #6E6E6E;
  padding-top: .5rem;
}

#resourcesTitle {
  padding-top: 6rem;
}

.accessibilityRow {
  background-color: #F5F5F5;
}

#accessibilityTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
}

#c4-accessibilityTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
}

#governanceTitle {
  padding-top: 6rem;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

.faqRow {
  background-color: #F5F5F5;
}

#faqTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

#c4-faqTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

.faqHeader {
  font-weight: 700;
  margin-bottom: 0rem;
  font-size: .9rem;
}

.boldType {
  font-weight: 700;
}

.faqBullets {
  font-size: .8rem;
}

.faqLink {
  font-size: .8rem;
  color: #333333;
}

.greyLink {
  font-size: .6rem;
  color: #6e6e6e;
}

#slide-out li a {
  text-decoration: none !important;
  font-size: .8rem;
}

#slide-out2 li a {
  text-decoration: none !important;
  font-size: .8rem;
}

#tab1link {
  background-color: #DDDDDD;
}

#tab2link {
  background-color: #DDDDDD;
}

#tab1link.active {
  background-color: white !important;
}

#tab2link.active {
  background-color: white !important;
}

.sidenav {
  width: 280px;
}

#tab1 {
  padding-right: 0rem;
}

#tab2 {
  padding-right: 0rem;
}

.col .row {
  margin-right: 0rem;
}

.bw-intro-p {
  padding-left: 1.5rem !important;
}

.b-intro-p {
  padding-left: 1.5rem !important;
}

.video-intro-p,
.logo-intro-p {
  padding-left: 1.5rem !important;
}

.clearParagraph {
  padding-top: 0rem !important;
  margin-top: 0rem;
}





.lineSpacer {
  border-bottom: solid #BAB9B9 1px;
  height: 1rem;
}

.image {
  display: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#colorRow {
  padding-bottom: 6rem;
  padding-top: 2rem;
}

#colorRow .col {
  padding: 0rem;
}

.centeredContent {
  margin: auto;
}

.BWrow {
  background-color: #333333;
  color: #DEDEDE;
}

.Brow {
  background-color: #DEDEDE;
  color: #333333;
}

.reverseRow {
  background-color: #333333;
}

#c3-logo-grey {
  background-image: url('../img/cap20_primary_back.png');
}

#c4-logo-grey {
  background-image: url('../img/cap-action-tab-logo-greyBG.png');
}

#c3-logo-black-white {
  background-image: url('../img/cap20_primary_ko-400deep.png');
  height: 5rem;
  background-position: left top;
}

#c3-logo-black {
  background-image: url('../img/c3-primary-logo-black.png');
  height: 9rem;
  background-position: left top;
}

#c4-logo-black-white {
  background-image: url('../img/capaf20_primary_ko-400deep.png');
  height: 5rem;
  background-position: left top;
}

#c4-logo-black {
  background-image: url('../img/c4-primary-logo-black.png');
  height: 9rem;
  background-position: left top;
}

#wordmarkBWImage {
  background-image: url('../img/cap_wordmark_wh_stack_large.png');
  height: 4.5rem;
  background-position: left top;
}

#c320-wordmarkBWImage {
  background-image: url('../img/cap20_BF_stack_ko-400deep.png');
  height: 6rem;
  max-height: 60px;
  background-position: left top;
}

#wordmarkBImage {
  background-image: url('../img/c3-stacked-wordmark-black.png');
  height: 4.5rem;
  background-position: left top;
}

#c4-wordmarkBWImage {
  background-image: url('../img/cap_action_wordmark_wh_stack_large.png');
  height: 4.5rem;
  background-position: left top;
}

#c420-wordmarkBWImage {
  background-image: url('../img/capaf20_BF_stack-ko-400deep.png');
  height: 6rem;
  max-height: 60px;
  background-position: left top;
}

#c4-wordmarkBImage {
  background-image: url('../img/c4-stacked-wordmark-black.png');
  height: 4.5rem;
  background-position: left top;
}

.wordmarkRow3 {
  padding-top: 3rem !important;
}

#c3wordmarkBWTitle,
#c4wordmarkBWTitle {
  text-align: left;
  font-size: .8rem;
}

#horizontalWordmarkBWTitle,
#horizontalWordmarkBTitle {
  text-align: left;
  font-size: .8rem;
}

#legacyLogoBWTitle,
#legacyLogoBTitle {
  text-align: left;
  font-size: .8rem;
}

#horizontalWordmarkBWImage {
  background-image: url('../img/cap_wordmark_wh_horiz_xl.png');
  height: 1.4rem;
  background-position: left top;
}

#c320-horizontalWordmarkBWImage {
  background-image: url('../img/cap20_BF_wide_ko-400deep.png');
  height: 3.5rem;
  max-height: 67px;
  background-position: left top;
}

#horizontalWordmarkBImage {
  background-image: url('../img/c3-horizontal-wordmark-black.png');
  height: 1.4rem;
  background-position: left top;
}

#c320-horizontalWordmarkBImage {
  background-image: url('../img/c3-horizontal-wordmark-black.png');
  height: 6rem;
  background-position: left top;
}

#c4-horizontalWordmarkBWImage {
  background-image: url('../img/cap_action_wordmark_wh_horiz_xl.png');
  height: 3.5rem;
  background-position: left top;
}

#c420-horizontalWordmarkBWImage {
  background-image: url('../img/capaf20_BF_wide_ko-400deep.png');
  height: 3.5rem;
  max-height: 67px;
  background-position: left top;
}

#c4-wordmarkBoldlyStacked-dl #c4-wordmark-boldly-dl #c3-wordmark-boldly-dl #c3-wordmarkBoldlyStacked-dl {
  padding-top: .5rem !important;
}

.koSameHeight {}

#c4wordmarkBWStackImage {
  background-image: url('../img/cap_action_wordmark_wh_stack_large.png');
  height: 4.5rem;
  background-position: left top;
}

#c3wordmarkBWStackImage {
  background-image: url('../img/cap_wordmark_wh_stack_large.png');
  height: 4.5rem;
  background-position: left top;
}

#c4wordmarkBWImage {
  background-image: url('../img/cap_action_wordmark_horiz_xl.png');
  height: 2.6rem;
  background-position: left top;
}

#c3horizontalWordmarkBWImage {
  background-image: url('../img/cap_wordmark_wh_horiz_xl.png');
  height: 2rem;
  background-position: left top;
}

#c4-horizontalWordmarkBImage {
  background-image: url('../img/c4-horizontal-wordmark-black.png');
  height: 2.6rem;
  background-position: left top;
}

#legacyLogoBWImage {
  background-image: url('../img/c3-legacy-flag-logo-black-white.png');
  height: 3.8rem;
  background-position: left top;
}

#legacyLogoBImage {
  background-image: url('../img/c3-legacy-flag-logo-black.png');
  height: 3.8rem;
  background-position: left top;
}

#c4-legacyLogoBWImage {
  background-image: url('../img/c4-legacy-flag-logo-black-white.png');
  height: 3.8rem;
  background-position: left top;
}

#c4-legacyLogoBImage {
  background-image: url('../img/c4-legacy-flag-logo-black.png');
  height: 3.8rem;
  background-position: left top;
}

#c3-logo-video-watermark {
  background-image: url('../img/cap20_video_watermark.png');
  height: 6rem;
  background-position: left top;
}

#c4-logo-video-watermark {
  background-image: url('../img/capaf20_video_watermark_mark.png');
  height: 6rem;
  background-position: left top;
}

#videoExamples {
  padding-top: 2rem;
}

#c4-video-one {
  background-image: url('../img/capaf20_video_watermark_widescreen.jpg');
  height: 15rem;
  background-position: left top;
}

#c4-video-two {
  background-image: url('../img/capaf20_video_watermark_square_example.jpg');
  height: 15rem;
  background-position: left top;
  margin-left: 1rem;
}

#c4-video-three {
  background-image: url('../img/c4-video-three.jpg');
  height: 15rem;
  background-position: left top;
}

#video-example-one {
  background-image: url('../img/cap20_video_watermark_widescreen.jpg');
  height: 15rem;
  background-position: left top;
}

#video-example-two {
  background-image: url('../img/cap20_video_watermark_square_example.jpg');
  height: 15rem;
  background-position: left top;
  margin-left: 1rem;
}

.videoRow a {
  color: #BAB9B9;
}

#navTitle {
  font-weight: 700;
}

.sidenav {
  color: #333333;
}

.indentNav {
  margin-left: 1.5rem;
  color: rgba(51, 51, 51, .8) !important;
  line-height: 1.5rem !important;
  height: 1.5rem !important;
}

#c3-brand-guide-title {
  text-align: left;
}

#c3-intro {
  padding-top: 4rem;
}

#c3-logo-title {
  padding-top: 6rem;
}

#c3-logo-use {
  padding-top: 6rem;
}

#wordmarkTitle {
  text-align: left;
  padding-left: 0rem;
}

#horizontalWordmarkTitle {
  text-align: left;
  padding-left: 0rem;
}

#legacyLogoTitle {
  text-align: left;
  padding-left: 0rem;
}

#c3-color-primary {
  background-color: #0B2466;
}

#c4-color-primary {
  background-color: #F46357;
}

#c3-coralSwatch {
  background-color: #F46357;
}

#c4-blueSwatch {
  background-color: #0B2466;
}

#c3-tealSwatch {
  background-color: #26A49D;
}

#c320-tealSwatch {
  background-color: #09D2AE;
}

#c320-color-gold {
  background-color: #FFC72E;
}

#c320-blueSwatch {
  background-color: #0050EC;
}

#c320-blackSwatch {
  background-color: #151515;
}

#c3-greySwatch {
  background-color: #C7C7C7;
}

#wordmarkSpaceTitle {
  font-size: .8rem;
}

#horizontalWordmarkSpaceTitle {
  font-size: .8rem;
  text-align: left;
}

#legacyLogoTitle {
  font-size: .8rem;
}

#wordmarkSpaceImage {
  background-position: left top;
  height: 8rem !important;
}

#c4wordmarkBoldlyStackedImage-grey {}

.download {
  display: block;
}

.videoRow {
  background-color: #333333;
  color: #DEDEDE;
}

#wordmarkSpaceImage {
  background-image: url('../img/c3-clear-space-stacked-wordmark.png');
  height: 6rem;
}

#c4-wordmarkSpaceImage {
  background-image: url('../img/c4-clear-space-stacked-wordmark.png');
  height: 9rem;
  background-position: left top;
}

.minSizeRow {
  background-color: #F5F5F5;
}

.fontsRow {
  background-color: #F5F5F5;
}

.photosRow {
  background-color: #F5F5F5;
}

#c3-photos-one {
  background-image: url('../img/c3-photos-one.png');
  height: 6rem;
}

#c3-photos-two {
  background-image: url('../img/c3-photos-two.png');
  height: 6rem;
}

#c3-photos-three {
  background-image: url('../img/c3-photos-three.png');
  height: 6rem;
}

.bulletList li {
  list-style-type: disc !important;
  margin-left: 2rem;
}

.footerNote {
  background-color: #E6EAEF;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#footerLinks {
  background-color: white;
  font-size: .7rem;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #6E6E6E;
}

.tabs {
  height: 4rem;
}

.tab {
  height: 4rem !important;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: rgba(27, 55, 100, 0.4);
  cursor: default;
}

.tabs .tab a:hover,
.tabs .tab a.active {
  color: #1b3764;
}

.tabs .indicator {
  background-color: #1b3764;
}

.tabs .tab a {
  color: rgba(27, 55, 100, 0.7);
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: rgba(27, 55, 100, 0.2);
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: rgba(0, 0, 0, 0.0);
}

.tabs .indicator {
  background-color: transparent;
}

header,
main,
footer {
  padding-left: 250px;
}

.rowMargin {
  padding-left: 10%;
  padding-right: 10%;
}

.titleMargin {
  padding-left: 7%;
}

.colorSwatch {
  margin-bottom: .7rem;
}

.swatchCont {
  padding-bottom: 1.5rem !important;
  padding-right: 0rem !important;
}

.improperNote {
  font-size: .7rem;
  height: 4rem;
  padding: 1rem;
  line-height: .9rem;
}

#c4-governanceTitle {
  margin-bottom: 0rem;
}

.downloadIcon {
  transform: translateY(0.28rem);
  font-size: 1rem !important;
  padding-left: 0.2rem;
}

#c3-cobranding-dl {
  margin-top: 3rem !important;
}

#c3-powerpoint-dl {
  padding-bottom: 2rem;
  margin-top: 3rem;
}

#c4-powerpoint-dl {
  padding-top: 2rem;
}








@media only screen and (min-width : 1200px) {
  .rowMargin {
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media only screen and (max-width : 992px) {

  header,
  main,
  footer {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1500px) {}

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

  #colorRow,
  #c4-colorRow {
    padding: 0% 10%;
    padding-bottom: 6rem;
  }
}

@media only screen and (min-width : 992px) {
  .body-background {
    padding-left: 298px;
  }

  #capTabLogo {
    height: 3.8rem;

    margin-top: 1rem;
    max-height: 90px;
  }

  #capActionTabLogo {
    height: 3.8rem;
    margin-top: 1rem;
    max-height: 90px;
  }

  .tabs {
    height: 5.5rem;
  }

  .tab {
    height: 5.5rem !important;
  }
}




@media only screen and (min-width : 600px) and (max-width: 992px) {

  .videoMark {
    margin-top: 1rem;
  }

}

@media only screen and (max-width : 992px) {

  header,
  main,
  footer {
    padding-left: 0;
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #c3-logo {
    background-image: url('../img/cap20_primary.png');
    margin-left: 0px;
    background-position: left;
  }

  #c3-logo-grey {
    background-position: left;
  }

  #c4-logo {
    background-image: url('../img/capaction20_primary.png');
    margin-left: 0px;
    background-position: left;
  }

  #c4-logo-grey {
    background-position: left;
  }

  .material-icons {
    font-size: 38px;
  }

  a.sidenav-trigger.sidenav-trigger1 {
    position: fixed;
    margin-top: 4rem;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 10%);
  }

  a.sidenav-trigger.sidenav-trigger2 {
    position: fixed;
    margin-top: 4rem;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 10%);
  }

  #capTabLogo {
    height: 3rem;
    margin-top: .5rem;
    max-height: 60px;
  }

  #capActionTabLogo {
    height: 3rem;
    margin-top: .5rem;
    max-height: 60px;
  }

  #c3-outline-intro-box {
    width: 84%;
  }

  #c4-outline-intro-box {
    width: 84%;
  }

  .rowMargin {
    padding-left: 10%;
    padding-right: 0%;
  }

  h1 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1rem;
  }

  .largeText {
    font-size: .8rem;
  }

  .largeTextLink {
    font-size: .8rem;
  }

  .mailIcon {
    font-size: 1rem !important;
    transform: translateY(.2rem);
  }

  .mailIconLarge {
    font-size: 1.2rem !important;
    position: absolute;
    padding-left: 0.3rem;
    padding-top: 0.1rem;
    color: #333333;
  }

  .noteText {
    font-size: .6rem;
    color: #6e6e6e;
  }

  .intro-p {
    padding-left: 0rem !important;
    padding-top: 1rem !important;
  }

  h3#bw-intro-title {
    padding-top: 1rem;
  }

  h3#b-intro-title {
    padding-top: 1rem;
  }

  .bwHeader,
  .clearHeader,
  .bHeader {
    padding-top: 2rem !important;
  }

  .bHeader {
    color: #333333;
    padding-bottom: 1.5rem;
  }

  .twitterCont {
    margin-top: 2rem;
  }

  #twitterFeedImage {
    background-position: left;
  }

  #c4-twitterFeedImage {
    background-position: left;
  }

  #c4-socialMediaCAP {
    background-color: white;
  }

  .videoTitle {
    padding-top: 1rem;
  }

  .clearTitle {
    padding-top: 1rem !important;
  }

  .c4-video-image {
    margin-bottom: 1rem;
    height: 11rem !important;
  }

  .minCont {
    padding-bottom: 1rem !important;
  }

  #sizeNote1 {
    padding-left: .5rem !important;
  }

  .improperContainer {
    border: none !important;
  }

  #c3-align1 {
    background-position: left top;
    margin-bottom: 1rem;
  }

  #c3-align2 {
    background-position: left top;
  }

  .resourcesTitle {
    width: 80%;
    padding-top: .5rem;
    width: 80%;
    padding-top: 0.5rem;
    margin-left: -0.3rem;
  }

  #c3-powerpoint-dl {
    padding-bottom: 2rem;
    margin-top: 3rem;
  }

  #nav-tabs {
    position: fixed;
    width: 100%;
    top: 0;
  }

  .improperNote {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #navSpacer {
    height: 1rem;
  }

  #navSpacer2 {
    height: 1rem;
  }

  #c3-primary-logo-bw-dl {
    padding-top: 2.2rem;

  }

  .bw-intro-p {
    padding-left: 0rem !important;
  }

  .wordmarkRow3.m7 {
    padding-top: 0rem !important;
  }

  .video-intro-p {
    padding-left: 0rem !important;
  }

  #video-example-one {
    height: 11rem;
  }

  #video-example-two {

    height: 17rem;

  }

  .markRow {
    padding-left: 1rem !important;
  }

  #c4-video-two {
    height: 17rem !important;
    margin-left: 0rem;
  }

}

@media only screen and (max-width: 600px) {
  #wordTitle {
    padding-top: 0rem;
    margin-top: 1rem;
  }

  #wordImage {
    margin-top: 1rem;
  }

  #c3wordList {
    margin-top: 4rem;
  }

  .c3-wordResources,
  .c4-wordResources {}

  .c4-wordResources {
    margin-top: 1rem;
  }

  #video-example-two {
    margin-top: 2rem;
    margin-left: 0rem;
  }

  #video-example-one {
    height: 12rem;
  }

  .usage-intro-p {
    padding-left: 0rem !important;
  }

  .videoTitle {
    padding-top: 2rem;
  }

  .logoUseRow.rowBottom {
    padding-top: 1rem;
  }

  #minSizeNote {
    font-size: .8rem;
    padding-top: 2rem;
  }

  p.col.s12.m10.sectionParagraph {
    padding-bottom: 2rem !important;
  }

  .clearTitle {
    padding-top: 2rem !important;
  }

  .coBrandTop {
    margin-bottom: 2rem;
  }

  .coBrandBottom {}

  #co-branding-paragraph {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }


}

@media only screen and (max-width: 400px) {

  #c3wordmarkBoldlyImage,
  #c4wordmarkBoldlyImage {

    height: 4rem;
  }
}












.grid_charts {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  padding-bottom: 20px;
}

.grid_charts>div {
  text-align: center;
}

.grid_charts img {

  width: 100%;
}

.grid_charts span {
  font-size: 11px;
  color: #928d8d;
  line-height: 1.4;
  display: block;
}

.inspo_charts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding-bottom: 20px;
}

.inspo_charts>div {
  text-align: center;
}

.inspo_charts img {

  width: 100%;
}

.inspo_charts span {
  font-size: 11px;
  color: #928d8d;
  line-height: 1.4;
  display: block;
}

.with_dots {

  list-style: disc !important;
}

.with_dots ul {
  padding-left: 50px !important;

}

.with_dots ul li {
  list-style: circle !important;
}

.with_dots>li {
  font-size: 15px;

  list-style: disc !important;
}

.with_dots ol {
  padding-left: 50px !important;

}

.with_dots ol li {
  list-style: circle !important;
}


summary {
  cursor: pointer;
}

.with_borders {
  font-size: 14px;
}

.with_borders th {
  text-align: center;
  font-size: 16px;

}

.ran {
  text-align: right;
}

.can {
  text-align: center;
}

h6 {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 120%
}

.bordered_grey {
  background-color: #F3F3F3;
  border: 0px solid #6e6e6e;
  padding: 20px 40px;
  margin: 20px 0px;
}

.bordered_grey>ul>li {
  margin-left: 30px;
}



.cross_pic {
  max-width: 24px;
  width: 100%;
  height: 24px;
}

.tick_pic {
  max-width: 24px;
  width: 100%;
}

.dates_1 {
  max-width: 246px;
  width: 100%;
  height: 50px;
}



.dates_2 {
  max-width: 246px;
  width: 100%;
  height: 55px;
}

.dates_3 {
  max-width: 346px;
  width: 100%;
}

.res_dates {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sidenav1 .customh3 {
  margin-left: 1.5rem;
  height: 1.5rem !important;
  color: rgba(51, 51, 51, .8) !important;
  line-height: 1.5rem !important;
}

.sidenav1 .waves-effect {}

.faqschilds b {
  font-size: 20px;
}

.datastorytable td {
  vertical-align: top;
}

.under_space ul {
  margin-left: 40px;
}

.under_space ol {
  margin-left: 40px;
}

.subh3 {
  -webkit-text-size-adjust: 100%;
  font-family: 'Inter', sans-serif;
  color: #333333;
  box-sizing: inherit;
  line-height: 110%;
  margin: 0px;
  padding: 5px 0px;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: left;

}

.ol_small li {
  font-size: 16px;
}

.sourcesContent h6 {
  font-weight: 600;
  margin-top: 19px;
  margin-bottom: 0px;
}

.sourcesContent p {
  margin: 3px 0px;
}

#navTitle {
  font-weight: 500;
  line-height: 40px;
  height: 32px;
  display: flex;
  align-items: center;
  font-size: .8rem !important;
}



.custom_strong {
  font-size: 18px !important;
  margin-top: 40px !important;
  margin-bottom: 10px !important;

}

.custom_strong strong {
  font-weight: 600 !important;

}

.subd-head {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}

.col .governanceRow {
  max-width: 65%;
  width: 100%;
  margin: auto;
}

@media only screen and (min-width: 1200px) {
  .rowMargin {
    padding-left: 7%;
    padding-right: 3%;
  }
}

button.btn.waves-effect.waves-light.collapsible-button.close-collapsible {
  background: transparent;
  font-size: 15.36px;
  display: flex;
  align-items: center;
  color: #333333;
  padding-left: 0;
  padding-right: 0;
  text-transform: capitalize;
  box-shadow: none !important;
  font-family: 'Inter', sans-serif;
  font-style: italic;
}

/* collapisble */

.collapsible {
  border: none;
  box-shadow: none;
}

.collapsible-header {
  border: none;
  padding: 10px 0px;
  font-size: 15.36px;
  font-style: italic;
}

.collapsible-header-large {
  border: none;
  padding: 10px 0px;
  font-size: 20.36px;
  font-style: italic;
}


.collapsible-body {
  padding: 1rem 0px;
  border: none;
}

h2.titleMargin {
  padding-left: 14%;
  font-size: 2.2rem;
}

#c3-outline-intro-box {
  max-width: 60%;
  width: 100%;
}

.collapsible-header i {
  margin-right: 0px;
  margin-top: -4px;
}

.collapsible li i#arrow\ arrow_up {
  display: none;
}

.collapsible li i#arrow\ arrow_down {
  display: block;
}

.collapsible li.active i#arrow\ arrow_up {
  display: block;
}

.collapsible li.active i#arrow\ arrow_down {
  display: none;
}

.governanceRow .collapsible li i#arrow\ arrow_up {
  margin-top: -4px;
}

.governanceRow .collapsible li i#arrow\ arrow_down {
  margin-top: -4px;
}


/*# sourceMappingURL=main.css.map */

.swipper_section {
  display: none;
}

.swiper {
  display: none !important;
}

.lrgeTextt {
  font-style: italic;
}

.lrgeTextt {
  font-size: 20px !important;
}

.lrgeTextt i {
  font-size: 30px !important;
}


@media only screen and (max-width: 600px) {
  .swipper_section {
    display: block;
  }

  .swiper {

    display: block !important;


    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .grid_charts {
    display: none;
  }

  .inspo_charts {
    display: none;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

  .swiper-slide span {
    display: block;
    text-align: center;
    font-size: 10px;


  }


  #c3-outline-intro-box {
    max-width: 100%;
    width: 100%;
  }



  .col .governanceRow {
    max-width: 100%;

  }


  h2.titleMargin {
    padding-left: 2%;
    font-size: 1.8rem;

  }

  .rowMargin {
    padding-left: 8%;
    padding-right: 8%;
  }

  .bordered_grey {

    padding: 20px;
  }

  #c3-intro {
    padding-top: 2rem;
  }

  .subh3 {
    font-size: 1rem;
  }

  .rowBottom {
    padding-bottom: 1rem !important;
  }

  .ol_large {
    font-size: 15px;
  }

  .lrgeTextt {
    font-size: 16px !important;
  }

  .lrgeTextt i {
    font-size: 20px !important;
  }
}

.normal_text ::marker {
  font-size: 15px;
}

.normal_text ol li {
  font-size: 15px;
  margin: 10px 0px;
}

.custom_h6 a {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.seca a {
  text-decoration: none;
}

.seca a:hover,
.seca a:active {
  text-decoration: underline;
}

.collapsible-header {
  padding: 0px;
}

.collapsible-body {
  padding-top: 0px;
}

p.largeText {
  margin-top: 0px;
}

.custom-grey-font {
  font-size: 0.7em;
  margin: 5px 15px 30px 20px;
  color: #6e6e6e;
}

.tblet_info {
  visibility: hidden;
}


@media only screen and (max-width: 830px) {
  .tblet_info {
    visibility: visible;
  }

  .inner_box .value,
  .inner_box .color_name {
    display: none;
  }

  #c3-outline-intro-box {
    max-width: 97%;
    width: 100%;
  }

  .rowMargin {
    padding-left: 3%;
    padding-right: 0%;
  }

  .col .governanceRow {
    max-width: 97%;
    width: 100%;
  }

  h2.titleMargin {
    padding-left: 3%;
    font-size: 2.2rem;
  }
}



.pallete_label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  color: #949494;
  font-size: 12px;
  margin-top: 10px;
}


.pallete_label .ppps {
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 5px;

}

.pallete_label .ppps img {
  width: 20px;
}

.howtotable td {
  padding-top: 0px;
  padding-bottom: 0px;
}

.color_box .label {
  background-color: #fff;
  color: black;
  font-size: 8pt;
  padding: 2px;
  font-weight: 600;
}


.caps .cap {
  position: absolute;
  z-index: 99;
  bottom: 5px;
  right: 5px;
  font-size: 13px;
  font-weight: 500;
  font-family: "Bebas Neue", sans-serif;
  display: block;
  box-sizing: border-box;
  width: 20px;
}

@media only screen and (max-width: 500px) {

  .color_box {
    gap: 1px;

    height: 10vw;

    font-size: 5pt;
  }

  .inner_box .label {
    font-size: 7pt;
  }

  .caps .cap {
    position: absolute;
    z-index: 99;
    bottom: 3px;
    right: 3px;
    font-size: 13px;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
    display: block;
    box-sizing: border-box;
    width: 16px;
  }
}