/**
 *
 *  Ticket #8769588
 *  Author: Gabe Gil
 *  News Element Styling
 *
 */

.fsNews header .fsElementHeaderContent {
    text-transform: none !important;
}



.nav-sub > header > .fsElementTitle {
    padding: 10px !important;
}

.module-alt-2 header .fsElementHeaderContent {
    padding: 10px !important;
}

/*End Section*/


/**
 *
 *  Ticket 3870-8407797: Difficulty with Facebook code embedding
 *  Author: Jacob John
 *  Facebook feed updates
 *
 */

  .facebook-feed .fsElementTitle {

    padding: 20px;
    color: #fff;
    background: #793140;
    font-weight: 400;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;

  }

  .facebook-feed.fsFacebook .fsFacebookList {

    margin: 0 0 20px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 0px;

  }

  .facebook-feed.fsFacebook .fsFacebookList .fsFacebookFrom {

    font-weight: bold;
    margin-bottom: 5px;

  }

  .facebook-feed.fsFacebook .fsFacebookList .fsFacebookFollow a {

    color: #149AC7;

  }

  .facebook-feed.fsFacebook .fsFacebookList li {

    padding: 20px;
    font: normal normal normal 12px/16px "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif;
    border-bottom: 1px solid #e8e8e8;
    margin: 0px;

  }

  /**
  *
  * Blue Version Of Updated Facebook Element
  *
  */

  .facebook-feed.fsFacebook.blue .fsElementHeaderContent {

    background-color: #3B589E;
    color: #FFF;
    text-transform: uppercase;
    overflow: hidden;

  }

  .facebook-feed.fsFacebook.blue .fsElementHeaderContent span {

    float: left;
    padding: 20px;

  }

  .facebook-feed.fsFacebook.blue .fsElementHeaderContent span:first-child:before {

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    content: "";
    font-family: "IcoMoon";
    font-weight: normal;
    speak: none;
    vertical-align: bottom;
    padding-right: 20px;

  }

  .facebook-feed.fsFacebook.blue .fsElementHeaderContent span:last-child {

    padding: 0;
    float: right;

  }

  .facebook-feed.fsFacebook.blue .fsElementHeaderContent span:last-child a {

    padding: 20px;
    border-left: 1px solid #355089;
    background-color: #354E8E;
    font-variant: small-caps;
    color: #FFF;
    font-size: 0.83333em;
    line-height: 1.8;
    display: block;

  }

  /* End Section */

 /* End Section */

/**
 * 8407912
 * 7/27/15
 * Chris Batt
 * Fixing the calendar date overlap issue in the right calendar banner
 */

/*
.support-custom-caldate .slick-list .slick-slide {
    padding-top: 0;
}
.support-custom-caldate .slick-list .fsDate {
  position: relative;
  padding-bottom: 16px;
  display: block;
  margin: 0 auto;
}
.support-custom-caldate header .fsElementHeaderContent {
  margin-bottom: 0;
}
*/

/**
* 8407965 Josh F 7/27/15
* Attempting to make directory pages display more consistently
*/


.fsConstituentItem {
  min-height: 350px;
}

.fancybox-inner {
height: auto !important;
overflow: hidden !important;
}

 /* End Section */

/**
 * 8413546
 * Pauline Chin 
 * Portal Mobile Fix 
 */
.fsLayout .fsDiv {
    float: left; }

.fsPanelIconBefore .fsPanel .fsElementTitle {
    padding-left: 50px !important;}

/* End Section */ 

/**
 * 8413993
 * 9/03/15
 * Chris Batt 
 * Calendar Fix
 */

.fsCalendarEventGrid .fsCalendarDaybox {
  overflow: auto!important;
}
/* End Section */ 

/**
 *
 *  Ticket 3870-8414327: Arrow not showing up on homepage video
 *  Jacob John
 *  Home Page Arrow Update
 *
 */

  #scroll-down.fixed { position: fixed !important; }

/* End Section */


/**
 * 8421534
 * 10/14/15
 * Kosha Burnett 
 * change the color of "Google Directions" in the event details pop-up
 */

.fsGoogleDirections {margin-top: 20px;}
.fsGoogleDirections a {
    color: #793140;
    text-decoration: underline;
    font-size: 1.2em;
}

/* End Section */


/**
 * 8423766
 * 10/29/15
 * Chris Batt
 * Embiggening the login button on the footer
 */

footer#fsFooter .nav-social ul li a[href*='login'] {
    width: 200px;
    font-size: 16px;
    height: 48px;
    line-height: 32px;
    font-weight: bold;
}

/* End Section */

/* 8419191 */
span.fsAthleticsStatusChanged, article.fsAthleticsStatusChanged .fsDateTime,
span.fsAthleticsStatusPostponed, article.fsAthleticsStatusPostponed .fsDateTime,
span.fsAthleticsStatusCancelled, article.fsAthleticsStatusCancelled .fsDateTime
{ font-weight: bold; color: red; }

/**
*
* Ticket 3870-8433428
* Author: Kosha Burnett
* Dropdown sidebar not closing
*/

.fsAccordionAthletics .fsPanel > .fsElementContent {
  display: none;
}

/* End Section */


/**
 *
 * Ticket: 8435789
 * Author: Joel C.
 * Global img max-width causes column width issues in tables with images
 *
 */

table img {
  max-width: initial;
}

/* End Section */


