/*!
Theme Name: BeOne
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beigine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

beigine is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Alignments
--------------------------------------------- */
.card-section .card-box .status-wrapper.Unknown {
    display: none !important;
}
.card-section .card-box .status-wrapper.Completed p::before {
    background-image: none !important;
    background-color: #B50909;
}
.card-section .card-box .status-wrapper.Not.yet.recruiting p:before {
    background-image: none !important;
    background-color: #FFBF00 !important;
}
.skip-link {
   
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 0;
}
input[type="checkbox"]:focus {
  outline: 2px solid #000; /* visible blue border */
  outline-offset: 2px;        /* space between checkbox and outline */
}
input[type="text"]:focus,textarea:focus,input[type="tel"]:focus { border:1px solid #000;}
.filter-list ul li[data-key="isrecruit"], .filter-list ul li[data-key="search_query"]{
    display: none;
}
.searchnewhead h1{font-size: var(--fs40);
	margin-bottom: 30px;}
.geocodewrap {
	position: relative;
}
a.searchlocclear {
    position: absolute;
    right: 20px;
    top: 3px;
    z-index: 1;
    font-size: 30px;
  display: none;
}
.location-item.active>div {
    border: 1px solid #006680;
    background-color: rgba(0, 102, 128, 0.05);
}
.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.page404new{ padding:60px 0px}
.foot-links li a:hover {font-weight:600}
/* canvas.mapboxgl-canvas {
    width: 100% !important;
    height: 100% !important;
} */
.map-location>#map {
    border-radius: 30px;
}
body .mapboxgl-ctrl-geocoder {
    max-width: 100% !important;
    box-shadow: none;
    width: 100%;
	background: transparent;
}
body .mapboxgl-ctrl-geocoder--input {
	padding: 6px 35px;
	height: 44px;
	border: 2px solid var(--bggray);
	background-color: #fff;
	border-radius: 8px;
	padding-left: 54px;
	color: var(--textcl);
	font-size: var(--fs18);
	width: 100%;
	display: block;font-family: 'Poppins';
}
body .mapboxgl-ctrl-geocoder--icon {
	top: 13px;
	left: 15px !important;
}
body.single-clinical-trials input.mapboxgl-ctrl-geocoder--input {
    display: flex;
    align-items: center;
    border: 1px solid #bdbdbd;
    border-radius: 39px;
    background-color: white;
    padding: 9px 26px;
    height: 49px;
    background-image: url(/wp-content/uploads/2025/05/search-icon2.svg);
    background-repeat: no-repeat;
    background-position: left 30px center;
    padding-left: 65px;
}
body.single-clinical-trials .mapboxgl-ctrl-geocoder--icon {
    display: none;
}

.footer-contents .custom-html-widget {padding-bottom:0px}
.foot-links-container .widget_custom_html{
	width:100%
}
.foot-links-container .widget_custom_html .foot-links{
	width:33%
}
.foot-links-container .widget_custom_html .custom-html-widget{
	display:flex;
}
.foot-logo img {
    display: block;
    max-width: 160px;
}
html .form-section-hcp .ninja-forms-req-symbol, .nf-form-fields-required,.form-section-hcp .nf-form-title, .modal-backdrop-custom .ninja-forms-req-symbol {display:none}
/*.form-section-hcp   .nf-error .ninja-forms-field {
    border: 2px solid #e80000;
}*/
	.form-section-hcp .nf-field-label .nf-label-span, .form-section-hcp .nf-field-label label {font-weight:400;font-style:normal;font-size: var(--fs18);}
