/* cpcrn.css */


body {
   font-family:                  Lato, Regular;
   margin:                       0;
   line-height:                  1.7;
}
@media (min-width:   1024px) {
   body {
      font-size:                 16px;
   }
   .cpcrn-h2 {
      font-weight:                  normal;
   }
}
@media (max-width:   1023px) {
   body {
      font-size:                 24px;
   }
   .cpcrn-h1 {
      font-size:                 1.6em;
   }
   .cpcrn-h2 {
      font-size:                 1.4em;
      font-weight:               bold;
   }
}

.h3 {
   font-size:                    18.7167px;
}
.cpcrn-h1, .cpcrn-h2, .cpcrn-h3, .cpcrn-h4, .cpcrn-h5, .cpcrn-h6 {
   color:                        #263E67;
   font-family:                  'Montserrat', sans-serif;
   margin-bottom:                0;
}
.cpcrn-h1 {
   font-weight:                  bold;
   text-transform:               uppercase;
}
.cpcrn-h2 {
   text-transform:               none;
}
.cpcrn-h3 {
   line-height:                  1.4;
}

.cpcrn-page-content {
   /* max-width:                    1024px; */
   margin-left:                  auto;
   margin-right:                 auto;
}
.margined-area, .margined-area-wide {
   margin:                       auto;
   padding:                      5px;
}
.margined-area {
   max-width:                    768px;
}
.margined-area-wide {
   max-width:                    1024px;
}
@media (max-width: 1023px) {
   .inline-block-wide {
      display:                   block;
   }
   .narrow-none {
      display:                   none;
   }
}
@media (min-width: 1024px) {
   .inline-block-wide {
      display:                   inline-block;
   }
}
.cpcrn-link, a {
   color:                        #007FAE;
}
a.cpcrn-link:visited {
   color:                        #000DAE;
}
a.cpcrn-link:active {
   color:                        #000DAE;
   font-weight:                  bold;
}
.cpcrn-white-link {
   color:                        white;
}
.cpcrn-button-link {
   background:                   none!important;
   border:                       none;
   padding:                      0!important;
   color:                        #007FAE;
   font-family:                  arial, sans-serif;
   text-decoration:              underline;
   cursor:                       pointer;
   font-size:                    1em;
}

@media (max-width: 1023px) {
   .margined-area-wide {
      max-width:                 768px;
   }
   .narrow-screen-center {
      text-align:                center;
   }
}
.breadcrumb-link {
   text-decoration:              none;
   margin-left:                  10px;
   margin-right:                 10px;
}
a.button, .experts-open-filter-button, .experts-filter-button {
   -webkit-appearance:           button;
   -moz-appearance:              button;
   appearance:                   button;
   text-decoration:              none;
   color:                        initial;
   background-color:             #489BD5;
   padding:                      5px;
}
.filter-reset-control {
   /* float:                        right; */
   /* margin-top:                   10px; */
   margin-right:                 30px;
   color:                        #4B9CD3;
   line-height:                  1.3;
}
.comma-sep-list-element:not(:first-child):before {
   content:                      ", "
}


/* header and footer */

.page-header {
   color:                        #4B9CD3;
   background-color:             white;
}

#skiptocontent a {
    padding:                     6px;
    position:                    absolute;
    top:                         -100px;
    left:                        0px;
    color:                       black;
    border-right:                1px solid white;
    border-bottom:               1px solid white;
    border-bottom-right-radius:  8px;
    background:                  transparent;
    -webkit-transition:          top 1s ease-out, background 1s linear;
    transition:                  top 1s ease-out, background 1s linear;
    z-index:                     100;
}
#skiptocontent a:focus {
	position:                     absolute;
	left:                         0;
	top:                          0;
	background:                   #BF1722;
	outline:                      0;	
	-webkit-transition:           top .1s ease-in, background .5s linear;
    transition:                  top .1s ease-in, background .5s linear;
}

.header-super-menu-list {
   font-size:                    .7em;
   text-align:                   center;
   padding-left:                 .85em;
}
.header-super-menu-item {
   list-style:                   none;
   text-align:                   left;
   display:                      inline;
}
.header-super-menu-item a {
}
.current-super-menu-item {
   font-weight:                  bold;
}
.super-menu-search, .directory-search {
   border:                       solid 1px #263E67;
   margin-bottom:                20px;
   height:                       2.36em;
}

