@import url("https://v2-cms.hinrichfoundation.com/css/shared/layout.css") ; 

html {font-size: 112.5%; font-family: figtree, san-serif; }
body {font-family: figtree, san-serif; line-height: 1.5; color: #000000; font-size: 1rem ; overflow-x: hidden}
*, *::before, *::after {box-sizing: border-box;}

.global-header, .navigation-header { position: sticky; top: 0; z-index: 9999; } 
.global-header { box-shadow: 0 4px 30px 0 #E6E7E8;} 


h1, h2, h3, h4, h5, h6, p {display: block;}
h1, .gen-links h1 { font-size: 2rem;}
h2 , .page-section h4, .content-tag h2, .heading-text-h {font-size: 1.389rem;}
h3, .gen-links h2 , .title-tag h3 , .section-d, .section-d p, .article-title-rra , .header-d
{font-size: 1.222rem;}
h4, p, .nav-links h2, .content-tag h3, .content-tag , .body-text,
.paragraph-prbl p,  .caption-parn, .number-parn, .paragraph-prbl, .related-title-prrn, #sortTitleDisplay h2, .sub-header-r, .title-link-rra, .caption-parn 
{font-size: 1rem;} 
.nav-links, .header-tag h2, .list-content, .research-tag h2, .content-tag h2 , .edu-profiles, .accordion-title span
{font-size: 16px;}
h5, .research-tag {font-size: 0.833rem;} 
h6 , .profile-r-text, .title-tag h4, .author-tag h4, .sec-text, .sec-text h4, .small-text-prbl, .caption-ibc
{font-size: 0.722rem;}
.panel-content , .panel p 
{font-size: 12px;}


/*line-height*/
h1, .gen-links h1 , h2, h3, h4, h5, h6, h1, .gen-links h1,
.nav-links, .header-tag h2 ,.header-prbl , .article-title-rra ,.content-tag h3, .research-tag h2, .content-tag h2 , .heading-text-h, .caption-ibc
{line-height: 1.3;}
.section-d, .section-d p {line-height: 1.4;}
p , .body-text,.list-content, .title-tag h4 , .sec-text, .list-content p, .paragraph-prbl,  .paragraph-prbl p, .panel-content, .panel p, .caption-parn, .number-parn
{line-height: 1.5;}
.header-d {line-height: 1.6;}

/*font-weight*/
p, .section-d, .section-d p , .content-tag, .content-tag h2 , .header-d, .body-text,.list-content, .title-tag h4 , .sec-text, .panel-content ,
.caption-parn, .number-parn,  .author-prrn, .paragraph-prbl p, .caption-ibc
{font-weight: 400}
.author-tag h4 , .content-tag h3, .edu-profiles
{font-weight: 500;}
h1, .gen-links h1 , h2, h3, h4, h5, h6, 
.nav-links, .header-tag h2 ,.header-prbl, strong, b, bold, semi-bold, .gen-links strong, .profile-r-text, .research-tag, .related-title-prrn, .article-title-rra , .research-tag h2,
.heading-bold , .heading-text-h
{font-weight: 600;}
.sec-text h4 , #sortTitleDisplay h2, .sub-header-r
{font-weight: 700;}


/*color*/
a:hover, a , .header-tag h2, .option-btn hover, .btn-1 hover, .nav-links a:hover, .number-parn, #sortTitleDisplay h2, .sub-header-r , .btn-b hover, 
.profile-r-text 
{color: #E30613;}
.edu-profiles a, .profiles a , .gen-links a , .gen-links strong, .research-title-tag h3 , .title-tag h3, .related-title-prrn, .article-title-rra , 
.header-d, .paragraph-prbl p, .heading-text-h
{ color: #000;}
.related-author a, .btn-b a, .option-btn a, .nav-links a, .nav-links, .nav-links h2 , .author-tag h4 , .author-tag h4 a, a.title-link-rra , .title-link-rra 
{color: #333;}
.gray-2, .topic-header, .copyright a, .gen-links h2 , .title-tag h4, .sec-text, .sec-text h4,.author-prrn , .date-prrn, .readtime-prrn, .panel-content , 
.content-tag h3, .content-tag h2 , .content-tag a, .caption-ibc, .panel-content, .panel p
{color: #555;}
.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .button-r,  .button-main-0 {
color: #FFFFFF; }
.research-tag h2 , .research-tag h2 a, .category-tag h4, .research-tag {
 color: #005098;}

/*text styling*/
#sortTitleDisplay h2, .sub-header-r, .profile-r-text, .header-tag h2 , .sec-text h4 , .research-tag h2, .research-tag
{letter-spacing: 0.1px;}
#sortTitleDisplay h2, .sub-header-r, .profile-r-text, .header-tag h2, 
.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .research-tag
{text-transform: uppercase;}

/*bullet points*/
ul, ol {padding-left: 1rem; margin-bottom: 1rem;}
li {margin-bottom: 1rem;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha; padding-left: 1rem; }
ul li, ol li{margin: 0 0 1rem 0;}

/*font margin-bottom*/
h1, body, blockquote, hr,
.caption-parn, .number-parn, .title-tag h3, .title-tag h4 , .author-tag h4, .nav-link h2, .page-section h2, .page-section h4, .nav-links h4, .content-tag h3,
.research-tag h2, .content-tag h2,.gen-links h1 , .gen-links h2, .gen-links h3, #sortTitleDisplay h2, .sub-header-r, .header-tag h2 , .title-tag h3, .research-tag h2,
.article-content-rra, .heading-text-h
{margin: 0;}
.article-title-rra 
{ margin-bottom: 8px;}
h2, h3, h4, h5, h6 
{margin-bottom: 0.667rem;}
.heading-bold 
{margin-bottom: 1rem;}
p, .paragraph-prbl p 
{margin-bottom: 1.5rem; }

.caption-ibc, .margin-t-b , .row-prrn, .paragraph-prbl, .image-container-ibc
{margin: 12px 0;}  

/*padding*/
body, blockquote, hr {padding: 0;}
.header-tag h2 {padding-bottom: 4px;}
.section-d, .section-d p {padding-top: 6px;}

/*page sections*/

.section-1, .section-header, .section, .width, .panel, .accordion-header ,.width-1 , .m-width, 
.outer-container, .outer-content, .card, .outer-container
{width: 100%;} 
.width, .panel, .accordion-header,.outer-container  { margin: 0 auto;} 
.ctr {margin: auto 0;}
.m-width, .outer-container {max-width: 1600px;} 
.outer-content .outer-container {max-width: 1400px;}
.m-width-s {max-width:380px;}
.card {min-width: 0;}
.inner-container, .inner-container-edu {display: grid; grid-template-columns: repeat(3, 1fr); }


/*gap*/
.gap-t {gap: 2px;} 
.gap-fields {gap:4px;}
.gap-div , .number-row-parn, .meta-row-prrn
{gap: 8px;} 
.gap-xs {gap:10px;}
.gap-s {gap: 12px;} 
.gap-m {gap: 16px;} 
.gap-1 {gap: 20px;} 
.gap-col, .inner-container-edu {gap: 24px;}
.gap-2, .inner-container {gap: 32px;}  
.gap-L {gap: 42px;}

/*position-relative*/ .main-content,
.container-parn, .quote-wrapper-qwbc, .heading-container-h, .container-prrn, .video-container-ev, .heading-container-h,  .image-container-ibc,
.panel, .accordion-header, .container-prrn
{position: relative;}


/*border-radius*/
.bodycomp-p iframe, .bodycomp-p iframe, .bodycomp-p img, .body-container img, .bodycomp-p-cont img,
.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .button-r, .button-sec, .button-header, .button-main-0
{ border-radius: 8px}

/*background-color*/


.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .button-r, .button-main-0, .button-sec
{ width: auto; }
.button-header {width:100%;}
.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .button-r, .button-main-0, .button-sec, .button-header
{position: relative; appearance: none; padding: 16px 32px;
text-align: center; cursor: pointer; line-height: 1.3; font-weight: 600; font-size: 15px; justify-content:center; width: auto; }

.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .button-r {margin: 16px 0; }
.button-main-0 { margin: 0;}

.button-prbl, .button-main, .button.is-primary, .conclusion-container a[href], .button-r,  .button-main-0, .button-header {
display: flex; ;background-color: #E30613; color:#FFF; border: 0;  }
.button-sec {color: #555; background-color: #FFF; display:block; border: 1px solid #878787; }

.button-prbl:hover, .button-main:hover, .button.is-primary:hover , .button-main-0:hover , .button-header:hover
{ background-color: #BD0510; color: #FFF;}
.button-sec :hover {background-color: #F7F7F7; color: #555;}
.btn-1 :hover {border: 1px solid #E30613; transition: border-color 0.3s ease;}
.button-main { align-self: flex-start; } 
.button-r {margin-left: auto;}
.button-header {max-width: 450px;}


@media print {.no-print {display: none;} .global-header{ box-shadow: none;}
.bodycomp-p, .article-content-rra, .article-content-rra p,.paragraph-prbl,.paragraph-prrn, .paragraph-parn {font-size: 16px;}
.body-container{border: none;}}
 @page {margin: auto 0 auto 0}
 
 .back-to-top { bottom: 20px; right: 20px; width: 35px; height: auto; z-index: 100; left: auto; position: fixed;}
 #backToTopBtn { appearance: none; background-color: #FFFFFF; background-image: url(https://cdn.builder.io/api/v1/image/assets%2Fe22aba45c3f84a879418fb987242afde%2F588dc6d3d88944b28a1146b12a976e99?width=35);background-position: center; background-repeat: no-repeat; background-size: 16px auto;
    border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(189, 189, 189, 0.4); box-sizing: border-box; cursor: pointer; display: none; flex-shrink: 0; height: 32px;
    padding: 12px 8px; position: relative;width: 32px;}
    
 /* Form Styling */
.hs-recaptcha,.hubspot-click-here-to-reset {display: none;}
.hubspot-click-here-to-reset {font-size: 12px; color: #555555;font-weight: 400;}
.cookie-reset-container{ Margin-bottom: 16px; font-family: figtree, san-serif; text-align: left;}
.hs-input[type=checkbox]{ Margin-right: 6px; Vertical-align: middle;}
.hs-form-booleancheckbox-display{margin: 0;}
.hs-form-booleancheckbox-display span{line-height: 130%; font-size: 12px;}
.hubspot-click-here-to-reset.show { display: block;}
.hubspot-click-here-to-reset > span > p {margin-bottom: 5px;}
.hubspot-click-here-to-reset > span > p > u { cursor: pointer;}
.hubspot-click-here-to-reset > span > p > u:hover {color: #E30613;}
.hs-submit actions{ margin: 0; padding: 24px 0;}
.submitted-message p { font-size: 14px;} 
.hs-subscribe , .input-list {margin-left: 0;}
#form_wp-button :hover 
.no-print h3{margin: 0;}

/*mega-menu*/
.menu-section {top: 90px; position: absolute; left: 0; background-color: #FCFCFC; padding: 0 50px; align-self: stretch; 
box-shadow: 1px 14px 24px 1px #E6E7E8; min-height: 320px;}
.topic-header { font-size: 13px; font-weight: 600; border-bottom: 1px solid #878787; align-self: flex-start; letter-spacing: 0.2px;
padding-bottom: 3px; margin-bottom: 20px;}
.menu-1 {padding: 40px 32px; font-size: 16px; line-height: 1.6; font-weight: 400; color: #333;}
.menu-1 strong {font-size: 26px; font-weight: 600; margin-bottom: 12px; letter-spacing: 0.1px;}
.desktop-header {transition: all .3s ease; transition-duration: 0.2s;  transition-timing-function: ease; transition-delay: 0s; transition-property: all;}
.header-menu-options {border-bottom: 2px solid transparent; transition: border-color 0.2s ease;}
.header-menu-options a link {color: #333;}
#research {background-image: url(https://cdn.builder.io/api/v1/image/assets%2F42214a16e805469cb47363616904578f%2F5bdc760c901e409ea75d1137b5011920);}
#about-hf {background-image: url(https://cdn.builder.io/api/v1/image/assets%2F42214a16e805469cb47363616904578f%2Fc31c84f046264b51b0e264bc247bd3f8);}
.option-btn { align-self: stretch; color: #333; font-size: 15px; font-weight: 500; line-height: 1.2; flex-grow: 1; flex-shrink:0;
padding: 10px 16px; text-align: center; width: auto; height: auto; cursor: pointer;}
.option-btn, .option-btn a { align-self:stretch; color: #333; font-size: 15px; font-weight: 500; line-height: 1.2; 
padding: 10px 16px;
transition: border-bottom 0.3s ease;}
.btn-b, .btn-b a {line-height: 1.2; text-align: center; width: auto; height: auto; cursor: pointer;}
.btn-1 {border: 1px solid #878787; border-radius:8px;}

/*footer    */
.footer-links{ align-items: flex-start; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: space-between; width: 90%;}


.small-links a,.mobile-links a {color: #333333;}
.small-links {font-size: 14px; color: #333; line-height: 1.4; font-weight:400;}
.small-links strong {color:#000; font-weight:600;}
.mobile-links {font-size: 13px; line-height: 1.3; font-weight: 400;}
.mobile-links strong {font-weight: 700; color: #878787 ;}
.s-icon {display: flex; flex-direction: row; position: relative; min-height: 10px; margin: auto 0; align-self: center; height: auto;}
.footer-m-cont {padding: 20px 0; border-bottom: 1px solid #E6E7E8;}
#dev-footer-bottom, .section-border {border-top: 1px solid #E6E7E8;} 
.section-border-b {border-bottom: 1px solid #E6E7E8;}
.red-div {border-bottom: 1px solid  #E30613;}

.copyright{
    display: flex;
    gap: 6px;
    flex-direction: row;
    flex-wrap: wrap;
    color: #333333;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    padding-top: 20px;}

/*misc*/
.cursor {cursor:pointer;}
.divider {width: 3px; height: 3px; margin: 0 auto;}
#dev-copyright-bottom { margin-top: 16px;}
.html5-video-player, iframe {margin-bottom: 12px; border-radius: 8px;}

/*mobile*/
@media (max-width:640px){
h1, .body-container h1 , .gen-links h1 
{font-size: 26px;}
h2, h3, h4, h5, h6 {margin-bottom: 0.667rem;}
h2, .body-container h2
{ font-size: 22px;}
h3, .body-container h3, .gen-links h2
{font-size: 20px;}
.title-tag h3 , .section-d, .section-d p
{font-size: 18px;}
h4, .body-container h4, .related-title h5 , .sec-content p , .body-text
{font-size: 16px;}
h5, .body-container h5, #sortTitleDisplay h2, .nav-link h2, .nav-links, .list-content
{font-size: 14px; }
.header-tag h2 , .button-main-0,.accordion-header, .button-prbl, a.button-prbl, .button.is-primary, .conclusion-container a[href], .button-sec,
#sortTitleDisplay h2, #sortTitleDisplay, .sub-header-r 
{font-size: 13px;}
h6, .title-tag h4,
.research-tag h5, .author-tag h5, .content-tag h5, #research-cat h6, #content-type h6 , .author-tag h4, .sec-text
{font-size: 12px;}
.section-d, .section-d p {padding-top: 5px;}
.back-to-top { width: 24px; right: 16px; bottom: 20px;}
.button-prbl, a.button-prbl, .button.is-primary, .conclusion-container a[href], .button-sec, .button-main-0{
padding: 13px 32px; display: block; width:100%}
}


/*tablet and mobile*/
@media (max-width: 991px) {
.inner-container, .inner-container-edu {width: 100%; grid-template-columns: repeat(1, 1fr); gap: 20px}
.copyright {gap:6px;}
p, .paragraph-prbl p {margin-bottom: 20px;}
.button-main, .button-r {display: block; width: 100%;}
.button-header {margin-bottom: 12px;}
.header-d {font-size: 18px; line-height: 1.4;}
.content-tag h2 , .research-tag h2 
{font-size:13px;}
.content-tag h3, .edu-profiles {font-size: 14px;}
.content-tag {font-size: 12px;}
.button-header {max-width: 991px;}
}