/*Privacy Request: Button Padding*/
#dsarForm div.btn-group button.request-type.btn.btn-sm.btn-success{
	margin-right: 10px;
}

body.error404  #main-body .entry-content p{
	font-size: 2vw;
}

/*CLINICAL TRIALS*/
.page-id-607318 .main-content-container{
	padding-top: 0px !important;
}

.cardSection{
    margin: auto;
}

.clinicalTrialCard{
    margin: 20px auto;
    background-color: white;
    box-shadow: 2px 4px 4px 3px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: grid;
}

.companyLogo{
    padding-right: 25px;
}

.companyLogo img{
    max-width: 120px;
		padding-bottom: 25px;
}

.vl {
    border-left: 3px solid #D9D9D9;
    height: 80px;
    padding: 0 25px;
  }

.clinicalTrialCard .title{
    display: inline-flex;
    align-items: center;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    color: #215365;
		width: inherit;
}

.trialTitle{
    color: #215365;
    line-height: 35px;
    width: 100%;
    text-align: left;    
    font-family: "DINCond-Light";
    font-size: 36px;
    line-height: 1em;
    color: #005467;
    margin: 0;
}

.trialTitle a{
		font-family: 'OSP-DIN';
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 100%;
    text-decoration: none;
    color:#215365;
}

.cardBody{
    padding-left: 30px;
    padding-right: 30px;
    display: inline-flex;
}

.trialDetails{
    width: 300px;
    padding-right: 30px;
    padding-top: 30px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #575757;
}

.trialDetails .companyLogo{
    display: none;
    visibility:hidden;
}

.trialDetailsAlt{
			display:inline-flex;
        width: 100%;
    }

.dateInformation{
    background-color: #F5F5F5;
    padding: 11px;
    border-radius: 11px;
}

.locationInformation{
    background-color: #F5F5F5;
    padding: 11px;
    border-radius: 11px;
		margin-left: 15px;
		padding: 10px 15px;
		display: inline-flex;
}

.locationInformation .locationSection{
    padding-right: 10px;
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
}

.trialDescription{
    padding-top:25px;
    max-width: 620px;
    line-height: 1.5em;
    color: #575757;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
		line-height: 22px;
}
.trialDescription .dateInformation{
    color: #737373;
    max-width: 620px;
}

.trialCard strong{
	color: #215365;
}

.diseaseSelection{
    margin-top: 13px;
    padding: 5px 0;
    background: #E1F3FD;
    border-radius: 11px;
    text-align: center;
    color: #215365;
		overflow-wrap: break-word;
}

.learnMore{
    width: inherit;
    display: inline-flex;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 30px;
    justify-content: end;
}

.learnMore a{
    text-decoration: none;
    padding: 12px 30px;
    color: white;
    background-color: #7FAFCD;
    font-family: 'Open Sans';
    border-radius: 40px;
    margin-right: 30px;
    font-size: 1rem;
    color: #fff;
    font-family: "Open Sans Bold",sans-serif;
    font-weight: 600;
}


@media only screen and (max-width: 1000px)
 {
    .clinicalTrialCard{
        width: 95%;
    }
    .trialDetailsAlt{
			display:inline-flex;
        width: 100%;
    }
    .trialDescriptionAlt{
        max-width: 60VW;
    }
 }
@media only screen and (max-width: 768px){
  .companyLogo a img{
		max-width: 120px !important;
	}
}

@media only screen and (max-width: 720px)
 {
    .clinicalTrialCard .title{
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 30px;
        line-height: 30px;
    }
    .trialTitle{
        font-size: 4.5vw;
    }
    .clinicalTrialCard{
        margin: 10px auto;
        width: 95vw;
        box-shadow: 2px 4px 4px 3px rgb(0 0 0 / 25%);
    }

    .cardBody{
        padding-left: 20px;
        padding-right: 20px;
        display: inline-flex;
    }

    .companyLogo {
        padding-right: 10px;
    }

    .trialDescriptionAlt{
        max-width: 100%;
    }

    .vl {
        border-left: 3px solid #D9D9D9;
        height: 80px;
        padding: 0 5px;
    }

    .trialDetailsAlt{
        padding-right:20px;
    }

    .listOfDiseases{
        width: 100%;
    }
	 
	 #post-607318.col-xs-offset-1 {
    margin-left: 0;
}
 }


