@charset "UTF-8";
/* CSS Document */


/* Avant Garde Font Family */
@font-face {
    font-family: 'AVGarde-ExtraLight';
    src: url('../fonts/itcavantgardegothic-extralight-webfont.eot');
    src: url('../fonts/itcavantgardegothic-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-extralight-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-extralight-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-extralight-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-extralight-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-ExtraLightOblique';
    src: url('../fonts/itcavantgardegothic-extralightoblique-webfont.eot');
    src: url('../fonts/itcavantgardegothic-extralightoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-extralightoblique-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-extralightoblique-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-extralightoblique-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-extralightoblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-Book';
    src: url('../fonts/itcavantgardegothic-book-webfont.eot');
    src: url('../fonts/itcavantgardegothic-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-book-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-book-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-book-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-BookOblique';
    src: url('../fonts/itcavantgardegothic-bookoblique-webfont.eot');
    src: url('../fonts/itcavantgardegothic-bookoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-bookoblique-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-bookoblique-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-bookoblique-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-bookoblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-Medium';
    src: url('../fonts/itcavantgardegothic-medium-webfont.eot');
    src: url('../fonts/itcavantgardegothic-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-medium-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-medium-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-medium-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-MediumOblique';
    src: url('../fonts/itcavantgardegothic-mediumoblique-webfont.eot');
    src: url('../fonts/itcavantgardegothic-mediumoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-mediumoblique-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-mediumoblique-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-mediumoblique-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-mediumoblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-Demi';
    src: url('../fonts/itcavantgardegothic-demi-webfont.eot');
    src: url('../fonts/itcavantgardegothic-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-demi-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-demi-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-demi-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-demi-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-DemiOblique';
    src: url('../fonts/itcavantgardegothic-demioblique-webfont.eot');
    src: url('../fonts/itcavantgardegothic-demioblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-demioblique-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-demioblique-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-demioblique-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-demioblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-Bold';
    src: url('../fonts/itcavantgardegothic-bold-webfont.eot');
    src: url('../fonts/itcavantgardegothic-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-bold-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-bold-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-bold-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-BoldOblique';
    src: url('../fonts/itcavantgardegothic-boldoblique-webfont.eot');
    src: url('../fonts/itcavantgardegothic-boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-boldoblique-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-boldoblique-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-boldoblique-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-boldoblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-CondBook';
    src: url('../fonts/itcavantgardegothic-condbook-webfont.eot');
    src: url('../fonts/itcavantgardegothic-condbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-condbook-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-condbook-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-condbook-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-condbook-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-CondDemi';
    src: url('../fonts/itcavantgardegothic-conddemi-webfont.eot');
    src: url('../fonts/itcavantgardegothic-conddemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-conddemi-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-conddemi-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-conddemi-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-conddemi-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-CondMed';
    src: url('../fonts/itcavantgardegothic-condmed-webfont.eot');
    src: url('../fonts/itcavantgardegothic-condmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-condmed-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-condmed-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-condmed-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-condmed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AVGarde-CondBold';
    src: url('../fonts/itcavantgardegothic-condbold-webfont.eot');
    src: url('../fonts/itcavantgardegothic-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardegothic-condbold-webfont.woff2') format('woff2'),
         url('../fonts/itcavantgardegothic-condbold-webfont.woff') format('woff'),
         url('../fonts/itcavantgardegothic-condbold-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardegothic-condbold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* GLOBAL STYLES
-------------------------------------------------- */

body {
  font-family:'AVGarde-ExtraLight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size:100%; /* Transposes fonts in px to ems 1em = 10px, 2em = 20px, etc */
  color: rgb(76, 76, 76); /* CA-gray */
  margin-bottom: 30px;  /* Margin bottom by footer height */
  padding-top: 61px; /* Padding top by header height */
}

/* -------------------------- News Timeline  -------------------------- */
#socialTimeline {
  margin: 0 auto; 
}

/**** Filter/Layout Buttons ****/
.dpSocialTimeline_filter{
  margin: 0;
}
.dpSocialTimeline_filter button, 
.dpSocialTimeline_layout button {
  box-shadow: 0px 1px 1px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(34, 25, 25, 0.2);
  margin: 0px 8px 0px 0px;
  padding: 10px 14px;
}

div.dpSocialTimeline {
  margin-left:-20px;
}
div.dpSocialTimeline {
  margin-right:0px !important;
}
div.dpSocialTimelineContent, div.dpSocialTimelineContent img {
  border-top-right-radius: 20px;
}
div.modern div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineText {
  color: rgb(76, 76, 76); /* CA-gray */
  font-family: "AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em; /*12px*/
  font-style: normal;
  font-weight: normal;
  line-height:1.4;
  margin: 20px;
  padding: 0;
}
div.dpSocialTimelineContentFoot {
  border-bottom-left-radius: 20px;
}
div.modern div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentFoot {
  margin: 0px 20px;
}
div.modern div.dpSocialTimeline .dpSocialTimeline_item {
  border: 1px solid rgba(34, 25, 25, 0.4);
  border-top-right-radius: 20px;
    -webkit-top-right-radius: 20px;
    -moz-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
    -webkit-bottom-left-radius: 20px;
    -moz-bottom-left-radius: 20px;
  box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4);  
    -webkit-box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4);
  
  margin: 0px 0px 20px 20px;
}

div.modern div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentHead {
  /*background-image: linear-gradient(to bottom, #C8C8C8 0px, #E6E6E6 100%);*/
  /*background: rgb(254, 190, 15);*/ /* CA-yellow */
  	
	background: rgba(249,150,29,.8); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjk5NjFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlYmUwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(249,150,29,.8) 0%, rgba(254,190,15,.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(249,150,29,.8)), color-stop(100%,rgba(254,190,15,.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(249,150,29,.8) 0%,rgba(254,190,15,.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(249,150,29,.8) 0%,rgba(254,190,15,.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(249,150,29,.8) 0%,rgba(254,190,15,.8) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(249,150,29,.8) 0%,rgba(254,190,15,.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9961d', endColorstr='#febe0f',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

  border: 1px solid rgb(254, 190, 15); /* CA-yellow */ 
  border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
  border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
  color: #000;
  top:0;
  left:0;
}

div.modern div.dpSocialTimeline .dpSocialTimeline_item .user {
  color: rgb(76, 76, 76); /* CA-gray */
  font-family: "AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

div.modern .dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContent .dpSocialTimelineTwitterActions a {
  color: rgb(76, 76, 76); /* CA-gray */
  font-family: "AVGarde-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
div.modern div.dpSocialTimeline .dpSocialTimeline_item span.time {
  color: rgb(76, 76, 76); /* CA-gray */
  font-family: "AVGarde-Demi", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
}


/* -------------------------- SVG Icons  -------------------------- */

.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.icon-1x {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.icon-2x {
  width: 32px;
  height: 32px;
}
.icon-3x {
  width: 48px;
  height: 48px;
}
.icon-4x {
  width: 64px;
  height: 64px;
}
.icon-5x {
  width: 80px;
  height: 80px;
}
.icon-6x {
  width: 96px;
  height: 96px;
}
.icon-7x {
  width: 114px;
  height: 114px;
}
.icon-8x {
  width: 128px;
  height: 128px;
}

.icon-mail {
  /*fill: #000000;*/
}
.icon-upload {
  /*fill: #000000;*/
}
.icon-mobile {
  /*fill: #000000;*/
}
.icon-facebook {
  /*fill: #000000;*/
}
.icon-twitter {
  /*fill: #000000;*/
}
.icon-navicon {
  /*fill: #000000;*/
}


/* -------------------------- Top Nav -------------------------- */

#header {
  /*background-image: linear-gradient(#FAFAFA 0px, #DCDCDC 100%);*/
}

/* Right Nav */

.navbar-nav {
  z-index:1000;
}

/* Logo */
.navbar-brand {
    height: auto;
    padding: 10px;
    margin: 0 0 0 15px;
}

.navbar-nav > li > a {
  font-family: 'AVGarde-Book', Helvetica, Arial, sans-serif;
  font-size: 1.8em; /* 18px */
  font-style: normal;
  font-weight: normal;
  padding-bottom: 20px;
  padding-top: 20px;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  background: linear-gradient(to bottom, #C8C8C8 0px, #E6E6E6 100%) repeat scroll 0% 0% #AD2C1F;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25) inset;
  border-color: #888 #AAA #CCC;
  color: rgb(173, 44, 31);
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: rgb(173, 44, 31);
}

/* Toggle Menu */

/* Mobile Only */
.navbar-header {
  position:relative;
}

.navbar-toggle {
  border: 0 none;
  margin: 0 15px 0 0;
  position: absolute;
  top: 0; 
  bottom: 0;
  right:0; 
  padding: 0;
}


.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-toggle:hover .icon-navicon,
.navbar-toggle:active .icon-navicon,
.navbar-toggle:focus .icon-navicon {
    color: rgb(173, 44, 31);
}

/* -------------------------- Content -------------------------- */

#content {
  /*margin-top:30px;*/
  margin-bottom: 30px;
}
#filter-search {
  margin-bottom: 30px;
}


/* -------------------------- Home Page Carousel -------------------------- */

/* Carousel base class */
#homeCarousel.carousel {
  height: 500px;
  /*margin-bottom: 60px;*/
}

#homeCarousel .carousel-indicators {
    bottom: -40px;
}

#homeCarousel .carousel-indicators li {
    margin:0;
    width: 15px;
    height: 15px;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #CCC;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
#homeCarousel .carousel-indicators .active {
    width: 15px;
    height: 15px;
    background-color: rgb(173, 44, 31);
    border: 1px solid #CCC;
  }



/* Since positioning the image, we need to help out the caption */
#homeCarousel .carousel-caption {
  bottom:0;
  padding-bottom:0;
  z-index: 10;
  text-shadow: 0px 0px 2px #FFF;
}

#homeCarousel .carousel-caption h1 {
  color: rgb(173, 44, 31);
  font-family:'AVGarde-Demi', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
  font-size: 3em; /* 30px */
  font-style: normal;
  font-weight: normal;
  /*text-shadow: 0px 1px 2px rgba(251, 162, 25, 1);*/
  /*text-shadow: 0px 1px 2px rgba(173, 44, 31, 1);*/
  /*text-shadow: 0px 0px 2px #FFF;*/

}
#homeCarousel .carousel-caption p {
  color: rgb(75, 75, 75);
  font-family:'AVGarde-Book', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
  font-size: 1.8em; /* 18px */
  font-style: normal;
  font-weight: normal;
}
#homeCarousel .carousel-caption a.btn-primary {
  background-image: linear-gradient(to bottom, #FAFAFA 0px, #DCDCDC 100%);
  background-color: #E0E0E0;
  color:rgb(75, 75, 75);
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #CCC #AAA;
  border-radius: 10px;
  border-top-left-radius:0;
  border-bottom-right-radius:0;
  box-shadow: 0px 0px 1px #FFF inset;
}
#homeCarousel .carousel-caption a.btn-primary:hover {
  background: linear-gradient(to bottom, #C8C8C8 0px, #E6E6E6 100%) repeat scroll 0% 0% #AD2C1F;
  border-color: #888 #AAA #CCC;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25) inset;
  opacity: 1;
}
#homeCarousel .carousel-caption p > a.btn {
  font-family:'AVGarde-CondMed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.1em; /* 11px */
  font-style: normal;
  font-weight: normal;
}

/* Declare heights because of positioning of img element */
#homeCarousel.carousel .item {
  height: 500px;
  background-color: #F0F0F0;
}
#homeCarousel .carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 500px;*/
}
#homeCarousel .carousel-overlay {
  /*background-color: red;*/
  /*border: 1px solid red;*/

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  rgba(240,240,240,0) 0%, rgba(240,240,240,0.5) 10%, rgba(240,240,240,1) 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(10%,rgba(240,240,240,0.5)), color-stop(50%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(240,240,240,0.5) 10%,rgba(240,240,240,1) 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(240,240,240,0.5) 10%,rgba(240,240,240,1) 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(240,240,240,0.5) 10%,rgba(240,240,240,1) 50%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(240,240,240,0) 0%,rgba(240,240,240,0.5) 10%,rgba(240,240,240,1) 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */

  bottom: 0px;
  height:300px;
  position: absolute;  
  width: 100%;
}


/* -------------------------- Portfolio (Work) Carousel -------------------------- */

.media-boxes-filter li a {
	font-family: AVGarde-Book, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.media-boxes-filter li a.selected {
	background: rgb(173, 44, 31); /* red */
}

#grid .media-box-title {
	font-family: AVGarde-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#grid .media-box-text {
	font-family: AVGarde-Book, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Carousel base class */
#grid .carousel {
  /*height: 575px;*/
  /*max-width:575px;*/
  /*margin-bottom: 60px;*/
}

#grid .carousel-indicators {
    bottom: -40px;
}

#grid .carousel-indicators li {
    margin:0;
    width: 15px;
    height: 15px;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #CCC;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
#grid .carousel-indicators .active {
    width: 15px;
    height: 15px;
    background-color: rgb(173, 44, 31);
    border: 1px solid #CCC;
  }

/* Since positioning the image, we need to help out the caption */
#grid .carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
#grid .carousel .item {
  /*height: 575px;*/
  width:inherit;
  background-color: #FFF;
}
#grid .carousel-inner > .item > img {
  /*position: relative;*/
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 575px;*/
}

/* -------------------------- Body -------------------------- */

.marketing {
  margin-top: 60px;
  margin-bottom: 60px;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Modal Dialog
------------------------- */
.modal-dialog {
    height:auto;
    max-width: 575px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 0 0 30px 0; /* Space out the Bootstrap <hr> */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size:3em;
  font-family:"AVGarde-ExtraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-top: 40px;
  /*letter-spacing: -1px;*/
}

.featurette-heading .text-muted {
  font-family:"AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.featurette p.lead {
  font-size:1.8em; /* 18px */
}

.featurette p {
  font-size:1.4em; /* 14px */
}

/* -------------------------- Form -------------------------- */
#projectInfo label {
  font-family: "AVGarde-CondMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.4em; /* 14px */
  font-style: normal;
  font-weight: normal;
}
#projectInfo input {
  font-family:"AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em; /* 12px */
  font-style: normal;
  font-weight: normal;
}
#projectInfo select.form-control {
  font-family:"AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.2em; /* 12px */
  font-style: normal;
  font-weight: normal;
  padding: 12px;
}
#projectInfo select.form-control option {
  padding-top: 6px;
  padding-bottom: 6px;
}
#projectInfo #checkbox-group input[type="checkbox"] {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
#projectInfo .checkbox {
  font-family: "AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.2em; /* 12px */
  font-style: normal;
  font-weight: normal;
  margin-right: 10px;
}
#projectInfo .checkbox + .checkbox {
  margin-left: 0;
}
#projectInfo .help-block {
  font-family:"AVGarde-BookOblique", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em; /* 10px */
  font-style: normal;
  font-weight: normal;
}
#projectInfo textarea {
  font-family: "AVGarde-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.2em; /* 12px */
  font-style: normal;
  font-weight: normal;
}

