/*--------------------------------------------------------

Project: Coach Alex
Project URL: http://www.coachalex.com

Author: Christopher K Wright
Author Email: christopherkwright@gmail.com
Author URL: http://www.crownheights.co

Date Created: August 2013
Revised: June 2020
Version: 1.0

--------------------------------------------------------*/


.top-bar {
	margin: 0;
	background-color: black;
}

h1 {
  color: black;
}

.videobg {
	width: 100%;
	background: #0a0e22;
}

.ca-header {
	width: 100%;
	background: #0a0e22 url('../images/ca-bg.jpg') no-repeat top center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.ca-quote  {
	background: #ac1117 url('../images/red-ball-bg.jpg') no-repeat top center;
	width: 100%;
	height: 165px;
}

p.ca-quote-text {
	font-size: 1.2em;
	line-height: 1.5em;
	color: white;
	padding: 40px 0;
}

.ca-alex {
	background: #0a0e22 url('../images/alex-with-kids.jpg') no-repeat top center;
	width: 100%;
	height: 350px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.flex-video {
	margin-bottom: 0;
}

.grey {
	background: #efefef url('../images/ca-logo-bg.gif') no-repeat top center;
	width: 100%;
}

h2 {
	font-family: Georgia, serif;
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	color: green;
	padding-bottom: 30px;
}

.button {
	-webkit-box-shadow:rgba(255, 255, 255, 0.498039) 0 0 0 inset;
	  -webkit-transition:background-color 0.15s ease-in-out;
	  background-color:#51a328;
	  background-position:initial initial;
	  background-repeat:initial initial;
	  border: none;
	  box-shadow:rgba(255, 255, 255, 0.498039) 0 0 0 inset;
	  color:white;
	  cursor:pointer;
	  display:inline-block;
	  font-family:inherit;
	  font-size:12px;
	  font-weight: bold;
	  line-height:1;
	  margin:0;
	  padding:20px 30px 21px;
	  position:relative;
	  text-align:center;
	  text-decoration:none;
	  text-transform: uppercase;
	  transition:background-color 0.15s ease-in-out;
	  width:auto;
}

.buttonpad {
	padding-top: 70px;
}

.ca-grass  {
	background: url('../images/ca-grass.jpg') repeat-x scroll top center;
	width: 100%;
	height: 200px;
}

.ca-grass > .row > .four {
	padding-top: 75px;
}

.button:hover, .button:focus { color: white; background-color: #ac1117; }

.fourlogos {
	width: 100%;
	background: white;
	padding: 30px 0;
}

.fourlogos p {
	font-size: 1.7em;
	color: #666;
}

.ca-name {
	float: left;
	padding-top: 30px;
}

.ca-header > .row > .columns > .columns {
	padding: 50px 0 0;
}

	
.tagline > p {
	color: #AD1217;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.7em;
	line-height: 1.2em;
	text-align: left;
}

.ca-alex-kids {
	background: #0a0e22 url('../images/ca-kids.jpg') no-repeat top center;
	width: 100%;
	height: 250px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

ul.threelinks li {
	list-style-type:none;
	margin:0;
	padding:0;
}

a {
  color:#666;
}

a:hover {
  color:#ac1117;
}

.contact {
	background: #AC1117;
	padding: 20px 0;
	color: #fff;
}

.contact a {
  color:#fff;
}

.contact a:hover {
  text-decoration: underline;;
}

footer {
	color: #666;
	background: black;
	padding: 20px 0;
}

footer p {
	font-size: .8em;
}




/* -----------------------------------------
   Custom Mobile Styles
----------------------------------------- */

@media only screen and (max-width: 768px) {

	.ca-name {
		padding-top: 10px;
	}
	.name {
		width: 281px;
		margin: 0 auto;
		padding-top: 0px;
	}

	.ca-header > .row > .columns > .columns {
		padding: 10px 0 0;
	}
	
	.tagline > p {
		color: #009933;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 1.2em;
		line-height: 1.2em;
		text-align: center;
		padding-top: 15px;
	}
	

	.threelinks li a {
		width: 100%;
		padding: 16px;
		margin-bottom: 5px;
		background: rgba(51,51,102,.6);
		font-size: .8em;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		color: white;
		display: block;
		width: 100%;
	}
	.threelinks a:hover {
		background: #ac1117;
		color: white;
	}
	
	.ca-grass {
		display: none;
	}
	
	p.ca-quote-text {
	  color:white;
	  font-size:1.1em;
	  line-height:1.4em;
	  padding:30px 0;
	 text-align: center;
	}
	
	.fourlogos {
		padding: 20px 0;
	}
	
	.fourlogos p {
	  color:#666666;
	  font-size:1.3em;
	}

}