/* styles for website */
/*
	blue: #0079c2
	grey: #EEEEEE
*/

* {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
body {
	background-color: #000;	
}

h1 {font-family: 'Poppins', sans-serif; font-size: 2.5em; text-align:center; text-transform:uppercase; font-weight:300; margin-bottom: 40px; color:#4D4D4D}
h2 {font-family: 'Poppins', sans-serif; font-size: 2.0em; text-align:center; text-transform:uppercase; font-weight:300; margin: 80px 0 40px; color:#4D4D4D}
h3 {font-family: 'Poppins', sans-serif; font-size: 1.8em; text-align:center; text-transform:uppercase; font-weight:300; margin: 80px 0 40px; color:#4D4D4D}
h4 {font-family: 'Poppins', sans-serif; color:#4D4D4D}
h5 {font-family: 'Poppins', sans-serif; color:#4D4D4D; font-weight: 900; font-size: 1em; margin: 40px 0 20px; text-transform:uppercase}
h6 {font-family: 'Poppins', sans-serif; color:#4D4D4D}
h7 {font-family: 'Poppins', sans-serif; color:#4D4D4D}

.h1SubHead {font-family: 'Poppins', sans-serif; color:#4D4D4D; font-size: .9em; line-height: 115%; margin: -35px 0 40px 0; text-align:center;}

/* New Contact Form */

/* cognito forms */
div.og-abuse {
    display: none;
}

.cog-branding.cog-branding--minimal {
    display: none !important;
}

span.cog-branding__powered{
    display: none !important;
}

.cog-abuse.cog-wrapper {
    display: none !important;
}

.cog-form__content {
	background-color: none !important;
}

.cog-header{
	display: none !important;
}


/* HEADER AND NAV */
.title-bar {
	display: none;
	font-size: .6em;
	font-weight: 800;
}
.homeHeader {
	background-color: #0079c2;
	height: 538px;
	width: 100%;
	text-align:center;
	background-image: url("/_assets/images/new_masthead.jpg");
	background-position: center 50px;
	background-size: 1800px 538px;

}
.homeHeader h2 {
	font-family: 'Poppins', sans-serif;
	text-align:center;
	color: white !important;
	text-transform: uppercase;
	margin-top: 100px;
	font-size: 2.5em;
}
.homeHeader h1 {
	color: white;
	font-family: 'Poppins', sans-serif;
	text-align:center;	
	text-transform: uppercase;
	margin-top: 100px;
	font-size: 2.5em;
}
.homeHeader div p {
	font-family: 'Poppins', sans-serif;
	text-align:center;
	color: white;
}
#toolbar {
	background-color: #333333;	
	color: #ffffff;
	font-size: .8em;
	text-align: right;
	padding: 8px;
}
#phoneNumbers {
	float: right;
	font-weight: 400;
	padding-top: 12px;
	margin-right: 10px;
	border-solid: 1px;
}
#ptTwitter, #ptFacebook, #ptInstagram, #ptTikTok  {
	width: 40px;
	height: 40px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	float: right;
	margin-left: 8px;
}
#ptTwitter, #ptTwitterMenu {
	background-image: url("/_assets/images/pt-twitter.svg");
}
#ptFacebook, #ptFacebookMenu {
	background-image: url("/_assets/images/pt-facebook.svg");
}
#ptInstagram, #ptInstagramMenu {
	background-image: url("/_assets/images/pt-instagram.svg");
}
#ptTikTok, #ptTikTokMenu {
	background-image: url("/_assets/images/pt-tiktok.svg");
}
#ptTwitterMenu {
	margin-left: 20px !important;
}
#ptTwitterMenu, #ptFacebookMenu, #ptInstagramMenu, #ptTikTokMenu  {
	width: 30px;
	height: 30px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	float: left;
	margin-left: 8px;
}
#navBar {
	margin-bottom: 35px;
	max-width: 1200px;
	margin: 0 auto;
}
.homepageLogo {
	height: 129px;
	width: 225px;
	float: left;	
	background-image: url("/_assets/images/pt-logo-white-years.svg");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 25px;
}
.logo {
	height: 100px;
	width: 175px;
	float: left;	
	background-image: url("/_assets/images/pt-logo-white-years.svg");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 25px;
}
.mobileLogo {
	display: none;
}
/* EDIT THIS TO CHANGE MENU DESIGN */
.menu {
	list-style-type: none;
    margin: 60px 0 0 0;
    padding: 0;
	float: right;	
	color: #fff;
}

