/*
 *   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.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the default 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;
}

#secondary-content-wrapper h2,
#secondary-content-wrapper h1 {
	font-size: 1.6em;
	line-height: 93%;
	padding-top: 1.2em !important;
}

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

h1#page-title {
	font-size: 1.5em !important;
}

.event-details strong {
	font-size: 16px;
	line-height: 120%;
}

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

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

#leaderboard-wrapper.tiny {
	height: 35px;
	padding-top: 45px;
}

.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: 12.5px;
	line-height: 1;
	margin: 0 5.5px !important;
	padding: 14px 0 !important;
}

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

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

#secondary-content-wrapper {
	margin-top: 138px;
	height: 100px;
}

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

#footer-wrapper .lemon {
	margin: 0 25%;
}

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

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

.event-details {
	width: 100%;
}

/*.campaign-description .field-name-body div {
	max-width: 215px !important;
}*/

.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: 100% !important;
}

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

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

.page-node-1121949 #campaign-banner-block h2 {
	padding-top: .6em !important;
}

.event-details-wrapper .call-to-action a.call-to-action-signupnextyear, .event-details-wrapper .call-to-action a.call-to-action-mypage, .event-details-wrapper .call-to-action a.call-to-action-registernow {
	background-size: cover;
	height: 50px;
	width: 250px;
}

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

/* USER PROFILE */

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

.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: 20px;
}

.page-user .ui-tabs .btn {
	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: 93%;
}

.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 {
	max-width: 80%;
	padding: 2em 10px 0;
}

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

.section-gold-ribbon-reps #secondary-content-wrapper p {
	background-size: 60%;
	height: 30px;
}

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

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

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

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

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

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

/* --------------------------------------------------------- */
/*   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: 11px !important;
	margin: 0 1px -1px;
}

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

.horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a {
	padding: 0.5em 0.3em 0.3em 0.3em;
}

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

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

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

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

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

#block-system-main .panels-flexible-row.resources 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 18px 30px;
	vertical-align: top;
	width: 37%;
}

.page-panels #about-alsf .panels-flexible-row.actions li {
	display: block;
	float: none;
	margin: 0 auto 10px;
}

#block-system-main .panels-flexible-row.resources li {
	font-size: 15px;
	margin: 0 22px 20px;
	width: 35%;
}

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

#about-alsf .row-full-2 li a:after {
	border-width: 4px 6px;
	margin-top: 8px;
}

/* Heroes */
#about-alsf .row-full-4 p a {
	padding: 15px 35px 10px;
	width: 155px;
}

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

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

#about-alsf .row-full-4 p a,
#about-alsf .row-full-5 p:last-child a, /* Grants row */
#about-alsf .row-full-9 li a {
	font-size: 23px;
	padding: 15px 30px 12px;
}

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

.panels-flexible-row.dark 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: 70px !important;
}

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

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

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

.button-dark a,
#content .pane-campaign-action .button a {
	font-size: 32px;
}

#block-system-main #about-alsf .row-full-6 li {
	display: table;
	float: none;
	margin: 0 auto 25px;
	width: 70%;
}

#block-system-main #about-alsf .row-full-6 li img {
	margin: 0 auto 10px;
}

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

/* AMM */

#amm .steps .step {
	max-width: 280px;
}

.amm-nav li {
	font-size: 14px !important;
	max-width: 110px;
}

.view-amm-childhood-cancer-teams .views-row {
	margin: 0 0 10%;
	width: auto;
}

.view-amm-childhood-cancer-teams .views-field-picture img {
	max-width: 150px;
}

.view-amm-childhood-cancer-teams .views-field-title {
	font-size: 1.2em;
}

.view-amm-childhood-cancer-teams .views-field-view-node a,
.view-amm-childhood-cancer-teams .views-field-nothing a {
	font-size: 14px;
}


/* THINGS TO HIDE */
.block-menu-tophat-menu li:nth-of-type(3),
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%;
}

/* --------------------------------------------------------- */
/*   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;
margin: -33px 0 0px 10px;
}

.node-type-page.kickit .panel-flexible .description p {
    font-size: 20px;
	margin: 12px 0;
}

.node-type-page.kickit .panel-flexible .choice:after {
height: 36%;
}

/* The following styles are for the champion and games pages */
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;
}

.kickit .panel-flexible .choice:after {
	height: 45%;
}

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

.choose-sport .button {
	display: block;
    font-size: 13px;
    line-height: 120%;
	padding: 10px;
}

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

.view-alsf-account-sponsorships th, .view-alsf-account-sponsorships td {
	font-size: 11px;
}