/*Navigation bar styling*/


@media all and (min-width:768pt) {
		.narrownav {
			display: none;
		}
		
		.n, .s {
			float:left; 
			height: 44pt; 
			padding:0% 0.2%; 
			text-align:center; 
			line-height:44pt; 
			font-family: 'Open Sans', sans-serif;
			opacity: 1;
			margin-top: 0;
		}

        .widenav {
            background-color: rgb(1, 51, 101);
            width:100%;
            height: 44pt;
        }
}

@media all and (max-width:768pt) {
		.widenav {
			display: none;
		}
		
		.n, .s {
			width:100%;
			height: 60pt; 
			padding: 20pt; 
			text-align:center; 
			line-height:60pt; 
			font-family: 'Open Sans', sans-serif;
			opacity: 1;
			margin-top: 0;
			font-size: 45pt
		}	
}		


.n {
	background-color:rgb(1, 51, 101);
}

.s {
	background-color:rgb(140, 186, 227);
}		

.navlink:link {
	color:white; 
	text-decoration:none;
	display:block
}

.selectnavlink:link {
	color:rgb(1, 51, 101); 
	text-decoration:none;
	display:block
}

.navlink:visited {
	color:white; 
	text-decoration:none
}

.selectnavlink:visited {
	color:rgb(1, 51, 101); 
}


.n:hover{
	background-color:rgb(187, 214, 238); 
	color:rgb(1, 51, 101);
}


nav {
	top:0; 
	border: 0px solid white;
}


.VtrLogo {
float: left;
margin:8pt;
}

.AVSLogo {
float: right;
margin:8pt;
}

@media all and (max-width:768pt) {
    .AVSLogo {
        display: none;
    }
    .VtrLogo {        
        width: 95%;
        margin-top: 15pt;
        margin-left:4%;
        margin-right: 4%;
    }
}
	

/*General*/

@media all and (min-width:768pt) {
	.margin {
		margin-left: 15%;
		margin-right: 15%;
	}
	
	p {
		font-family: 'Open Sans', sans-serif; 
		font-size: 13pt;
	}
	
	h1 {
		font-family: 'Open Sans', sans-serif;
		font-size: 25pt;
		margin-top: 55pt;
        margin-bottom: 0pt;
	}
	
	
	h2 {
		font-family: 'Open Sans', sans-serif;
		font-size: 18pt;
		margin-bottom: 0px;
	}
	
	h3 {
		font-family: 'Open Sans', sans-serif;
		font-size: 13pt;
		margin-bottom: 10px;
		margin-top: 0px;
	}

    .mobilebanner {
        display: none;
    }
	
}