/* 
*  Ticket 8440077
*  On Community page, the Twitter feed was set to display none important and the min height needs to be increased.
*  James Brettschneider - 03/28/16
*/

.community .twitter-container iframe {
    display: block !important;
    min-height: 500px !important;
}

/* End Section */


/**
* Date: 4/5/2016
* Ticket  3870-8440591: Mobile site begin with today's date for calendar?
* Author: Erich Polixa
* Description: display calendar list on mobile
*/

  body:not(.fsComposeMode) .mobile-calendar-today {
    display: none;
  }
  @media only screen and (max-width: 768px) {
    body:not(.fsComposeMode) .mobile-calendar-today {
      display: block;
    }
  }

/* End Section */

/**
 *
 *  Date: April 5th 2016;
 *  Ticket 8440892 - Adding Instagram to Social Media Mash-up Page
 *  Jacob John
 *
 */

    .community .instagram-container .fsElementHeaderContent {
      background-color: #eac152;
      color: #FFF;
      padding: 0;
      margin: 0;
      text-transform: uppercase;
      overflow: hidden;
    }

    .community .instagram-container .fsElementHeaderContent span {
      float: left;
      padding: 20px;
    }

    .community .instagram-container .fsElementHeaderContent span:last-child {

      padding: 0;
      float: right;

    }

    .community .instagram-container .fsElementHeaderContent span:last-child a {

      padding: 20px;
      border-left: 1px solid rgba(0,0,0,0.2);
      background-color: rgba(0,0,0,0.1);
      font-variant: small-caps;
      color: #FFF;
      font-size: 0.83333em;
      line-height: 1.8;
      display: block;

    }

    .community .instagram-container .fsElementContent {
      border: 1px solid #d9d9d9;
      border-bottom-width: 2px;
      border-top: 0;
      padding: 30px 20px;
    }

    .community .instagram-container {
      margin-bottom: 40px;
    }

/* End Block */

/*
 * Phone call - fixing banner image on camp corwith page ME
*/
  @media (min-width: 800px) {
    body[data-pageid="835"] .programs #fsHeader, .fsSection42 #fsHeader {
      background-image: url("/uploaded/Top_Banner_Images/2015_Web_Redesign_Top_Banners/Camp_Corwith.JPG");
      background-color: #502d7f; } }

/**
 *
 *  Date: April 14th 2016
 *  Ticket 8441088 - Open Up header images to be user-editable
 *  Jacob John
 *
 */

    .header-photo { display: none; }

/* End Block */

/**
*
*	Date: 05/11/2016
*	Ticket 3870-8444057
*	Author: Kosha Burnett
*	Description: table formatting
*/

table p {
	margin: 0;
}

/* End Section */

.home .fsReadMoreLink {
    display: block;
    color: #fff;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);;
    width: 16%;
}

.home .fsReadMoreLink:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

.home .fsReadMoreLink:focus{
    color: rgba(255, 255, 255, 0.8) !important;
}
  /**
   *
   *  Ticket 8689373
   *  Jacob John
   *  Form Header Default Background
   *
   */

    #fsHeader.formHeaderElement {
        background-image: url('../../../Top_Banner_Images/2017-2018_Top_Banners/Event_Forms_-_Surveys.jpg');
    } 

   /* End Block */

  /**
   *
   *  Ticket 8708144
   *  Kara Franco
   *  Form Row element padding increase (Gem error in gulp file, couldn't resolve)
   *
   */

form.cf_form .elementRow {
    margin: 0 0 10px 0;  
    padding: 0 0 10px 0;
}

   /* End Block */
   
   
/* 
*  Ticket 8708924
*  Vimeo base styling was missing. Site launched before Vimeo element was setup.
*  Adding base styling plus custom 2x2 grid for desktop.
*  11/29/17 - James B
*/

ul.fsVimeoList {
    width: 100%;
    margin-top: 20px;
    padding: 0;
    list-style: none;
}
li.fsVimeoListItem {
    padding: 10px 5px 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #dddedf;
    transition: opacity .3s;
    opacity: 0.8;
    cursor: pointer;
    vertical-align: top;
}
li.fsVimeoListItem:hover {
    opacity: 1;
}
img.fsVimeoThumb {
}
.fsVimeoTitle {
    font-size: 1.1em;
    font-weight: bold;
}
.fsVimeoViews {
    display: none;
}
li.vimeo_view_link {
    list-style-type: none;
}
@media (min-width: 1024px) {
  li.fsVimeoListItem {
    max-width: 50%;
    width: 50%;
    display: inline-block;
    text-align: center;
  }
}


/* End Section */

   

/* 
*  Ticket #8712710
*  Bolding the rest of the Form labels
*  1/15/18 - Chris M
*/


.fsComposerFormEmbed .elementContainer .groupLabel label {
    font-weight: bold;
}

.fsComposerFormEmbed .elementContainer .elementBody {
    font-weight: 400;
}

.fsComposerFormEmbed .elementContainer label {
    font-weight: bold;
}

.fsComposerFormEmbed .elementContainer .elementBody fieldset label {
    font-weight: 400 !important;
}

.fsComposerFormEmbed .userConfirmation label {
    font-weight: bold;
}
.p_CreditCard {
    overflow: auto;
}

/* End Section */

/*
*  Ticket #8715337
*  Figure tag has margin inherited from main.css
*  02/09/18 - James B
*/

figure {
    margin: 0 !important;
}

/* End Section */


#bluesnapCheckoutButton {
    background:#793140
}