@media only screen and (max-width: 480px)
 {
	 #post-607318{
		 margin-left:0;
		 padding: 0;
	 }
	 .title{
		 width: 100% !important;
		 text-align:center;
		 margin-bottom: 20px;
	 }
    .clinicalTrialCard{
        width: 100vw;
        margin: 0 auto 10px auto;
        background-color: white;
        box-shadow: 2px 4px 4px 3px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        display: grid;
    }
    .companyLogo{
        align-self: center;
    }

    .companyLogo img{
        width: 120px !important;
    }

    .trialCard{
        width: 45vw;
    }

    .dateInformation{
        font-size: 14px;
        width: 45vw;
    }

    .locationInformation{
      width: 100%;
			margin-top: 10px;
			margin-left: 0;
    }

    .title .companyLogo, .title .vl{
        display: none;
        visibility: none;
    }
	 
    .trialDetailsAlt .companyLogo{
        display: block !important;
        visibility: visible !important;
        background-color: none;
    }
	 .trialDescriptionAlt .listOfDiseases{
		 width: 90% !important;
		 padding-left: 0 !important;
		 padding-bottom: 10px;
		 margin-left: auto;
			margin-right: auto;
		 
	 }

    .trialDetailsAlt{
        flex-wrap: wrap;
        width: 90%;
        display: inline-flex;
        padding-right: 0;
        justify-content: space-between;
    }

    .trialDescriptionAlt{
			display: flex !important;
			flex-direction: column-reverse;
    }

    .trialInformation{
        width: 90% !important;
			margin-left: auto;
			margin-right: auto;
    }

    .cardBodyAlt{
        width: 100vw;
        display: inline-grid;
        justify-items: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .title {
        font-size: 30px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 30px;
        width: 90vw;
    }
	 #post-607318.col-xs-offset-1 {
    padding: 0;
}
}


/*Trial Details*/


#post-607318.col-xs-10 {
    width: 100%;
}

#post-607318.col-xs-offset-1{
    margin-right: auto;
    margin-left: auto !important;
}


.cardBodyAlt{
		padding-left: 30px;
    padding-right: 30px;
		width: inherit;
}

.trialDescriptionAlt{
	display: inline-flex;
	width: 100%;
}

.trialDescriptionAlt .trialInformation{
		margin-top:15px;
		width: 70%;
		line-height: 24px;
}

.trialDescriptionAlt .listOfDiseases{
	width: 30%;
	padding-left: 30px;
}

.trialDetailsAlt .companyLogo{
    display: none;
    visibility:hidden;
}

.fa-calendar, .fa-map-marker{
	color: #215365;
	padding-right: 5px;
}

.RDDparagraph{
	margin-top:-10px;
}


.entry-content .block-text-callout .maybe-wrapper .inner-callout {
	z-index: 1;
}

#main-body > div > h1, #main-body > div > div.is-layout-flow.wp-block-group,#main-body > div > div.block-image-callout.is-style-left, #main-body > div > div.block-image-callout.is-style-right{
	z-index:1;
}

/*Divider*/


.divider-white{
	    border-right: 1px solid white;
}

/*ORPHA*/
.powered-block{
	text-align: center;
}


.box .primary-button{
    font-family: din-condensed, sans-serif;
    font-size: 24px;
    line-height: 1em;
		font-weight:500;
    color: #B4432A;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 10px;
    margin: 0 20px;
    transition: color 0.15s, border-color 0.15s, background-color 0.15s;
	background:white;
}

.box .primary-button:hover{
	color:white;
}

.page-id-627562 #main-body a{
	color: #0984e3; 
}


.page-id-627564 #main-body a{
	color: #0984e3; 
}

.page-id-627510 #main-body a{
	color: #0984e3; 
}

.page-id-627559 #main-body a{
	color: #0984e3; 
}

.column-break nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
	width: 100%;
  gap: 10px; /* Example: Adjust based on your design */
  margin: 0 auto; /* This centers the nav block within its parent */
}

.column-break nav a:nth-child(1),
.column-break nav a:nth-child(2),
.column-break nav a:nth-child(3),
.column-break nav a:nth-child(4),
.column-break nav a:nth-child(5),
.column-break nav a:nth-child(6){
	margin-bottom:10px;
}

.ConsortiumBlock h3{
	font-size: 34px !important;
	text-align: center;
}


/*Home Page: Impact Block*/
.dna .side h2, .dna .side p{
	color: #005467;
}



p#dataDisclosure{
	font-size: 12px; 
}

p#missingOrgs{
	text-align: center;
}

.RCPTop{
	margin-bottom: -10px;
	margin-top: -30px;
}
.block-subpage-nav nav{
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
	width: 100%;
  gap: 10px; 
	margin: 0 auto;
}