@media all and (max-width:768pt) {
	.margin {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	p {
		font-family: 'Open Sans', sans-serif; 
		font-size: 16pt;
	}
	
	h1 {
		font-family: 'Open Sans', sans-serif;
		font-size: 40pt;
		padding: 30pt 30pt;
        color: white;
	}
	
	
	h2 {
		font-family: 'Open Sans', sans-serif;
		font-size: 25pt;
		margin-bottom: 0px;
	}
	
	h3 {
		font-family: 'Open Sans', sans-serif;
		font-size: 16pt;
		margin-bottom: 10px;
		margin-top: 0px;
	}

    .mobilebanner {
        height: 120pt;
        width: 105%;
        background-color: rgb(1, 51, 101);
        margin-bottom: 30pt;
        white-space:nowrap;
    }

    .desktopheading {
        display: none;
    }
	
}




.textlink {
	color:black;
	text-decoration: underline;
}

.textlink:visited {
	color:black;
	text-decoration: underline;
}

.imglink {
	text-decoration:none;
}

@media all and (min-width:768pt) {

		ul li .textlink {
			color:black;
			text-decoration: underline;
			font-family: 'Open Sans', sans-serif;
			font-size: 13pt;
		}
		
		ul li .textlink:visited {
			color:black;
			text-decoration: underline;
			font-family: 'Open Sans', sans-serif;
			font-size: 13pt;
		}
		
		ul li {
			color:black;
			font-family: 'Open Sans', sans-serif;
			font-size: 13pt;
		}
}

@media all and (max-width:768pt) {
	
		ul li .textlink {
			color:black;
			text-decoration: underline;
			font-family: 'Open Sans', sans-serif;
			font-size: 16pt;
		}
		
		ul li .textlink:visited {
			color:black;
			text-decoration: underline;
			font-family: 'Open Sans', sans-serif;
			font-size: 16pt;
		}
		
		ul li {
			color:black;
			font-family: 'Open Sans', sans-serif;
			font-size: 16pt;
		}
}

.container {
	min-height: 100%;
	position: relative;
}
	

body {
	background-color:white;
	margin: 0pt;
	padding-bottom: 122pt;
	height: 100%;
}

ul {
	list-style-type: circle
}


@media all and (min-width:768pt) {
		.button {
			width: 75pt;
			padding:9pt;
			background-color:rgb(63, 106, 152);
			border-radius: 10pt;
			text-align: center;
			font-family: 'Open Sans', sans-serif;
            float: right;
		}
}

@media all and (max-width:768pt) {
		.button {
			width: 200pt;
			padding:20pt;
			background-color:rgb(63, 106, 152);
			border-radius: 10pt;
			text-align: center;
			font-family: 'Open Sans', sans-serif;
			font-size: 30pt;
            float: right;
		}
}

/*Home page text styling*/


@media all and (min-width:768pt) {

		.pair { 
			margin-top:10pt;
		}
					
		.pair .hometext {
			width:55%;
		}
					
		.tl .hometext {
			float:left;
		}
		
		.tr .hometext {
			float:right;
		}
					
		.pair .homeimg {
			width:40%;
			margin: 20pt 0;
			border-radius: 18pt;
			border: 7pt outset rgba(208,208,208,0.3);
		}
	
		.tl .homeimg {
			float:right;	
		}
		
		.tr .homeimg { 
			float:left;
		}	
			
		.clear {
			clear:both;
		}
		
		.partnerimg {	
			margin: 10pt;
		}
		
		.partners {
			text-align: center;
			margin-top: 20pt;
		}
		
		.homeimgmobile {
			display:none
		}

        .agenciesheading {
            text-align: center;
        }

        .homenews {
            background-color: rgba(111,168,220,0.22);
            margin-top:16pt;
	        padding:16pt;
            padding-top:4pt;
            border-radius: 15px;
            display: table;
            color: rgb(1,26,75)
        }
		
	}

@media all and (max-width:768pt) {
		
		/* mobile styling */
	
					
		p {			
			margin:24pt 0;
			font-size:16pt;
		}
				
		.pair { 
			margin-top:48pt;			
			margin-left:0;
			margin-right:0;	
		}
			
		.hometext {
		
		}
											
		.homeimgmobile {
			margin:18pt 0;
			width:100%;
			border-radius: 18pt;
			border: 18pt outset rgba(208,208,208,0.3);
		}
		
		.partnerimg {	
			padding-bottom: 50pt;
            margin-left: auto;
            margin-right: auto;
			display: block;
			width: 70%;
		}
		
		.partners {
			margin-top: 10pt;
			text-align: center;
		}
		
		.homeimg {
			display: none;
		}
		
		.clear {
			clear:both;
		}

        .agenciesheading {
            text-align: center;
            margin-top: 75pt;
        }

        .homenews {
            background-color: rgba(111,168,220,0.22);
	        margin-top:48pt;
            padding: 20pt;
            padding-top:10pt;
            color: rgb(1,26,75);
            border-radius: 15px;
            display: table;
        }
	
	}



/*About Page*/

@media all and (min-width:768pt) {

		.pair .icontext {
			width:90%;
		}
					
		.tr .icontext {
			float:right;
		}
					
		.pair .icon {
			width:7%;
		}
			
		.tr .icon { 
			float:left;
		}
		
        .icon {
			padding-top: 20pt;
		}
	}

@media all and (max-width:768pt) {

												
		.icon {
			margin:18pt 0;
			width:30%;
		}
		
		h1, h2 {
			margin: 24pt 0;
		}
				
	}




/*For Health Professionals AND Patients*/


.toggle {
	display: none;
}

.toggle:checked + label:before {
	content: "-";
}

@media all and (min-width:768pt) {

	h3 { 
		margin-bottom: 0;
	}

	.toggle + label {
		cursor: pointer;
		display: block;
		font-family: 'Open Sans', sans-serif;
		line-height: 16pt;
		margin-bottom: 4pt;
	}
	
	.toggle + label + div {
		display: none;
		margin-bottom: 8pt;
	}
	
	.toggle:checked + label + div {
		display: block;
		margin-left: 3%;
	}

	div.desc p {
		margin-top:0;
	}	
	
	.toggle + label:before {
		background-color: rgb(1, 51, 101);
		-webkit-border-radius: 8pt;
		-moz-border-radius: 8pt;
		border-radius: 8pt;
		color: white;
		content: "+";
	 	display: block;
		float: left;
		height: 15pt;
		line-height: 15pt;
		margin-right: 4pt;
		text-align: center;
		width: 15pt;
	}

	.patientimg {
		float: right;
		width: 35%;
		border-radius: 18pt;
		border: 7pt outset rgba(208, 208, 208, 0.3);
	}
	
	.patienttext {
		width: 60%;
		float: left;
		margin-top: none;
	}
}

@media all and (max-width:768pt) {

	.toggle + label {
		cursor: pointer;
		display: block;
		font-family: 'Open Sans', sans-serif;
		line-height: 30pt;
		margin-bottom: 10pt;
	}
	
	.toggle + label + div {
		display: none;
		margin-bottom: 7pt;
	}
	
	.toggle:checked + label + div {
		display: block;
	}
	
	.toggle + label:before {
		background-color: rgb(1, 51, 101);
		-webkit-border-radius: 0pt;
		-moz-border-radius: 30pt;
		border-radius: 30pt;
		color: white;
		content: "+";
	 	display: block;
		float: left;
		height: 30pt;
		line-height: 30pt;
		margin-right: 4pt;
        margin-top: 10pt;
		text-align: center;
		width: 30pt;
		font-size: 30pt;
	}
	
	.patientimg {
		width: 90%;
		border-radius: 18pt;
		border: 18pt outset rgba(208, 208, 208, 0.3);
	}

}

/*School Program*/

@media all and (min-width:768pt) {
		.schooltext {
			width:60%;
			float: left;
		}
					
		.schoolimg {
			width:35%;
			margin-top: 10pt;
			border-radius: 18pt;
			border: 7pt outset rgba(208, 208, 208, 0.3);
			float: right;
		}
}		

@media all and (max-width:768pt) {
		.schooltext {
			width:100%;
		}
					
		.schoolimg {
			width:90%;
			margin-top: 10pt;
			border-radius: 18pt;
			border: 7pt outset rgba(208, 208, 208, 0.3);
		}	
}	
		



@media all and (min-width:768pt) {

		.QnA {
			margin:0 15%;
			padding: 10pt;
		}
	
}

@media all and (max-width:768pt) {

		.QnA {
				margin:0 5%;
				padding: 3pt;
			}
			
		li {			
				font-size:16pt;
			}

}


.QnA:hover {
	background-color:rgba(170, 170, 170, 0.22);
}

h3 .QnA {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	margin-bottom: 5px;
}

.QnA:hover .Q {
	text-decoration: underline black 2px;
	color: black
}



/*Providers*/

@media all and (min-width:768pt) {

		.row {
			margin: 0 15%;
		}
		
		.testimonial {
			width: 30%;
			text-align: center;
			float:left;
			padding:8pt;
		}
		
		.quote {
			font-size:40pt;
			font-family: 'Secular One', sans-serif;
			margin: 0 auto;
			background-color: rgba(164, 210, 225, 0.8);
			height:70pt;
			max-width:70pt;
			border-radius:70pt;
			line-height:85pt;
		}

}

@media all and (max-width:768pt) {
		.testimonial {
			width: 100%;
			text-align: center;
			padding: 10pt;
		}
		
		.quote {
			font-size:50pt;
			font-family: 'Secular One', sans-serif;
			margin: auto;
			background-color: rgba(164, 210, 225, 0.8);
			height:60pt;
			max-width:60pt;
			border-radius:60pt;
			line-height:80pt;
		}
}		



/*Publications*/

@media all and (min-width:768pt) {

    .pub {
       background-color: rgba(111,168,220,0.22);
        padding: 16pt;
        display: table;
        border-radius: 15px;
        margin-bottom:2em;
    }

    .pair .newstext {
        width: 80%;
    }

    .tr .newstext {
        float: right;
    }

    .pair .newsimg {
        width: 18%;
    }

    .tr .newsimg {
        float: left;
    }

    .newsimg {
        padding-top: 10pt;
    }
}

@media all and (max-width:768pt) {

    .pub {
        background-color: rgba(111,168,220,0.22);
        padding: 16pt;
        display: table;
        border-radius: 15px;
        margin-bottom:4em;
    }

    .newsimg {
        display: none;
    }
}

/* Form */


label {
	padding: 8pt 4pt;
}

.dropdownQ {
	font-weight: bold;
	margin-left: 40pt;
}
		
@media all and (min-width:768pt) {		
		.form {
			border-radius: 5px; 
            background-color: rgba(111,168,220,0.22);
			padding: 15pt; 
			font-family: "Open Sans", sans-serif;
		}
		
		input[type=text] {
			width: 100%; 
			padding: 9pt 15pt; 
			margin: 6pt 0; 
			display: inline-block; 
			border: 1pt solid #ccc; 
			border-radius: 3pt; 
			box-sizing: border-box;
			font-size: 11pt;
		}
		
		input[type=radio] {
			height:12pt;
			width: 12pt;
		}
		
		textarea {
			width:100%;
			height: 50pt;
			font-family: "Open Sans", sans-serif;
			font-size: 11pt;
		}
		
		button[type=submit] {
			width: 30%; 
			background-color: rgb(1, 51, 101); 
			color: white; 
			padding: 11pt 15pt; 
			margin: 6pt 0; 
			border: none; 
			border-radius: 3pt; 
			cursor: pointer;
			font-family: "Open Sans", sans-serif;
		}

		
		button[type=submit]:hover {
			background-color: white; 
			color:rgb(1, 51, 101)
		}
		
		.dropdownQ {
			font-weight: bold;
			margin-left: 20pt;
		}
}

@media all and (max-width:768pt) {
		.form {
			border-radius: 5px; 
            background-color: rgba(111,168,220,0.22);
			padding: 15pt; 
			font-family: "Open Sans", sans-serif;
			font-size: 30pt;
		}
		
		input[type=text] {
			width: 100%; 
			padding: 30pt 15pt; 
			margin: 6pt 0; 
			display: inline-block; 
			border: 1pt solid #ccc; 
			border-radius: 3pt; 
			box-sizing: border-box;
			font-size: 30pt;
		}
		
		input[type=radio] {
			height:25pt;
			width: 25pt;
		}
		
		textarea {
			width:100%;
			height: 90pt;
			font-family: "Open Sans", sans-serif;
			font-size: 30pt;
			border: solid 1px rgba(170, 170, 170, 0.5);
		}
		
		
		button[type=submit] {
			width: 100%; 
			background-color: rgb(1, 51, 101); 
			color: white; 
			padding: 18pt 15pt; 
			margin: 6pt 0; 
			border: none; 
			border-radius: 3pt; 
			cursor: pointer;
			font-family: "Open Sans", sans-serif;
			font-size: 30pt;
		}

		
		button[type=submit]:hover {
			background-color: white; 
			color:rgb(1, 51, 101)
		}
		
		.dropdownQ {
			font-weight: bold;
			margin-left: 45pt;
		}
}

/* Contact Us */

@media all and (min-width: 768pt) {
		.portrait {
			width: 150pt;
			height: 150pt;
			border-radius: 50%;
		}
				
		.pair .portraittext {
			width:calc(95% - 150pt);
		}
					
		.tr .portraittext {
			float:right;
		}
					
				
		.tr .portrait { 
			float:left;
		}
}

@media all and (max-width:768pt) {
													
		.portrait {
			border-radius: 150pt;
			max-width: 150pt;
			margin: 5pt;
		}

}


/* Footer */

@media all and (min-width:768pt) {
    .updated p {
        text-align: center;
        margin-bottom: 0;
        font-size: 10pt;
        padding:24pt 0 12pt 0;
    }
}

@media all and (max-width:768pt) {
    .updated p {
        text-align: center;
        font-size: 9pt;
        padding:48pt 0 18pt 0;
    }
}

footer {
	position: absolute;
	width: 100%;
}

.foot {
	background-color: rgb(1, 51, 101);
	width: 100%;
	height: auto;
	text-align: center;
	bottom: 0;
	padding: 5pt 0;;
}


.footertext {
	color: white;
	font-size: 10pt;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	padding-top: 20pt;
}

.footerlinks {
			font-size: 10pt;
			padding-top: 30pt;
			color: white;
		}

.footerlink {
	text-decoration: none;
	color: white;
}

.footerlink:hover {
	text-decoration: underline;
	color: white;
}

@media all and (min-width:768pt) {
		.footimg {
			width: 60pt;
			float: left;
			margin: 0 10pt 0 0;
			padding-top: 10pt;
		}
			
}


@media all and (max-width:768pt) {
		.footertext {
			font-size: 30pt;
			padding-top: 0pt;
		}
		
		.foot {
			height: auto; 
			width: 105%;
		}
		
		.footimg {
			width: 120pt;
			margin: 0 10pt 0 20pt;
			padding-top: 10pt;
		}
		
		.footerlinks {
			padding-top: 0;
			font-size: 30pt;
		}
}


.input-validation-error
{
    background-color: #ffeeee;
    outline: 1px solid #ff0000;
}

.validation-summary-errors li {
    color:#cc0000;
}