/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
Theme settings breakpoints

Standard
only screen and (min-width:1025px)

Tablet Landscape
only screen and (min-width:769px) and (max-width:1024px)

Tablet Portrait 
only screen and (min-width:581px) and (max-width:768px)

Small Landscape
only screen and (min-width:321px) and (max-width:580px)

Small Portait
only screen and (max-width:320px)
*/
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */

@media only screen and (max-width: 1200px) {
	.node-type-page.kickit .panel-flexible .description h2 {
		font-size: 74px;
		margin: -70px 0 10px 10px;
	}
	
	.node-type-campaign .panels-flexible-row-inside .inside {
		max-width: 800px;
	}
	
	.node-type-campaign .panels-flexible-row-inside .inside .panel-pane {
		margin: 0 20px;
	}
	
	.node-type-campaign .panels-flexible-row-inside .inside .panel-pane#campaign-menu,
	.node-type-campaign .panels-flexible-row-inside .inside .panel-pane.photo {
		margin: 0;
	}
	
}

@media only screen and (max-width: 1100px) {
	.node-type-page.kickit .panel-flexible .description h2 {
		font-size: 74px;
		margin: -70px 0 10px 10px;
	}
	
}

@media only screen and (max-width: 1000px) {
	
	.campaign-title p {
		margin: -10px 0 10px;
	}

	.kickit #alsf-pfp-stand-search input {
		margin-top: -10px;
	}
	
	.node-type-campaign .panels-flexible-row-inside .inside {
		max-width: 575px;
	}
}

@media only screen and (max-width: 768px) {
	.campaign-title h2 {
		margin-top: -15px;
	}
}