.form-section-hcp  .nf-field-element { font-size: var(--fs18);}
.form-section-hcp  .nf-field-element h3{padding-bottom:10px; 
  font-size: var(--fs40);
   
  font-weight: 500;
  margin-bottom: 15px;
}
#nf-field-35-container .nf-field { float:right}
.midlines{border-top:2px solid #BDBDBD; padding:60px 0px 30px ;margin-top:50px }
 .form-section-hcp  .list-radio-wrap .nf-field-element li label, .form-section-hcp .list-checkbox-wrap .nf-field-element li label {margin-left: 34px; }
  .form-section-hcp .list-radio-wrap .nf-field-element li input {
	width: 100% !important; }
.form-section-hcp input {   border: 1px solid #BDBDBD;  max-width: 609px}
.form-section-hcp textarea {   border: 1px solid #BDBDBD; }
/*	.form-section-hcp select {
			 
		 -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
		max-width:468px;
    padding: 8px;
    padding-right: 35px;
    border-radius: 7px;
    border: 2px solid #BDBDBD;
    background-color: white;
    min-height: 50px;
    cursor: pointer;
    user-select: none;
    background-image: url(/wp-content/uploads/2025/05/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: none;
    display: flex;
    align-items: center;
}*/
	.form-section-hcp select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 8px;
  padding-right: 50px; /* space for arrow box */
  border-radius: 7px;
  border: 1px solid var(--bggray);
  background-color: white;
  min-height: 50px;
  font-size: 18px;
  line-height: 1.4;
  cursor: pointer;
  user-select: none;
  box-shadow: none;
}
.list-select-wrap .nf-field-element::after,.listcountry-wrap .nf-field-element::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 7px;
  width: 37px;
  height: 37px;
  background-color: #f0f0f0;
  border-radius: 5px;
  pointer-events: none;
  z-index: 1;
  background-image: url(assets/images/select-dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
}
 
.list-select-wrap,.listcountry-wrap {
  flex-flow: wrap;
  flex-direction: column !important;
}
.list-select-wrap .nf-field-element,.listcountry-wrap .nf-field-element {
  position: relative;
  max-width: 609px !important;
  width: 100% !important;
}
html .form-section-hcp .field-wrap input[type=submit],html .modal-custom .field-wrap input[type=submit] {
    color: #fff;
    background-color:#28334a  ;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
	text-transform:uppercase;
    font-size: clamp(0.875rem, 0.786rem + 0.388vw, 1.125rem);
    line-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 38px;
    border: 1px solid #fff;
    min-width: 180px;
    text-align: left;
    margin: 0px 0 10px;
    background-image: url(/wp-content/uploads/2025/05/search-arrow.svg);
    background-position: center right 36px;
    background-repeat: no-repeat;letter-spacing: 0.098em;
}
html .modal-custom .field-wrap input[type=submit]{
font-style: normal;
opacity: 1; float:right}
	html .form-section-hcp .field-wrap input[type=submit]:hover,html .modal-custom .field-wrap input[type=submit]:hover {
    background-color: #006680;
}
.search-form .inputbox .form-control {
    padding-right: 50px;
}
.scanner-wrapper {
    padding-bottom: 60px;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
    right: 25px !important;
    top: 13px !important;
}
body .mapboxgl-ctrl-geocoder--icon.mapboxgl-ctrl-geocoder--icon-close path {
	 display: none;
}
body .mapboxgl-ctrl-geocoder--icon.mapboxgl-ctrl-geocoder--icon-close {
    background: url(/wp-content/themes/beigine/assets/images/close-icon.svg);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 0px !important;
}
body.single-clinical-trials .wpcf7 {
    margin-top: 22px;
}
.modal-custom textarea.form-control {
    padding-top: 20px;
}
form.wpcf7-form.sent .row, form.wpcf7-form.sent .specialtext, form.wpcf7-form.sent .btn-wrapper, div#contactModal:has(form.wpcf7-form.sent) h3, div#contactModal:has(form.wpcf7-form.sent) span {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 0px;
    padding: 0px;
    margin-left: 0px;
}
.head-search .dropdown-menu {
    background: rgba(240, 238, 237, 0.9);
}
/* .profile-top .indicator span {
	font-size: var(--fs24);
    color: #fff;
    font-weight: 500;
}
.banner-wrapper .profile-top .indicator {
    display: flex;
    align-items: center;
    height: 100%;
	justify-content: flex-end;
}
.profile-top .indicator img {
    margin-right: 20px;
    width: 30px;
    height: 30px;
} */
.banner-ct {justify-content: flex-start;}
.banner-ct h1 {text-align:left;color:#fff;padding-left:75px;}
.card-list .card h3 {font-size: var(--fs24);
    margin-bottom: 20px}
.card-section-inner .image-section {
    max-width: 33%;
    width: 33%;
}
.card-section-inner .image-section #map {
	border-radius: 30px;
}
#contactModal br {
    display: none;
}
.modal-custom form p:not(.specialtext) {
    margin-top: 0px !important;
}
.modal-custom span {
    margin-bottom: 0px;
}
.modal-custom span.wpcf7-form-control-wrap {
    display: block;
}
.modal-custom .wpcf7-not-valid-tip {
    color: #dc3232 !important;
}
.modal-custom form label {margin-bottom:2px}
.modal-custom input.nf-element, .modal-custom select.nf-element {
    border-radius: 39px;
    padding-left: 26px;
    height: 48px;
    border: 1px solid #bdbdbd;
    font-size: 18px;
     
    color: #30383f;
    opacity: 0.8;
    outline: none;appearance: none;
}
 