/* Override feedback icon position */
#projectForm .dateContainer .form-control-feedback,
#projectForm .budgetContainer .form-control-feedback {
    top: 0;
    right: 55px;
}
#projectForm .budgetContainer span.input-group-addon {
	font-size:1.2em; /* 12px */
	padding: 6px 11px;
}

/* Error/Success Color Overrides */
#projectForm .has-error .control-label,
#projectForm .has-error .help-block,
#projectForm .has-error .form-control-feedback {
    color: rgb(173, 44, 31);
}

#projectForm .has-success .control-label,
#projectForm .has-success .help-block,
#projectForm .has-success .form-control-feedback {
    color: rgb(76, 76, 76);
}


/* -------------------------- PreFooter -------------------------- */

.prefooter {
  background: #AD2C1F;
  color:#FFF;
  padding:30px 0;
}

.prefooter h2 {
  font-family:'AVGarde-Medium', Helvetica, Arial, sans-serif;
  font-size:2.4em; /* 24px */
  font-style: normal;
  font-weight: normal;
}

.prefooter p {
  font-family:'AVGarde-Book', Helvetica, Arial, sans-serif;
  font-size:1.6em; /* 16px */
  font-style: normal;
  font-weight: normal;
}

.prefooter a.list-group-item {
  color:#fff;
  font-size:1.4em; /* 14px */
  font-style: normal;
  font-weight: normal;
}

