/*
    IL-AFLAN hero unit mobile legibility mods
    August 2018 barrykafka@gmail.com
 */
@media only screen and (max-width: 800px){
#hero-message-col {background: rgb(255,255,255,.6);}
.page-veterans #hero-unit.hero-500px {height:540px;}
.page-veterans #wrapper .post-content #hero-unit.hero-500px h2 {font-size:25px;}
.page-veterans #hero-unit.hero-500px h3.free-hotline a strong {top:0; float:none; padding: 0 6px !important;}
.page-veterans .learn-more a {width:93%;}
}

/* CLIENT SERVICES PAGE */
.hero-500px {height:500px;}
.hero-500px .fusion-row {
position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.hero-500px .fusion-title.white-bar-hero-head h1{
  padding:30px !important;
}
.hero-500px .white-bar-hero-head h1 {
  background-color:rgba(255,255,255,.6);
  text-transform:uppercase;
  width:70%;
  margin:0 auto;
}

#main .hero-500px h2.hero-head {
font-size:40px;
text-align: center; 
color: #fff; 
font-weight: bold;
text-transform:uppercase;
}

/* Hide the mobile donate button by default */
.mobile-donate-button {display:none;}
/* Hide this class on desktop. Display block on mobile. */
.hide-on-desktop {display:none !important;}

/* 360px mobile styles */
/* Was formerly 320px but Moto Droid is 360px wide */
@media screen and (max-width: 360px) {
  /* fix on services page */
.waiver-confirm {width:85% !important;}
/* Donate Slide: keep to 3 lines, 20px */
.donate-slide-caption {font-size:20px !important;}
}


/* 800px breakpoint collapses the nav menu, so display the header Donate button */
@media screen and (max-width:800px){
.hide-on-desktop {display:block !important;}
 .hide-on-mobile {display:none !important;} /* this was previously at max-width 600px */

/* Display a Donate button on mobile */
.mobile-donate-button {
width:100%;
background:#fff;
padding:20px 0 15px;
text-align:center;
display:block;
}
.make-a-donation .mobile-donate-button {display:none;}
.mobile-donate-button a {
color:#fff;
border-radius:4px;
background-image:linear-gradient( to top, #DA5959, #E38080 );
padding:5px 18px;
}
.mobile-donate-button a:hover {
color:#fff;
background-image:linear-gradient( to top, #E38080, #DA5959 );
}
/* 500px hero box disable positioning fix on mobile */
.hero-500px .fusion-row {
position: relative; top: 0; transform: none;
}

}

/* 600px mobile styles */
@media screen and (max-width: 600px) {

.fusion-column-wrapper div.IATS_Div {width:100% !important;}

 /* fix icon units on services page */
.fusion-content-boxes.services-boxes-top, .fusion-content-boxes.donate-boxes-top {margin-bottom:0 !important;}

/* Fix press release table on /media page */
.fusion-table thead tr {position:absolute; top:-9999px; left:-9999px;}
.fusion-table table, .fusion-table thead, .fusion-table tbody, .fusion-table th, .fusion-table td, .fusion-table tr {
display:block;
}
.fusion-table tr { border: 1px solid #ccc; }
	
.fusion-table table-2 td, .fusion-table td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important; 
		position: relative;
		padding-left: 20% !important; 
                white-space:normal !important
	}
.fusion-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.fusion-table td:nth-of-type(1):before { content: "Date"; }
	.fusion-table td:nth-of-type(2):before { content: "Title"; }

	/*
	Stripe Data header
	*/
	.fusion-table td:nth-of-type(1) { background: #B0D0DC; }

}


/* 800px mobile styles */
@media screen and (max-width: 800px) {
 .fusion-content-boxes.services-boxes-top {margin-bottom:0 !important;}
#gavel-hero-message h1 {font-size:8vw;}
#gavel-hero-message h3 {font-size:7vw;}
}

/* images with 1px border */
.img-border {border:1px solid #E6E4DA;}

/* Align Waiver Confirmation checkbox */
.waiver-checkbox { float:left;}
.waiver-confirm {
    margin-left: -27px;
    display: inline;
    float: left;
    width: 85%;
    text-indent: 27px;
}
.waiver-confirm:after {
    content: "";
    display: table;
    clear: both;
    margin-bottom:2em;
}

.white-type h1 {color:#fff !important;}

/* HOME PAGE SLIDE SHOW */

/* Top head */
h3.home-slide.top-head {
font-size:40px;
font-weight:bold;
text-transform:uppercase;
}

/* SLIDE SUPPORT COPY */
.slide-copy {
font-size:34px;
padding:10px !important;
background:rgba(255,255,255,.7);
height:auto;
}

.cta-blurb p,.cta-blurb h3 {
font-size:18px !important;
}
.cta-blurb h3 {
font-weight:bold !important;
margin:0;
}

/* 
CTA Button
combines styles from the following:
fusion-button button-1 button-large button-round
*/
.carpls-button {
background-color: #008EA6;
color:#fff;
padding:13px 29px;
margin:1em 0 !important;
white-space:nowrap;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
line-height:1.4em;
border:1px solid #fff;
border-radius:4px;
}
.carpls-button:hover {
color: #008EA6;
background-color:#fff;
border:1px solid #008EA6;
}
.carpls-button.center {
margin:0 auto;
}
.carpls-button.button-mobile {
white-space: normal !important;
}

/* Call now slide */
.ls-1 {
background-color:rgba(255,255,255,.8);
}

/* Persistent Header Buttons */
.fusion-secondary-header a.button-default, .fusion-secondary-header a:hover.button-default {color:#fff;}
.fusion-secondary-header a.button-small {padding:6px 9px;}

.donate-menu a .button-default {background-image: linear-gradient( to top, #DA5959, #E38080 )}
.donate-menu a:hover .button-default {background-image: linear-gradient( to top, #E38080, #DA5959 )}

.flush-bottom * {
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.white-hero-type {
  color:#fff;
}
.white-hero-type h2{
  color:#fff !important;
  font-weight:800;
}
.hide {display:none;}

/* About CARPLS page */
.hero-350px {height:350px;}