.super-menu-search select {
   width:                        110px;
   background-color:             #489cd3;
   color:                        white;
   border:                       none;
   font-weight:                  bold;
   font-family:                  Lato, Regular;
   text-transform:               uppercase;
}
.directory-search {
   width:                        588px;
}
.directory-search-term-box {
    background-color:            #eef;
    margin-left:                 30px;
    padding:                     10px;
}
@media (max-width: 1023px) {
   .header-super-menu-list {
      font-size:                 1.2em;
      margin-top:                0;
      padding-left:              0;
   }
   .header-super-menu-item:not(:first-child) {
      margin-left:               5px;
   }
   .super-menu-search select {
      width:                     185px;
      font-size:                 1em;
   }
   .super-menu-search input, .directory-search input  {
      width:                     calc(100% - 160px);
   }
}
@media (min-width: 1024px) {
   .header-super-menu {
      float:                     right;
   }
   .header-super-menu-list {
      margin-top:                5px;
      text-align:                right;
   }
   .header-super-menu-item {
   }
   .header-super-menu-item:not(:first-child) {
      margin-left:               15px;
   }
   .super-menu-search {
      margin-left:               10px;
   }
   .super-menu-search input, .directory-search input  {
      width:                     calc(100% - 160px);
   }
}
.super-menu-search {
   position:                     relative;
}
.super-menu-search input, .directory-search input {
   border:                       none;
   margin-left:                  10px;
   vertical-align:               top;
   line-height:                  1.5em;
   padding:                      0 5px;
   font-size:                    1.5em;
}
.super-menu-search-label, .directory-search-label {
   display:                      inline-block;
   background-color:             #4B9CD3;
   color:                        white;
   padding:                      1px 5px 2px 15px;
   text-transform:               uppercase;
   cursor:                       pointer;
   line-height:                  2;
   height:                       calc(100% - 2px);
   width:                        120px;
}
@media (max-width: 1023px) {
   .super-menu-search-label, .directory-search-label {
      width:                     auto;
   }
}
.super-menu-search input, .directory-search input  {
   width:                        calc(100% - 200px);
}
.super-menu-search-label, .directory-search-label {
   /* width:                        155px; */
   float:                        right;
}
.super-menu-search-label img, .directory-search-label img {
   margin-left:                  8px;
   vertical-align:               middle;
   margin-bottom:                3px;
   height:                       1.5em;
}
@media (max-width: 1023px) {
   .super-menu-search input, .directory-search input  {
      width:                        calc(100% - 300px);
   }
   .super-menu-search-label, .directory-search-label {
      width:                        245px;
   }
}
.header-content {
	/* padding:          10px; */
   margin:                       auto;
   max-width:                    768px;
}
.extended-header-menu-bottom {
   position:                     relative;
   height:                       59px;
   background-color:             #485C7E;
   background-image:             url('/images/navbar-bottom-background.png');
}
/*
.header-logo img {
      height:           120px; 
      max-width:                 270px;
      margin-top:                12px;
      margin-bottom:             -10px;
}
*/
.header-logo-tag img {
	height:                       30px;
   margin-top:                   20px;
   margin-left:                  20px;
   vertical-align:               bottom;
   max-width:                    705px;
}

ul.header-menu {
   margin-top:                   2px;
   margin-bottom:                2px;
}
.header-menu-wide {
   background-color:             #263E67;
   text-transform:               uppercase;
   color:                        white;
   text-align:                   center;
}
.header-menu-mobile {
   color:                        white;
   background-color:             #263e67;
   /* padding:                      5px; */
}

.header-menu-item {
   font-size:                    1.1em;
   list-style:                   none;
   text-align:                   left;
}
.header-menu-item a {
   text-decoration:              none;
}
.header-menu-item, .header-menu-item a {
   color:                        white;
}
.header-menu-subitem {
   z-index:                      1;  /* hack for wierd DataTables problem */
}
.header-menu-button {
   margin:                       10px auto;
   padding:                      10px;
   width:                        6em;
   border:                       solid white 3px;
   cursor:                       pointer;
   text-align:                   center;
   text-transform:               uppercase;
   
}
@media (min-width: 1024px) {
   .header-menu-button {
      font-size:                    2em;
   }
}
.header-menu-button img {
   height:                       25px;
   margin-left:                  10px;
}
.header-menu-button-open img {
   transform:                    rotate(180deg);
}

.header-menu-subitem { /* technique from http://www.htmldog.com/articles/suckerfish/dropdowns/ */
   position:                     absolute;
   left:                         -9999px;
   background-color:             #263E67;
   line-height:                  2;
   padding-left:                 10px;
   padding-right:                10px;
   padding-top:                  15px;
}
.header-menu-item a, .header-menu-subitem a {
   text-decoration:              none;
   color:                        white;
   padding:                      5px 0;
   
}
.header-menu-subitem li {
   list-style:                   none;
}