nav ul li a {
	text-transform: uppercase;
	color: white;
	font-size: .85em;
	font-weight: 400;
	border: solid #fff 1px;
	margin: 0 4px;
	padding: 4px;
}
nav ul li a:hover {
	color: #FFE371;
}

.dropdown.menu .submenu {
	border: none !important;
	padding: none !important;
	margin-top: 4px;
}
ul.vertical.menu {
	margin: 0 !important;
	width: 100%
}

ul.vertical.menu li a {
	border: none;
	padding: 20px 8px !important;
	margin: 0 !important;
	text-align: center;
}
ul.vertical.menu li a:hover {
	border: none;
	margin: 0 !important;
	color: #FFE371;
}

.is-dropdown-submenu-item  {
	border: none;
	background-color: #0079c2;
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
	border-color: #FFE371 transparent transparent;

}

.sectionWelcome {
	text-align:center;
	padding-top: 60px;
}
.sectionWelcome h1 {
	text-align:center;
	font-size: 1.8em !important;
	text-transform:uppercase;
	font-weight: 300;
}
.sectionPromos {
	margin-bottom: 20px !important;
}
.sectionPromosBox {
	text-align:center;
}
.sectionPromosBox img {
	padding: 40px 40px 20px 40px;
}
.sectionPromos h3{
	font-size: 1.2em;
	font-weight: 300;
	text-transform:uppercase;
}
.sectionPromos p{
	font-size: .7em;
	margin:24px 0 12px;
}
.sectionHomeWhite {
	background-color: #FFFFFF;
	text-align:center;
	padding: 60px 30px 60px;
}
.sectionHomeWhite h3{
	font-size: 1.6em;
	font-weight: 300;
	text-transform:uppercase;
}
.sectionHomeGrey {
	background-color: #EEEEEE;
	text-align:center;
	padding: 60px 30px 60px;
}
.sectionHomeGrey h3{
	font-size: 1.6em;
	font-weight: 300;
	text-transform:uppercase;
}
.sectionHomeBlue {
	background-color: #0079c2;	
	color: #ffffff;
	text-align:center;
	padding: 60px 30px 60px;
}
.sectionHomeBlue h3{
	font-size: 1.6em;
	font-weight: 300;
	text-transform:uppercase;
	color: #ffffff;

}
.sectionHomeBlue p, .sectionHomeGrey p, .sectionHomeWhite p{
	margin:24px 0 24px;
}

.sectionPromos h3, .sectionHomeGrey h3, .sectionHomeBlue h3, .sectionHomeWhite h3  {
		margin: 0 0 20px;
}
.processCallout {
	text-align: center;
	padding: 20px 10px 10px 10px;
}
.processCalloutInner {
	text-align: center;
	border: solid #C7C8D1 1px;
	background-color: #FCFCFC;
	color: #0a0a0a;
	padding: 20px;
	margin: 10px;
}
.processCallout p {
	font-size: 0.8em;
}

.processPhoto {
	padding-bottom: 12px;
}

div.processStep {
	text-transform: uppercase;

}
div.processSubtitle {
	font-size: 1.4em;
	padding-bottom: 12px;
	color: #0079c2;
}


footer {
	padding: 60px 0 60px;
	background-color:#333333;
	color: #ffffff;
	font-size: .8em;
	text-align:center;
}
footer a, #toolbar a {
	color: #4fade5;
	font-weight: 500;
}
.footerAddress{
	padding-bottom: 40px;	
}

.art-logo {
	height: 30px;
	width: 100%;
	background-image: url("/_assets/images/art-logo.svg");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 18px;
	
}
.ironman-logo {
	height: 30px;
	width: 100%;
	background-image: url("/_assets/images/ironman-logo.svg");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 60px;
}

/* ARROWS */
.divider {
	top: -60px;
	position: relative;
	width: 100%;
}
.arrow-down-blue {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #0079c2;
    margin: 0 auto; 
}
.arrow-down-white {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #ffffff;
    margin: 0 auto; 
}
.arrow-down-grey {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #EEEEEE;
    margin: 0 auto; 
}
.sectionHomeBlue .row a.button{
	background-color: #fff !important;	
	color: #0079c2;
}
a button.ptuButtonWhite{
	background-color: #ffffff !important;	
	color: #0079c2;
	padding: 16px 18px;
	margin: 12px 0;
	font-size: 1.2em;
}
a button.ptuButtonBlue{
	background-color: #0079c2 !important;	
	color: #ffffff;
	padding: 16px 18px;
	margin: 12px 0;
	font-size: 1.2em;
}


