/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - For screens 321px to 640px
 */

/* Increase the body font size on small touch devices */
body {
  font-size: 100%;
}
/* Sidebar which is pushed below main content region on mobile displays */

.region-sidebar-first { margin-top: 10px; }

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

.img-left,
.img-right {
	float: none;
	text-align: center;
}


h1#page-title {
	font-size: 1.75em;
}

#secondary-content-wrapper h2,
#secondary-content-wrapper h1 {	
    align-items: center;
    display: flex;
    float: none !important;
	font-size: 30px !important;
	height: 145px;
	line-height: 95%;
    margin: 0 auto;
    padding: 0 !important;
    text-align: left !important;
    width: 90%;
}

.hide-title #secondary-content-wrapper h1 {
	display: none;
}

.not-front #content h2 {
	font-size: 1.2em;
}

#columns {
	padding: 0 20px 76px;
}

.section-choose-champions #columns {
	padding: 0 10px 76px;
}

#nav-wrapper {
	padding: 0 !important;
}


#leaderboard-wrapper {
	height: 56px;
	padding-top: 20px;
}

#leaderboard-wrapper.tiny {
	height: 29px;
	padding-top: 46px;
}

.leaderboard-link,
#leaderboard-wrapper.tiny .leaderboard-link {
	height: 32px;
}

#leaderboard-wrapper .container {
	background: #145ECC;
	float: left;
	margin-top: 26px;
	width: 100%;
}

.leaderboard-link a,
#leaderboard-wrapper div.block-sign-in a, #leaderboard-wrapper div.alexs-shop a, #leaderboard-wrapper div.get-involved a, #leaderboard-wrapper div.donate a, #leaderboard-wrapper.tiny div.donate a {
	font-size: 14px;
	line-height: 1;
	margin: 0 7px !important;
	padding: 13px 0 !important;
}

.leaderboard-link a.bag {
	background: none;
	color: #fffa51;
	padding: 0;
}

#leaderboard-wrapper.tiny div.bag a {
	padding: 0;
}

/* #header.shrink #alsf-logo img, 
#alsf-logo {
	width: 95px !important;
} */

#secondary-content-wrapper {
	height: 140px;
}

#footer-wrapper p {
	font-size: 14px;
}

.event-details {
	width: 100%;
}

.field-name-body img {
	height: auto !important;
	max-width: auto;
}

.field-name-body .highlight {
	margin: 20px 0 20px;
  padding: 20px 0 0;
}

.field-name-body .highlight p {
	margin: 0 0 15px;
}

.field-name-body .highlight img {
	max-width: 85% !important;
}

.front .row-3 .views-field-path a {
	font-size: 14px;
}

.front .field-name-body p a {
	font-size: 13px;
}

/* USER PROFILE */

.section-user h1 {
	font-size: 28px;
}

.section-user .ui-tabs .ui-tabs-panel,
.section-user .ui-accordion .ui-accordion-content {
	padding: 1em 0;
}

.section-user #block-system-main .accordion .tabset li {
	font-size: 14px;
	padding: 0;
}

.section-user table {
	font-size: 15px;
}

.page-user .ui-accordion h3 {
	font-size: 22px;
}

.page-user .ui-tabs .btn {
	clear: both;
	float: none;
}

.section-user .user-grand-total-wrapper {
	float: left;
	height: auto;
	margin: 10px 0 0;
}

.section-user .user-grand-total {
	float: left;
}

/* SEARCH */

.page-search ul.primary li {
	float: none;
}

.page-search ul.primary li a,
.page-search ul.primary li a.active {
  border: 1px solid #c1d6da;
  border-radius: 6px;
  width: auto;
  margin: 0 3px 5px 3px;
}

.page-search ul.primary {
	border-bottom: none;
}

.fundraiser-search-preview ul {
	margin: 0;
	padding: 0 0 0 2px;
}