/*
.current-header-menu-item,
.current-header-menu-subitem > a,
.current-header-menu-item.header-menu-item  > a,
*/
.header-menu-item:hover,
.header-menu-item a:hover,
.header-menu-subitem-item:hover {
   color:                        #489BD5;
}
@media (max-width: 1023px) {
   .header-logo  {
      margin:                    auto;
      width:                     100%;
      text-align:                center;
      margin-bottom:             20px;
   }
   .header-logo-mobile  {
      display:                   none;
   }
   .header-logo img {
      width:                     100%;
   }
   .header-menu-wide:not(.header-menu-show) {
      display:                   none;
   }
   .header-menu-wide.header-menu-show {
      display:                   block;
      /* height:                    3000px; /* admittedly a hack, but make menu takeover page */
      /* 
      position:         absolute;
      background-color: rgb(16,60,103);
      width:            calc(100% - 15px);
      top:              185px;
      */
   }
   .header-menu {
      margin-top:       0;
      padding:          0;
      margin-right:     0;
      margin-left:      0;
   }
   .header-menu-wide:not(.header-menu-show) {
      display:          none;
   }
   .header-menu-wide.header-menu-show {
      display:          block;
      /* height:           3000px; /* admittedly a hack, but make menu takeover page */
      /* 
      position:         absolute;
      background-color: rgb(16,60,103);
      width:            calc(100% - 15px);
      top:              185px;
      */
   }
   .header-menu-mobile {
      display:          inline-block;
      width:            100%;
   }
   .header-menu-item:not(:first-child) {
      margin-top:       20px;
   }
   .header-menu-item, .header-menu-subitem {
      display:          block;
      text-align:       left;
      line-height:      2.5;
   }
   .header-menu-subitem {
      font-size:        1.6em;
   }
   .header-menu-item {
      /* font-size:        1.8em; */
      border-top:       solid 2px #9ea9bb;
   }
   .header-menu-subitem {
      font-size:        .8em; 
      padding-top:      0;
      margin-left:      40px;
   }
   .header-accordion-button {
      display:          inline;
   }
   .header-accordion:not(.accordion-open) .header-accordion-body {
      display:          none;
   }
   .header-menu-item a, .header-accordion-title, .header-menu-subitem a {
      margin-left:      40px;
   }
   .current-header-menu-item {
      font-weight:      bold;
   }
   .current-header-menu-item li {
      font-weight:      normal;
   }
   li.current-header-menu-item {
   }

   .header-menu-item:hover .header-menu-subitem, .header-menu-subitem:hover {
      left:                auto;
      font-weight:         bold;
      /* margin-left:         20px; */
      /* background-color:    white; */
      position:            relative;
      /* width:            300px; */
      /* margin-top:          5px; */
   }
   .extended-header-menu-bottom {
      display:             none;
   }
   .footer-band {
      font-size:           23px;
   }
   .header-menu-mobile.header-menu-button-open {
      margin-bottom:       -3px;  /* get rid of white space between divs */
   }
}

@media (min-width: 1024px) {
   html, body, .cpcrn-page-div {
      height:           100%;
   }
   .cpcrn-page-content {
      /* see sticky footer solution:
         https://css-tricks.com/couple-takes-sticky-footer/       */
      margin-bottom:   -233px;              /* height of footer */
      min-height:       calc(100% - 310px); /* subtract height of header plus fudge */
   }
   .cpcrn-footer-shim {
      height:                    230px;
   }
   .page-footer {
      height:                    310px;
   }
   .header-logo-mobile {
      display:                   none;
   }
   .header-logo, .header-menu-wide {
      display:                   inline-block;
   }
   .header-logo {
      margin-top:                5px;
      width:                     270px;
   }
   .header-logo img {
      width:                     100%;
   }
   .header-menu-button {
      display:                   none;
   }
   .header-logo-mobile {
      display:                   none;
   }
   .header-menu-mobile {
      display:                   none;
   }
   .header-logo img {
      /* max-width:                 270px; */
      margin-top:                12px;
      margin-bottom:             -10px;
   }
   .header-menu-wide {
      width:                     100%;
      text-align:                center;
   }
   .header-menu-button {
      display:                   none;
   }
   .extended-header-menu-bottom {
      position:                  relative;
      height:                    59px;
      background-color:          #485C7E;
      background-image:          url('/images/navbar-bottom-background.png');
   }
   .header-menu {
      width:                     768px;
      padding-left:              0;
      font-size:                 .81em;
   }
   .header-menu, .header-menu-item {
      display:                   inline-block;
   }
   .header-accordion {
      cursor:                    pointer;
   }
   .header-accordion-button {
      display:                   none;
   }
   li.current-header-menu-item {
      border-top:                solid 5px #4B9CD3;
   }
   .header-menu-item:not(:first-child) {
      margin-left:               24px;
   }
   .header-menu-item:hover .header-menu-subitem {
      color:                     #489BD5;
      margin-left:               -5px;
   }
   .header-menu-subitem a:hover {
      color:                     #489BD5;
   }
   .header-menu-item:hover .header-menu-subitem {
      left:                      auto;
      background-color:          #263E67;
      /* width:                     300px;
         margin-top:                2px;
       */
   }
   .header-menu-icon {
      display:                   none;
   }
}

.page-footer {
   /* border-top:                   solid 2px #CBDD67; */
   padding-top:                  20px;
}
.footer-row {
   margin:                       auto;
   max-width:                    768px;
}
.footer-band {
   background-color:             #489BD5;
   color:                        white;
   max-width:                    1024px;
   margin:                       10px auto;
}
.footer-band-column {
   /* min-width:                    20%; */
}
.footer-band-column, .footer-band-column ul {
   display:                      inline-block;
   vertical-align:               top;
   text-align:                   left;
   padding-left:                 0;
}
.footer-band-list-item {
   list-style-type:              none;
}
.footer-band a {
   text-decoration:              none;
   color:                        white;
}
@media (min-width: 1024px) {
   .footer-band-column:not(:first-child) {
      margin-left:                  50px;
   }
   .footer-logo-row-text {
      width:                        calc(100% - 246px); /* width minus logo width */
      margin-left:                  10px;
      line-height:                  1.4;
      text-align:                   left;
      /* vertical-align:               top; */
   }
   .footer-copyright {
   }
}
.footer-copyright {
   font-size:                       .7em;
   text-align:                      center;
   padding-top:                     30px;
   padding-bottom:                  30px;
}

.linked-in {
   text-decoration:                 none;
}
.linked-in img {
   width:                           75px;
}

.linked-in .logo-caption {
   display:                         inline-block;
   width:                           160px;
   font-size:                       .8em;
   text-align:                      left;
   vertical-align:                  top;
   margin-top:                      5px;
}

