/* 0. Module Common */
/*body{ overflow: hidden; }*/
#page-container{ height:auto; }
.content{ background-color:#fff; }
.container-fluid.scroll{ padding:0; }
.content.noscroll{ top: 86px; }
.max_width_900{ max-width: 900px; margin:0 auto; margin-top: 5rem; }
.min-width-500{ min-width: 500px!important; }
.min-width-600{ min-width: 600px!important; }
.min-width-800{ min-width: 800px!important; }
.min-width-1000{ min-width: 1000px!important; }
.min-width-1500{ min-width: 1300px!important; }
.min-width-1400{ min-width: 1400px!important; }

.banner-wrapper{ max-width: 95.5rem; margin: 0 auto; display: flex; flex-direction: column; align-items:center; margin-top:7rem; min-height: 100rem;}
h3.banner-title{ font-family: "Aktiv Grotesk W06 Regular",Arial,"Open-Sans",sans-serif; color: #0b2a2c; font-size: 5rem; text-align: center; margin-bottom: 5rem; font-weight: bold; }
.banner-wrapper p{ font-size:1.7rem; font-family: "Aktiv Grotesk W06 Regular",Arial,"Open-Sans",sans-serif; text-align: center; }
.banner-cta-btn{  font-size: 2.8rem!important; padding: 1rem 1rem!important; width:20rem; margin:5rem 0; }
.banner-wrapper img.clipart{ margin-top:2rem; }

/** LIST PRACTICE DIALOG **/
.modal-dialog{ font-size:1.6rem; }
.modal-dialog .modal-header h4 { font-size: 3rem; margin-left:2rem; padding-right:5.5rem; font-weight:bold; }
.modal-dialog .modal-footer a{ font-size:2rem; width:100%; padding:1.5rem; }
.modal-dialog .modal-footer a.btn-white{ border:1px solid #ccc; }
.modal-header .close{ font-size:3rem; }
#modal-dialog--list_practice .contact-wrapper{ width:600px; background-color:#fff; border:0; margin:0 auto; padding:4rem; margin-top:5rem; border:1px solid #ccc; }
#modal-dialog--list_practice .contact-wrapper h1{ margin-bottom: 2rem; }
#modal-dialog--list_practice .ol-contact-form{ background-color: #fff; border-radius: 0; border:0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 3rem; }
#modal-dialog--list_practice .ol-contact-form h2.form-title{ font-size:3rem; text-align: center; margin-bottom:5rem; font-family: "Aktiv Grotesk Bold",Arial,"Open-Sans",sans-serif; }
#modal-dialog--list_practice .ol-contact-form .form-instructions{ font-size: 1.6rem; text-align: left; margin-bottom: 2.5rem; }
#modal-dialog--list_practice .ol-contact-form .ol-contact-form--field{ margin-bottom: 4rem; }
#modal-dialog--list_practice .ol-contact-form--field.half-width{ width:48%; flex-grow: 0; flex-shrink: 0; flex-basis: 48%; }
#modal-dialog--list_practice #ol-message{ min-height: 150px; }
#modal-dialog--list_practice .ol-contact-form--button{ width:100%; }
#modal-dialog--list_practice .ol-contact-form--button #ol-contact_button{ max-width: 52rem; margin: 0 auto; }
#modal-dialog--list_practice .ol-contact-form--field_wrapper.use-flex{ flex-direction:column; align-items:flex-start;}
#modal-dialog--list_practice .ol-add_specialty{ font-size:1.6rem; text-decoration:underline; cursor:pointer; margin-top:2rem; }
.select2{ width:100%!important; min-width: 45rem; margin-top:2rem; margin-bottom:1rem; }
.select2-container--default .select2-selection--single {
  border-color: #ccc;
  border-radius: 0px;
  height: 56px;
  font-size: 1.6rem;
  line-height: 47px!important;
  padding: 3px 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:47px!important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #303030 transparent transparent transparent; border-width: 6px 5px 0 5px; margin-left: -12px; margin-top: 10px;  }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent #ccc transparent; border-width: 0 5px 6px 5px; margin-left: -12px; margin-top: 2px; }
ul.fa-radio_button_list{ font-size:1.6rem; --icon-space: 2em; list-style: none; padding: 0; padding-left:3rem; margin-top:2rem; line-height:1.6rem; }
ul.fa-radio_button_list li{ padding-left: var(--icon-space); margin-bottom:2rem; cursor:pointer; }
ul.fa-radio_button_list li:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}

ul.fa-radio_button_list li.selected:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color:#007AFF;
}

#modal-dialog--list_practice #geo-search-contact{ max-width:100%; }
#modal-dialog--list_practice .geo-search-input{ width:100%; height:5.6rem; line-height:5.6rem; padding: 0 4rem 0 5rem; font-size:1.6rem; border-radius: 0.4rem; border: 1px solid #ccc; }
#modal-dialog--list_practice .geo-search-input:focus{ outline:none; }
#modal-dialog--list_practice #geo-search-contact .search-icon{ position:absolute; left:1.5rem; top: 1.6rem; font-size:2rem; }
#modal-dialog--list_practice #geo-search-contact .search-button{ background-color: #c66cbc; color: #fff; position: absolute; top: 0px; right: -14px; padding: 0.8rem 2rem; font-size: 3rem; border-radius: 1rem; cursor: pointer; }
#modal-dialog--list_practice .ol-num_clinics-wrapper{ width:50%; }

@media (max-width: 1440px ) {

}
@media( max-width: 1080px ) {	
	.page-header .text-wrapper{ left:12rem; }

}
@media( max-width: 810px ) {
	.page-header{ min-height: 60rem; }
	.page-header.bg-image-001{ background-position: -36rem -15px; }
	.page-header .header-sub_title{ display:none; }		
	.page-header .text-wrapper{ left:0; width:100%; max-width: 100%; }
}

@media( max-width: 428px ) {
	.page-header{ min-height: 45rem; }
	.ortholinked-logo{ width: 100%; }
	.page-header .header-title{ font-size: 5rem; }
  #content{ padding:0 2rem; }
  h3.banner-title{ font-size:3rem; }
  .banner-wrapper p{ font-size:1.6rem; }
  .banner-wrapper img.clipart{ width:100%!important; }
  .modal-dialog.min-width-500{ min-width:95%!important; }
  .modal-dialog .modal-header h4{ padding-right:3rem; font-size:2.2rem; }
  #modal-dialog--list_practice .ol-contact-form--field.half-width{ width:100%; flex-basis:100%; }
  #modal-dialog--list_practice .ol-num_clinics-wrapper{ width:65%; }
  .select2{ width:100%; min-width:36.8rem; }
}

@media( max-width: 414px ) {
  .select2{ width:100%; min-width:35rem; }
}

@media( max-width: 390px ) {
  .select2{ width:100%; min-width:33rem; }
}

@media( max-width: 375px ) {
  .select2{ width:100%; min-width:31rem; }
}