/* OFF CANVAS MENU */
.off-canvas {
	background-color: #000;
	color: #eeeeee;
	box-shadow: none;
}
.menuTitle {
	font-weight: 800;
	padding-left: 18px;	
	margin: 40px 0 20px;
}
ul.vertical.menu li {
	outline: none;
	font-size: .9em;
	box-shadow: none;
}
ul.vertical.menu li a{
	padding: 20px 0 20px 20px;
	color: #eeeeee;
	border-top: dotted #0079c2 1px
}
ul.vertical.menu li a:focus{
	outline: 0;
}
#phoneNumbersMenu {
	border-top: dotted #0079c2 1px;
	font-size: .8em;	
	padding: 20px 0 0 20px;
	margin: 0 0 10px 0px;
}
#phoneNumbersMenu a {
	color: #4FADE5;
}

/* DRILLDOWN TEMPLATES */

.sectionContent{
	padding: 20px 20px 60px;
}

.contentHeader {
	background-color: #0079c2;
	height: 200px;
	width: 100%;
	background-image:url(/_assets/images/masthead-content.jpg);
	background-position: center 50px;
	background-size: 1800px 200px;	
}

.testimonialPhoto {
	padding-top: 30px;	
}

.contentPhoto {
	padding: 30px;
}

.sectionContent ol li, .sectionContent ul li {
	margin: 0 80px 0 40px;	
}

.secondaryNav {
	text-align:center;
}
.secondaryNav ul {
	margin: 0;
}
.secondaryNav li {
	list-style-type: none;
	border-top: solid #dedee6 1px;
	border-bottom: solid #c7c8cf 1px;
	border-left: solid #dedee6 1px;
	border-right: solid #c7c8cf 1px;
	background-color: #f5f6f8;
	padding: 40px 0;
	margin: 20px 0 !important;
}
.contactFormMapSection {
	font-size: .8em;
}
.contactFormMapsAddress {
	margin-top: 10px;
}
.contactFormMap {
	margin-top: 30px;
}
.contactFormRow {
	margin-top: 20px;
}
#ccomment {
	height: 240px;
}
.contactSubmit {
	width: 100%;	
	text-transform: uppercase;
	font-size: 1em;
}

.teamPhotoWrapper {
	background-image: url("/_assets/images/headshots/headshots-2016-texture.jpg");
	float: left;
	width: 100%;
	min-width: 320px;
	margin-bottom: 20px;
}
.teamPhoto {
	width: 115px;
	float: left;
}
.teamTitle {	
	margin-left:115px;
	padding: 50px 20px 0 20px;
	text-align:left;
	color:#ffffff;
	font-size: .8em;
}
.teamTitle a {
	font-weight: 900;
	color: #ffffff;	
	font-size: 1em !important;
}
.teamProfilePhoto {
	float: right;
	padding: 0 40px 40px 40px;	
}

.toolsApp {
	background-image: url("/_assets/images/pt-icon-app.svg");
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 80px 0 20px;
	color: #ffffff	
}

.toolsNewsletter {
	background-image: url("/_assets/images/pt-icon-newsletter.svg");
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 80px 0 20px;
	color: #ffffff !important;
}

.toolsForms {
	background-image: url("/_assets/images/pt-icon-patient-forms.svg");
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 80px 0 20px;
	color: #ffffff;
}
.toolsVideoTraining {
	background-image: url("/_assets/images/pt-icon-video-training.svg");
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 80px 0 20px;
	color: #ffffff;
}
.footerCaption {
	font-size: .8em;
	border-top: solid #414141 1px;
	margin-top: 20px;
	padding-top: 30px;
}
.extraLargeButton {
	padding: 20px;
	font-size: 1.2em;
	text-transform:uppercase;
}
dialog, .reveal-modal, .reveal {
  overflow: auto;
  overflow-x: hidden;
  top: 10% !important;
  width: 90% !important;
  max-width: 600px;
  -webkit-overflow-scrolling: touch; 
}
.reveal p, .reveal li {
	font-size: .8em;
}
.testimonialsHeader {
	background-size:cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 300px;
	margin: 20px 0; 
}
.testimonialsTitle {
	font-family: 'Poppins', sans-serif; font-size: 1.6em; text-align:center; text-transform:uppercase; font-weight:300; margin: 0; color:#4D4D4D
}
.testimonialsType {
	font-family: 'Poppins', sans-serif; font-size: 1em; text-align:center; text-transform:uppercase; font-weight:300; margin: 0; color:#4D4D4D
}
.testimonalButtonImage {
	background-size:cover;
	background-position: top;
	height: 180px;
	margin-bottom: 15px;
}
.testimonialButton {
	margin-bottom: 40px;
}
.testimonalText {
	color: #4D4D4D;
	line-height: .6em;
}
.testimonalTextTitle {
	font-size: .9em;
	display: block;
	line-height: 1.0em;
}
.testimonalTextType{
	font-size: .7em;
	display: block;
	line-height: 1.1em;
}
.videoLogin {
	width: 175px;
	text-align:center;
	height: 100px;
	background-color: #EEEEEE;
	margin: 0 0 40px 20px;
	padding: 10px 5px;
	border: solid #dedee6 1px;
}
.videoLogin .button {
	margin-top: 10px;	
}
.videoLogin h7 {
	font-size: 1em;	
	font-weight: 500;
}