.social-media-follow-title {
   display:                         inline-block;
   text-align:                      center;
   font-family:                     'Montserrat', sans-serif;
   font-weight:                     bold;
   font-size:                       26px;
   color:                           white;
   background-color:                #489BD5;
   line-height:                     1;
   padding:                         5px;
   margin-bottom:                   5px;
}

@media (max-width: 1023px) {
   .footer-band-column {
      width:                        9em;
      margin:                       auto;
      font-size:                    .9em
   }
   .footer-logo-row-text {
      width:                        80%; /* width minus logo width */
      margin-left:                  10px;
      line-height:                  1.4;
      text-align:                   left;
      /* vertical-align:               top; */
   }
   .fb-share-button {
      width:                        120px;
   }
   .tweet-button {
      width:                        120px;
   }
}
@media (max-width: 640px) {
   .footer-band-column {
      width:                        60%;
      margin:                       auto;
      font-size:                    .9em
   }
}
.fb-share-button img, .tweet-button img {
   width:                           100%;
}
.message-area:empty {
   display:                      none;
}
.message-area {
   background-color:             pink;
   padding:                      5px;
   -webkit-transition:           top 1s ease-out, background 1s linear;
   transition:                   top 1s ease-out, background 1s linear;
}
.login-form-area {
   /* width:                        320px; */
}
.login-form-label {
   width:                        180px;
   display:                      inline-block;
}
.login-form-label:not(:first-child) {
   margin-top:                   20px;
}
.login-form-input  {
   display:                      inline-block;
}
.login-form-input input {
   line-height:                  2;
   padding:                      5px;
}
.password-mismatch-warning {
   border:                       4px solid red;
}
.cpcrn-button {
   padding:                      5px;
   margin:                       10px;
   background-color:             #263E67;
   color:                        white;
}
.admin-button {
   padding:                      10px;
   font-size:                    1.5em;
   border-radius:                10px;
   background-color:             #489BD5;
   cursor:                       pointer;
}
.admin-button-2 {
   padding:                      10px;
   font-size:                    1.2em;
   border-radius:                7px;
   background-color:             cyan;
   cursor:                       pointer;
}
/*****
  view list
 */
.view-list-table-head-cell {
   text-align:                   left;
}
.view-list-table-cell {
   padding:                      0 2px 0 5px;
}
.view-list-table-cell-action {
   color:                        blue;
   cursor:                       pointer;
}



/*****
  edit controls
 */
div.edit-control-left {
   position:                     absolute;
   top:                          4px;
   left:                         -55px;
   cursor:                       pointer;
}
div.header-edit-control {
   position:                     absolute;
   top:                          4px;
   right:                        -35px;
   cursor:                       pointer;
}
div.edit-control, div.copy-link-control {
   position:                     absolute;
   right:                        50px;
   cursor:                       pointer;
}
div.edit-control {
   top:                          3px;
}
div.copy-link-control {
   top:                          40px;
}
div.edit-control, div.edit-control-left, div.header-edit-control, div.copy-link-control {
   height:                       20px;
   width:                        20px;
} 
div.edit-control img, div.edit-control-left img, div.header-edit-control img, div.copy-link-control img {
   width:                        100%;
   height:                       100%;
}
.edit-add-placeholder {
   color:                        #777;
   font-style:                   italic;
}
.cms-file {
}
td.cms-file-editable, th.cms-file-editable {
   position:                     relative;
}
.cms-file-mgr {
   text-align:                   right;
   cursor:                       pointer;
   color:                        #4B9CD3;
}
.copy-to-clipboard {
   display:                      inline-block;
   margin-left:                  10px;
   cursor:                       pointer;
   color:                        #4B9CD3;
   padding-left:                 5px;
   padding-right:                5px;
}
.copied-link {
   color:                        red;
   font-weight:                  bold;
   font-style:                   italic;
}
/*****
  edit form
 */

.edit-form {
   margin:                       20px;
   
}

.edit-form-note-symbol {
   font-size:                    1.5em;
   color:                        red;
   vertical-align:               middle;
}
.edit-field {
}

.edit-field:not(first-child), .view-field:not(first-child) {
   margin-top:                   20px;
}
.edit-field.highlight-change {
   background-color:             yellow;
}
.change-denotation {
   display:                      inline-block;
   height:                       15px;
   width:                        15px;
   background-color:             yellow;
}
.denotation-text {
   display:                      inline-block;
}
.edit-field-label, .view-field-label  {
   /*
   display:                      inline-block;
   background-color:             rgb(102,153,204);
   color:                        white;
   */
   line-height:                  1.1;
   width:                        220px;
   padding:                      5px;
   vertical-align:               top;
   font-style:                   italic;
   font-weight:                  bold;
}

.edit-field-input, .edit-field-value, .view-field-value, .file-upload-input, .view-image-upload-field {
   display:                      inline-block;
   margin-left:                  10px;
}
.edit-field input[type="text"] {
   line-height:                  2;
   padding:                      5px;
}
.edit-field textarea {
   width:                        360px;
   height:                       160px;
}

.edit-field select {
   height:                       40px;
   padding:                      5px;
   line-height:                  20px;}

.edit-multivalue-field-input, .view-multivalue-field-values  {
   /* display:                      inline-block; */
   vertical-align:               top;
   margin-left:                  10px;
}
.edit-multivalue-field-choice {
}