@media only screen and (max-width: 767px) {
	
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}
	
	/* -------------------------------------------------------------------
      Landings
   ------------------------------------------------------------------- */
	
	.kickit-logo p {
		margin: 0;
	}
	
	.kickit-logo img {
		max-width: 75%;
	}
	
	.teamed-up p {
		font-size: 17px;
	}
	
	.teamed-up p a:after {
		margin: 8px 0 7px 6px;
	}
	
	.nav ul, .nav ul.menu {
		padding: 8px;
	}
	
	.block.nav {
		margin-bottom: 20px;
	}
	
	.node-type-page.kickit .panel-flexible .description p {
		margin: 0 0 20px; 
	}
	
	.choose-sport h3 {
		line-height: 110%;
	}
	
	.choose-sport .button {
		padding: 10px 15px;
	}
	
	#alsf-pfp-stand-search input[type="text"] {
		float: none;
		margin: 0;
		max-width: 90%;
	}
	
	/* -------------------------------------------------------------------
      Registration
   ------------------------------------------------------------------- */
	
	.regstep_teamrole .fieldset-wrapper {
		margin: 0 10px;
		padding: 0 !important;
		width: auto !important;
	}
	
	.page-node-register .regstep_teamrole div.radio-button-images div.form-item {
		width: 175px;
	}
	
	.form-item.form-item-researcher-name, 
	.form-item.form-item-role-subcategory, 
	.form-item.form-item-has-cancerfamily-participants, 
	.form-item.form-item-goal-custom, 
	.form-item.form-item-other-name, 
	.form-item.form-item-business-name, 
	.form-item.form-item-school-name {
		margin: 10px auto 15px;
		max-width: 95%;
	}
	
	.node-type-campaign.full-width div.messages.status {
		margin: -15px 0 40px;
	}
	
	.node-type-campaign.full-width .regstep_outro div.messages.status {
		margin: 0 0 20px;
	}
 	
	.node-type-campaign .panels-flexible-row-inside {
		max-width: 95%;
	}

	.node-type-campaign .panels-flexible-row-inside .inside {
		margin: 0 auto;
		max-width: 90%;
	}
	
	.node-type-campaign .row-top {
		background: #fff;
	}
	
	.node-type-campaign .row-top .panels-flexible-row-inside {
		max-width: 70%;
	}

	.node-type-campaign .row-top p {
		margin: 0;
	}
	
	.alsf-registration-form .regstep_donate .fieldset-wrapper {
		padding: 20px 0;
	}

	.node-type-campaign .row-top img {
		max-height: 360px;
		width: auto !important;
	}

	.node-type-campaign .row-1 .inside {
		height: auto;
	}

	.flexslider {
		margin: 0;
	}

	.node-type-campaign #alsf-pfp-stand-search input {
		max-width: 100%;
		width: 95%;
	}
	
	.node-type-campaign #alsf-pfp-stand-search .form-item {
		margin: 1em 0 0;
	}
	
	.node-type-campaign .panels-flexible-row #alsf-pfp-stand-search input[type="text"] {
		max-width: 90%;
		width: 100%;
	}
	
	.node-type-campaign #alsf-pfp-stand-search input[type="submit"] {
    	margin: -2px 0 0 0;
    	width: 95%;
	}
	
	.node-type-campaign #kickit-games #alsf-pfp-stand-search input[type="submit"] {
		margin: -1px 0 0;
		width: 96%;
	}
	
	ul#campaign-menu {
		margin: 0;
	}	
	
	h2.pane-title {
		font-size: 1.2em;
		line-height: 130%;
	}
	
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-2 {
		margin-top: 0;
	}
	
	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-left {
		float: none;
		margin: 15px auto 0;
		width: 100%;
	}

	.node-type-campaign .description h2 {
		color: #0d5a76;
		font-family: arvobold_italic;
		line-height: 100%;
    	margin: 0 0 10px;
		position: relative;
		text-shadow: 5px 3px 0px rgba(1,38,60,0.25);
    	font-size: 40px;
	}
	
	.node-type-campaign .description p {
		font-size: 18px;
		line-height: 130%;
		margin: 0 0 5px;
	}
	
	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right,
	.row-2-right .panel-pane .block-content {
		float: none;
		margin: 0 auto;
		position: relative;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
		max-width: 250px;
		width: auto;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right,
	.row-2-right .panel-pane .block-content {
		float: none;
		margin: 0 auto;
		position: relative;
	}
	
	.row-2-right .panel-pane .block-content {
		top: auto;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
		max-width: 250px;
		width: auto;
	}

	.panels-flexible-flexible_special_event_layout .row-2 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right, 
	.row-2-right .panel-pane .block-content {
		float: none;
    	margin: 0 auto;
    	position: relative;
		max-width: 250px;
		width: auto;
	}	
	
	.panels-flexible-flexible_special_event_layout .row-2 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}
	
	.panels-flexible-flexible_special_event_layout .description h2 {
		font-size: 32px;
		line-height: 110%;		
	}

	.panels-flexible-flexible_special_event_layout .description p {
		font-family: latoregular;
	}
	
	.panels-flexible-flexible_special_event_layout .row-2-right .panel-pane .block-content {
		max-width: 250px;
	}

	.node-type-campaign .panels-flexible-flexible_special_event_layout h3,
	summary {
		font-size: 17px;
	}

	details p {
		padding: 0 1em;
	}	
	
	#event-label,
	#campaign-menu li {
		margin: 0 0 1px;
	}

	#campaign-menu li a {
		padding: 9px 18px;
	}
	
	.node-type-campaign .panels-flexible-flexible_special_event_layout .panels-flexible-row.row-3 {
		margin: 0;
	}
	
	.node-type-campaign .panels-flexible-flexible_special_event_layout .row-3,
	.node-type-campaign .panels-flexible-flexible_special_event_layout .row-4,
	.node-type-campaign .panels-flexible-flexible_special_event_layout .row-6 {
		padding: 20px 0;
	}

	.node-type-campaign .panels-flexible-flexible_special_event_layout a.button {
		display: table;
		float: none;
		line-height: 120%;
		margin: 0 auto 5px;
		text-align: center;
		width: 200px;
	}
	
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-4 p:first-child {
		font-size: 18px;
	}

	.field-name-body p {
		font-size: 16px;
	}
	
	.read-more-on-mobile-wrapper {
		position: relative;
	}

	.read-more-hidden .read-more-on-mobile {
		height: 450px;
		overflow: hidden;
	}

	.read-more-button-wrapper {
	  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,0,0,0)),color-stop(1, rgba(138,26,31,100)));
		bottom: -2px;
    	display: block;
		padding: 90px 0 10px;
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 9999;
	}

	.row-9 .read-more-button-wrapper {
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,0,0,0)),color-stop(1, rgba(255,255,255,100)));
	}

	.read-more-button {
		background: #8bd3f5;
		border: none;
		color: #8a1a1f;
		font-family: latoblack;
		padding: 10px 20px;
		text-transform: uppercase;
	}

	.img-left {
		margin: 0 0 15px;
	}
	
	
	body.no-sidebars.page-node-register #content-column {
		box-shadow: none;
		width: 100%;
	}
	
	.node-type-campaign.full-width .messages {
		font-size: 14px;
		margin-left: 0;
		margin-right: 0;
		width: 70%;
	}
	
	fieldset.navigation.form-wrapper {
		background: none #fff !important;
		height: auto;
		padding-bottom: 30px;
		width: 100%;
	}
	
	.alsf-registration-form .navigation .fieldset-wrapper {
		margin: 20px 50px;
		width: auto;
	}
	
	.node-type-campaign.full-width .navigation .step-link-wrapper {
		min-height: 30px;
		width: 100%;
	}

	 .alsf-registration-form .affiliation-designation-wrapper {
		 margin-bottom: -15px;
		 top: -15px;
	 }

	 .alsf-registration-form .affiliation-designation {
		 font-size: .8em;
	 }

   .alsf-registration-form fieldset.existing-team-fieldset {
       border-left: none;
       padding: 0 0 0 0;
       width: auto;
   }

	 .not-front #content .fieldset-wrapper h2 {
		 font-size: 1.25em;
		 margin: 0;
		 padding: 15px 0 0;
	 }
	
	.page-node-register .rightcol-wrapper {
		border-left: none;
		border-top: 2px dashed #ccc;
    	width: 100%;
	}
	
	.node-type-campaign.full-width input.confirm-change-button.form-submit {
		margin: -15px 0 15px;
	}

	div.radio-button-images.five-or-fewer div.form-item, 
	.page-node-register form div.form-item.form-item-role:first-child, 
	div.radio-button-images div.form-item {
		height: 180px;
		width: 240px;
	}
	
	.regstep_fundraisergoal div.radio-button-images div.form-item label span.radio-option.radio-option-custom {
		width: 230px;
	}
	
	.page-node-register.node-type-campaign.full-width #content .rightcol-wrapper h1 {
		font-size: 24px;
		line-height: 120%;
		padding: 20px 10px 15px;
	}
	
	.page-node-register fieldset.regstep_confirm#edit-step-wrapper fieldset.form-wrapper {
		float: left;
		margin: 30px 0 0;
		width: 100%;
	}
	
	.page-node-register.post-confirmation fieldset.step {
		padding: 20px;
		width: 80%;
	}
	
	.regstep_bannerimage .form-radios input[type="radio"] {
		height: auto;
	}
	
	.node-type-campaign.full-width.post-confirmation .regstep_supporters input.add-supporter.form-submit {
		width: 100%;
	}
	
	.step-introduction {
		font-size: 15px;
		margin: 5px 0 0;
	}
	
	#edit-donation-option label, #edit-kit label, 
	#edit-honor-memorial label {
		font-size: 15px;
	}
	
	.form-item-start-time .field-suffix {
		float: left;
		padding: 5px 0;
	}
	
   /* Registration Goal Step */

    .alsf-registration-form .personal-goals-wrapper {
  	   padding: 0 0 50px 0;
  }

  .alsf-registration-form #per-mile-note:after {
  	 background: none;
  	}

  	#per-point-note  {
  		clear: both;
	  	float: none;
	  	margin: 20px 15%;
	  	width: 67%;
     }
	
	#content .fieldset-wrapper #per-point-note p {
		margin: 0 13%;
    	padding-top: 14%;
    	width: 75%;
	}
	
	div.datepair {
		margin: 20px 0;
	}
	
	div.datepair .end-fields{
		margin: 5px 0;
	}

	#regforms-wrapper-kick-it-champs div.datepair .end-fields {
		margin-left: 0;
	}
	
	 .page-node-register h1#page-title {
		 font-size: 1.5em;
	 }

	 .page-node-register #content .fieldset-wrapper p,
	 .page-node-register #content .fieldset-wrapper li {
		 font-size: 15px;
	 }

   .page-node-register #content .fieldset-wrapper p {
 		padding: 0;
 	}

 	.page-node-register #content .fieldset-wrapper h2 {
		font-size: 18px !important;
		margin: -20px 0 15px;
 		padding: 0;
 	}

  .page-node-register .alsf-registration-form fieldset.subnavigation {
    padding: 0;
  }

  .page-node-register .subnavigation.stepcount-2 .subnav-item,
  .page-node-register .subnavigation.stepcount-4 .subnav-item {
    width: 100%;
  }
  .page-node-register .fieldset-wrapper h2 {
    line-height: 1.2em;
  }
  .page-node-register #edit-step-wrapper fieldset {
    width: 100%;
    float: none;
    margin: 0px auto;
    padding: 0;
    border: none;
  }
	
	.page-node-register fieldset.step {
		padding: 20px 10px;
		width: auto;
	}
	
  .page-node-register fieldset.step input[type="text"],
  .page-node-register fieldset.step input[type="password"] {
	  margin: 0 0 3px;
	  max-width: 300px;
    	width: 90%;
  }
	
	.node-type-campaign.full-width .address-options .form-type-radio input {
		margin: 3px 0 0 6px;
	}

	.page-node-register fieldset.new-team-fieldset {
		width: 100%;
	}

	.page-node-register .grippie,
	.page-node-register fieldset.subnavigation {
		display: none;
	}

  .node-type-campaign .alsf-registration-form input#edit-back,
  .node-type-campaign.full-width .regstep_confirm .controls input.form-submit,
  .node-type-campaign.full-width input.form-submit{
		padding: 12px 20px;
   	 	width: auto;
  }
	
	fieldset.controls {
		float: left;
	}

	.page-node-register #main-content-header {
		margin: 0;
		padding-top: 10px;
	}

	.page-node-register .alsf-registration-form {
		margin-top: -20px;
	}

	fieldset.step .js-button {
		margin: 0 1%;
	}

	.page-node-register div.radio-button-images div.form-item label span.radio-option {
		font-size: 17px;
	}

  .node-type-campaign.full-width .address-options .form-type-radio label {
    width: 80%;
  }

  .node-type-campaign.full-width .address-options .form-type-radio {
    width: 87%;
  }

	.page-node-register .confirm-text {
		width: 100%;
	}

	div.radio-button-images div.form-item label span.goal-amount {
		margin-top: 10px;
	}

	.regstep_intro {
		padding-top: 20px;
	}

	.form-type-select label {
		clear: both;
	}

	a.tip-link,
	.tip-darkblue {
		display: none !important;
	}

	#regforms-wrapper-lemon-climb-denver fieldset.existing-team-fieldset {
		padding: 0 10px;
		width: 100%;
	}
	
	/* ----------------------------------------
	   Campaigns
	------------------------------------------- */
	
	.campaign-title h2 {
		font-size: 33px;
		letter-spacing: 0;
		margin: 0;
	}
	
	.campaign-title p {
		font-family: latoregular;
		font-size: 20px;
		line-height: 130%;
	}

  #crm-container .crm-section input[type="text"], #crm-container .crm-section input[type="password"], #crm-container input[type="text"], #crm-container input[type="password"], #crm-container select, #crm-container .big, select.big, .contact-form #edit-name, .contact-form #edit-mail, .contact-form #edit-subject, input.password-confirm, input.password-field, input.form-text, .js-select option, .js-select select, textarea.form-textarea, select {
    width: 90%;
  }