.modal-custom textarea.nf-element{
	 border: 1px solid #bdbdbd;
    border-radius: 39px;
    font-size: 18px;
    
    outline: none;
    height: 219px;
    padding-left: 26px;
    resize: vertical;
    color: #30383f;
    opacity: 0.8;
	 padding-top: 20px;
}
.modal-custom .list-select-wrap .nf-field-element::after {
     
    content: "";
    position: absolute;
    top: 18px;
    right:17px;
    width: 18px;
    height:12px;
     background-color: #fff;
    pointer-events: none;
    z-index: 1;
    background-image: url(/wp-content/uploads/2025/06/ars.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

 html .form-section-hcp .nf-field-container input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px !important;
    height: 20px !important;
	  
    border: 1px solid #28334a99 !important;
    border-radius: 4px;
    background: white;
    position: relative;
    cursor: pointer;
    display: inline-block; padding:0px; margin-top:2px
}
html .form-section-hcp .nf-field-container input[type="checkbox"]:checked {background-color: var(--headcl);}
.nf-field-container input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 2px;
    bottom: 6px;
    margin: auto 0;
    width: 12px;
    height: 7px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    rotate: -45deg;
    opacity: 1;
    transition: 0.3s all;
}
.modal-custom form p.specialtext {margin-top:0px}
.dropdown-menu .dropdown-item.current span{
  background-color: rgba(0, 102, 128, 0.05);
}
 .dropdown-menu .parent-tab-link.active {background:#fff}
/* .dropdown-menu:hover .parent-tab-link  {background-color: rgba(0, 102, 128, 0.05);} */

.page-id-21049 .dropdown-menu .parent-tab-link.active,.page-id-20967  .dropdown-menu .parent-tab-link.active,.page-id-20997  .dropdown-menu .parent-tab-link.active,.page-id-20953  .dropdown-menu .parent-tab-link.active,.page-id-20931  .dropdown-menu .parent-tab-link.active,.page-id-20888  .dropdown-menu .parent-tab-link.active,.page-id-21138  .dropdown-menu .parent-tab-link.active {background-color: rgba(0, 102, 128, 0.05);}
.popup-btn {border-radius:50px}
.studyinfo p,#tab1 p {padding-bottom:15px}

.form-section-hcp span {font-style:normal;margin-bottom:22px}
.location-search .input-wrapper {
    max-width: 100%;
}
.modal-custom input.form-control, .modal-custom select.form-select, .modal-custom textarea.form-control {
	font-style: normal;
}
.modal-custom input.form-control::placeholder, .modal-custom select.form-select::placeholder, .modal-custom textarea.form-control::placeholder {
	 color:#bdbdbd
}

.modal-custom:has(form.sent) {
    margin-top: 30px;
}
html .form-section-hcp .field-wrap input[type=submit][value="Processing"] {
	min-width:  235px !important;
}
section.form-section-hcp:has(input[type=submit][value="Processing"]) .container>span {
	display: none;
}
.checkbox span::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 5px;
    /* bottom: 6px; */
    bottom: inherit;
    margin: auto 0;
    width: 12px;
    height: 7px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    rotate: -45deg;
    opacity: 0;
    transition: 0.3s all;
}
.sr-card-ul p.status span.autowidthheight {
    width: calc(100% - 30px);
    height: auto !important;
}
.circleclass {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px;
}
.site-map a:hover{text-decoration:underline;}
.site-map a:hover p {color:#006680}
.pagination .page-item:last-child .page-link {background: var(--siteblue);
    color: #fff;}
.list2sec h5:nth-of-type(2){margin-top:70px}
.sr-card-ul li:first-child {flex: 0 0 15%;}
 .nf-pass .ninja-forms-field {
    border: 1px solid #212529;
}
.didmeans a {
    color: #000000;
    font-weight: bold;
    /* display: block; */
}
.did-you-mean-link:hover{color:#006680 !Important}
.rescountname {
    display: flex;
    gap: 25px;
    align-items: center;
}
.resource-card figure {padding-bottom:35px}
.sec4{padding-top:20px}
#contactModal:has(.nf-response-msg[style="display: block;"]) h2+h3 {
    display: none !important;
}
.glosseynewptag p{margin-bottom:38px}
#tab1 .glosseynewptag p {padding-bottom:0px}
.resourcepages .resource-card figure {padding-bottom:30px}
.hcp-card-wrapper a.btn-link,.faq-card a.btn-link {text-decoration:none}
.hcp-card-wrapper a.btn-link:hover,.faq-card a.btn-link:hover{color:#006680;text-decoration:underline}
.faq-section #tab1 p{padding-bottom:0px}
.site-map .mt-text-wrapper h4 {color:#30383f}
.site-map .mt-text-wrapper h4:hover {color:#006680}
.faqtopspace {padding-bottom:22px !Important}
.btnsides {display:flex; gap:35px}
.resource-wrapper-tab .tab-headers ul li::after {
	transition: all 0.5s linear, height 0.5s linear;
	content: "";
    position: absolute;
    bottom:-2px;
   left: auto;
    right: 0;
   
    height: 3px; opacity:0;
    background-color: #e02020;}
.resource-wrapper-tab .tab-headers ul li:hover:after {
        opacity: 1;
        left:0;right:auto;
        width: 100%;
        
    }

.resource-wrapper-tab .tab-headers ul li.active::after {  opacity: 1;height: 3px;bottom: -1px;}
.search-results .sr-head:has(.didmeans) {
    align-items: flex-start;
    flex-direction: column;
}
.footesocail li a {border: 2px solid #E0E0E0;}

.footesocail li a:hover{border-color: #006680;}
.resource-wrapper-tab .tab-headers,.tab-pages .accordian-contents .accordion-item   {border-bottom: 1px solid #BDBDBD;}
html .contactpageform .field-wrap input[type=submit]{
font-style: normal;
opacity: 1; float:right}
/* .didmeans {display: none;}
.sr-head .didmeans:last-child {display: block;} */
.foot-external li a.medicalhide, .top-header ul a.headermedical {display:none}
.page-id-20967 .foot-external li a.medicalhide,.page-id-21049 .foot-external li a.medicalhide,.page-id-20997 .foot-external li a.medicalhide {display:flex}
.page-id-20967 .top-header ul a.headermedical,.page-id-21049 .top-header ul a.headermedical,.page-id-20997 .top-header ul a.headermedical {display:inline-flex}
.downloadsection {display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px; padding:25px 0px; font-size:17px;font-weight:bold;
    margin-top: 35px;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0}
.downloadsection  div {display: flex;
    align-items: center;
 gap: 40px;}

.downloadsection div img{width:80px;border:1px solid #d0d0d0;}
.bordernone {border:none;margin-top:5px}
.downloadsection  a.downbtn {padding: 8px 38px;
    font-size: var(--fs18);
    font-weight: 600;
    text-transform: uppercase;
    color:#28334a;
    background: #fff;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d0d0d0;
    letter-spacing: 0.05em;
    height: fit-content;}
a.downbtn img {
    display: block;
    max-width: 16px;
    max-height: 16px;
    margin-left: 10px;
}
@media only screen and (min-width: 1000px) {
	.sr-card-ul + .sr-card-ul li:nth-child(5) {flex: 0 0 10%;}
	.page-id-21138 .resource-wrapper-tab .tab-inner ul li {margin-right:15px}
	.studyinfo h2{margin-bottom:50px}
  .footer-contents .custom-html-widget {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px;
	  width: 100%;
}
}
@media only screen and (max-width: 1300px) {
	.optbtns .site-btn {
		font-size: 15px;
	}
}
@media only screen and (min-width: 1300px) {
	.downloadsection { font-size:18px;}
	.foot-logo {width:100%}
	.guidelines .right-wrapper .card-box {
		height: 100%;
	}
	.guidelines .right-wrapper .col-md-6 {
		margin-bottom: 30px;
	}
	.voice-content .voice-wrapper {
		margin: 5px 0px;
	}
}
@media only screen and (min-width: 1024px) {
	.commitment-banner h1{padding-right:50px}
.menulast{padding-right:18px}
	#nf-field-23-wrap ul{display:flex;grid-column-gap:50px}
	#nf-field-26-wrap   ul,#nf-field-28-wrap ul{display:flex; flex-wrap:wrap;max-width:600px}
	#nf-field-26-wrap   li,#nf-field-28-wrap li {width:50%;position:relative}
}
@media only screen and (max-width: 991px) {
.card-section-inner .image-section {
    max-width: 100%;
    width: 100%;
}
	.foot-logo {padding-bottom:5px}
	.footesocail{padding-top:0px}
	.foot-links-container .foot-links::after {/*background:#f0eeed*/}
}

@media only screen and (max-width: 767px) {
	 
	.downloadsection {display:block;margin-top:5px}
	.downloadsection a.downbtn {margin-top:22px;padding: 8px 20px;}
	/* .foot-links-container .foot-links::after {
		display: none;
	} */
	.foot-links-container .foot-links:first-child::after {
		display: none;
	}
	.foot-links-container .foot-links:nth-child(2) {
		margin-top: 8px;
	}
	.banner-ct h1 { padding-left:30px}
	/* .checkbox span::after {
		top: -16px;
	} */
	.container:has(.mapboxgl-ctrl-geocoder--input:focus) {
		transform: scale(0.85);
	}
	.banner-wrapper .profile-top .indicator {
		justify-content: flex-start;
		margin-top: 10px;
	}
	.modal-custom textarea.nf-element {height:110px;font-size: 16px;border-radius:10px}
	.modal-custom input.nf-element, .modal-custom select.nf-element {height:40px;font-size: 16px;}
	.modal-custom h3 {font-size:15px}
	.modal-custom form p.specialtext {font-size:14px}
	.modal-custom .list-select-wrap .nf-field-element::after {top:15px}
	.text-wrapper-content .text-content {padding-bottom:20px}
	.guideright .col-md-6{width: 50%;}
	.guidelines .right-wrapper .card-box {min-height:140px;padding: 20px 9px;}
	.topstudy {flex-wrap:nowrap;padding-left:10px}
	.topstudy .col-lg-6 {width:49%;padding:0px}
	 
    .optcard h5::after {
       
        content: url(/wp-content/themes/beigine/assets/images/faq-icon.svg);
        
    }

}
@media (width <= 991px) {
    .image-text-part .text-part {
       
        margin-top: 25px;
    }
	.image-text-part .text-part h3 {margin-bottom:20px}
}
@media (width <= 575px) {
    .sr-card {
         
        padding-bottom: 60px;
    }
	    .search-profile {
        padding: 20px 30px 45px;
    }
}
@media only screen and (max-width: 480px) {
.btnsides {display:block}
	
}
.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea {color:#000}
.modal-custom input.nf-element, .modal-custom select.nf-element {background:#fff}

/*size*/
.size-dec{
	font-size:18px;
}

#popup-us-check {
  display: none ;
}
#nf-label-field-29 {line-height:35px}
.linknews a{color:#30383f;text-decoration:none}
.linknews a:hover{color:#006680}