div.inline-radio, div.inline-radio div {
   display:                      inline-block;
}
.edit-content-field-input-inline {
   display:                      inline-block;
   margin-left:                  10px;
   padding:                      5px;
   width:                        450px;
   border:                       1px solid gray;
}
.edit-content-field-input-block {
   display:                      block;
   margin-left:                  10px;
   padding:                      5px;
   width:                        780px;
   border:                       1px solid gray;
}
.view-image-upload-field  {
   display:                      inline-block;
}
.view-image-upload-field img {
   height:                       150px;
}
.cms-content {
   min-height:                   1em;
}
.view-content-field {
   margin:                       10px 30px;
   padding:                      5px;
   border:                       1px solid gray;
}
.directory-filter-band {
   background-color:             #f0f0f0;
}
.directory-filter-toggle {
   cursor:                       pointer;
   width:                        100%;
   padding-top:                  10px;
}
.directory-filter-label {
   display:                      inline-block;
   margin-left:                  30px;
   line-height:                  44px; /* height of filter icon */
   vertical-align:               top;
   font-weight:                  bold;
   text-transform:               uppercase;
}
.filter-letter {
   display:                      inline-block;
   cursor:                       pointer;
   color:                        #3f8bc0;
   margin-left:                  3px;
   font-size:                    1.2em;
}
.filter-letter-selected {
   font-size:                    2em;
   font-weight:                  bold;
}
.show-all-link {
   display:                      inline-block;
   cursor:                       pointer;
   color:                        #3f8bc0;
   margin-left:                  20px;
}
.directory-filter {
   margin-top:                   20px;
   display:                      inline-block;
   vertical-align:               top;
}
.directory-filter-body {
}

.directory-filter-list {
   margin-top:                   10px;
   /* margin-left:                  20px; */
   line-height:                  1.3;
}
.directory-filter-item {
   margin-top:                   5px;
}
.directory-filter-box {
   background-color:             white;
   display:                      inline-block;
   border:                       1px solid black;
   margin:                       5px;
   cursor:                       pointer;
   text-align:                   center;
   font-weight:                  bold;
   overflow:                     hidden;
}
@media (min-width: 1024px) {
   .directory-filter-box {
      height:                       1.5em;
      width:                        1.5em;
      line-height:                  1.5em;
   }
   .directory-filter-list {
      width:                        250px;
   }
   .directory-filter:not(:first-child) {
      /* border-left:                  1px solid gray; */
      margin-left:                  4px;
   }
   .directory-filter-item-label {
      width:                        calc(100% - 3em);
      /* margin-top:                   5px; */
   }
   .directory-filter-item-count {
      display:                      inline-block;
   }
}
@media (max-width: 1023px) {
   .directory-filter {
      vertical-align:               top;
      width:                        320px;
   }
   .directory-filter-box {
      height:                       2.3em;
      width:                        2.3em;
      line-height:                  2.3em;
   }
   .directory-filter-item-label {
      width:                        calc(100% - 3.4em);
      font-size:                    .9em;
   }
}
.directory-filter-item-label {
   display:                      inline-block;
   vertical-align:               top;
   text-overflow:                clip;
}
.directory-filter-item-count {
   display:                      inline-block;
   color:                        #4B9CD3;
   font-size:                    .8em;
}
.public-directory-list {
   margin-left:                  30px;
}
.public-directory-entry {
   position:                     relative;
}
.public-directory-entry:not(.display-none) {
   margin-top:                   15px;
   line-height:                  1.5;
   display:                      inline-block;
   vertical-align:               top;
   width:                        300px;
   padding:                      0 10px 10px 10px;;
}
@media (max-width: 1023px) {
   .public-directory-entry:not(.display-none) {
      display:                      block;
      height:                       auto;
      width:                        auto;
   }
}

/* email members styles
 */
.email-members-select {
    height:                      2em;
    font-size:                   1.3em;
    padding:                     5px;
    margin:                      20px;
}
/* workgroup */
.workgroup-display-toggle {
   width:                        100%;
   cursor:                       pointer;
}
.archived-workgroup {
   display:                      none;
}
.show-archived-workgroups .archived-workgroup {
   display:                      block;
}
/* project styles */
.project-entry-section-heading {
   width:                        80px;
   vertical-align:               top;
}
.project-entry-section-heading, .project-entry-section-content {
   display:                      inline-block;
}
.project-entry-section-content {
   /* margin-left:                  30px; */
   width:                        calc(100% - 200px);
}
.project-entry-section h3 {
   /* margin-top:                   0; */
   margin-bottom:                0;
   color:                        #263E67;
}
.project-entry-section.colored-section {
   background-color:             #E8F2F9;
   margin-left:                  -10px;
   padding-left:                 10px;
   margin-right:                 -10px;
   padding-right:                10px;
}
.project-entry-panel-cell {
   line-height:                  1.4;
   margin-bottom:                10px;
   color:                        #263E67;
   font-weight:                  bold;
}
.project-entry-panel-center {
   font-weight:                  normal;
}
.archived-projects-divider {
   border-top:                   2px solid lightgray;
   margin-top:                   40px;
}
.archived-projects-divider h2 {
   margin-bottom:                5px;
}

/* Meet our Experts styles 
 */