/* Reduce width of fiedls on Civi donation form on mobile; this
update coincides with adjusting some fields to be inline - Craig 01/17/2017 */
  #crm-container .first_name-section input.form-text, #crm-container .last_name-section input.form-text, #crm-container .current_employer-section input.form-text, #crm-container .street_address-1-section input.form-text, #crm-container .city-1-section input.form-text, #crm-container .state_province-1-section input.form-text, #crm-container .phone-Primary-1-section input.form-text  {
	width: 82%;
}

	div#crm-container .content.contribution_amount-content span.price-set-label {
	  border-bottom: 1px dashed #019cb8;
    padding-bottom: 5px;
	}

  .subnavigation input.registration-step.current-step:hover, .subnavigation input.registration-step.current-step {
    margin-top: 0px !important;
  }
	
	
	.kickit .pane-campaign-search.block	{
		padding: 5% 5% 1% 5%;
	    text-align: center;
	}
	
	.kickit-login h2, 
	.kickit .pane-campaign-search.block h2, 
	.kickit .panel-flexible .row-halves-3 h2 {
		font-size: 18px;
	}
	
	.choose-sport-list h2 {
		margin-top: 70px;
	}
	
}


/* QQQ s/b edited on global.styles when there is no conflict writing to it */
/* QQQ making the margin between the search text field and button steady */

/* QQQ the right pointing arrow seemed a bit misaligned. */
#kickit-choose-champions .pane-1:after, 
#kickit-choose-games .pane-1:after {
    margin-left: -10px;
    border-width: 60px;
    margin-top: -60px;
}
/* might not be the best answer but for now it keeps buttons from looking broken whe they roll to two lines */ 
body.kickit.choose .choose-sport .button {
    display: inline-block;
}

/* spacing between football/other kickball/other */

body.kickit.choose #champs-other,
body.kickit.choose #games-other {
    padding: 5% 2%;
    width: 45%;
}

body.kickit.choose #champs-football,
body.kickit.choose #games-kickball {
    padding: 5% 2%;
    width: 45%;
}

.nav li a:hover, .nav li a:focus, .nav ul.menu li a:hover, .nav ul.menu li a:focus {
  text-decoration: none;
  color: #000000;
}


@media screen and (max-width:320px) {
	.node-type-campaign #main-content h2 {
		font-size: 21px;
	}

	.node-type-campaign #main-content .row-6 h3 {
		font-size: 19px;
	}
}