/*
Template Name: PTLINKED Forgot Password
Version: 1.0.0
Author: Mike Frank
Website: http://www.ptlinked.com

::  1.0 PTLINKED Login Styles
-------------------------------------------

**/

.content{ background-color:#fff; width: 100%;}
.container-fluid.scroll{ padding:0; }
.content.noscroll{ /*top: 40px;*/ top:14px; }
#page-container{ padding-top: 5rem; height:auto; }
.hidden{ display: none!important; }
/**
	PTLINKED Plugin Styles
	Customer: MDVIP
	Version: 1.0.1
	Author: Mike Frank (PTLINKED LLC) - mfrank@ptlinked.com

	Table of Contents
	==========================================================

	1.0 General reset & setup
	1.1 Reset and overrides

	2.0 Category Slider/Scroller
	2.1 Scroller container and arrows
	2.2 Category bubbles

	3.0 Exercise Program Grid
	3.1 Grid
	3.2 Grid View Filters
	3.3 Mobile Grid Filters
	3.4 Mobile Search Panel
	3.5 Grid No Results
	3.6 Grid Exercise Program Cards
	3.7 Load More

	4.0 Exercise Program Viewer
	4.1 Exercise Program Viewer
	4.2 Exercise Program Viewer Header
	4.3 Exercise Item
	4.4 Desktop Thumbnail Slider

**/

/* -------------------------------
   1.0 General reset & setup
------------------------------- */

/* 0.0 Sample Site Overrides (all.css) */
.site-header__title{ font-size:3.8rem; }
@media (max-width:428px) { .site-header__title{ font-size: 2.8rem; } }
.site-header__main-nav{ margin-bottom: 34px; }
.ui-dialog{ z-index: 5000!important; }
.temp-site-header-test{ display: block; height: 155px; width: 100%; background-color: #fff; }

/* 1.1 Reset and overrides */
/*body{ overflow: hidden; }
body, html, #page-container{ height: 100%; }*/
.ptlinked--application_container{ width: 100%; height: 100%; display: block; position: relative; }
@media ( max-width:991px ) {
	.ptlinked--application_container{ height: 100%; }
}
.hide{ display: none; }
.margin-right-20{ margin-right: 2rem; }
.margin-left-20{ margin-left: 2rem; }
.fa-spin { -webkit-animation:fa-spin 2s linear infinite; animation:fa-spin 2s linear infinite }
@-webkit-keyframes fa-spin {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) }
	to { -webkit-transform:rotate(1turn); transform:rotate(1turn) }
}
@keyframes fa-spin {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) }
	to { -webkit-transform:rotate(1turn); transform:rotate(1turn) }
}