.expert-panel {
   max-width:                    45%;
   min-width:                    320px;
   display:                      inline-block;
   vertical-align:               top;
   margin-top:                   30px;
}
.expert-phone, .expert-email {
   display:                      inline-block;
   vertical-align:               top;
}
.expert-email {
   margin-right:                 20px;
}
.expert-panel-photo {
   display:                      inline-block;
   margin-bottom:                5px;
   padding-right:                20px;
}
.expert-panel-photo img {
   height:                       150px;
}
.expert-panel-photo-missing {
   height:                       150px;
   width:                        150px;
   background-color:             gray;
}
@media (min-width: 1024px) {
   .expert-panel-text {
      display:                   inline-block;
      vertical-align:            top;
      line-height:               1.4;
      width:                     calc(100% - 230px);
      margin-left:               20px;
   }
}
@media (max-width: 1023px) {
   .expert-panel-text {
   }
}
.expert-panel-text {
   color:                        #333;
}
.expert-panel-text-heading {
   font-family:                  Lato, regular;
   font-weight:                  bold;
   margin-right:                 5px;
   color:                        black;
}
.expert-panel-text-category {
   line-height:                  1.3;
}
.expert-panel-text-category:not(:first-child) {
   margin-top:                   5px;
}
/*
@media (min-width: 1024px) {
   .expert-panel {
      width:                     45%;
   }
}
.expert-panel-text {
   min-width:                    45%;
   max-width:                    60%;
   display:                      inline-block;
   vertical-align:               top;
   margin-top:                   -8px;
}
.expert-panel-title {
   font-size:                    1.2em;
   font-weight:                  bold;
   text-decoration:              none;
}
.expert-bio-full {
   width:                        50%;
   display:                      inline-block;
   vertical-align:               top;
}
.expert-photo-large {
   display:                      inline-block;
}
.expert-photo-large img {
   height:                       300px;
}
.expert-contact-heading {
   display:                      inline-block;
   font-size:                    1.1em;
   font-weight:                  bold;
   width:                        150px;
   margin-top:                   5px;
   margin-bottom:                5px;
}
*/
@media (min-width: 1024px) {
   .expertise-multichoice {
      width:                     480px;
   }
}
@media (max-width: 1023px) {
   .expertise-multichoice {
   }
}
.expertise-multichoice {
   display:                      inline-block;
   vertical-align:               top;
}
.experts-filter-button {
   color:                        white;
   width:                        80px;
}
.filtered-expert-panel {
   
}
.filtered-expert-panel-photo {
   display:                      inline-block;
}
.filtered-expert-panel-photo img {
   height:                       180px;
}
.filtered-expert-panel-text {
   display:                      inline-block;
}
.filtered-expert-text-row {
   margin-top:                   10px;
}
.filtered-expert-text-heading {
   display:                      inline-block;
   font-weight:                  bold;
   width:                        200px;
   line-height:                  1.3;
}
.filtered-expert-text {
   display:                      inline-block;
}
@media (max-width: 1023px) {
   .filtered-expert-panel-photo {
      display:                   block;
   }
   .filtered-expert-panel-photo img {
      height:                    auto;
   }
}



.center-list a {
   text-decoration:              none;
}
.center-list {
}
.center-list-element > div {
   position:                     relative;
}

.center-list-element:not(:first-child) {
   margin-top:                   20px;
}
.center-list-description {
   
}
.center-list-heading {
}
.centers-map {
   padding-left:                 10px;
}
@media (max-width:   1023px) {
   .centers-map {
      width:                     100%;
   }
}
/* presentations page styles */

.presentation-box {
   display:          inline-block;
   /* height:           2em; */
   width:            340px;
   background-color: #4b9cd3;
   color:            white;
   margin-bottom:    10px;
   margin-left:      10px;
   line-height:      2em;
   text-align:       left;
   vertical-align:	 top;
   padding:          5px 10px 5px 20px;
}
@media (min-width:   1024px) {
   .resource-box.presentation-box {
      height:        3.5em;
      line-height:   1.5;
   }
}
@media (max-width:   1023px) {
   .presentation-box {
      display:          block;
      width:            340px;
      /* height:           2.5em; */
      text-align:       center;
      line-height:      1.4;
      margin-left:      auto;
      margin-right:     auto;
   }
}
.presentation-box-current {
   background-color: #485c7e;
}
.presentation-box h2 {
   margin:           0;
   font-weight:      normal;
   font-size:        1em;
}
.presentation-category {
   margin-bottom:                0;
}
.presentation-collection {
   padding:                      5px 20px;
   background-color:             rgb(239,251,231);
   position:                     relative;
}
.presentation-collection:not(:first-child) {
   margin-top:                   20px;
}
.presentation-collection h3 {
   line-height:                  1.2;
   margin:                       0;
}
.presentation-collection p {
   margin:                       5px;
}
.presentation-group {
   margin-left:                  20px;
   position:                     relative;
}
h1.collection-title {
   line-height:                  1.2;
}
.presentation:not(:first-child) {
   margin-top:                   10px;
}
.presentation h3, .presentation h2, .collection-groups h2 {
   line-height:                  1.2;
   margin-top:                   10px;
}
.presentation {
   padding:                      5px 20px 2px 20px;
   background-color:             rgb(239,251,231);
   position:                     relative;
}
.presentation p {
   margin-left:                  10px;
   margin-bottom:                5px;
}
.view-presentation-collection-row {
   
}
.view-presentation-collection-row .view-list-table-cell,
.view-presentation-row .view-list-table-cell {
   border:                       lightgray solid 1px;
   line-height:                  1.4;
   padding:                      5px;
}
.collections-view-table, .presentations-view-table {
   border-collapse:              collapse;
}
.collection-presentations {
   margin-left:                  20px;
}
.collection-groups {
   margin-left:                  20px;
}
.collection-group {
   padding:                      10px;
   background-color:             #eee;
}
.collection-group:not(:first-child) {
   margin-top:                   20px;
}
.collection-group-heading {
   padding:                      10px;
   border:                       1px solid grey;
}
.presentations-view-table {
   margin:                       0 0 20px 20px;
}
.group-order-input {
   font-size:                    1.2em;
   padding-left:                 20px;
   margin-left:                  20px;
   width:                        50px;

}

