/* 
    
    CLINTON MEMORIAL 

    */

/* --------------- ADJUSTING FOR PAGES WITHOUT A SIDEBAR ------------------------------ */

	.SA article.noAside, .SA .CL article.noAside { width: 100% }
	.SA aside.noAside { display: none }
	.SA .PD article.noAside { width: 80%; margin-left: 10%; margin-right: 10% }

/* --------------- MAIN CONTAINER ---------------------------------------------------- */

	.SA main { margin-top: 130px; overflow-x: hidden }
	.SA main.CL, .SA main.PD { padding: 40px 0; max-width: 1200px; margin-left: auto; margin-right: auto; }
	.SA main.CC { width: 60%; margin-left: 20%; margin-right: 20% }
	.SA .container { width: 100% !important }	

	.SA .emptyDiv { display: none }
    .SA .container { margin-bottom: 60px } 
    .SA .input-lg, .SA .btn-lg { border-radius: 0 }

    .SA main { background-color: #fff }
    .SA article { margin: initial }
	.SA aside h3 { font-weight: 600; color: #6ca0d6; font-size: 30px; font-size: 3rem; }

    .SA a { text-decoration: none; font-weight: 700 }
	.SA a h1 { transition: color 0.5s }
	.SA a h1:hover { color: #8fc2e9 }
    .SA p { line-height: 1.7; margin: 0 0 15px 0; }
    .SA h1 { font-size: 60px; font-size: 6rem; color: #164d8d; }
	.SA ul { margin-left: 20px }
	.SA ol li { list-style-type: decimal }
    .SA .overallFrame { width: 100%; margin: 5px auto 40px 0; }
    .SA .landingIntro { margin-bottom: 50px; }
    .SA hr { float: left; width: 100%; border: 0; background: #888; height: 1px; margin: 25px 0px; }
    .SA .panel-primary { border-color: #888; }
    .SA .panel-primary > .panel-heading { background-color: #164d8d; border-color: #888; }
    .SA .btn-primary { background-color: #164d8d; color: white; border: 0; width: 100%; border-radius: 0; transition: background 0.5s; }
    .SA .btn-primary:hover { background-color: #1560b6; color: #fff !important; }
    .SA .btn-wide { width: 100%; /* max-width: 540px; */ display: block; margin: 5px auto; border-radius: 0  }
    .SA .shim { clear: both; }
    .SA .focus.btn-primary, .btn-primary:focus { background-color: #164d8d; }
    .SA .CS_next:after { content: '\f054'; }
    .SA .CS_previous:after { content: '\f053'; }
    .SA .gridColumnHeading { font-size: 16px; line-height: 56px; background-color: #164d8d; color: #fff; font-weight: 700 }
    .SA .gridValue { font-size: 16px; line-height: 56px; color: #164d8d; background-color: white; font-weight: 500  }
    .SA .gridValue a { color: #164d8d; }
    .SA .gridValueAlt { font-size: 16px; line-height: 56px; color: #164d8d;  background-color: #ddd; font-weight: 500 }
    .SA .gridColumnHeading, .SA .gridValue, .SA .gridValueAlt { }
    .SA .paging { text-align: center; margin-top: 10px; }
    .SA .pagination>li>a, .SA .pagination>li>span { background-color: white; border-color: #888; color: #164d8d; }
    .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: #164d8d; color: white; }

/* Search results */
    .searchResults h2 { padding-top: 25px; border-top: 1px solid #999; }
    .searchResults h2.searchHeader { font-size: 30px; font-size: 3rem; font-weight: 700 }
    .searchResults a { color: #164d8d; font-weight: 600; font-size: 20px; font-size: 2rem; transition: color 0.5s }
	.searchResults a:hover { color: #468bcc }
	.searchResults h2 + sub { display: none } /* REMOVES FIRST SUB TAG, WHICH CURRENTLY CONTAINS AN INACTIVE LINK */
	.searchResults { font-weight: 600 }

/* 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%; }
    .SA .gutter-5 > [class^="col-"], .SA .gutter-5 > [class^=" col-"] { padding-right: 2.5%; padding-left: 2.5%; padding-bottom: 2.5%; }

/* Social media */
    .SA .socialHolder nav { display: table; table-layout: fixed; width: 100%; margin: 20px 0; }
    .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: #42a3b3; } 
    .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: #42a3b3; }
    .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;  opacity: 0; }
    .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 .blogsContainer { margin: 0 auto; }
	.SA .BL .blogsContainer h1 { font-size: 40px; font-size: 4rem }
    .SA .BL .blogListTextWrap { width: 100%; }
    .SA .BL .blogListTextWrap .btn-primary { max-width: 320px; margin-top: 25px; }
    .SA .BL .dateStamp span, .SA .BL .authorStamp span { color: #164d8d; }
    .SA .BL .blogStory .blogImage { float: left; width: 35%; margin: 0 45px 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-position: inside;  }
    .SA .BL ol li strong { color: #164d8d; }
    .SA .BL .blogHolder h1 { margin-top: 0; }
    .SA .BL .blogImage { height: 200px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; margin-bottom: 10px; }

/* Cheer cards */
	/* .SA .CC .moduleHeading, .SA .CC .landingIntro, .SA .CC h2, .SA .CC .dropDownWithCaret { max-width: 800px; margin-left: calc(50% - 400px); margin-right: calc(50% - 400px); } */
	.SA .CC .moduleHeading, .SA .CC .landingIntro, .SA .CC h2, .SA .CC .dropDownWithCaret { max-width: 800px; margin-left: auto; margin-right: auto; }

    .SA .CC .overallFrame h2 { text-align: center; }
	.SA .CC .btn-wide { max-width: 800px }
    /* .SA .CC .dropDownWithCaret { max-width: 800px; margin-left: 90px } */
    /* .SA .CC .overallFrame .btn-wide { width: 100%; max-width: 800px; display: block; margin: 5px 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; border: solid 1px #888;  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-color: #fff; border: solid 1px #888;  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: #164d8d; }
    .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; right: 0; height:500px !important; padding-top:235px; padding-left: 45%; line-height: unset!important; color: #164d8d; cursor: pointer; }
    .SA .CC .cheerCardsHolder .CS_previous { float: left; height:500px !important; padding-top:235px; padding-right: 45%; line-height: unset!important; color: #164d8d; 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; background: #164d8d; display: inline-block; margin: 0 10px }
    .SA .CC .cheerCardsHolder .CS_current { background-color: #000!important; }
    .SA .CC .personalizeArea { display: none; }
    .SA .CC .cheerCardPreview .cardsParent { position: relative; }
    .SA .CC .cheerCardPreview h2 { margin-bottom: 25px; }

/* Calendar */
	.SA main.CL { width: 80%; margin: 150px 10% 40px 10%; max-width: initial }
    .SA .CL .registerTop { padding-bottom: 15px; float:right; }
    .SA .CL .registerBottom { padding-top: 15px; float:right; }
    .SA .CL img.detail  { float: left; margin-right: 15px; }
    .SA .CL .itemContainer { background: #fff; border: solid 1px #888;  padding: 10px; margin-top:3.5%; height:auto;
            display: block; 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; }

	.SA .CL article, .SA .CL aside { display: inline-block; float: left }
	.SA .CL article { width: 77%; margin-right: 5% }
	.SA .CL aside { width: 18% }

	.SA .CL aside .secNav img { max-width: 150px }
	
	/* EVENT TITLE - upcoming events page, detail page */
	.SA .CL .featured h2 a, .SA .CL .upcoming h2 a, .SA .CL .overallFrame h1, .SA .BL h1 a, .SA .BL .blogStory h1, .SA .BL .blogHolder h1 
		{ color: #164d8d; font-size: 30px; font-size: 3rem; font-weight: 700; transition: color 0.5s }
	.SA .CL .upcoming h2 a:hover, .SA .BL h1 a:hover { color: #468bcc }
	.SA .CL .col-sm-12 { margin-top: 20px }

    .SA .CL .gridValue.col-sm-9 {  margin: 7px 0 0 7px; border: 0; background-color: #eee; width: calc(75% - 7px); font-weight: 500 }
    .SA .CL .gridColumnHeading { clear: both; margin-top: 7px; border: none }
	
	/* SECTION TITLE */
    .SA .CL .overallFrame .upcoming h1 { font-weight: bold; color: #6ca0d6; text-transform: uppercase; font-size: 30px; font-size: 3.0rem; margin-bottom: 0 }
    /* .SA .CL .upcoming h2 { margin-top: 5px } */
	.SA .CL .upcoming .btn-primary { margin-top: 30px }
	.SA .CL .itemContainer img { float:left; max-width:35%; width: 35%; margin: 9px 3.5%; }
    .SA .CL .itemContainer .description { display: inline-block; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; 
        flex: 1 0 auto; }
    .SA .CL .itemContainer a { border:0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .SA .CL .itemContainer { display: block; } 
}
    .SA .CL .fc-toolbar h2 { font-size: 2vw }

/* 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 .btn { height: 46px; font-size: 18px; padding-top: 10px }

/* Jobs */
    .SA .JP .searchResults h1 {  }
    .SA .JP .detailHolder { border: solid 1px #888; margin: 10px auto; padding: 50px; width: 100%; }
    .SA .JP .detailHolder h2 { margin-top: 0; }
    .SA .JP .detailHolder .btn { margin-top: 15px; }
    .SA .JP .gridColumnHeading.col-sm-6, .SA .JP .gridValue.col-sm-6, .SA .JP .col-sm-6.gridValueAlt  
        { width: calc(50% - 4px); margin: 7px 0 0 0; border: 0 }
    .SA .JP .gridValue.col-sm-6 { background: #eee; }
    .SA .JP .col-sm-12 .col-sm-6:nth-child(odd) { margin-right: 7px } 

/* Gift Shop */
    .SA .GS .itemResult { border: solid 1px #888;  height: 200px; }
    .SA .GS .itemResult img { width: 100%; padding-top: 20px }
    .SA .GS .itemResultText { margin-top: 40px; }
    .SA .GS .itemResultText a { color: unset; }
    .SA .GS .categoryResults .col-sm-6 { margin-top: 20px }
    .SA .GS .itemDetail img { width: 100%; }
    .SA .GS .itemDetail .btn { margin-top: 15px; }
    .SA .GS .cartItems {  }
    .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 {  }
    .SA .GS .cartTotals .btn { margin-top: 10px; width: 100%; white-space: normal; }

/* Giving center */
    .GivingSelectionGrid { width: 100%; padding-top: 20px; }
    .GivingSelectionGrid ul { list-style: none; padding-left: 0; }
    .GivingSelectionGrid ul a { display: block; padding: 6px 0 6px 0; font-weight: 700; transition: color 0.5s }
    .GivingSelectionGrid li { float: left; padding: 0 15px 15px 0; }
    .GivingThumbnailText { background-color: #164d8d; padding: 10px 20px; width: auto; border: 1px solid #888; cursor: pointer; 
        text-align: center; overflow: hidden; text-overflow: ellipsis;  transition: background 0.5s; }
    .GivingThumbnailText:hover { background: #5c9de6 }
    .GivingThumbnailText:hover a { color: #fff }

/* Provider */
	/* .SA .PD .providerResult.row { margin: 0 } */
	.SA .PD .moduleHeading { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd }
    .SA .PD .providerResults h1, .SA .PD .providerResults h2 { text-align: left; }
	.SA .PD .providerResult h1, .SA .PD .overallFrame .col-sm-8 h1 { font-size: 36px; font-size: 3.6rem; margin-bottom: 8px }
	.SA .PD .providerResult h1 a { font-weight: 300; transition: color 0.5s }
	.SA .PD .providerResult h1 a:hover { color: #164d8d }
	.SA .PD h2 {  font-size: 22px; font-size: 2.2rem }

/* ACCORDION TURNED OFF */
	/* .SA .PD h2.ui-accordion-header { font-size: 20px; font-size: 2rem }
	.SA .PD h2.ui-accordion-header.ui-state-active,  .SA .PD h2.ui-accordion-header.ui-state-default { border: 0 } */ 
	/* .SA .PD .ui-helper-reset { margin-left: 20px; }
	.SA .PD .ui-accordion-content h2 { font-size: 22px; font-size: 2.2rem } */

	.SA .PD .addresses h2 { margin-top: 10px }
	.SA .PD .providerResults h2 { font-weight: 700; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; }
    .SA .PD h3 { font-size: 18px; font-size: 1.8rem; text-transform: uppercase; color: #6ca0d6 }
    .SA .PD .providerResult img { width: 100%; }
	.SA .PD .providerResult .row { background: #fcfcfc }
    .SA .PD .providerResult .col-sm-3, .SA .overallFrame .row .col-sm-4 { float: left }
    .SA .PD .at-share-btn-elements { margin-top: 20px; }
    .SA .PD .providerResults .providerResult:nth-child(even) { background-color: #eee; border: solid #888; border-width: 1px 0; display: block; }
    .SA .PD .providerResults .providerResult { padding: 20px 0; }
	.SA .PD .providerImgHolder { /* background: yellow; */ display: flex; margin-bottom: 30px }
    .SA .PD .providerImgHolder div { width: 100%; /* text-align: right */  }
    .SA .PD .providerImgHolder img {  }
	
/* Provider small image styling */
	.SA .PD .providerResult img, .SA .PD .providerResult .btn-wide, .SA .PD .providerImgHolder img { max-width: 175px; margin: 0; position right: 0 }
	
/* Provider directory detail */
	.SA .PD .providerDetail .col-sm-4 { float: right }
	.SA .PD .providerDetail h2 { font-weight: 600; font-size: 26px; font-size: 2.6rem; color: #6ca0d6; }
	
/* News releases */
	.SA .NR .newsList h2 a, .SA .NR .newsItem h2 a { font-size: 28px; font-size: 2.8rem; color: #164d8d }
	.SA .NR .newsList h2 a:hover, .SA .NR .newsItem h2 a:hover { color: #468bcc }
    .SA .NR .newsSummary h2 a { color: #164d8d; font-weight: 400; line-height: 1.3 }
    .SA .NR .newsSummaryUrgent h2 { color: #6ca0d6; }
	.SA .NR h4 { text-transform: uppercase; color: #777; font-size: 18px; margin: 25px 0; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #ccc }
	.SA .NR h4.moduleMain a { text-transform: none }
	.SA .NR h5 { font-weight: 600; font-size: 14px; font-size: 1.4rem; font-weight: 500; font-style: italic }
	/* .SA .NR .newsList { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } */

/* Forms */
    .SA .form-group { position: relative; }
    .SA .form-control { color: #164d8d; border: 1px solid #888; }
    .SA .form-control:focus { border-color: #888; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.75), 0 0 8px rgba(92, 157, 230, 0.6) }
    .SA .dropDownWithCaret { background-color: #fff; background-image: url(/images/dropdowniconsm.png); background-position: right top; 
		background-repeat: no-repeat; overflow: hidden; margin-bottom: 10px; border: 1px solid #888; }
	.SA .dropDownWithCaret .form-control { border: 0 }
    .SA .dropDownWithCaret select{ width: 110%; background: transparent; line-height: 100%; }
    .SA .dropDownWithCaretXs { background-color: #fff; background-image: url(/images/dropdowniconxs.png); background-position: right top; background-repeat: no-repeat;  overflow: hidden; margin-bottom: 10px;  }
    .SA .dropDownWithCaretXs select{ width: 115%; background: transparent; line-height: 100%; }
    .SA .fieldErrorMessage { position: absolute; top: 40px; left: 20px; opacity: 0.7; background-color: red; padding: 10px; color: white;  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; 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-color: #eee; color: #164d8d; 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 .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
    .ui-state-hover { background-color: 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: #eee;  
        background-image: -webkit-linear-gradient(top,  #eee 0%, #f1f1f1 100%);  
        background-image:    -moz-linear-gradient(top,  #eee 0%, #f1f1f1 100%);  
        background-image:     -ms-linear-gradient(top,  #eee 0%, #f1f1f1 100%);  
        background-image:      -o-linear-gradient(top,  #eee 0%, #f1f1f1 100%);  
        background-image:        -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#eee), color-stop(100%,#f1f1f1));  
        background-image:         linear-gradient(top,  #eee 0%, #f1f1f1 100%);  
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0 );  
        border-bottom: 1px solid #888; }

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

    .ui-datepicker tbody td {  padding: 0; border-right: 1px solid #888; }  
    .ui-datepicker tbody td:last-child { border-right: 0px; }  
    .ui-datepicker tbody tr { border-bottom: 1px solid #888; }  
    .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: #164d8d; text-shadow: 1px 1px 0px #fff; } 
    .ui-datepicker-calendar .ui-state-default {  
        background-color: #ededed;  
        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 .ui-state-hover, .ui-datepicker-calendar .ui-state-active { background-color: #5c9de6; 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; }



/*--- Searchable option list ---*/
@-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.2; } 100% { opacity: 1.0; } }
@-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.2; } 100% { opacity: 1.0; } }
@keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.2; } 100% { opacity: 1.0; } }
.sol-container * { margin: 0; padding: 0; }
.sol-inner-container { position: relative; height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius: 4px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s;
     -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; }
.sol-container.sol-active .sol-inner-container { z-index: 9999; background: #fff; border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); }
.sol-input-container { position: absolute; left: 0; top: 0; bottom: 0; right: 25px; }
.sol-caret-container { position: absolute; display: inline-block; width: 25px; right: 0; top: 0; bottom: 0; }
.sol-caret-container .sol-caret { position: relative; display: inline-block; left: 10px; width: 0; height: 0; vertical-align: middle; 
    border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.sol-input-container input[type="text"] { border: 0; background: transparent; box-shadow: none; color: #555; padding: 0 7px; outline: none; width: 100%; height: 100%; }
.sol-input-container input[type="text"]:-ms-input-placeholder { color: #ccc; }
.sol-input-container input[type="text"]::-ms-clear { display: none; }
.sol-selection-container { display: none; }
.sol-container.sol-active .sol-selection-container { display: block; position: fixed; left: inherit; top: inherit; 
    z-index: 10000; border: 1px solid #ccc; background: #fff; border-radius: 4px; }
.sol-active.sol-selection-top .sol-selection-container {-webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .175); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .175); box-shadow: 0 0 12px rgba(0, 0, 0, .175); }
.sol-active.sol-selection-top .sol-inner-container { -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; }
.sol-active.sol-selection-bottom .sol-selection-container { -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; }
.sol-active.sol-selection-bottom .sol-inner-container { -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.sol-action-buttons { color: #555; border-bottom: 1px solid #ccc; background: #eee; padding: 7px 10px;
    -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.sol-action-buttons a { line-height: 1em; text-decoration: none; color: #0088cc; border-bottom: 1px solid transparent; }
.sol-action-buttons a:hover { border-bottom: 1px solid #0088CC; }
.sol-action-buttons .sol-select-all { float: left; }
.sol-action-buttons .sol-deselect-all { float: right; }
.sol-action-buttons .sol-clearfix { clear: both; }
.sol-selection { overflow: auto; position: relative; min-height: 0px; }
.sol-selection:empty { display: none; }
.sol-option { display: block; }
.sol-label { padding: 5px 10px; display: block; position: relative; }
.sol-label-text { padding-left: 20px; line-height: 1.2em; }
.sol-selection:not(.sol-keyboard-navigation) .sol-option:hover, .sol-option.keyboard-selection { background: #0088CC; color: #fff; }
.sol-optiongroup { background: #f7f7f7; padding-bottom: 1px; }
.sol-optiongroup-label { color: #555; background: #eee; font-weight: bold; margin-bottom: 5px; padding: 3px 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sol-optiongroup.disabled { color: #999; }
.sol-selection div:first-child.sol-optiongroup > .sol-optiongroup-label { border-top: none; }
.sol-checkbox, .sol-radio { position: absolute; width: 13px; height: 13px; padding: 0; margin: 0; top: 4px; }
.sol-selected-display-item, .sol-results-count { display: inline-table; border: 1px solid #ccc; background: #f7f7f9; font-size: 0.9em; margin-right: 5px; margin-bottom: 5px;
    border-collapse: separate; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.sol-selected-display-item-text { padding: 3px 5px; display: table-cell; vertical-align: top; }
.sol-quick-delete { color: #777; display: table-cell; font-weight: bold; text-align: center; padding: 3px 5px; vertical-align: top; }
.sol-quick-delete:hover { color: #111; cursor: pointer; }
.sol-quick-delete + .sol-selected-display-item-text { padding-left: 0; }
.sol-filtered-search { display: none; }
.sol-no-results, .sol-loading-data { padding: 5px 0 5px 0; color: #999; font-style: italic; text-align: center; }
.sol-loading-data { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite;
    animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

/*- overrides -*/
.SA .sol-container { height: auto; padding: 0; margin: 0; border: 0; }
.SA .sol-inner-container { border: 1px solid #888; border-radius: 0; margin: 0 0 6px; }
.SA .input-lg .sol-inner-container { height: 46px; background-image: url(/images/dropdowniconsm.png); background-position: right top; background-repeat: no-repeat; }
.SA .input-lg .sol-inner-container .sol-caret-container { display: none; }
.SA .input-lg .sol-input-container { right: 0; }
.SA .sol-input-container input { padding: 10px 16px; font-size: 18px; color: #164d8d; }
.SA .sol-label-text { font-weight: 500; }


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

@media only screen and (max-width: 1440px) {
    .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: 150px 5% 40px 5% }
    .SA .CL .fc-toolbar h2 { font-size: 3vw }
	.SA .CL .secNav { float: right; text-align: right; margin-top: -80px; min-height: 65px }
	.SA .CL .secNav h3 { float: left; margin: 23px 15px 0 0; }
	.SA .CL .secNav img { height: 60px }
	.SA .CL article { width: 100%; margin-right: 0 }
}

@media only screen and (max-width: 1100px) {
	.SA main { margin-top: 90px }
	.SA .CC .moduleHeading, .SA .CC .landingIntro, .SA .CC h2, .SA .CC .dropDownWithCaret, .SA .CC .btn.btn-wide { max-width: 600px; margin-left: auto; margin-right: auto; }    
	.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 .CC .cheerCardsHolder .CS_previous, .SA .CC .cheerCardsHolder .CS_next { height: 200px !important }
}

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

}

@media only screen and (max-width: 870px) {
    .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 main.CL { padding: 0; }
}

@media only screen and (max-width: 830px) {
    .SA .CL .itemContainer { max-width: 640px; }
    .inner .SA .content { margin-top: 0 }
	.SA { margin-top: 0 }
	.SA .PD .col-sm-4 h1 { text-transform: none; font-size: 36px; font-size: 3.6rem  }
	.SA .PD .col-sm-8, .SA .PD .col-sm-4 { width: 100% }
	.SA .PD .col-sm-4 .providerImgHolder { max-width: 200px }
	.SA .PD h2 { font-size: 24px; font-size: 2.4rem }
	.SA .CL article, .SA .CL aside { display: inline-block; float: left; width: 90%; margin-right: 10% }
}

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

}

@media only screen and (max-width: 767px) {
	.SA .container { width: 100% }
    .SA .calendarSearch .col-sm-6 { margin-bottom: 5px }
    .SA .dropDownWithCaret { background-color: #fff; background-image: url(/images/dropdowniconxs.png); background-position: right top; background-repeat: no-repeat; overflow: hidden; margin-bottom: 10px; }
	.SA .input-lg .sol-inner-container { background-image: url(/images/dropdowniconxs.png); }
	.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: initial; width: 100% }
    .SA .CL .gridColumnHeading { margin-top: 15px }
    .SA .CL .gridValue.col-sm-9 { width: 100%; margin-left: 0 }
    .SA .PD .providerResult h1, .SA .PD .overallFrame .col-sm-8 h1 { font-size: 34px; font-size: 3.4rem }
	.SA .PD h2 { font-size: 22px; font-size: 2.2rem }
	.SA .BL .col-sm-4 { width: 60%; margin-right: 40% }
}

@media only screen and (max-width: 654px) {
    .SA main.CC { width: 90%; margin-left: 5%; margin-right: 5% }
    .SA .JP .detailHolder { padding: 35px }
    .SA .CL .fc-toolbar h2 { font-size: 4vw; margin-top: 20px }
	.SA .CL .secNav { float: left; text-align: left; margin-top: 0 }
	.SA .CL .secNav h3 { margin-top: 6px }
	.SA .CL .secNav img { height: 40px }
	.SA .BL .col-sm-4 { width: 80%; margin-right: 20% }
}

@media only screen and (max-width: 550px) {
	/* Provider small image styling */
	.SA .PD .providerResult img, .SA .PD .providerResult .btn-wide { max-width: 125px }
	
	/* EVENT TITLE - upcoming events page, detail page */
	.SA .CL .featured h2 a, .SA .CL .upcoming h2 a, .SA .CL .overallFrame h1 { color: #164d8d; font-size: 22px; font-size: 2.2rem;
}

@media only screen and (max-width: 500px) {
    .SA .CC .cardsParent { max-width: 300px; height: 187px; } 
    .SA .CC .cheerCardsHolder .CS_next { padding-top:85px;  }
    .SA .CC .cheerCardsHolder .CS_previous { padding-top:85px;  }
	.SA .CC .cheerCardsHolder .CS_dots a { margin: 0 5px; }
	.SA .input-lg, .SA .sol-input-container input { font-size: 16px; font-size: 1.6rem; height: 40px; padding: 6px 10px }
	.SA .input-lg .sol-inner-container { height: 40px; }
	.SA .sol-container { padding: 0; }
	.SA .CC .cheerCardsHolder .CS_previous { margin-left: -20px; }
	.SA .CC .cheerCardsHolder .CS_next { margin-right: -20px; }
    .SA .BL .blogStory .blogImage { width: 100%; margin: 0 0 25px 0; }
	
	/* Provider small image styling */
	.SA .PD .providerResult img, .SA .PD .providerResult .btn-wide { max-width: 125px; min-width: 124px; float: left }
    .SA .PD .providerImgHolder div { text-align: 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 }
	.SA .BL .col-sm-4 { width: 100%; margin-right: 0 }
}

@media only screen and (max-width: 480px) {
    .SA .CL .fc-toolbar h2 { font-size: 6vw; }
}

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

}

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

}

@media only screen and (max-width: 360px) {
    /* .SA h2 { font-size: 25px; font-size: 2.5rem } */
    .SA .JP .detailHolder { padding: 20px }
}

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

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

@media print {

}

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

*/