/**
 * Two tier color selector function.
 * Pass in a key:value map and the color to use from that map. If the color has option defined by a map i.e. 
 * "red":("rgb": rgba(255 255 255), "hex": #hexcode ), pass in the name of that option. 
 * 
 * @param map $map
 * @base string $base
 * @option string $option
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
/**
 * Defines and media breakpoint
 *
 * @param string $size
 */
/**
 * Pushes element based on grid size
 *
 * @param number $colcount
 * @param number $n
 */
/**
 * Pulls element based on grid size
 *
 * @param number $colcount
 * @param number $n
 */
/**
 * Prepends cross browser prefix to CSS property
 *
 * @param [CSS Property] $cssProp;
 * @param $value
 */
/**
 * Cross Browser CSS transition mixin
 *
 * @param [int/float] $speed
 */
/**
 * Cross Browser CSS border-radius mixin
 *
 * @params [var ags] $radius;
 */
/* fontFace & fontFam Usage:
	( * ) Place all fonts (incl. cross browser options) into one folder "fonts/"

 	( 1 ) Import fonts from local folder ():
	@include fontFace('MyFontA_FontFamilyName', 'myFontA_file_prefix');
	@include fontFace('MyFontB_FontFamilyName', 'myFontB_file_prefix');
	...

	( 2 ) Include Font Family where needed:
	div {
		@include fontFam( 'MyFontA_FontFamilyName', 300, italic );
		@include fontFam( 'MyFontB_FontFamilyName', 600, bold );

		// or with default font-weight and style:
		@include fontFam( 'MyFontA_FontFamilyName' );
		@include fontFam( 'MyFontB_FontFamilyName' );
	}
*/
/** fontSize usage:
 * Sets default font sizes. If args provided, sets font size based on screen size.
 *
 * @param [CSS Unit of Measure] $unit,
 * @param int $lg
 * @param int $md
 * @param int $sm
 * @param int $xs
 */
/* line 1, ../sass/_updates.scss */
.home-hero-header {
  top: -80px;
  opacity: 0;
  transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
}
/* line 6, ../sass/_updates.scss */
.home-hero-header._show {
  opacity: 1;
  top: 0px;
}

/* line 13, ../sass/_updates.scss */
.home-hero .btn {
  bottom: -40px;
  opacity: 0;
  position: relative;
  transition: all 0.7s ease-in !important;
  -webkit-transition: all 0.7s ease-in !important;
  -moz-transition: all 0.7s ease-in !important;
  -o-transition: all 0.7s ease-in !important;
  -ms-transition: all 0.7s ease-in !important;
  transition-delay: 5s;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  -ms-transition-delay: 5s;
}
/* line 20, ../sass/_updates.scss */
.home-hero .btn._show {
  opacity: 1;
  bottom: 0px;
}

/* line 28, ../sass/_updates.scss */
.home-capabilities svg {
  position: relative;
  left: -80px;
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 35, ../sass/_updates.scss */
.home-capabilities h3 {
  opacity: 0;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  -ms-transition: all 0.7s ease-in;
}
/* line 42, ../sass/_updates.scss */
.home-capabilities .cd-col._show svg {
  left: 0px;
  opacity: 1;
}
/* line 47, ../sass/_updates.scss */
.home-capabilities .cd-col._show h3 {
  opacity: 1;
}

/* line 55, ../sass/_updates.scss */
.home-why-sra .container {
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 61, ../sass/_updates.scss */
.home-why-sra._show .container {
  opacity: 1;
}

/* line 68, ../sass/_updates.scss */
.home-thought-leadership .container {
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 74, ../sass/_updates.scss */
.home-thought-leadership._show .container {
  opacity: 1;
}

/* line 80, ../sass/_updates.scss */
.capabilities-hero {
  background-image: url(dist/images/newbg/SRA_Header_Images/Capabilities.jpg) !important;
}

/* line 86, ../sass/_updates.scss */
.capabilities-main .nav-item svg {
  left: -100px;
  position: relative;
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 94, ../sass/_updates.scss */
.capabilities-main .nav-item._show svg {
  left: 0px;
  opacity: 1;
}

/* line 112, ../sass/_updates.scss */
.about-hero {
  background-image: url(dist/images/newbg/SRA_Header_Images/About.jpg) !important;
}

/* line 117, ../sass/_updates.scss */
.about-main .col-lg-3 {
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 121, ../sass/_updates.scss */
.about-main .col-lg-3._show {
  opacity: 1;
}

/* line 128, ../sass/_updates.scss */
.about-pdf {
  padding: 30px 0px;
  text-align: center;
}

/* line 135, ../sass/_updates.scss */
.about-leaders .employee-info {
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 139, ../sass/_updates.scss */
.about-leaders .employee-info._show {
  opacity: 1;
}
@media all and (min-width: 992px) {
  /* line 144, ../sass/_updates.scss */
  .about-leaders .nav-item img {
    width: 100%;
  }
}

/* line 151, ../sass/_updates.scss */
.careers-hero {
  background-image: url(dist/images/newbg/SRA_Header_Images/Careers.jpg) !important;
}

/* line 156, ../sass/_updates.scss */
.careers-main .nav-item {
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
/* line 160, ../sass/_updates.scss */
.careers-main .nav-item._show {
  opacity: 1;
}

/* line 175, ../sass/_updates.scss */
.contact-hero {
  background-image: url(dist/images/newbg/SRA_Header_Images/Contact.jpg) !important;
}

/* line 183, ../sass/_updates.scss */
.events-hero {
  background-image: url(dist/images/newbg/SRA_Header_Images/Events.jpg) !important;
}

/* line 187, ../sass/_updates.scss */
.post-author {
  padding: 30px 0px;
}
/* line 190, ../sass/_updates.scss */
.post-author .author {
  width: 200px;
  height: 300px;
  display: inline-block;
  display: inline-block;
  vertical-align: top;
}
/* line 197, ../sass/_updates.scss */
.post-author .author .author-image {
  width: 200px;
  height: 275px;
  background-color: #fff;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
/* line 210, ../sass/_updates.scss */
.post-author .author .author-name p {
  font-size: 12px;
  font-weight: 700;
}