.prefooter a.list-group-item svg {
  margin-right:10px;
}

.prefooter .list-group-item {
  background-color:transparent;
  border: 0 none;
}

.prefooter a.list-group-item:hover, 
.prefooter a.list-group-item:focus {
	background-color: transparent;
	text-decoration: underline;
}


/* -------------------------- Footer - Sticky -------------------------- */

footer {
  background-color: #333;
  bottom: 0;
  padding: 5px 0;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
footer > div > div > div {
  display:table;	
}
footer p {
  color:#FFF;
  font-size:1em; /* 10px */
  margin:0;
}
footer p > a {
  display: table;
}
footer p > a > svg {
  display: table-cell;
  vertical-align: middle;
}
footer p.pull-right {
  font-family:'AVGarde-Medium', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
footer a svg {
  margin-right:10px;
}
footer a {
   color: #FFF;
   text-decoration: none;
}
footer a:hover, 
footer a:focus {
    color: rgb(238, 238, 238);
    text-decoration: underline;
}




/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 480px) {
  footer .pull-right a:after {
    content:"Back to Top";
  }
}

@media (max-width: 480px) {
  #content .btn-group:first-child {
    width:100%;
  }
  .media-boxes-search {
    display:none;
  }
}

@media (max-width: 600px) {
  .media-boxes-filter li a{
    font-size: 11px;
    padding: 5px 7px;
  }
  .media-boxes-search {
    font-size: 11px;
    padding: 4px 7px;
  }
  div.dpSocialTimeline {
	margin-right:20px !important;
	overflow:visible !important;
  }
}

@media (max-width: 768px) {
  p.lead {
    font-family: 'AVGarde-Book', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;	
  }
  
  .prefooter a.list-group-item {
    font-family: 'AVGarde-Book', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;	
  }
  
  footer p {
    font-family: 'AVGarde-Book', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;	  
  }
  
  /* Change form input and text area to fit full-width 100% */
  #projectInfo input:not([type="checkbox"]),
  #projectInfo select,
  #projectInfo textarea,
  #projectInfo #checkbox-group,
  #projectInfo .help-block,
  #projectInfo .input-group {
    width: 100%;
  }

}

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  
  footer p {
	font-size:1.2em; /* 12px */
  }

}

@media (min-width: 992px) {

}