.bodyClass { color: #606A6A; }

.SA { margin-top: 200px }

.SA .arrowSm { height: 16px; margin: -2px 4px 0 0; }
.SA .dropDownWithCaret select { width: 100%; background: #fff; background-color: #fff }
.SA select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.SA iframe { max-width: 100% }

.gutter { margin-right: -10px; margin-left: -10px }
.row.row-eq-height-container .col-md-6 { padding-bottom: 50px }
.row.row-eq-height-container .col-md-6 .btn-primary { margin-bottom: 20px }

.SA .GS { width: 80%; margin-left: 10%; margin-right: 10% }
.SA .GS article .row { width: auto !important; margin-left: 0; margin-right: auto; }
.SA .GS article .container { width: auto !important; padding-left: 0; padding-right: auto; }

.SA .btn { padding: 6px 22px }
.SA p, .SA ul, .SA ol { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }
.SA p.small { font-size: 12px; font-size: 1.2rem }
.SA a { text-decoration: none; }
.SA .img { max-width: 500px }
.SA .overallFrame { width: 100%; margin: 20px auto 60px auto; }
.SA article { /* width: 75%; */ float: left; margin: 0 20px 20px 0; }
.SA aside { /* width: 20%; */ float: left; margin: 20px 0 20px; }
.SA h1 { margin: .67em 0; text-align: left }
.SA h1 a { font-weight: normal }
.SA .landingIntro { text-align: left; }
.SA .landingIntro h1 { font-size: 3.5vw }
.SA .moduleHeading h1 { text-align: center; font-family: 'Fjalla One', sans-serif; 
	color: #0074ba; margin-bottom: 5px; font-size: 3.5vw; line-height: 1.2; text-align: left }

.SA .storyTitle { width: 100%; clear: both; }
.SA .storyTitle h2 { font-weight: 600; text-align: center; font-size: 55px; font-size: 5.5rem; }

.SA hr { float: left; width: 100%; border: 0; background: #e1e1e1; height: 1px; margin: 25px 0px; }
.SA .panel-primary { border-color: #249be2; }
.SA .panel-primary > .panel-heading { background-color: #005db9; border-color: #249be2; }
.SA .btn-primary { background-color: #005db9; color: white; border-color: #249be2; font-size: 20px; font-size: 2.0rem; font-weight: 500;
    border-radius: 20px; white-space: normal; transition: background-color 0.5s }
.SA .btn-primary:hover { background-color: #249be2; }
.SA .btn-wide { width: 100%; max-width: 540px; display: block; margin: 5px auto; }
.SA .shim { clear: both; }
.SA .focus.btn-primary, .btn-primary:focus { background-color: #005db9; }
.SA .CS_next:after { content: '\f054'; }
.SA	.CS_previous:after { content: '\f053'; }

.SA .gridColumnHeading, .SA .gridValue { margin-bottom: 7px }
.SA .gridColumnHeading { font-size: 16px; line-height: 56px; background-color: #e1e1e1; /* border: solid 1px #a7a7a7; */ }
.SA .gridValue { font-size: 16px; line-height: 56px; color: #005db9; background-color: #f6f6f6; /* border: solid 1px #a7a7a7; */ }
.SA .gridValue a { color: #005db9; }
.SA .gridValueAlt { font-size: 16px; line-height: 56px; color: white; background-color: #005db9; border: solid 1px #a7a7a7; }
.SA .gridValueAlt a { color: white; }

.SA .paging { text-align: center; margin-top: 10px; }
.SA .pagination>li>a, .SA .pagination>li>span { background-color: white; border-color: #005db9; color: #005db9; }
.SA .pagination>.active>a, .SA .pagination>.active>span, .SA .pagination>.active>a:focus, .SA .pagination>.active>span:focus, .SA .pagination>.active>a:hover, .SA .pagination>.active>span:hover { background-color: #005db9; color: white; }

/* ==========================================================================
    Button style
   ========================================================================== */

/* Gutters for bootstrap */

.SA .row-eq-height-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;    
    flex-wrap: wrap; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; }
.SA .row-eq-height-item { flex-grow: 1; }
.SA .gutter-5.row { margin-right: -2.5%; margin-left: -2.5%; padding-left: 30px }
.SA .gutter-5 > [class^="col-"], .SA .gutter-5 > [class^=" col-"] { padding-right: 2.5%; padding-left: 2.5%; padding-bottom: 2.5%; }

/* Search */
.SA .searchText { color: gray; }
.SA .searchHighlight { background-color: yellow; color:gray; }
.SA .searchTermInput { clear:both;  width:100%; }
.SA .searchTermLabel { }
.SA .searchButton { width:200px; }

/* Social media */
.SA .socialHolder nav { display: table; table-layout: fixed; width: 100%; margin: 20px 0; background: none; padding: 0; position: static; border-top: none; }
.SA .socialHolder nav ul { display: table-row; margin: 0; padding: 0; }
.SA .socialHolder nav ul li { list-style: none; display: table-cell; text-align: center; position: relative; }
.SA .socialHolder nav ul li a { display: block; line-height: 36px; color: #fff; min-height: 36px; }
.SA .socialHolder nav ul li#ma, .SA .socialHolder nav ul li#ma span  { background-color: #005db9; } 
.SA .socialHolder nav ul li#fb, .SA .socialHolder nav ul li#fb span  { background-color: #3b5998; } 
.SA .socialHolder nav ul li#tw, .SA .socialHolder nav ul li#tw span  { background-color: #4099ff; } 
.SA .socialHolder nav ul li#gp, .SA .socialHolder nav ul li#gp span  { background-color: #d34836; } 
.SA .socialHolder nav ul li#in, .SA .socialHolder nav ul li#in span  { background-color: #007bb6; } 
.SA .socialHolder nav ul li#pi, .SA .socialHolder nav ul li#pi span  { background-color: #C92228; } 
.SA .socialHolder nav ul li#ma span::after { border-top-color: #005db9; }
.SA .socialHolder nav ul li#fb span::after { border-top-color: #3b5998; }
.SA .socialHolder nav ul li#tw span::after { border-top-color: #4099ff; }
.SA .socialHolder nav ul li#gp span::after { border-top-color: #d34836; }
.SA .socialHolder nav ul li#in span::after { border-top-color: #007bb6; }
.SA .socialHolder nav ul li#pi span::after { border-top-color: #C92228; }
.SA .socialHolder nav ul li:hover a { background-color: rgba(0,0,0,0); }
.SA .socialHolder span { display: block; position: absolute; margin-top: -90px; left: 50%; width: 150px; margin-left: -75px; border-radius: 6px; opacity: 0; font-size: 0.8em; }
.SA .socialHolder li:hover span { opacity: 1; margin-top: -80px; }
.SA .socialHolder span::after { clear: both; display: block; position: relative; top: 8px; left: 50%; content: ""; height: 0; width: 0; padding: 0; margin: -8px; border: 8px solid transparent; }

/* Blogs */
.SA .BL .moduleHeading { padding-left: 20px }
.SA .BL article { margin-top: 0 }
.SA .BL .blogsContainer { margin: 0 auto; }
.SA .BL .blogListTextWrap { width: 100%; }
.SA .BL .blogListTextWrap h3 { margin-top: 0 }
.SA .BL .blogListTextWrap .btn-primary { max-width: 320px; margin-top: 25px; }
.SA .BL .dateStamp span, .SA .BL .authorStamp span { color: #005db9; }
.SA .BL .blogStory .blogImage { float: left;/*right*/ width: 30%;/*35%*/ margin: 0 25px 25px 0; background-size: 100% auto; background-position: center; }
.SA .BL .blogStory .stampsAndMore { margin-bottom: 10px; }
.SA .BL .storyWrap { margin-top: -7px; }
.SA .BL ol { width: 100%; margin: 0 auto; padding: 0; }
.SA .BL ol li { font-size: 1.1em; line-height: 1.5; list-style: disc; list-style-position: inside;  }
.SA .BL ol li strong { color: #005db9; }
.SA .BL .blogHolder h1 { margin-top: 0; }
.SA .BL .blogImage { height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 10px; }
.SA .BL .blogholder .col-md-3.col-sm-4 { float: left }

/* Cheer cards */
.SA .CC .overallFrame h2 { text-align: center; }
.SA .CC .overallFrame .btn-wide { width: 100%; max-width: 540px; display: block; margin: 5px auto; }
.SA .CC .dropDownWithCaret { max-width: 540px; margin-left: auto; margin-right: auto }
.SA .CC .cardsParent { width: 100%; max-width: 800px; height: 500px; left: 0; right: 0; margin: 0 auto; position: absolute; perspective: 800px; }
.SA .CC .card, .SA .CC .cardPreview { max-width: 100%; height: 100%; }
.SA .CC .card figure, .SA .CC .cardPreview figure { margin: 0; display: block; position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 1s; transition: transform 1s; }
.SA .CC .card .front, .SA .CC .cardPreview .front { opacity: 1; /* transform: 1s; */ border: solid 1px #606A6A; border-radius: 6px; height: 100%; text-align: center; overflow: hidden; }
.SA .CC .card .front img, .cardPreview .front img { height: 100%; max-width: 100%; }
.SA .CC .card .back, .SA .CC .cardPreview .back { background: #fff; border: solid 1px #606A6A; border-radius: 6px; height: 100%; padding: 1em; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.SA .CC .cheerCardTextBlockHolder { position: relative; width: 100%; height: 100%; }
.SA .CC .cheerCardTextBlock { position: absolute; display: table; width: 100%; height: 100%; }
.SA .CC .card .back p, .SA .CC .cardPreview .back p { text-align: center; display: table-cell; vertical-align: middle; margin-top: 100px; font-size: 1em; }
.SA .CC .card .back p span, .SA .CC .cardPreview .back p span { font-weight: bold; color: #005db9; }

.SA .CC .card.flipped .front, .SA .CC .cardPreview.flipped .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.SA .CC .card.flipped .back, .SA .CC .cardPreview.flipped .back { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.SA .CC .cheerCardsHolder { width: 100%; overflow: visible!important; }
.SA .CC .cheerCardsHolder #featured { width: 100%; overflow: visible!important; margin: 80px auto; margin-bottom: 25px; }
.SA .CC .cheerCardsHolder .CS_next { /* float: right; margin-left: 95%; */ position: absolute; right: 0; height: 500px !important; padding-top: 235px;  
	line-height: unset!important; color: #005db9; cursor: pointer; }
.SA .CC .cheerCardsHolder .CS_previous { float: left; height: 500px !important; padding-top: 235px; margin-right: 95%; 
	line-height: unset!important; color: #005db9; cursor: pointer; }
.SA .CC .cheerCardsHolder .CS_dots { position: absolute; text-align: center; width: 100%!important; top: 0px!important; margin-top: -40px; }
.SA .CC .cheerCardsHolder .CS_dots a { font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #005db9; display: inline-block; margin: 0 10px }
.SA .CC .cheerCardsHolder .CS_current { background: #000!important; }
.SA .CC .personalizeArea { display: none; }
.SA .CC .cheerCardPreview .cardsParent { position: relative; }
.SA .CC .cheerCardPreview h2 { margin-bottom: 25px; }

/* Calendar */

.SA .CL .container { width: 80%; margin-left: 10%; margin-right: 10% }
.SA .CL .moduleHeading { padding-left: 12px; }
.SA .CL .moduleHeading .col-lg-9.col-sm-9 { padding-left: 0 }
.SA .CL .moduleHeading h1 {  margin-bottom: 0; font-size: 60px; font-size: 6rem }
.SA .CL .storyTitle { padding-left: 15px }
.SA .CL .storyTitle h2 { text-align: left }
.SA .CL .registerTop { padding-bottom: 15px; float: right; height: 48px }
.SA .CL .registerTop .btn { margin-left: 15px; height: 48px; padding: 8px 22px; border-radius: 22px }
.SA .CL .registerBottom { padding-top: 15px; float: right; }
.SA .CL img.detail { float: left; margin-right: 25px; max-width: 300px; margin-bottom: 15px; }
.SA .CL { padding-left: 15px; }

.SA .CL .col-md-6 { border: solid 1px #005db9; border-radius: 6px; padding: 10px 20px 60px 20px; margin-top: 20px; 
	height:auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;
    -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; 
	flex-direction: column; max-width: 48%; margin-right: 2% }
.SA .CL .col-md-6 img { float:left; max-width:35%; width: 35%; margin-right: 3.5%; margin-bottom:3.5%; }

.SA .CL article, .SA .CL aside { display: inline-block; float: left }
.SA .CL article, /* .SA .CL .moduleHeading, */ .SA .sitemap .moduleHeading { width: 77%; margin-right: 5%; clear: both }
.SA .CL aside { width: 18% } 

/* .SA .CL aside .secNav img { max-width: 150px } *//* NO LONGER IN ASIDE */
	.SA .CL .calendarSearch { /*float: right;*/ text-align: right; /* margin-top: -57px; */ min-height: 65px; width: 100%; }
	.SA .CL .seccalendarSearchNav h3 { float: left; margin: 23px 15px 0 0; }
	.SA .CL .calendarSearch img { height: 60px }

/* FC calendar */

	.SA .CL .fc-right { visibility: hidden }
	.SA .CL .fc-event { color: #fff }
    .SA .CL .fc-view > table { background: transparent; }
    .SA .CL .fc-event, .SA .CL .fc-title { font-weight: 300 }
    .SA .CL .fc-day-grid-event .fc-content { white-space: normal }
    .SA .CL .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 2 }
    .SA .CL .fc-day-grid-event { border: 0; background-color: #fff; padding: 2px 4px; transition: background-color 0.5s }
    .SA .CL .fc-day-grid-event:hover { background-color: #249be2 }
    .SA .CL .fc-today-button, .SA .CL .fc-month-button { font-weight: 800; background: #fff; 
		border-top: 1px solid #ddd; box-shadow: none; color: #fff; 
        text-shadow: none; transition: background-color 0.5s }
    .SA .CL .fc-button-group .fc-button.fc-state-default { background: #fff; border: 1px solid #ddd; 
		margin-right: 4px; transition: background 0.5s }
    .SA .CL .fc-button-group .fc-button.fc-state-default:hover, .SA .CL .fc-today-button:hover, 
		.SA .CL .fc-month-button:hover 
        { background: #fff }
    .SA .CL .fc-unthemed th, .SA .CL .fc-unthemed td, .SA .CL .fc-unthemed thead, 
	.SA .CL .fc-unthemed tbody, .SA .CL .fc-unthemed .fc-divider, .fc-unthemed .fc-row, 
	.SA .CL .fc-unthemed .fc-popover { background-color: #fff; }

	.SA .CL .fc-day { border-top: 1px solid #eee }
	.SA .CL .fc-basic-view td.fc-day-number { border-top: 1px solid #ddd; border-right: 1px solid #ddd }
	.SA .CL .fc-unthemed td { border-right: 1px solid #ddd }

    .SA .CL .fc-today-button, .SA .CL .fc-month-button { font-weight: 800; background: #ccc; border: 1px solid #ddd; box-shadow: none; color: #fff; text-shadow: none; transition: background-color 0.5s; }
	
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover
    .SA .CL .fc-button-group .fc-button.fc-state-default:active, .SA .CL .fc-today-button:active, .SA .CL .fc-month-button:active 
        { background: #fff; outline: none }
    .SA .CL .fc-button-group .fc-button.fc-state-default:focus, .SA .CL .fc-today-button:focus, .SA .CL .fc-month-button:focus { outline: none }
    .SA .CL .fc-day-grid-event { background-color: #005db9; }
    .SA .CL .fc-icon { font-family: "Roboto Condensed", sans-serif; color: #777 }

/* Nursery */

.SA .ON .nurseryResults { padding-bottom: 20px; }
.SA .ON .nurseryResults img { width: 100%; }
.SA .ON .nurseryDetail img { width: 100%; padding: 5px 0px; }
.SA .ON .nurseryDetail .btn { margin-top: 15px; max-width: 100%; white-space: normal; }
.SA .ON .nurseryResults .row { margin: 10px; padding: 10px; }
.SA .ON .nurseryResults .row:nth-child(even) { background: #f0f0f0; border: solid #e1e1e1; }

/* Jobs */

.SA .JP .searchResults h1 { }
.SA .JP .detailHolder { border: solid 1px #ccc; margin: 10px auto; padding: 50px; width: 100%; }
.SA .JP .detailHolder h2 { margin-top: 0; }
.SA .JP .detailHolder .btn { margin-top: 15px; }

/* Gift Shop */
.SA .GS .moduleHeading h1, .SA .GS .landingIntro p { padding-left: 15px; padding-right: 15px }
.SA .GS .itemResult { border: solid 1px #ccc; border-radius: 6px; height: 250px; margin-bottom: 30px; overflow: hidden }
.SA .GS .itemResult img { width: 100%; padding-top: 20px; }
.SA .GS .itemResultText { margin-top: 40px; }
.SA .GS .itemResult h2, .SA .GS .itemResult h3 { margin: 5px 0 }
.SA .GS .itemResult h2 { font-size: 2.5rem }
.SA .GS .itemResultText a { color: unset; }
.SA .GS .itemDetail img { width: 100%; }
.SA .GS .itemDetail .btn { margin-top: 15px; }
.SA .GS .cartItems img { width: 100%; }
.SA .GS .cartItems input { width: 60px; display: inline-block; }
.SA .GS .cartItems .btn { display: inline-block; }
.SA .GS .cartTotals .btn { margin-top: 10px; width: 100%; white-space: normal; }

.SA .GS .orderPrint .item { margin-left: 0px; margin-bottom: 10px; }
.SA .GS .orderPrint .item div { font-weight: bold; }
.SA .GS .orderPrint .item span { font-weight: normal; width: 150px; display: inline-block; }
.SA .GS .orderPrint .totals { margin-left: 0px;  }
.SA .GS .orderPrint .totals div { font-weight: bold; }
.SA .GS .orderPrint .totals span { font-weight: normal; width: 150px; display: inline-block; }

/* Provider */

.SA .PD .providerResults h1, .SA .PD .providerResults h2 { text-align: left; }
.SA .PD .providerResults h1 { margin-top: 0; }
.SA .PD .providerResult img { width: 100%; }
.SA .PD .providerResults .providerResult:nth-child(even) { background: #f0f0f0; border: solid #e1e1e1; border-width: 1px 0; display: block; }
.SA .PD .providerResults .providerResult { padding: 20px 0; }
.SA .PD .providerResult .btn-wide { clear: both; margin-top: 10px; display: inline-block }
.SA .PD .providerImgHolder img { width: 100%; max-width: 150px }
.SA .PD .providerDetail .col-sm-4 { float: right }
.SA .PD .providerDetail h2 { font-size: 22px; font-size: 2.2rem; margin: 15px 0 2px 0 }
.SA .PD .providerDetail .accordion .ui-accordion-header.ui-accordion-header-active:before { margin-top: 8px }
/* PROVIDER SMALL IMAGE STYLING */
.SA .PD .providerResult img { max-width: 175px; margin-top: 10px; margin-left: calc(50% - 86px); margin-right: calc(50% - 86px); }
.SA .PD .providerResults h1, .SA .PD .providerResults h2 { text-align: left; margin-top: 0; }
.SA .PD .providerDetail h2 { font-size: 45px; font-size: 4.5rem; font-weight: 400 }
/* REVISIONS OF PROVIDER DIRECTORY TAGS (h1 = h2)(h2 = h3) */
.SA .PD .providerResult h2 a { color: #999; font-weight: 400; transition: color 0.5s }
.SA .PD .providerResult h2 a:hover { color: #005db9 }

/* News releases */
.SA .NR .moduleHeading, .SA .BL .moduleHeading, .SA .CL .moduleHeading { padding-left: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.SA .CL .moduleHeading { display: -webkit-box; }
/* .SA .NR .newsList a { color: unset; }
.SA .NR .newsItem a { color: unset; } */
.SA .NR .newsItem h4 { font-size: 20px; font-size: 2rem; text-transform: uppercase; margin: 8px 0 20px 0 }
.SA .NR .newsItem h5 { font-size: 20px; font-size: 2rem; font-style: italic; margin-bottom: 3px; margin-bottom: 8px }
.SA .NR img { max-width: 300px; }
.SA .NR img[data-id] { height: auto !important; }

/* Forms */

.SA .form-group { position: relative; }
.SA .form-control { color: #606A6A;	border: 1px solid #005db9; }
.SA .form-control:focus { border-color: #005db9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.75), 0 0 8px rgba(114, 175, 177, 0.6) }
.SA .dropDownWithCaret { background: #fff url(/images/dropdownicon.png) right top no-repeat; 
	overflow: hidden; margin-bottom: 10px; border-radius: 6px; border: 1px solid #005db9; }
.SA .dropDownWithCaret select { width: 112%; background: transparent; line-height: 100%; }
.SA .dropDownWithCaret select.form-control { border: none !important; }
.SA .fieldErrorMessage { position: absolute; top: 40px;	left: 20px;	opacity: 0.7; background-color: red; padding: 10px;	color: white; border-radius: 6px; box-shadow: 0 0 25px rgba(0,0,0,0.5);	z-index: 100; }
.SA .fieldErrorMessage::after {	color: red;	position: absolute;	top: -13px;	left: 50%; margin-left: -10px; content: '\25b2'; }

/* ----- Date Picker ----- */

.datePickerHolder { margin: 25px 0; }
.ui-datepicker { width: auto; min-width: 400px; height: auto; margin: 5px auto 0; 
	font: 9pt Arial, sans-serif; box-shadow: 0 0 10px rgba(0, 0, 0, .5);  background: #fff; }
.ui-datepicker a { text-decoration: none; }  
.ui-datepicker table { width: 100%; }  
.ui-datepicker-header { background: #005db9; color: #e0e0e0; font-weight: bold; text-shadow: rgba(0,0,0,.2); line-height: 30px; } 
.ui-datepicker-title { text-align: center; } 
.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }  
.ui-datepicker-prev:after { float: left; content: '\25C0'; position: relative; left: 10px; line-height: 30px; }  
.ui-datepicker-next:after { float: right; content: '\25b6'; position: relative; right: 10px; }
.ui-datepicker-prev:after, .ui-datepicker-next:after { color: #fff }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-state-hover { background: transparent!important; border: 0!important; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: -2px; }
		
/*--- Days Bar ---*/
.ui-datepicker thead {  
    background-color: #f7f7f7;  
    background-image: -webkit-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image:    -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image:     -ms-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image:      -o-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image:        -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));  
    background-image:         linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0 );  
    border-bottom: 1px solid #bbb; }

/*--- The days ---*/
.ui-datepicker th { text-transform: uppercase; font-size: 6pt; padding: 5px 0; color: #666666; text-align: center; text-shadow: 1px 0px 0px #fff; } 

.ui-datepicker tbody td {  padding: 0; border-right: 1px solid #bbb; }  
.ui-datepicker tbody td:last-child { border-right: 0px; }  
.ui-datepicker tbody tr { border-bottom: 1px solid #bbb; }  
.ui-datepicker tbody tr:last-child { border-bottom: 0px; }

/*--- Date (numbers) ---*/ 
.ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666; text-shadow: 1px 1px 0px #fff; } 
.ui-datepicker-calendar .ui-state-default {  
    background: tranparent;  
    /* background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ededed), color-stop(100%,#dedede));  
    background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: linear-gradient(top,  #ededed 0%,#dedede 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); */    
} 
.ui-datepicker-calendar td a { font-size: 20px; font-size: 2rem; margin: 1.5em 0 .25em 0; } 

.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-active { background: #005db9; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.2); } 

.date { float: left; margin: 25px 0; width: 100%; }
.date span.label { float: left; display: block; }
.dateValue { width: 30%; float: left; margin-right: 5%; }
.dateValue:last-of-type { margin-right: 0; }

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (max-width: 1600px) {
	.SA .CL .container { width: 90%; margin-left: 5%; margin-right: 5% }
}

@media only screen and (max-width: 1458px) {
    .SA main.CC { width: 80%; margin-left: 10%; margin-right: 10% }
    .SA .CC .dropDownWithCaret { margin-left: auto; margin-right: auto; }
	/* .SA main.CL { width: 90%; margin: 0 5% 40px 5% } */
    .SA .CL .fc-toolbar h2 { font-size: 3vw }
	.SA .CL article, .SA .CL .moduleHeading { width: 100%; margin-right: 0 }
	.SA .CL aside { width: 100% }
}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 1250px) {
    /* article { width: 70%; }
	aside { width: 25%; } */
	.SA .CL .moduleHeading h1 { font-size: 50px; font-size: 5rem; padding-left: 15px }
	/* .SA .CL .container { width: 100%; margin-left: 0; margin-right: 0 } */
	.SA .btn-primary { font-size: 16px; font-size: 1.6rem }	
	.SA .GS { width: 90%; margin-left: 5%; margin-right: 5% }
}

@media only screen and (max-width: 1200px) {
    /* .SA .container { width: 90%; margin-left: 5%; margin-right: 5% } */ /* needs to be repeated */
	.SA .CC .container { width: 100%; margin-left: 0; margin-right: 0 }
}

@media only screen and (max-width: 1100px) {
    .SA .CC .cardsParent { max-width: 600px; height: 375px; }
    .SA .CC .cheerCardsHolder .CS_next { padding-top:180px; }
    .SA .CC .cheerCardsHolder .CS_previous { padding-top:180px; }
	.SA .GS article { width: 100%; margin: 0; padding: 0 }
	.SA .GS aside { width: 100%; margin: 0 0 20px 15px; padding: 0 }
	.SA .GS .itemResult h2 { font-size: 2rem }
	.SA .GS .itemResult h3 { font-size: 3rem }
	.SA .GS .moduleHeading h1 { padding-left: 0; }
}

@media only screen and (max-width: 992px) {
	.SA .BL .blogholder .col-md-3.col-sm-4 { float: left }
	.SA .BL .blogImage { height: 230px; width: 230px; }
	.SA .CL h3 { font-size: 25px; font-size: 2.5rem }
	.SA .CL article { margin-top: 0; padding-top: 0 }
    /* article { width: 65%; }
	aside { width: 30%; } */
	.SA .btn-primary { font-size: 16px; font-size: 1.6rem; }
	.SA { margin-top: 100px }
	.SA .GS .moduleHeading h1 { font-size: 50px; font-size: 5rem; }
	.SA .NR h2 { font-size: 25px; font-size: 2.5rem }
	.SA .storyTitle h2 { font-size: 50px; font-size: 5rem; }
}

@media only screen and (max-width: 870px) {
	.SA .landingIntro h1 { font-size: 7vw; }
    .SA .CC .cardsParent { max-width: 400px; height: 250px; }
    .SA .CC .cheerCardsHolder .CS_next { padding-top:115px;  }
    .SA .CC .cheerCardsHolder .CS_previous { padding-top:115px;  }
    .SA .CL .itemContainer { max-width: 680px; }
	.SA .moduleHeading h1 { font-size: 50px; font-size: 5rem }
}

@media only screen and (max-width: 830px) {
	.SA .PD .providerDetail h2 { font-size: 35px; font-size: 3.5rem; }
    .SA .CL .itemContainer { max-width: 640px; }
	.SA .PD .col-sm-8, .SA .PD .col-sm-4 { width: 100% }
	.SA p, .SA ul, .SA ol { font-size: 1em; }
	.SA .PD .providerResult .btn-wide { margin-top: 10px; float: right; clear: both; max-width: 175px; }
	.SA .PD .providerResult .col-sm-3 { float: right; width: 175px }
	.SA .PD .providerResult .col-sm-9 { float: left; width: calc(100% - 195px) }
	.SA .PD .providerResult img { margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width: 800px) {
	.SA iframe { max-width: 100% }
    article, aside { width: 100%; float: none; }
	aside { padding: 0 15px; }
	.row gutter-5 .row-eq-height-container, div.row.gutter5.row-eq-height-container, .row-eq-height-container, .HL_TipsAndTools { max-width: 100% !important; display: block !important }
	.SA .row, .SA .gutter-5.row, .SA article, .SA .CL .moduleHeading,
	.SA .NR .moduleHeading
		{ max-width: 100%; width: 100%; margin-right: 0; margin-left: 0; display: block !important; padding-left: 0; padding-right: 0 } 
	.SA .CL .col-md-6, .SA .CL div.col-md-6.row-eq-height-item { max-width: 100%; width: 100%; margin-right: 0; margin-left: 0; display: block !important; }
	.SA .CL .calendarSearch .col-sm-6 { margin-left: -15px; margin-right: -15px }
	.SA .btn-wide { max-width: 100%; text-align: center }
	.SA .GS .moduleHeading h1 { padding-left: 15px; }
	.SA .CL .col-sm-12 { padding-left: 0; }
}

@media only screen and (max-width: 768px) {
	.SA .CL .calendarSearch .col-sm-6 { margin-bottom: 15px }
    .SA .overallFrame { width: 100%; margin: 10px auto; }
    .SA .dropDownWithCaret { background: #fff url(/images/dropdownicon.png) right top no-repeat; overflow: hidden; margin-bottom: 10px; }
    .SA .CC .cardsParent { max-width: 400px; height: 250px; }
    .SA .CC .cheerCardsHolder .CS_next, .SA .CC .cheerCardsHolder .CS_previous { padding-top:115px;  }
    .SA .CL .itemContainer { max-width: 520px; }
    .SA .GS .itemResult { height: auto; }
	.SA .storyTitle h2 { font-size: 45px; font-size: 4.5rem; }
	.SA .CL h3, .SA .CL .calendarSearch { text-align: left }
}

@media only screen and (max-width: 654px) {
    .SA .CL .itemContainer { max-width: 400px; }
    .SA .CL .fc-toolbar h2 { font-size: 4vw; margin-top: 20px }
	.SA .CL .secNav { float: left; text-align: left; margin-top: 15px }
	.SA .CL .secNav h3 { margin-top: 6px }
	.SA .CL .secNav img { height: 40px }
	.SA .CL .moduleHeading h1 { font-size: 40px; font-size: 4rem }
	.SA .CL .storyTitle, .SA .CL .moduleHeading h1 { padding-left: 0 }
	.SA .btn-primary { font-size: 16px; font-size: 1.6rem; }
	.SA .CC article h2 { font-size: 20px; font-size: 2rem }
	.ui-datepicker-calendar td a { font-size: 16px; font-size: 1.6rem; margin: .25em 0 .25em 0; }
	.SA .CL .moduleHeading .col-lg-3.col-sm-3, .SA .CL .col-sm-12 { padding-left: 0; padding-right: 0 }
}

@media only screen and (max-width: 550px) {
	/* Provider small image styling */
	.SA .PD .col-sm-3, .SA .PD .providerResult img, .SA .PD .providerResult .btn-wide { max-width: 145px }
	.SA .CL .itemContainer { max-width: 420px; }
}

@media only screen and (max-width: 500px) {
    .SA .CC .cardsParent { max-width: 300px; height: 187px; } 
    .SA .CC .cheerCardsHolder .CS_next, .SA .CC .cheerCardsHolder .CS_previous { padding-top:85px;  }
    .SA .CL .itemContainer { max-width: 300px; }
	.SA .PD .providerResult img, .SA .PD .providerResult .btn-wide { max-width: 125px; min-width: 124px; float: left }
	.SA .PD .providerResult .col-sm-3 { float: left; margin-bottom: 25px }
	.SA .PD .providerResult .col-sm-9 { clear: both; width: 100%;  }
	.SA .PD .providerResult h1 { font-size: 28px; font-size: 2.8rem }
	.SA .PD .providerResult h2 { font-size: 25px; font-size: 2.5rem }
	.ui-datepicker { min-width: 350px; }
	.SA .storyTitle h2 { font-size: 40px; font-size: 4rem; }
}

@media only screen and (max-width: 450px) {
	.ui-datepicker { min-width: 300px; }
	.GS .itemResult .col-xs-6 { width: 100%; text-align: center }
	.GS .itemResult { padding-bottom: 20px }
	
	.SA .BL .blogStory .blogImage { width: 100%; }
}

@media only screen and (max-width: 350px) {
	.ui-datepicker { min-width: 250px; }
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

}

/*
 ________
|   __|__| 
|  |__   | Coffey
|_____|  | Communications
|__|_____|

*/