.fundraiser-search-preview ul li {
	margin: 0 0 15px !important;
	width: 90%;
}

.page-search #block-system-main input#edit-keys {
	margin: 0 0 5px;
}

#secondary-content-wrapper img.banner-image {
	padding: 2em 0;
}

.section-supersibs #secondary-content-wrapper h1 {
	background-size: 90%;
	margin: 30px 10px 0;
	max-width: 90%;
}

.section-gold-ribbon-reps #secondary-content-wrapper p {
	background-size: 70%;
	height: 40px;
	margin-top: 25px;
}

/* --------------------------------------------------------- */
/*   Slideshows
/* --------------------------------------------------------- */

.flexslider .views-field-title {
	font-size: 22px;
}

.flexslider .views-field-field-teaser {
	font-size: 17px;
}

.flexslider .views-field-field-learn-more-link a,
.flexslider .views-field-field-register-link a {
	font-size: 15px;
	padding: 10px 12px;
	width: 100px;
}

.flexslider .views-field-field-learn-more-link {
	left: 10%;
}

.flexslider .views-field-field-register-link {
	right: 10%;
}

/* --------------------------------------------------------- */
/*   Social Embeds
/* --------------------------------------------------------- */

.group-social-embeds .fb_iframe_widget iframe,
.group-social-embeds .field-name-field-twitter iframe,
.group-social-embeds .field-name-field-instagram iframe {
	margin: 0 auto !important;
	width: 90% !important;
}

.horizontal-tabs ul.horizontal-tabs-list li {
	font-size: 12px !important;
	margin: 0 1px -1px;
}

.horizontal-tabs ul.horizontal-tabs-list li.selected {
	margin: 0 1px -1px;
}

/* --------------------------------------------------------- */
/*   Landing Pages
/* --------------------------------------------------------- */

.view-landing-page-slideshows .flexslider {
	margin: 10px auto 0;
}

.view-landing-page-slideshows .flexslider .views-field-body p {
	font-size: 18px;
}

.page-panels #about-alsf li img {
	margin: 0 0 10px;
}

.view-landing-page-slideshows .flex-control-nav {
	bottom: 0;
	left: auto;
	right: 0;
	width: auto;
}

#about-alsf .row-full-6 li:nth-child(2n+1),
#about-alsf .row-full-2 li:nth-child(2n+1) {
	clear: left;
}

#about-alsf .row-full-2 li:nth-child(4) {
	clear: none;
}

#about-alsf .row-full-2 ul {
	display: table;
	margin: 0 auto;
}

#about-alsf .row-full-2 li {
	display: inline-block;
	float: none;
	font-size: 13px !important;
	margin: 10px 15px 20px;
	vertical-align: top;
	width: 35%;
}

#about-alsf .row-full-9 li {
	display: block;
	float: none;
	margin: 0 auto 10px;
}

#block-system-main #about-alsf .row-full-6 li {
	font-size: 15px;
	margin: 0 24px 20px;
	width: 35%;
}

#about-alsf .row-full-2 li a {
	font-size: 19px;
	line-height: 130%;
}

#about-alsf .row-full-2 li a:after {
	margin-top: 9px;
}

/* --------------------------------------------------------- */
/*   Grants Search page
/* --------------------------------------------------------- */
.page-grants-search .views-field-taxonomy-vocabulary-55,
.page-grants-search .views-field-taxonomy-vocabulary-26 {
	display: none;
}

/* Social icons */
.page-panels #about-alsf .row-full-3 h2 {
	margin: 8% 0;
}

.page-panels #about-alsf .row-full-3 li {
	max-height: 80px;
}

.page-panels #about-alsf .row-full-3 li img {
	width: 70px;
}

#about-alsf .row-full-4 p a {
	width: 155px;
}

#about-alsf .row-full-5 p:last-child a {
	width: 230px;
}

#about-alsf .row-full-4 p a,
#about-alsf .row-full-5 p:last-child a,
#about-alsf .row-full-9 li a {
	font-size: 26px;
}

