@charset "UTF-8";


/*Red is for the svg tags */

.borderRed {
	border: thin solid #F00;
}

.borderGreen {
	border: thin solid #0F0;
}

/*Blue is for the div fix tags */

.borderBlue {
	border: thin solid #00F;
}

.borderPink {
	border: 3px solid #F39;

}

.borderYellow {
	border: 1px solid #F39;

}

.backgroundCustom {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;

}


.bgGray {
	background-color: #666;
}

.bgWhite {
	background-color: #fff;
}

.shortDivFull {

	height: 100px;
}

.bgPosition {
	background-position: 50% 50%;

	
}


/*material icon sizes*/

.iconLargest {
  font-size: 27px;
  letter-spacing: -0.02em;
}


/*So this is a direct copy of css from the slides.css but I removed all the padding calculations and I can now make a full width responsive Div for using full width short divs within the slides - just not sure how it affecrs the rest of  the .wrap classes for the restof the site  ???

.container .wrap:not(.noSpaces), 
.container .wrap.spaceWrap,
.container .wrap .spaceWrap {
  padding: 0px;
}
*/


.topAlign {
	
	vertical-align: top;
	
}

/*.shadow { 
  cursor:crosshair; 
  -moz-box-shadow: -5px -5px 5px #f00;
  -webkit-box-shadow: -5px -5px 5px #f00;
  box-shadow: -5px -5px 5px #f00; 
}*/


/*Applying this class to the top and bottom panel does nothing because there is NO margin on these*/

.noMargin {
	margin: 0px;
	
}

/*Applying this class to the top and bottom panel removes the pre defined padding*/

.noPadding {
	
	padding: 0px;
}

p.largeTestimonial, .p.largeTestimonial {
  font-size: 19px;
  letter-spacing: -0.011em;
}

.blackText {
	
	color: #000;
}

/*STill not sure how this works but it's based on the Youtube video tutorial on teh class="scale" at the end..it says the padding value is what controls th scaling??? */
.svg-5 {
	
	padding-bottom: 28%;
	margin-bottom: 2px;	
	margin-top: 2px;
}

.material-icons.md-32 {
  font-size: 32px;
}





h2.telephone  {
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	background-image: url(../assets/svg/play-dark.svg);
}


.valign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}