/* common accordion design */
.cpcrn-accordion-header {
   
}
.cpcrn-accordion-header h3 {
   margin-top:                   5px;
   margin-bottom:                5px;
   margin-right:                 2em;
}

/* news page styles */

.cpcrn-accordion, .cpcrn-accordion-parent {
   position:                     relative;
   width:                        100%;
   border:                       2px solid #F0F0F0;
   margin-top:                   10px;
   box-sizing: 			         border-box;
}
.news-article-header, .cpcrn-accordion-header {
   color:                        #263E67;
   background-color:             #F0F0F0;
}
.news-image-caption {
   text-align:                   center;
   font-weight:                  bold;
}
.news-accordion-image {
   margin-left:                  30px;
   max-width:                    280px;
}
.news-accordion-image img {
   max-width:                    280px;
}
.cpcrn-accordion-header-body {
   color:                        black;
   background-color:             white;
}

.cpcrn-accordion-header-title {
   display:                      inline-block;
   width:                        calc(100% - 4.7em);
   /* line-height:                  1.4; */
}
.cpcrn-accordion-button-box {
   display:                      inline-block;
   position:                     absolute;
   top:                          5px;
   right:                        0;
   width:                        3.3em;
   vertical-align:               top;
   /*
   margin-top:                   -35px;
   */
}
.cpcrn-accordion-header h2 {
   margin-top:                   0;
   margin-bottom:                0;
   margin-right:                 2em;
}
.cpcrn-accordion-button {
   font-size:                    1.7em;
   font-weight:                  bold;
   line-height:                  .9;
   color:                        white;
   cursor:                       pointer;
   background-color:             rgb(72,155,213);
   height:                       1em;
   width:                        1em;
   border-radius:                .5em;
   border:                       1px solid white;
   text-align:                   center;
   margin:                       auto;
}
.copy-link-box {
   /* width:                        4.7em; */
   font-size:                    .7em;
   font-weight:                  bold;
   cursor:                       pointer;
   color:                        rgb(72,155,213);
   /* background-color:             rgb(72,155,213); */
   margin:                       1em auto;
   text-align:                   center;
   height:                       2em;
   line-height:                  1em;
}
.copy-link-box-label {
   display:                      inline-block;
}
.copy-link-box-action {
   color:                        red;
}
@media (max-width: 1023px) {
   .cpcrn-accordion-button-box {
      width:                     4em;
   }
   .cpcrn-accordion-button {
      font-size:                 2em;
      line-height:               2;
      height:                    2em;
      width:                     2em;
      border-radius:             1em;
   }
   .cpcrn-accordion-header-bar {
      min-height:                180px;
   }
   .copy-link-box {
      font-size:                 1.2em;
   }
}
.cpcrn-accordion-parent.accordion-open .cpcrn-accordion-button::before {
   content:                      "\2013";
}
.cpcrn-accordion.accordion-open .cpcrn-accordion-button::before {
   content:                      "\2013";
}
.cpcrn-accordion-parent:not(.accordion-open)  .cpcrn-accordion-button::before {
   content:                      "+";
}
.cpcrn-accordion:not(.accordion-open)  .cpcrn-accordion-button::before {
   content:                      "+";
}
.cpcrn-accordion-body, .cpcrn-accordion-header-bar, .cpcrn-accordion-header-body {
   padding:                      10px;
   overflow:                     auto;
}
.cpcrn-pubs-accordion-header-bar {
   padding-right:                3.3em;
}
.cpcrn-accordion-parent.accordion-open .cpcrn-accordion-body {
   display:                      block;
}
.cpcrn-accordion:not(.accordion-open) .cpcrn-accordion-body {
   display:                      none;
}
.cpcrn-accordion.accordion-open .cpcrn-accordion-body {
   display:                      block;
}
/* home page styles */
.home-hero {
   background-color:             #485C7E;
   padding:                      30px;
   text-align:                   center;
}
.home-hero img {
   width:                        226px;
}
@media (min-width: 1024px) {
   .home-hero img:not(:first-child) {
      margin-left:                  30px;
   }
}

.home-hr {
   color:                        #CBDD67;
   margin:                       10px 0;
}
.home-news {
}
.home-news-headline-box {
   display:                      inline-block;
   position:                     relative;
   height:                       235px;
   border-top:                   solid #263E67 6px;
   border-bottom:                solid #263E67 6px;
   box-sizing:                   border-box;
}
.home-news-headline-box img{
   width:                        360px;
}