.dcp-page-header{ display:flex; flex-direction: row; flex-wrap: nowrap; height:8rem; line-height:8rem; background-color: #fff; border:0;-webkit-box-shadow: 0 0.125rem 1.2rem 0 rgba(0,0,0,0.08);
box-shadow: 0 0.125rem 1.2rem 0 rgba(0,0,0,0.08); }
.dcp-page-header .back-to-icon{ width: 10rem; text-align: center; }
.dcp-page-header .page-title{ font-size: 2.2rem; color: #303030; flex-grow: 1; text-align: center; margin-left: -10rem; }

/* 2. Header Bar */
.viewer--header_bar{ 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: space-between;
    justify-content: space-between;

    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

    border-bottom: 1px solid #ccc;
    /*padding: 0px 0 20px 0px;*/
    padding:0;

}
.viewer--program_title{ 	
	font-size: 1.8rem; 
	line-height: 3rem;
	font-weight: 500; 
	color: #303030; 
	text-align: left; 	
	margin-left: 30px;
}

@media( max-width: 428px ) {
	.viewer--program_title{ margin-left: 0; font-size: 1.6rem; line-height: 2rem; }
	.back-to-icon{ display: none!important; }
	.dcp-page-header{ padding-right: 1rem; padding-left: 1rem; }
	.dcp-page-header .page-title{ margin-left: 0rem; line-height: 2rem; display: flex; align-items: center; font-size: 1.6rem;padding-right: 1rem; max-width: 30rem; }
}
.viewer--meta_data{ 
	font-size: 1.4rem;
	color: #303030;
	line-height: 3rem;
}

@media( max-width: 768px ) {
	.viewer--meta_data{ display: none; }
}

.is-clickable{ cursor: pointer; color: #606060; }
.is-clickable:hover{ color: #303030; }

.sticky{ position: fixed; top: 64px; width: 100vw; background-color: #fff; z-index: 10; padding-bottom: 0; }
.sticky + .content { padding-top: 102px; }
@media( max-width: 1024px ) {
	/*.sticky{ height: 7rem; padding-left: 2rem; padding-right: 0.5rem; }*/
	.sticky{ padding-left: 0; padding-right: 0; width:100%; }
}

.sport-specific--filters{ display: flex;   flex-direction: row;   flex-wrap: nowrap;   justify-content: center; margin:5rem 0;}
.sport-specific--filters .filter--item{ margin: 0 2rem; cursor:pointer; }
.sport-specific--filters .filter--item i{ margin-left:2rem; }
.sport-specific--filters .filter--item.active{ border-bottom:2px solid #007aff; }

/* 1.2 Dialog Box */
.ui-dialog{ min-width: 450px; }
.ui-widget-header{ background-color: #c54905; color: #fff; }
.ui-dialog .ui-dialog-titlebar-close{ display: none; }
.ui-dialog .ui-dialog-buttonpane button{ text-transform: uppercase; -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; background-color: #fff; border-color: #c54905; color: #c54905; } 
@media( max-width: 428px ) { .ui-dialog{ min-width: 100%; } }

.vertical-spacer{ display:block; width: 100%; min-height: 25rem; }
.page-footer{ position: absolute; bottom: 0; width: 100%; text-align: center; margin-bottom: 9rem; }
.section-wrapper{ max-width: 120rem; margin: 0 auto; display:none; padding-bottom:20rem; }
.section-wrapper.active{ display:block; }

.section-title-header{ margin:0 auto; padding-top:3rem; max-width: 80rem; }

.section-title-header h3.section-title{ font-size:3.4rem; font-weight: 500; text-align:center; color:#303030; line-height: 10rem; }
.section-title-header p{ font-size:1.6rem; text-align:center; }
.section-title-header .section-title-header-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Adjust the spacing between the image and the title as needed */
    width: fit-content;
    margin: 0 auto;
	margin-bottom:2rem;
}
.section-title-header .section-title-header-wrapper .section-image {
    max-width: 150px; /* Adjust the size of the image as needed */
	margin-right: 2rem;
	margin-left: -150px;
}

.section-title-header .section-title-header-wrapper .section-title {
    text-align: center;
}
/* Media query for mobile screens */
@media (max-width: 472px) {
    .section-title-header .section-title-header-wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }
    
    .section-title-header .section-title-header-wrapper .section-image {
        margin: 3rem auto 1rem; /* Center the image and add space below it */
		max-width: 250px;
    }
    
    .section-title-header .section-title-header-wrapper .section-title {
        text-align: center;
		line-height: 8rem;
    }
}
.section-topics-wrapper{ max-width: 96rem; margin: 8rem auto; }
.topics-title-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
  }
h3.topics-title{ margin-bottom:3rem; font-weight:600; }

.section-topics-wrapper > ul.help_topics{ list-style:none; padding:0; margin:0; width:100%; /*border:1px solid #efefef;*/ border-radius:1.5rem; }
.section-topics-wrapper ul.help_topics > li.question{ padding:2rem; padding-left:5rem; border-bottom:1px solid #efefef; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; cursor: pointer; }
/*.section-topics-wrapper ul.help_topics > li.question:last-child{ border-bottom:0; }*/
.section-topics-wrapper ul.help_topics > li.question > div{ display: flex; width:100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.section-topics-wrapper ul.help_topics > li.question:not(.active):hover span.question, .section-topics-wrapper ul.help_topics > li.question:not(.active):hover span.arrow{ color:#007aff; }
.section-topics-wrapper ul.help_topics > li.question.active span.question{ color:#007aff; text-decoration:underline; }
.section-topics-wrapper ul.help_topics > li.question.active span.arrow{ color:#007aff; text-decoration:none; }
.accordion-dropdown{ width:100%; flex-basis:100%; height:0; padding-right: 4rem; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; }
.accordion-dropdown-inner{ padding:4rem 0; }
.accordion-dropdown.active{ height: 100%; cursor:default; }
.section-topics-wrapper h3.section-title{ font-size: 1.5rem; color: #303030; margin-bottom: 2.5rem; }
.accordion-dropdown-inner ul:not(.help_topics) { list-style:disc; margin-top:3rem; margin-bottom:1rem; margin: 3rem 0 1rem 0; list-style-position:outside;display:block; padding-left: 40px; }
.accordion-dropdown-inner ul:not(.help_topics) > li{ padding: 0 !important; margin: 0.5rem 0 1.5rem 0 !important; display: list-item!important; border: none!important; list-style:disc !important; list-style-position:outside !important; }
@media( max-width: 428px ) {
	.accordion-dropdown.active{ max-height: 270rem; cursor:default; }
}

/** SEARCH BAR **/
.section-search_bar{ width:100%; margin:5rem 0; margin-bottom:8rem; }
.bot--search_bar{ margin: 0 auto; margin-bottom: 5rem; }
.bot--search_bar .input-container{ position:relative; width: 100%; margin:0 auto; }
.bot--search_bar input{width: 100%; height: 4.1rem; line-height: 4rem; padding-left: 1.5rem; padding-right: 3rem; border: 1px solid #ccc; border-radius: 5px; font-size: 1.6rem; border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.bot--search_bar .typeahead__button button{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.bot--search_bar div.icon-container{ position:absolute; top: 5px; right:1.5rem; font-size: 2rem; color: #ccc;}

@media (max-width:  428px ) {
	.contact-wrapper{ max-width: 100%; margin-top:4rem; }
	.ol-contact-form--field.half-width{ width:100%; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; }
	.section-title-header{ padding-top:2rem; }
	.bot--search_bar .input-container{ width:100%; }
	.section-wrapper{ padding:0 2rem; }
	.accordion-dropdown{ padding-right:0; }
	.section-topics-wrapper ul.help_topics li{ padding-left:1.5rem!important; }
	.section-topics-wrapper ul.help_topics li span.question{ min-width:95%; }
	.section-topics-wrapper ul.help_topics li span.arrow{ width:1rem; align-items: center; display: flex; margin-left:1rem; }

	.contact-wrapper{ border:0; padding:1rem; }
}

@media( max-width:1024px){
	.header-sub_bar ul.sub-header_options li{ min-width:23rem; }
	.section-title-header{ padding:0 1rem; }
}

@media( max-width:1366px){
	.header-sub_bar ul.sub-header_options li{ min-width:30rem; }
}

.select2-container--default .select2-results__option--group { padding: 2rem 0rem 0rem; border-bottom: 1px solid #ccc; }
.select2{ width:100%!important; min-width: 30rem; margin-left: 2rem; }
.select2.select2-container--disabled .select2-selection__arrow{ display:none; }
.select2-container--default.select2-container--disabled .select2-selection--single{ background-color:#fff; }
@media(max-width:1024px){
	.select2{ margin-left: 0rem; }
}
.select2-container--default .select2-selection--single{ border-color: #ccc; border-radius: 0px; height: 35px; font-size: 1.4rem; line-height: 25.6px; padding: 3px 12px; }
.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: 2px;  }
.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; }
.select2-results__option{ font-size: 1.4rem; }



/** Search Location Popup **/
.modal#geolocation-modal .modal-body{ margin: 0 auto; }
.modal#geolocation-modal .modal-body .bodyregion_selection.hidden{ display:none; }
.modal#geolocation-modal .modal-body .bodyregion_selection{ width:25rem; margin:0 auto; }
.modal#geolocation-modal .modal-header{ justify-content:space-between; border-bottom:none; }
.modal#geolocation-modal .modal-header h4.modal-title{ font-size:1.6rem; text-align: left; line-height: 3rem; margin-left: 2rem; }
.modal#geolocation-modal .modal-header .close{ font-size: 3rem; }
.modal#geolocation-modal .modal-content{ padding:2rem; }
.modal#geolocation-modal .leaflet-container { height: 500px; width: 500px; max-width: 100%; max-height: 100%; }
.modal#geolocation-modal .map-vision-overlay{ position:absolute; width:150%; height:150%; z-index: 500; background-color: ; }
.modal#geolocation-modal .map-vision-overlay .overlay-circle{position: relative; border-radius: 50%; height: 100%; width: 100%; border: 150px solid rgba(255,0,255,0.2); top: -125px; left: -125px; pointer-events: none;}
.modal#geolocation-modal #geo-search{ margin-bottom: 1.5rem; width:100%; line-height:2.2rem; font-size:1.6rem; position:relative; max-width: 50rem; }
.modal#geolocation-modal #geo-search div.search-icon{ font-size:1.6rem; position:absolute; top: 1rem; left:1rem; }
.modal#geolocation-modal #geo-search input{ width:100%; line-height: 3.2rem; font-size: 1.6rem; padding-left: 4.5rem; }
.modal#geolocation-modal #log{ display: block; width: 100%; height: 5rem; padding-right: 2rem; line-height: 5rem; color: #000; font-size: 1.6rem; text-align: right; border-bottom:1px solid #ccc; }
.modal#geolocation-modal .btn{ width: 100%; line-height: 3.2rem; font-size: 1.6rem; margin-top: 3rem; }
.pac-container{ z-index: 6000!important; }
#geolocation-display{ line-height:2.3rem; max-width: 25rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/** SHARE & PRINT DIALOG **/
.modal-dialog .modal-header h4{ font-size: 1.8rem; }
.modal-dialog .modal-header button.close{ font-size:2.8rem; }
.modal-dialog .sendemail--wrapper{ font-size:1.4rem; padding:3rem; }
.modal-dialog .sendemail--wrapper .sendemail--recipients{ display:flex; flex-direction: column; justify-content: flex-start; margin-top:5rem; }
.modal-dialog .sendemail--wrapper .sendemail--recipients .recipients--label{ }
.modal-dialog .sendemail--wrapper .sendemail--recipients .recipients--field{ width:100%; }
.modal-dialog .sendemail--wrapper .sendemail--recipients .recipients--field textarea{ width:100%; min-height: 15rem; border: 1px solid #ccc; padding:1rem; }
.modal-dialog .sendemail--wrapper .sendemail--recipients .recipients--note{ font-size: 1.4rem; }
.modal-dialog .sendemail--preview_wrapper{ padding:3rem 0; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body{ font-size:1.4rem; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--subject{ display:flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--subject .subject--label{ padding-right: 1rem; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--subject .subject--field{ width:100%; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--subject input{ width:100%; border:1px solid #ccc; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message{ display:flex; flex-direction: column; justify-content: flex-start; margin-top: 3rem; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message .message--label{  }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message .message--field{ width:100%; border:1px solid #ccc; padding:1rem; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message .message--field textarea{ width:100%; min-height: 10rem; border: none; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message .message--field .sendemail--static_message{ font-size:1.4rem; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message .message--field .sendemail--static_message .sendemail--exercises_link{ margin-top:0.5rem; }
.modal-dialog .sendemail--preview_wrapper .sendemail--preview_body .sendemail--message .message--field .sendemail--static_message .sendemail--disclaimer{ font-size:1.2rem; }


.modal-dialog .modal-footer a{ font-size:1.6rem; }
.modal-dialog .modal-footer a.btn-white{ border:1px solid #ccc; }
.loading-overlay{ position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,0.85);
width: 100%;
height: 100%;
z-index: 5000; }

.loading-overlay .pace-activity{
	left: 50%;
	position: absolute;
	top: 40%;
	width: 50px;
	height: 50px;
	border: solid 2px transparent;
	  border-top-color: transparent;
	  border-left-color: transparent;
	border-top-color: rgb(6, 95, 212);
	border-left-color: rgb(6, 95, 212);
	border-radius: 28px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

@media( max-width:1024px){
	.leftside-navigation{ display:none; }
}
@media (max-width: 428px){	
	.application--header i#minimize-sidebar{ display:none; }
	.application--header #btn-search{ margin-right: 1rem; }
	.cards--grid_container.exercise-programs.size-291 .cards--grid_container_item { width: 334px; height: 350px; }
	.modal#geolocation-modal #log{ font-size: 1.2rem; padding-right: 0; }
	.modal-body{ width:100%; }
	.modal .modal-content{ padding:1rem!important; }
	.modal-dialog.min-width-600{ width:97%!important; min-width:97%!important; }
	.modal#geolocation-modal .map-vision-overlay{ width:171%; height:171%; }
	.modal#geolocation-modal .leaflet-container{ width:362px!important; height:362px!important; }

	.modal-dialog.min-width-1000{ width: 98%; min-width: 98%!important; }
	.modal-dialog .sendemail--wrapper{ padding:0; margin-top:2rem; }
	.modal-dialog .sendemail--wrapper .sendemail--recipients{ margin-top:3rem; }
	.modal-dialog .sendemail--wrapper .sendemail--recipients .recipients--field textarea{ min-height: 9rem; }	
}

/** CONDITION CARDS **/
.section--condition_listing{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; max-width:1200px; align-items:center; padding-bottom:20rem; }
.cards--grid_container_condition_item{ width:30%; border:1px solid #ccc; border-radius:1rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: nowrap; padding: 2.5rem 1rem 2.5rem 4rem; margin-bottom:2rem; height:75px; cursor:pointer; }
.cards--grid_container_condition_item .cards--program_title{ font-size:1.4rem; max-width: 90%; }

.sport-specific--disclaimer{ max-width: 80rem; margin: 0 auto; border: 1px solid #ccc; padding: 3rem; background-color: #eee; font-size:1.2rem; position:relative; margin-top: 4rem; }
.disclaimer--close{ position: absolute; top: 0.5rem; right: 0.5rem; }
.disclaimer--close .btn-close{ background-color:#eee; border:none; font-size:1.4rem; }

.inline--geo_location { min-width: 30rem; position: relative; cursor: pointer; white-space: nowrap; min-height: 35px; max-width: 30rem; border: 1px solid #ccc; padding: 0.5rem 2rem; margin:0 auto; background-color: #fff; }
#inline-geolocation-display { line-height: 2.3rem; max-width: 25rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.inline--geo_location i { position: absolute; top: 10px; right: 10px; }
.inline-geo_location-title{ font-size:1.6rem; text-align:center; margin: 5rem 0 2rem; }

.sport-specific--sports{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin-top: 5rem; }
.sport-specific--sports .sportlist--button_wrapper{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; max-width:30%; width:30%; border: 1px solid #ccc; border-radius: 0.5rem; line-height: 7rem; padding: 0 1rem; font-size:1.6rem; margin-bottom:2rem; color:#384e75; cursor:pointer; padding-left:3rem; }
.sport-specific--sports .sportlist--button_wrapper:hover{ background-color:#eee; }

@media( max-width:1024px){
	.sport-specific--sports{ padding:0 2rem; }
	/*.content.noscroll{ top:95px; }*/
}

@media( max-width:428px){
	.sportlist--button_wrapper{ width:100%!important; max-width:100%!important; }
	.content.noscroll{ top:15px; }
}