.imageFloatRight {
	padding: 0 0 40px 40px;
	float: right;
}
.imageFloatLeft {
	padding: 0 40px 40px 0;
	float: left;
}
.newsletterSignUp {
	background-image: url("/_assets/images/pt-icon-newsletter.svg");
	background-color: #0079c2;	
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 60px 0 20px;
	color: #ffffff !important;
	text-align: center;
}
.newsletterSignUp a {
	color: #ffffff !important;
}

#cEmail2 {
	border: solid red 1px;
	display: none !important;
}



.ptuPriceWrapper {border: solid #0079c2 2px; padding: 40px 20px; margin-bottom:40px}
.ptuPriceTitle 	{font-size: 1.6em; font-weight: 300; color: #0079c2}
.ptuPriceSubTitle 	{font-size: 1em; font-style: italic; margin-top: -4px;}
.ptuPricePoint	{color: #0079c2; font-size: 3.6em; font-weight: 300; margin-top: 6px;}
.ptuPricePointAnnual {}
.ptuPricePointCallout {font-size: .8em; font-style: italic; margin-top: -15px; margin-bottom: 9px}

.ptuAppImage {
	margin-bottom: -60px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	margin: 0 auto;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* RESPONSIVE - START --------------------------------------------------------------------------------- */


@media only screen and (min-width : 0px) and (max-width : 480px) {

	.mobileLogo {
		display: block;
		height: 75px;
		width: 100%;
		float: none;	
		background-image: url("/_assets/images/pt-logo-white-years.svg");
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center top;
		margin-top: 20px;
		margin-bottom: -80px;
	}
	#navBar {
		display: none;
	}
	.title-bar {
		display: block;
	}
	.homeHeader {
		height: 350px;
		background-size: 1200px 400px;
		background-position: center -50px;
		background-image:url(/_assets/images/masthead-medium.jpg);
	}
	.homeHeader h2 {
		font-size: 1.3em;
	}
	.homeHeader h1 {
		color: white;		
		font-size: 1.3em;
	}	
	.homeHeader p {
		font-size: 0.8em;
		padding: 0 8px;
	}
	.homeHeader .ptuButtonWhite {
		font-size: 1em;
		padding: 10px;
	}
	.contentHeader {
		height: 100px;
		background-position: center 0;
	}
	.contentHeader  .mobileLogo {
		margin-top: 10px;
	}
	#ptTwitter, #ptFacebook, #phoneNumbers, #toolbar {
		display: none;
	}
	.sectionWelcome  {
		margin: 0 0 -20px;
	}
	.sectionWelcome h1 {
		text-align:center;
		margin: -40px 0 20px;
		font-size: 1.6em !important;
	}
	.sectionPromos {
		text-align:center;
		padding: 0;
		font-size: 1.0em;
	}
	.sectionPromos p {
		font-size: .8em;
		padding-bottom: 10px;
	}
	.testimonialPromoImage img {
		height: 300px;
	}
	.imageFloatRight, .imageFloatLeft {
		float: none;
		width: 100%;
		padding: 20px 0;
	}
}
@media only screen and (min-width : 481px) and (max-width : 767px) {
	
	
	.mobileLogo {
		display: block;
		height: 75px;
		width: 100%;
		float: none;	
		background-image: url("/_assets/images/pt-logo-white-years.svg");
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center top;
		margin-top: 45px;
		margin-bottom: -80px;
	}
	#navBar {
		display: none;
	}
	.title-bar {
		display: block;
	}
	.homeHeader {
		height: 350px;
		background-size: 1200px 400px;
		background-position: center -50px;
		background-image:url(/_assets/images/masthead-medium.jpg);
	}
	.contentHeader {
		height: 100px;
		background-position: center 0;
	}
	.contentHeader  .mobileLogo {
		margin-top: 10px;
	}
	#ptTwitter, #ptFacebook, #phoneNumbers, #toolbar {
		display: none;
	}
	.homeHeader h2 {
		font-size: 1.4em;
	}
	.homeHeader h1 {
		color: white;				
		font-size: 1.4em;
	}	
	.homeHeader p {
		font-size: 0.9em;
		padding: 0 8px;
	}
	.homeHeader .ptuButtonWhite {
		font-size: 1em;
		padding: 10px;
	}
	.testimonialPromoImage img {
		height: 300px;
	}
	.imageFloatRight, .imageFloatLeft {
		float: none;
		width: 100%;
		padding: 20px 0;
	}
}
@media only screen and (min-width : 768px) and (max-width : 847px) {

		nav ul {
		list-style-type: none;
		margin: -20px 0 0;
		padding: 0;
		float: right;	
		margin-top: 0px;
		margin-right: 10px;
		color: #fff;
	}
	nav ul li {
		padding: 5px;
		margin: 0 1px;
	}
	nav ul li a {
		text-transform: uppercase;
		color: white;
		font-size: .65em;
		font-weight: 400;
	}
	.logo {
		height: 75px;
		width: 160px;
		float: left;	
		background-image: url("/_assets/images/pt-logo-white-years.svg");
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center top;
		margin-top: 25px;
	}
	.hompeagelogo {
		height: 75px !important;
		width: 160px !important;		
	}
	.homeHeader {
		height: 400px;
		background-size: 1200px 400px;
		background-position: center 0;
		background-image:url(/_assets/images/masthead-medium.jpg);
	}
	.homeHeader h2 {
		font-size: 1.8em;
		margin: 30px 0 0;
	}
	.homeHeader h1 {
		color: white;
		font-size: 1.8em;
		margin: 30px 0 0;		
	}
	.homeHeader .ptuButtonWhite {
		font-size: 1em;
		padding: 10px;
	}
	.imageFloatRight, .imageFloatLeft {
		float: none;
		width: 100%;
		padding: 20px 0;
	}
}
@media only screen and (min-width : 848px) and (max-width : 1024px) {
		nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: right;	
		margin-top: 60px;
		margin-right: 10px;
		color: #fff;
	}
	nav ul li {
		display: inline;
		padding: 5px;
		margin: 0 1px;
	}
	nav ul li a {
		text-transform: uppercase;
		color: white;
		font-size: .75em;
		font-weight: 400;
	}	
	.homeHeader {
		height: 440px;
		background-size: 1800px 538px;
		background-position: center 0;
		background-image:url(/_assets/images/masthead-medium.jpg);
	}
	.homeHeader h2{
		font-size: 2em;
		padding: 10px;
		margin-top: 30px;
	}
	.homeHeader h1{
		color: white;
		font-size: 2em;
		padding: 10px;
		margin-top: 30px;
	}	
}
/* Instagram CSS */

    /* 1. THE GRID (Responsive Layout) */
    .row.insta-feed {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 20px 0;
        clear: both;
    }

    .testimonial-item {
        box-sizing: border-box !important;
        padding: 10px !important;
        margin-bottom: 20px;
        /* Ensures the column doesn't collapse before the script loads */
        min-height: 400px; 
    }

    /* Desktop: 3 Cols | Tablet: 2 Cols | Mobile: 1 Col */
    @media only screen and (min-width: 1025px) { .testimonial-item { width: 33.33% !important; } }
    @media only screen and (min-width: 641px) and (max-width: 1024px) { .testimonial-item { width: 50% !important; } }
    @media only screen and (max-width: 640px) { .testimonial-item { width: 100% !important; } }

    /* 2. THE CLEAN WRAPPER (No Cropping) */
    .insta-wrapper {
        width: 100%;
        max-width: 326px; /* Instagram's native width */
        margin: 0 auto;
    }

    /* Target the generated iframe to ensure it's centered and responsive */
    .instagram-media {
        margin: 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        /* Removes any shadow/border if you want a flatter look, or leave as is */
        border: none !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    }