/* imports */


/* Images  */
img, object, embed, video {
	
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after { /* JA had this removed from css */
  content: "";
  display: table;
  clear: both;
}

/*  content within db responsive */

div{ /* Makes the divs visible */
	/*background-color: #E5E3E3;*/
	/*border: .1em solid #EF0B0B;*/
}

.wrapper {
	margin: 0 auto;
	padding: 0px;
	max-width: 95%;
}

/* grid */
.row {
	margin: 0 -10px;
	margin-bottom: 20px; /* JA had this commented out from css*/

}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
   padding: 0 10px; /*JA added the 0 in css  */
}

  .largepedtable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.medpedtable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.smallpedtable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


/* Responsive Photo Gallery */

.photogalleryContainer {
	overflow: hidden;
	text-align: center;
}

.photogalleryImagesContainer {
	display: inline-block;
	margin: 0 0 15px 14px;
	padding: 4px;
	text-align: center;
	border-radius: 2px;
	vertical-align: top;
}

.photogalleryimg {
	max-width: 300px;
	border-style: solid;
	border:2px solid #000000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(200, 153, 87, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(200, 153, 87, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(200, 153, 87, 0.75);
	margin-bottom:5px;

}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Back to Top  */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.6);
    width: 75px;
    height: 75px;
    display: block;
    text-decoration: none;
    text-align:center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0px;
    top: 30px;
    font-size: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(38, 39, 69, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 10px;
}

/* end back to top  */

@media all and ( min-width: 600px ) {
  
  .col-1 {
	margin:0.5%;
  }
  
  .col-2-3 {
    float: left;
    width: 65.66%;
    margin:0.5%;
  }
  .col-1-2 {
    float: left;
    width: 48%;
    margin:0.5%;
  }
  .col-1-3 {
    float: left;
    width: 32.33%;
    margin:0.5%;
  }
  .col-1-4 {
    float: left;
    width: 24%;
	margin:0.5%;
  }
  

  
  .col-3-4 {
    float: left;
    width: 74%;
	margin:0.5%;     
  }

  .col-1-8 {
    float: left;
    width: 25%;
  }
  .col-1-8:nth-child(4n+1) {
    clear: both;
  }  
  .detailsbody{
	padding: 1em;	
	}

}

@media all and ( min-width: 960px ) {
 
  .col-1-8 {
    width: 12.5%;
  }
  .col-1-8:nth-child(4n+1) {
    clear: none;
  }
 .largepedtable {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.medpedtable {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.smallpedtable {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
}



/* -----------------------------------
Form - narrow
----------------------------------- */

.row-form {
	clear: left;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 1em;
}

.label {
	display: block;
	margin: 0 0 .1em;
}

.input, .select, .textarea {
	width: 100%;
 /*width: 90%;*/
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: .3em;
}

.input, .textarea {
	padding: 5px;
}

.textarea {
	height: 150px;
}

.radio {
	margin-left: 1px;
	margin-right: .5em;
}

.form-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.btn {
	display: inline-block;
	margin: 0;
	padding: .5em .75em;
	border: 0;
	border-radius: .3em;
	color: #fff;
	background-color: #5F6192;
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.btn:focus {
	background-color: #5F6192;
}

.btn:hover {
	background-color: #262745;
}

.btn:active {
	background-color: #5F6192;
}

/* -----------------------------------
Form - wide
----------------------------------- */

@media (min-width:33em) {

.submission-form {
	max-width: 80em;
}

.label {
	float: left;
	width: 45%;
	margin: 0 2% 0 0;
	text-align: right;
}

.input, .select, .textarea {
	float: left;
	width: 51%;
}

.form-indent {
	margin-left: 17%;
	width: 80%;
}
}