.home-news-box {
   display:                      inline-block;
   position:                     relative;
   height:                       235px;
   width:                        180px;
   border-top:                   solid #263E67 6px;
   border-bottom:                solid #263E67 6px;
   margin-left:                  10px;
   color:                        #263E67;
   background-color:             rgb(220,236,246);
   padding:                      10px;
   box-sizing:                   border-box;
   vertical-align:               top;
   line-height:                  1.4;
}
.home-news-box-button {
   font-size:                    24px;
   font-weight:                  bold;
   position:                     absolute;
   right:                        20px;
   bottom:                       20px;
   line-height:                  1;
   color:                        white;
   cursor:                       pointer;
   background-color:             rgb(72,155,213);
   height:                       25px;
   width:                        25px;
   border-radius:                13px;
   border:                       1px solid white;
   text-align:                   center;
   vertical-align:               top;
}
.home-news-box-button::before {
   content:                      ">";
}
@media (max-width: 1023px) {
   .home-news-headline-box, .home-news-box  {
      width:                     80%;
      /* font-size:                 .7em; */
      margin-left:               0;
      margin-bottom:             20px;
   }
   .home-news-headline-box img {
      width:                     100%;
   }
   .home-news-box-button {
      transform:                 scale(1.5);
   }
}
.home-action-button, .cpcrn-action-button {
   text-align:                   center;
   font-family:                  'Montserrat', sans-serif;
   font-weight:                  bold;
   font-size:                    26px;
   color:                        white;
   background-color:             #489BD5;
   padding:                      5px 30px;
   border:                       solid white 2px;
   box-sizing:                   border-box;
   cursor:                       pointer;
}
.home-action-button {
   display:                      inline-block;
   text-transform:               uppercase;
}
.home-action-text {
   color:                        #489BD5;
   line-height:                  1.3;
   cursor:                       pointer;
}
.home-meet-experts {
   color:                        white;
   background-color:             rgb(52,75,112);
   margin-top:                   30px;
   padding:                      30px;
}
.home-meet-experts-panel {
   display:                      inline-block;
   text-align:                   left;
   vertical-align:               top;
}
@media (min-width: 1024px) {
   .home-meet-experts-panel {
      width:                        368px;
   }
}
.home-meet-experts-panel h2 {
   margin:                       0;
   padding:                      0;
   line-height:                  1.3;
}
.experts-panel-photo-missing img {
   width:                        180px;
}
.home-centers-list {
   margin-top:                   0;
   
}
.home-centers-list-item {
   list-style:                   none;
}
.home-centers-list-item a {
   color:                        white;
}

/* vanilla cms pages */
@media (min-width: 1024px) {
   .vanilla-cms-page-image {
      float:                     right;
   }
   .vanilla-cms-page-image img {
      max-width:                 370px;
      margin-left:               20px;
   }
}
@media (max-width: 1023px) {
   .vanilla-cms-page-image  {
      text-align:                center;
   }
   .vanilla-cms-page-image img {
      max-width:                 90%;
   }
}
.training-edit-cms-name {
   display:                      inline-block;
   width:                        300px;
   margin-left:                  20px;
   margin-right:                 10px;
}

/* coordinating center page */
.coordinating-center-panel {
   display:                      inline-block;
   width:                        320px;
   text-align:                   left;
   font-size:                    1.2em;
   margin-left:                  20px;
   margin-bottom:                30px;
}
.coordinating-center-panel img {
   height:                       300px;
}

/* augment/override content-tools CMS styles */
.ce-element--type-text {
   word-break:                   break-word;
}
p.ce-element--type-text {
   margin-top:                   0;
}

@media (max-width: 1023px) {
   .ce-element--type-text {
      font-size:                    .9em;
   }
}
.ce-element--type-table-cell-text {
   font-size:                    .8em;
}
h1.ce-element--type-text {
   margin-bottom:                0;
}
h2.ce-element--type-text {
   color:                        #263E67;
   font-family:                  'Montserrat', sans-serif;
   font-size:                    1.2em;
   margin-top:                   30px;
   margin-bottom:                0;
}
.ce-text-lg {
   font-size:                    1.8em;
   line-height:                  1.5em;
   text-transform:               none;
}

.ce-text-md-lg {
   font-size:                    1.4em;
   line-height:                  1.5em;
   text-transform:               none;
}

.ce-text-md {
   font-size:                    1em;
   line-height:                  1.66em;
   text-transform:               none;
}
.ce-text-sm {
   font-size:                    0.9em;
   line-height:                  1.66em;
   text-transform:               none;
}
.log-entry {
}
.log-entry-label {
   display:                      inline-block;
   line-height:                  1.1;
   width:                        220px;
   padding:                      5px;
   vertical-align:               top;
   font-style:                   italic;
   font-weight:                  bold;
}
.log-entry-value {
   display:                      inline-block;
}

.pt-table {
   border-collapse: collapse;
   border: 2px solid #333333;
   text-align: center;
   color: #000000;
   background: #ffffff;
}

.pt-table th {
   border:                       1px solid #333333;
   text-align:                   center;
   padding:                      0.5em;
   font-size:                    100%;
   font-weight:                  bold;
   color:                        #ffffff;
   background:                   #6699cc;
}

.pt-table tbody td {
   vertical-align:               top;
}

.pt-table td {
    border:                      1px solid #333333;
    text-align:                  left;
    padding:                     0.5em;
}