#about-alsf .row-full-4 {
	padding: 15% 0 10%;
}

#about-alsf .row-full-6 p,
#about-alsf .row-full-9 p,
#about-alsf .row-full-5 p {
	font-size: 16px;
  margin: 0 3% 20px;
}

#about-alsf .row-full-5 img {
	width: 90px !important;
}



/* THINGS TO HIDE */
ul.flex-direction-nav,
.front .leaderboard-link .bag,
#secondary-content-wrapper img.banner-badge,
.region-header .block-slogan,
.region-header .block-social,
#nav-wrapper .nav #block-search-form {
	display: none !important;
}

/* Campaign Landing Pages */
.event-details-wrapper {
    width: 90%;
}
/* Where the money goes page */
.grants-home .grants-landing-page-block-header a {
	margin: -40px 20px 0 0;
}

/* --------------------------------------------------------- */
/*   Pledges
/* --------------------------------------------------------- */

.node-type-pledge h1#page-title {
	font-size: 23px;
}

.not-front.node-type-pledge #content .field-label-inline h2.field-label,
.node-type-pledge #main-content section {
	font-size: 16px;
}

.node-type-pledge .field-label-inline h2.field-label {
	min-width: 125px;
}

.node-type-pledge .field-label-inline .field-items {
	width: 50%;
}

/* --------------------------------------------------------- */
/*   Kick-It Choose
/* --------------------------------------------------------- */
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-3-right-region,
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-3-left-region,
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-2-right-region,
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-2-left-region {
    width: 96%;
    float: none;
    margin: 0 auto;
}

.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-2-right-region {
    margin-top:45px;
}

.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-3-right-region .inside,
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-3-left-region .inside,
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-2-right-region .inside,
.node-type-page.kickit .panels-flexible-region-alsf_campaign_layout-row-halves-2-left-region .inside {
	padding: 0;
}

.node-type-page.kickit .panel-flexible .description h2 {
    font-size: 45px !important;
    letter-spacing: -1px;
    margin: -33px 0 0px 10px;
}

.node-type-page.kickit .panel-flexible .description p {
	font-size: 20px;
	margin: 11px 0 36px 0;
	line-height: 140%;
}
.node-type-page.kickit .panel-flexible .choice:after {
}

/* The following styles are for the champion and games pages */
.kickit .choice .inner {
	padding-bottom: 0;
}

body.node-type-page.kickit.choose #kickit-choose-champions .pane-1:after,
body.node-type-page.kickit.choose #kickit-choose-games .pane-1:after {
	top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fcea6c;
    border-width: 63px;
    margin-left: -67px;
    margin-top: -5px;
}
body.node-type-page.kickit.choose #kickit-choose-games .pane-1 .block-inner,
body.node-type-page.kickit.choose #kickit-choose-champions .pane-1 .block-inner {
    border: none;
}

body.node-type-page.kickit.choose #champs-other,
body.node-type-page.kickit.choose #games-other {
    padding: 5% 0 5% 4%;
    width: 45%;
}
body.node-type-page.kickit.choose #champs-football,
body.node-type-page.kickit.choose #games-kickball {
    padding: 5% 4% 5% 0;
    width: 45%;
}
body.node-type-page.kickit.choose .choose-sport,
body.node-type-page.kickit.choose .choose-sport .block-inner {
	margin: 0;
}

.choose-sport h3 {
	font-size: 16px;
}

.choose-sport .button {
	display: block;
	padding: 10px;
}

body.kickit.choose .choose-sport.aau .button {
	font-size: 14px;
	line-height: 120%;
	padding: 10px;
}

body.kickit.choose .aau img {
	width: 120px;
}

.pane-campaign-agnostic-leaderboard table {
	font-size: 14px;
}

.page-contribute #secondary-content-wrapper h1 {
	font-size: 30px !important;
}