﻿/* ======= Font Face Declarations ==================================================================================== */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 22, 2016 */
@font-face {
  font-family: 'latobold';
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-bold-webfont.eot");
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-bold-webfont.woff2") format("woff2"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-bold-webfont.woff") format("woff"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-bold-webfont.ttf") format("truetype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight';
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-light-webfont.eot");
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-light-webfont.woff2") format("woff2"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-light-webfont.woff") format("woff"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-light-webfont.ttf") format("truetype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-light-webfont.svg#latolight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoregular';
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-regular-webfont.eot");
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-regular-webfont.woff2") format("woff2"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-regular-webfont.woff") format("woff"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-regular-webfont.ttf") format("truetype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latosemibold';
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-semibold-webfont.eot");
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/lato-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-semibold-webfont.woff2") format("woff2"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-semibold-webfont.woff") format("woff"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-semibold-webfont.ttf") format("truetype"), url("/_catalogs/masterpage/branding/_plugins/fonts/lato-semibold-webfont.svg#latosemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'rosarioregular';
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/rosario-regular-webfont.eot");
  src: url("/_catalogs/masterpage/branding/_plugins/fonts/rosario-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/_catalogs/masterpage/branding/_plugins/fonts/rosario-regular-webfont.woff2") format("woff2"), url("/_catalogs/masterpage/branding/_plugins/fonts/rosario-regular-webfont.woff") format("woff"), url("/_catalogs/masterpage/branding/_plugins/fonts/rosario-regular-webfont.ttf") format("truetype"), url("/_catalogs/masterpage/branding/_plugins/fonts/rosario-regular-webfont.svg#rosarioregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* == BASE FILES =============================================================================== */
/* normalize presets */
/* color presets */
/* font presets */
/* = MIXINS =============================== */
body {
  font-size: 150% !important;
  color: #333;
  font-family: "latoregular", Helvetica, Arial, sans-serif; }

img {
  max-width: inherit !important; }

label {
  font-weight: bold;
  margin-bottom: 5px !important; }

h1, h2, h3, h4, h5 {
  margin:0 !important;
  padding: 0;
  font-size: 1.2em !important; }

p {
  font-size: 1em !important; }

blockquote {
  font-size: 1em;
  padding: 20px;
  border: solid 1px #50b1e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #ebf6fe;
  margin: 20px; }

blockquote h1 {
  margin-top: 0px; }

blockquote.green {
  border-color: #628a2b;
  background-color: #ecf1e5; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul li {
    margin: 0;
    padding: 0 0px; }
.ms-rtestate-field ul{
	margin-left:10px;
}
.ms-rtestate-field ul li{
	font-size: 1.35em !important;
	color:#555;
	padding: 5px;
	padding-left:2em;
	text-indent:-1.2em;
}
.ms-rtestate-field ul li:before{	
  font-family: 'FontAwesome';
  content: '\f054';
  color: #50b1e5;
  padding-right: 10px; 
 }
.ms-rtestate-field ul ul li{
	font-size: 1em !important;
}
.ms-rtestate-field ul ul li:before{
	content: '\f101';
}
.btn-primary {
  background-color: #50b1e5 !important;
  border: solid 1px #50b1e5 !important;
  color: #fff !important;
  font-size: 18px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
.btn-primary:hover{
	background-color:#159ce4 !important;
}
.btn-primary.green {
  background-color: #8cc63f !important;
  border: solid 1px #8cc63f !important;
  color: #fff !important; }

a.btn-primary {
  padding: 5px 10px;
  text-decoration: none !important; }

.clear {
  clear: both; }

/* padding and colors */
.pad-right-5px {
  padding-right: 5px; }

.pad-left-5px {
  padding-left: 5px; }

.pad-top-5px {
  padding-top: 5px; }

.pad-bottom-5px {
  padding-bottom: 5px; }

.pad-all-5px {
  padding: 5px; }

.pad-right-10px {
  padding-right: 10px; }

.pad-left-10px {
  padding-left: 10px; }

.pad-top-10px {
  padding-top: 10px; }

.pad-bottom-10px {
  padding-bottom: 10px; }
.pad-bottom-25px {
  padding-bottom: 25px; }

.pad-all-10px {
  padding: 10px; }

.no-padding {
  padding: 0 !important; }

.bg-logoBlue {
  background-color: #50b1e5; }

.bg-logoGreen {
  background-color: #8cc63f; }

.bg-logoGray {
  background-color: #686c72; }

.bg-babyBlue {
  background-color: #cfeafd; }

.bg-blue {
  background-color: #50b1e5; }

.bg-green {
  background-color: #395117; }

.bg-gold {
  background-color: #fdbe13; }

.bg-pastelYellow {
  background-color: #fee7a9; }

.green {
  color: #395117; }

.blue {
  color: #50b1e5; }

.logoBlue {
  color: #50b1e5; }

.logoGreen {
  color: #8cc63f; }

.logoGray {
  color: #686c72; }

.red {
  color: #d43828; }

.dottedBorder {
  border-top: dotted 2px #465660;
  border-bottom: dotted 2px #465660;
  padding: 10px 0; }
  
.dottedBorder-bottom { 
  border-bottom: dotted 2px #465660;
 }

.grayBorder {
  border: solid 3px #efefef;
  border-radius: 5px; }

.border-left {
  border-left: solid 1px #61757c; }

.border-right {
  border-right: solid 1px #61757c; }

.contactUs {
  background-color: #ebf6fe;
  border-top: solid 1px #50b1e5;
  border-bottom: solid 1px #50b1e5;
  padding: 10px 0 0 0;
  margin: 0 0 15px 0;
  font-size: 0.9em;
  font-family: "latoregular", Helvetica, Arial, sans-serif; }

.contactUs div {
  width: 700px;
  margin: 0 auto;
  height: 50px; }

.contactUs .btn-primary {
  float: right;
  text-transform: uppercase;
  font-size: 1.2em !important;
  margin-top: 3px; }

.contactUs p {
  width: 550px;
  float: left; }

/* + MICROSOFT OVERRIDES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* general links */
a, .ms-link:visited {
  color: #686c72; }

a:visited {
  color: #333; }

.ms-accentText2 {
  color: #465660;
  text-transform: uppercase;
  font-family: "latobold", Helvetica, Arial, sans-serif;
  font-size: 1.2em; }

/* library and list quick commands */
/* TO-DO: create a grayscale spcommon.png file */
/*.ms-heroCommandLink, .ms-heroCommandLink:visited{
	color:$color-pure-black;
}*/
/* == SETTINGS PAGES ====================================================================== */
.ms-linksection-title {
  color: #000; }

.ms-core-menu-button .ms-menubuttonactivehover,
.ms-core-menu-button .ms-menubuttoninactivehover {
  background-color: #333; }

.ms-core-pageTitle, .ms-core-pageTitle a,
.ms-textXLarge, .ms-textLarge, .ms-textSmall, .ms-textMedium,
.ms-metadata, .ms-descriptiontext, .ms-secondaryCommandLink,
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
  font-family: "latoregular", Helvetica, Arial, sans-serif, Helvetica, Tahoma, sans-serif; }

/* Site Settings page */
table.ms-propertysheet {
  padding: 0 15px;
  width: 95%; }

table.ms-propertysheet fieldset {
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  min-width: -webkit-min-content;
  border-width: 2px;
  border-style: groove;
  border-color: threedface; }

.ms-siteSettings-root {
  padding: 0 20px; }

h3.ms-linksection-title {
  font-family: "rosarioregular", "Trebuchet MS", Helvetica, sans-serif;
  padding: 5px 0;
  font-weight: bold; }

/* == RIBBON ======================================================================================= */
/* top ribbon, usually blue */
#suiteBarLeft {
  background-color: #333; }

#suiteBarRight, #globalNavBox {
  background-color: #efefef; }

.ms-cui-topBar2 {
  border-bottom-color: #efefef; }

/* == SEARCH ================================================================================ */
.searchRow {
  background-color: #465660;
  color: #fff;
  padding: 5px; }

.ms-srch-sb-searchLink {
  text-decoration: none !important; }

.clientContact {
  padding: 10px 0 0 10px; }

.searchRow a, .searchRow a:visited {
  color: #fff; }

.searchRow a:hover {
  color: #cfeafd; }

.ms-srch-sb-border:hover, .ms-srch-sb-borderFocused, .ms-srch-sb.ms-srch-sb-border:hover {
  border-color: #465660;
  background-color: #61757c;
  transition: all .3s ease-in-out; }

.interiorBase .ms-srch-sb-borderFocused{
	background-color:transparent !important;
}
.ms-helperText, input.ms-helperText {
  color: #fff; }

.ms-srch-sb-border {
  border-color: #465660; }

.ms-srch-sb-navImg, .ms-srch-sb-searchImg {
  max-width: none !important;
  display: none; }

.ms-srch-sb > input {
  height: 35px;
  border: none; }

.ms-srch-sb > .ms-srch-sb-searchLink {
  background-color: #61757c;
  width: 35px;
  height: 35px; }

.ms-srch-sb > .ms-srch-sb-searchLink:after {
  font-family: "FontAwesome";
  color: #efefef;
  display: inline;
  content: "\f002";
  font-size: 24px;
  padding-left: 4px; }

.ms-srch-sb.ms-srch-sb-border:hover .ms-srch-sb > .ms-srch-sb-searchLink {
  background-color: #9796c9; }

/* search results */
#mainbody .ms-srch-siteSearchResults {
  padding: 0 20px; }

h3.ms-srch-ellipsis {
  font-family: "rosarioregular", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  color: #50b1e5;
  padding: 5px 0; }

h3.ms-srch-ellipsis a, h3.ms-srch-ellipsis .ms-link:visited {
  color: #395117; }

.searchbox div.ms-webpart-chrome {
  padding: 0 !important; }

/* == TOP NAV ======================================================================================= */
/* navigational links - top nav selected */
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link,
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited,
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link {
  color: #686c72; }

/* navigational links - top nav */
.ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited,
.ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited {
  color: #686c72; }

/* used by the Starter Publishing master page for fixed width display */
.customWidth {
  margin: auto; }

/* used to reset the ootb styles on the title row tag in the Starter Collab master page; used for the fullscreen button in SP */
#s4-titlerow {
  background-color: transparent;
  margin: 0;
  padding: 0;
  height: auto; }

#topnavbar {
  padding-top: /*18px;*/
  font-family: "latobold", Helvetica, Arial, sans-serif !important; }

#topnavbar .menu-item-text {
  font-family: "latobold", Helvetica, Arial, sans-serif !important; }

.navbar-default, .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none !important;
  border-color: transparent;
  background-color: transparent !important; }

@media screen and (min-width: 768px) {
  #topnavbar {
    margin: 15px 0px 0 0px; /*15px 40px 0 40px;*/ }

  #topnavbar .nav li.static {
    padding: 5px 20px 5px 15px;
    height: 35px;
    border-left: solid 1px #61757c;
    text-transform: uppercase; }

  #topnavbar .nav li.static:first-child {
    border: none; }

  #topnavbar .nav li.static > .menu-item {
    padding: 0; }

  #topnavbar .nav li.static > ul.dynamic {
    text-align: left !important;
    width: 230px !important;
    border: solid 1px #61757c;
    background-color: #61757c; }

  #topnavbar .nav li.static:nth-child(even) > ul.dynamic {
    width: 692px !important; }

  #topnavbar .nav ul.static > li.dynamic-children > ul.dynamic {
    top: 35px !important; }

  #topnavbar ul.dynamic > li, #topnavbar .nav li.static > ul.dynamic > li > ul {
    border: none;
    background-color: #61757c; }

  #topnavbar .nav li.static > ul.dynamic > li.dynamic {
    display: inline-block;
    list-style-type: none;
    float: left !important;
    font-family: "latobold", Helvetica, Arial, sans-serif;
    font-size: 1em !important;
    text-transform: none;
    width: 230px; }

  #topnavbar .nav li.static:hover ul li:hover {
    width: 100%; }

  #topnavbar .nav li.static:nth-child(even) ul li:hover {
    width: 230px; }

  #topnavbar .nav li.static:nth-child(even) > ul.dynamic > li.dynamic:hover,
  #topnavbar .nav li.static:hover,
  #topnavbar .nav li.static:hover ul li:hover {
    background-color: #465660;
    border: none;
    color: #fff !important; }

  #topnavbar .nav li.static:hover a, #topnavbar .nav li.static:hover, #topnavbar .nav li.static:hover .menu-item-text {
    color: #fff !important; }

  #topnavbar .nav li.static > ul.dynamic > li.dynamic:hover li a:hover,
  #topnavbar .nav li.static > ul.dynamic > li.dynamic:hover li a:hover .menu-item-text {
    background-color: #8cc63f;
    color: #333 !important; }

  #topnavbar .nav li.static > ul.dynamic > li.dynamic:nth-child(odd) {
    float: left !important; }

  #topnavbar .nav li.static > ul.dynamic > li.dynamic > ul {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important; }

  #topnavbar .nav li.static > ul.dynamic > li.dynamic > ul > li {
    font-size: 0.7em !important;
    font-family: "latoregular", Helvetica, Arial, sans-serif; }

  #topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background,
  #topnavbar .ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {
    background-image: none;
    padding-right: 0; }

  #topnavbar .ms-core-listMenu-horizontalBox li.static {
    font-size: 1.3em; }

  #topnavbar .nav li.static.dynamic-children.shown.hover {
    background-color: #465660;
    color: #fff; }

  #topnavbar .nav li.static.dynamic-children.shown.hover a {
    color: #fff; } }
@media screen and (max-width: 992px) {
  #topnavbar {
    /*margin: 0;
    padding: 0;*/ }

  .navbar-collapse {
    padding-left: 0; } }
.ms-listMenu-editLink {
  display: none !important; }

.logo {
  /*padding: 20px 10px 10px 10px;*/
  padding-top: 10px; 
}

/* == APP PARTS ================================================================================ */
/* promotional links web part */
.ms-tileview-tile-content {
  background-color: #333; }

/* app catalog icons */
.ms-storefront-appiconspan {
  background-color: #333; }

/* fix for icons because of boostrap */
.ms-vh-icon, .ms-vh-icon-empty, .ms-vh2-nofilter, .ms-vh2-nofilter-notextalign, .ms-vh2-nofilter-perm, .ms-vb-icon {
  padding: 0 !important; }

/* help icon bootstap cut-off fix */
#ms-help a span {
  height: 36px !important;
  width: 36px !important; }

/* == LEFT NAV ==================================================================================== */
.sidebar-nav {
  display: none; }

/* fix for horizontal scrollbar because of bootstrap */
#main .container-fluid .row {
  margin: 0; }

#mainbody .row {
  margin: 0 -15px; }

#mainbody {
  padding: 0; }

/* == WEBPARTS AND CONTENT AREA ================================================================== */
.featureText {
  display: none; }

.homePage .featureText {
  display: block; }

.homePage .featureText a:hover, .homePage .featureText a:visited {
  color: #fff !important;
  text-decoration: none; }

img[id*='ImageWebPart'] {
  width: auto !important;
  height: auto !important; }

.ms-WPBody a {
  text-decoration: underline;
  color: #0c8040; }

.ms-webpart-chrome-title {
  color: #465660;
  text-transform: uppercase;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  font-size: 1.5em; }

.right .ms-webpart-chrome-title, .right .ms-webpart-titleText.ms-webpart-titleText, .right .ms-webpart-titleText > a {
  /*padding-bottom:10px; removed to hide unnecessary spacing - charles lee on 12/23/2016 */
  font-size: 1.3em !important;
  word-wrap: break-word;
  text-overflow: initial;
  overflow: visible;
  text-align: left !important; }

.right nobr {
  white-space: normal !important; }

.fourColumns .ms-webpart-chrome-title {
  font-size: 1em !important;
  font-family: "rosarioregular", "Trebuchet MS", Helvetica, sans-serif !important;
  font-weight: bold; }

/* == editing panel == */
.editPanel {
  padding: 10px;
  background-color: #ebf6fe; }

.editPanel fieldset {
  border: solid 1px #50b1e5;
  padding: 10px;
  margin: 20px 0; }

.editPanel h1 {
  color: #628a2b;
  font-size: 1.5em !important;
  font-family: "rosarioregular", "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 10px; }

.editPanel fieldset h2 {
  color: #fff;
  font-size: 1.2em;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  margin: -20px 0 5px 0;
  background-color: #50b1e5;
  padding: 3px;
  width: 20%;
  text-transform: uppercase; }

div.ms-formfieldlabelcontainer span.ms-formfieldlabel, .ms-formfieldvaluecontainer {
  color: #465660;
  border: none; }

div.ms-formfieldlabelcontainer {
  font-weight: bold; }

.ms-formfieldvaluecontainer {
  padding: 0 0 15px 0; }

.ms-rte-border-field {
  border: solid 1px #efefef;
  background-color: #fff; }

input [title*="Feature Text"] {
  height: 150px; }

/* == RTE HEADINGS FOR EDITING ===================================================================== */
/* == RICH TEXT EDITING */
.ms-rtestate-field p {
  font-size: 1.35em !important;
  line-height: 1.5em;
  color: #555;
  margin-bottom: 15px; }

.ms-rtestate-field h1,
h1.ms-rteElement-H1 {
  font-size: 1.7em !important;
  font-family: "latobold", Helvetica, Arial, sans-serif;
  color: #686c72;
  text-transform: none;
  line-height: 1.1em;
  padding: 5px 0; }

.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
  font-size: 1.5em !important;
  font-family: "rosarioregular","Trebuchet MS", Helvetica, sans-serif;
  color: #50b1e5;
  font-weight: 400 !important; }

.ms-rtestate-field h3,
h3.ms-rteElement-H3 {
  font-size: 1.3em !important;
  font-family: "rosarioregular","Trebuchet MS", Helvetica, sans-serif;
  color: #61757c;
  font-weight: 700 !important; }

.ms-rtestate-field h4,
h4.ms-rteElement-H4 {
  font-size: 1.1em !important;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  color: #61757c;
  font-weight: normal !important; }

.ms-rtestate-field h5,
h5.ms-rteElement-H5 {
  font-size: 1em !important;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  color: #61757c;
  font-weight: bold !important; }

.ms-rtestate-field h6,
h6.ms-rteElement-H6 {
  font-size: .9em !important;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  color: #61757c;
  font-weight: bold !important; }

.ms-rtestate-field h1 a,
h1.ms-rteElement-H1 a,
.ms-rtestate-field h2 a,
h2.ms-rteElement-H2 a,
.ms-rtestate-field h3 a,
h3.ms-rteElement-H3 a,
.ms-rtestate-field h4 a,
h4.ms-rteElement-H4 a,
.ms-rtestate-field h5 a,
h5.ms-rteElement-H5 a,
.ms-rtestate-field h6 a,
h6.ms-rteElement-H6 a {
  color: #465660;
  text-decoration: none; }

.ms-rtestate-field h1 a:hover,
h1.ms-rteElement-H1 a:hover,
.ms-rtestate-field h2 a:hover,
h2.ms-rteElement-H2 a:hover,
.ms-rtestate-field h3 a:hover,
h3.ms-rteElement-H3 a:hover,
.ms-rtestate-field h4 a:hover,
h4.ms-rteElement-H4 a:hover,
.ms-rtestate-field h5 a:hover,
h5.ms-rteElement-H5 a:hover,
.ms-rtestate-field h6 a:hover,
h6.ms-rteElement-H6 a:hover {
  color: #50b1e5;
  text-decoration: none; }

/* == FRAMEWORK OR LAYOUT CLASSES ================================================================== */
/* == BASE FILES =============================================================================== */
/* normalize presets */
/* color presets */
/* font presets */
/* = MIXINS =============================== */
#s4-bodyContainer{
	padding-bottom:0px;
}
.mastfooter {
  background-color: #555;
  color: #fff;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  height: 100%; }
  .mastfooter h1 {
    padding: 15px 0 0 0 !important;
    white-space: nowrap;
    font-size: 1.2em; }

.mastfooter a, .mastfooter a:visited {
  color: #fff; }

.mastfooter a:hover {
  color: #cfeafd; }

.fatFooter {
  height: 225px; }

.fatFooter h1 {
  text-transform: uppercase; }

.footerFeatures {
  height: 100%;
  padding: 0 15px; }

.fatFooterLinks {
  background-color: #7f7e7e;
  height: 100%;
  padding: 0 15px 15px 0 !important; }
  .fatFooterLinks .row {
    width: 100%;
    margin: 0 auto; }
  .fatFooterLinks ul {
    margin-top: 10px;
    margin-bottom: 5px; }
  .fatFooterLinks li {
    list-style: none;
    white-space: nowrap;
    padding: 5px 0 0 0; }

.smallFooter {
  background-color: #04242f;
  height: 34px;
  padding-top: 7px;
  border-top: solid 1px #fff; }

.smallFooter .fa {
  font-size: 20px;
  padding: 0 10px;
  font-weight: normal; }

.fatFooter .post {
  clear: both; }

/* == STICKY FOOTER STUFF == */
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -250px;
  overflow: visible !important; }

.mastfooter, .push {
  height: 250px;
  clear: both; }

body #s4-workspace {
  margin-bottom: -250px;
  -webkit-overflow-scrolling:touch;
 }

/* == END STICKY FOOTER == */
/* == BLOG POSTS == */
#blogPosts {
  padding-top: 10px; }
  #blogPosts .miniCalDate {
    width: 45px;
    float: left; }
  #blogPosts .miniCalBody {
    margin-left: 50px;
    padding: 0 5px; }
  #blogPosts span {
    display: block; }
  #blogPosts a {
    line-height: 1em;
    display: block; }

/* == JOB OPENINGS == */
#jobOpenings {
  padding-top: 10px; }
  #jobOpenings .job {
    padding: 5px 0; }
  #jobOpenings .job:first-child {
    padding: 0; }
  #jobOpenings .jobDate {
    width: 100px;
    float: left; }
  #jobOpenings .jobTitle {
    margin-left: 103px; }

#contactUs {
  padding-top: 10px; }

/* == MEDIA QUERIES == */
@media screen and (max-width: 991px) {
  .mastfooter {  
    height: 340px; }
    .mastfooter .fatFooter, .mastfooter .fatFooterLinks, .mastfooter .fatFooterFeatures {
      height: 100%; } }
@media screen and (max-width: 767px) {
   .logocontainer{
		width:75% !important;
		z-index:99 !important;
	}
   .mastfooter {
    height: 630px; 
    }
.mastfooter .fatFooterLinks div div {
      border-top: solid 1px #fff;
      padding-bottom: 5px;
      }
    .mastfooter .socialMedia {
      /*padding-right: 15px;*/ } 
      .smallFooter{
		height:55px;}
      }
@media screen and (max-width: 376px) {
  .mastfooter {
    height: 620px; }
    .mastfooter .smallFooter {
      height: 65px; 
      }
    .mastfooter .socialMedia {
      position: relative;
      top: 10px;
      float: left !important; }
    
    .mastfooter .fatFooterLinks div div:first-child {
      border: none; } }
@media (max-width: 321px) {
  .mastfooter {
    height: 550px; }

  #footer {
    font-size: 1em !important; } }
/*
@media screen and (max-width:1365px){

  .wrapper {
    margin: 0 auto; }

  .mastfooter, .push {
 
   
    clear: both; }

  body #s4-workspace {
    margin-bottom: 0; }

  
  .fatFooter{
	 min-height:350px;
}
	 .fatFooterLinks h1{margin-top:10px;}
  .fatFooterLinks div{
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
	width:100%;
	border-top:solid 1px #efefef;
}
.fatFooterLinks div:first-child{
	border:none;
}
.fatFooterLinks li{font-size:0.8em;}
.fatFooter {
    height: 100%; }
    
  .footerFeatures h1 {
    margin-top: 20px; }

  #blogPosts, #jobOpenings, #contactUs {
    border-top: solid 1px #fff;
    margin-top: 10px; } 
}


@media screen and (min-width: 991px) {
  .mastfooter {
    height:100%; }

  .fatFooterLinks {
    display: none; }

  .smallFooter .socialMedia {
    position: relative;
    top: -17px; } 
    #blogPosts, #jobOpenings, #contactUs {font-size:0.8em !important;}
    }


@media screen and (max-width:420px){
    .smallFooter{height:125px;
        .col-md-4{padding-left:5px !important;}
    }
    .mastfooter {height: 100%;}
    .socialMedia {top:25px !important;float:left !important;padding-left:0;}
}*/
/* == MODULE/WEBPART CLASSES ======================================================================= */
/* == BASE FILES =============================================================================== */
/* normalize presets */
/* color presets */
/* font presets */
/* = MIXINS =============================== */
/* == MINI CALENDAR DISPLAY TEMPLATE == */
.miniCal {
  padding: 5px; }

.miniCal h2 {
  font-size: .9em;
  line-height: 1em;
  margin: 0;
  padding: 5px 0; }

.miniCalDate {
  max-width: 75px;
  font-weight: bold;
  text-align: center;
  font-size: .9em; }

.miniCalBody {
  vertical-align: middle;
  padding-left: 0 !important; }

.miniCalMonth {
  height: 20px;
  text-transform: uppercase;
  background-color: #50b1e5;
  color: #fff;
  padding-top: 3px; }

.miniCalDay {
  height: 25px;
  background-color: #fff;
  color: #465660;
  padding-top: 5px;
  border: solid 1px #50b1e5; }

.miniCalAuthor {
  font-size: .8em;
  font-style: italic; }

.tags, .tech {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #61757c;
  border: solid 1px #465660;
  margin: 5px;
  padding: 5px 15px;
  text-align: center;
  float: left; }

.tags a, .tags a:visited, .tech a, .tech a:visited {
  color: #fff !important;
  text-decoration: none !important; }

.tags:hover, .tech:hover {
  background-color: #465660; }

/* == BASE FILES =============================================================================== */
/* normalize presets */
/* color presets */
/* font presets */
/* = MIXINS =============================== */
.articleSummary {
  margin: 10px; }

.grid-item {
  padding: 7px;
  margin: .5em;min-height:auto;/*350px;*/border:1px solid #EEEEEE }
.footerRow .grid-item {min-height:100px;}
.grid-item .caseStudyItem.articleSummary{border:0px;padding:0px;}

.footerWhite .listItemDataContainer {/*min-height:300px;*/border:1px solid #EEEEEE;margin-bottom:20px;padding:10px;}
.footerWhite .listItemImgLink,.footerWhite h2.masonry-header{margin-left:auto;margin-right:auto;text-align:center}



.footerBlue .grid-item, .footerRow .grid-item{border:1px solid white;}
 
.grid-item .articleSummary a, .grid-item .articleSummary a:visited {
  color: #465660; }

.grid-item-height2 {
  min-height: 425px; }

.listItemContainer {
  width: 30%;
  float: left;
  margin: 0 15px; }

h2.listItemTopLine1 {
  /*font-weight: bold; removed it for consistency - charles lee on 12/18/16	*/
  text-transform: uppercase;
  /*font-size: 1.5em !important; removed it for consistency - charles lee on 12/18/16 */
  padding:10px 0px;
  font-family: "rosarioregular","Trebuchet MS", Helvetica, sans-serif; }

/* masonry display template options */
/* default */
.masonry-header {
  margin: 10px 0 !important;
  text-transform: uppercase;
  color: #465660;
  font-family: "latobold", Helvetica, Arial, sans-serif; }
.masonry-header a{
	color: #465660;
	text-decoration:none;
}
.masonry-header a:hover{
	text-decoration:underline;
}
.people.articleSummary.grid-item-height2 {
  min-height: 300px;}

.iconItem.articleSummary.grid-item-height2 {
  min-height: 300px;/*345px;*/ }

.iconItem {
  width: 300px !important; }

.contractItem .iconItem, .caseStudyItem .iconItem {
  width: 300px !important; }

.articleRollupImage {
  min-height: 50px; }

.articleSummary {
  /*margin: 0 20px 20px 0;*/ }

.partnerItem.articleSummary.grid-item-height2 {
  min-height: 300px;
  width: 300px; }

.partnerItem.articleSummary {
  padding: 20px;
  border: solid 1px #efefef; }

.partnerItem .articleRollupImage .img-responsive {
  margin-bottom: 25px; }

.caseStudyItem .articleRollupImage .img-responsive {
  border: solid 1px #efefef;
  width: 250px; }

.caseStudyItem.articleSummary {
 /* border-bottom: #50b1e5 solid 1px;*/
  margin: 7px;
  width: 250px;
padding:7px;border:1px solid #EEEEEE; }

.caseStudyItem.articleSummary.grid-item-height2 {
  min-height: 550px; }

.contractItem {
  padding: 10px;
  width: 200px; }

.contractItem.bg-blue {
  background-color: rgba(207, 234, 253, 0.8);
  border: solid 1px #50b1e5; }

.contractItem.bg-gold {
  background-color: rgba(253, 190, 19, 0.2);
  border: solid 1px #fdbe13; }

.contractItem.bg-green {
  background-color: rgba(140, 198, 63, 0.2);
  border: solid 1px #8cc63f; }

.contractItem.bg-gray {
  background-color: rgba(127, 126, 126, 0.2);
  border: solid 1px #555; }

.contractItem .articleSummaryText {
  background-color: #fff;
  padding: 10px;
  border: solid 1px #efefef;
  box-shadow: 2px 2px 3px #efefef; }

.serviceItem.articleSummary {
  background-color: #465660;
  text-align: center;
  min-height: 155px;
  width: 200px;
  margin: 5px; }
.serviceItem.articleSummary:hover{
	background-color: #61757c;
}
.serviceItem .articleSummaryText {
  margin: 0 20px; }

.serviceItem .grid-sizer {
  width: 200px; }

.grid-item .serviceItem.articleSummary a, .grid-item .serviceItem.articleSummary a:visited,
.serviceItem.articleSummary .masonry-header {
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
  text-decoration:none; }

.serviceItem .articleRollupImage {
  padding-top: 15px; }

.serviceItem .articleRollupImage .img-responsive {
  margin: 0 auto; }

.iconItem h2.masonry-header {
  min-height: 15px;
  max-width: 200px; }

/* Commented it out to make the web part header consistent with others - Charles Lee on 12/15/16
.servicesBlock h2.ms-webpart-titleText {
  margin: 5px 0;
  font-size: 1.1em !important;
  font-family: "rosarioregular", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  color: #61757c; }
*/
.servicesBlock .ms-webpartzone-cell {
  margin-bottom: 10px; }

.servicesBlock p:after {
  content: '' !important; }

/* == jobs display template == */
.jobDataContainer {
  border: solid 1px #686c72;
  border-radius: 3px;
  padding: 10px;
  min-width: 150px; 
  min-height:270px;}
.jobHeaderSection {
	min-height: 70px;
}
.jobDataContainer h3 {
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  font-size: 1em !important; 
  margin-top: 5px; }
.jobDataContainer .ms-textSmall
{
	color:#686c72;
}
.jobDataContainer .jobDescription {
  height: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px; }

.jobDataContainer .btn-primary {
  font-size: 0.8em !important;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  white-space: nowrap; }

.jobLink {
  padding: 10px 0;
  border-bottom: solid 1px #61757c; }
  .jobLink a {
    font-family: "latobold", Helvetica, Arial, sans-serif;
    color: #61757c;
    text-decoration: none !important; }
  .jobLink .jobPostDate {
    padding-left: 25px;
    font-size: 0.8em;
    font-style: italic; }

#benefits li {
	font-size:1em !important;
	padding: 5px;
	text-indent:0px;
	}
#benefits li:before {
  font-family: 'FontAwesome';
  content: '\f054';
  color: #50b1e5;
  padding-right: 10px; }

.interiorJobPosting .header {
  margin-bottom: 20px; }
.interiorJobPosting label {
  font-size: 1.2em; }
.interiorJobPosting h1 {
  padding-bottom: 20px;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  font-size: 2em !important; }
.interiorJobPosting h2 {
  font-family: "latoregular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  font-size: 1.2em !important;
  padding: 0;
  margin: 0 0 10px 0; }
.interiorJobPosting .skills, .interiorJobPosting .skills div {
  padding: 10px 10px 10px 0; }
.interiorJobPosting .benefits {
  padding-top: 30px; }

.bg-babyBlue.whatMakesPro {
  padding: 45px !important;
  height: 100%; }

.awardsRecognition {
  padding: 45px !important;
  min-height: 300px; 
  overflow:hidden;}

.whatMakesPro img {
  margin-top: 35px; }

.awardsRecognition img {
  margin: 20px; }

@media (min-width: 992px) and (max-width: 1280px) 
{
  .listItemDataContainer { min-height: 280px; } 
}

@media (min-width: 1024px) {
  img[src*='Rendition'] {
    width: initial !important; } }
@media (max-width: 769px) {
  .contactUs {
    display: none; }

  .clientContact {
    font-size: 1em !important; } }
@media (max-width: 376px) {
  .listItemDataContainer {
    min-height: 200px;
    margin: 10px 0 0 0; }

  .listItemDataContainer:first-child {
    margin: 0; }

  #topnavbar.navbar {
    z-index: 50;
    }

  

  #topnavbar ul, #topnavbar ul > li {
    border: none !important; }

  #topnavbar .ms-core-listMenu-item {
    background-color: #465660;
    color: #fff !important; }

  #topnavbar li.static > .menu-item, #topnavbar li.static > .menu-item, #topnavbar li.dynamic .menu-item {
    height: inherit;
    padding: 5px; }

  #topnavbar ul.dynamic > li .ms-core-listMenu-item {
    border: none;
    background-color: #61757c;
    color: #fff !important; }

  #topnavbar ul.dynamic > li a, #topnavbar ul.dynamic > li a:visited {
    color: #fff; }

  #topnavbar ul.dynamic > li > ul > li .ms-core-listMenu-item {
    background-color: #686c72; }

  .navbar-default .navbar-toggle {
    border-color: #465660;
    background-color: #465660; }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #50b1e5; }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #61757c; }

  #topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    background-image: none; }

  #topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:after {
    content: '\f078';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 0.8em !important;
    float: right; }

  #topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.shown .additional-background:after {
    content: '\f077'; }

  #topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.shown ul li .additional-background:after {
    content: ''; }

  .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    padding-right: 0; } }
@media (max-width: 321px) {
  body {
    font-size: 100% !important; } }
.patternRow {
  padding: 45px 150px; }

@media (max-width: 767px) {
	#s4-workspace{
		-webkit-overflow-scrolling:touch;
	}
  .patternRow {
    padding: 25px 65px; } 
    
    #topnavbar.navbar{
		
		margin-top:-55px;
		margin-bottom:0px;
}
	#topnavbar .nav ul.static {
		width:100%;
	    background-color: #465660;
	    border: solid 1px #7f7e7e;
	    padding: 5px; }   
	    
  #topnavbar .ms-core-listMenu-item {
    background-color: #465660;
    color: #fff !important; }
  .navbar-default .navbar-toggle {
    border-color: #465660;
    background-color: #465660; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #50b1e5; }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #61757c; }


    .topnavbarcontainer, .navbar-collapse, .navbar-collapse,#topnavbar {
		padding:0 !important;
	}
    #topnavbar li.static > .menu-item{
		padding-left:10px;
	}
	#topnavbar .ms-core-listMenu-item:hover{
		text-decoration:underline;
	}
}   

@media (max-width: 420px) {
  .patternRow {
    padding: 25px; } }
    
.plain,.alternative{	
	display:table-cell;
	padding:10px 10px;
}
.alternative{
	background-color:#ebf6fe;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}

[data-displaytemplate="photoDetail"] .articleSummaryText{
	/*position: absolutex;
    width: 190px;
    height: 70px;
    bottom: 27px;
    color: transparent;
    padding: 130px 10px 10px 10px;*/
    min-height:75px;
    padding:10px 0px;
}
[data-displaytemplate="photoDetail"] .articleSummaryText h2{
	padding-bottom:5px;
	font-weight:bold;
	font-size:1.3em !important;
}
[data-displaytemplate="photoDetail"] .persontitle
{
	max-width:200px;display: inline-block;
}
[data-displaytemplate="photoDetail"] .articleSummaryText a{	
    text-decoration:none;
}
[data-displaytemplate="photoDetail"] .articleSummaryText a:hover{
	text-decoration:underline;
	
}
[data-displaytemplate="photoDetail"]:hover .articleSummaryText{
	/*
	background-color:rgba(0, 0, 0, 0.4);
	color:#fff;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}
    */
 }   
[data-displaytemplate="photoDetail"]:hover .articleSummaryText a{
	/*
	color:#fff !important;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    */
}

/* Events - pcx_list_event.html	*/
.cbs-event a{
	display:block;	
	text-decoration:none;
}
.cbs-event a:hover{
	text-decoration:underline;
}
.cbs-event a:hover .cbs-date
{
	background: #159ce4 ;	
	
}

.block-events ul > li {
	padding: 5px;
	margin-bottom: 6px;	
}
[data-displaytemplate="Events"] .masonry-header{
	margin:0 0 10px 0px !important;
}
[data-displaytemplate="Events"] .articleSummaryText{
	display:table-cell;
}
.cbs-date {	
	float:left;
	text-align: center;
	color: #fff;	
	background: #50b1e5 ;
	padding: 12px 0px 12px 0px;
	text-transform: uppercase;	
	margin-left:30px;
}
.cbs-month{
	line-height:14px;
	font-size:14px;
}
.cbs-day{
	display: block;
	font-size: 25px;
	line-height: 25px;
	font-weight: 400;

}
