@charset "UTF-8";
/* ltBlue #BFDDE9, dkBlue #336699, limeGrn #C9EC35, medGrn #BFD900*/

/*********** belowTheFold stuff ************/
html, body {height: 100%;}
#above {
	/*height: 100%; below-the-fold starts at min-width: 740px*/
	height: auto;
	position: relative;
	text-align: center;
}
#above * {margin-bottom: 0; margin-top: 0;}
#above p {margin: 1.12em 0;}
/***** end of belowTheFold stuff *******/

body {
	margin: 0;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
}
.groundBlack {color: #333; background-color: #000;}
header {position: relative;}
#brand {
	padding: 10px;
	font-size: 1.5rem;
	font-weight: 700;
}
#brand a {text-decoration: none; cursor: pointer; color: #fff;}
#navLink {
	position: absolute;
	top: 17px;
	right: 10px;
	cursor: pointer;
}
#topNav {
	max-width: 1004px;
	max-height: 0px;
	background: #000;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position: relative;
	top: 0;
	right: 0;
	z-index: 108;
	overflow: hidden;
}
#topNav a {
	display: block;
	text-decoration: none;
	color: #ccc;
	padding: 10px;
	line-height: 1.0;
	border-top: 1px solid #788781;
	white-space: nowrap;
}
#topNav a:hover {text-decoration: none; color: #fff;}
#phoneL {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem;
	z-index: 110;
}
#phoneL a {text-decoration: none; color: #fff; line-height: 1.2;
	border: none;}
#phoneL a:hover {text-decoration: none; color: #fff;}
/******************** end of header ************************/

#above {
	background-image: url(../images/texas-singles_small.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-shadow: 0px 2px 12px #000;
	position: relative;
}
#topTable {display: table; width: 100%; height: 100%; text-align: center;}
#topLeft {
	width: 80%;
	 padding-top: 170px;
	 font-size: 1.0rem;
	color: #fff;
	display: inline-block;
	background-color: none;
}
#headline {font-size: 2.0rem; font-weight: normal; line-height: 1.0;}
button {
	border-radius: 8px;
	padding: 12px 20px;
	background-color: #cc0000;
	border: 2px solid #fff;
	font-size: 2.0rem;
	font-weight: 700;
	cursor: pointer;
	color: #fff;
}
button:hover {background-color: #ff0000;}
#topRight {
	display: inline-block;
	width: 80%;
	position: relative;
}
#topQuote {
	max-width: 700px;
	position: relative;
	text-align: center;
	color: #fff;
	z-index: 200;
	display: none;
}
#topQuote p {text-align: center;}
main {background: #fff;}
.groundWhite {
	width: 100%;
	padding: 20px 0;
	color: #333;
	background-color: #fff;
}
.groundBlue {
	width: 100%;
	padding: 20px 0;
	color: #333;
	background-color: #BFDDE9;
}
.groundWhite a, .groundBlue a {color: #333;}
section {
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.0rem;
	position: relative;
}
section p, section h4 {text-align: left;}
section h2 {text-align: center;}
.iBlock {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	overflow: hidden;
	text-align: center;
}
.single {max-width: 700px; padding-left: 15px; padding-right: 15px;}
.half {width: 486px; margin: 0 10px;}/*not used, but useful*/
.third {width: 280px; margin: 0 20px;}
.fourth {width: 233px; margin: 0 6px;}
.fullWidth {width: 100%}
.dispInline {display: inline;}
#serious {
	/*background-image: url(../images/ThinkstockPhotos-122399838_1440x965.gif);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: right top;
	background-color: #000;
	color: #fff;
	padding: 20px 0;
}
#serious img {width: 140px;}
/*svg icons class*/
svg .st0 {fill: #BFDDE9;}
#briefCase, #shield, #heartPuzzle {width: 200px; height: auto;}
#key {width: 400px; height: auto;}

#matchmaker {
	background-image: url(../images/matchmakerSil.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*********** testimonial stuff *************/
#testWindow {
	max-width: 700px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
#testWindow img, .single img {width: 200px;}
#slider {
	width: 2860px;
	position: relative;
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	-ms-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
	left: 0;
}
#slider h2 {text-align: center;}
.testimonial {
	width: 695px;
	margin-right: 15px;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding-left: 20px;
	padding-right: 400px;/*adjust at breakpoints*/
}
#testButtons div {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 6px;
	background-color: none;
	border: 1px solid #fff;
}
/************ end testimonial stuff **************/

h1 {font-size: 2rem; margin: .67rem 0;}
h2 {text-align: center;}
.boldType {font-weight: 700;}
.smallPrint {font-size: .8rem;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.dontBreak {white-space: nowrap;}
.clearing {clear: both;}

footer {
	max-width: 994px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 15px 30px 15px;
	color: #999;
}
footer a {
	font-size: .8rem;
	text-decoration: none;
	color: #999;
	padding: 0 12px 0 10px;
	border-left: 1px solid #ccc;
}
footer a:hover {text-decoration: none; color: #ccc;}
footer a:first-child {border: none;}
#selectNav {
	max-width: 740px;
	width: 100%;
	box-sizing: border-box;
	background: #000;
	color: #999;
	font-size: 1.0rem;
	-webkit-appearance: none;
	padding: 6px 10px;
}
#phone {
	position: absolute;
	right: 10px;
	bottom: -78px;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem;
}
#phone a {text-decoration: none; color: #fff; line-height: 1.2; border: none;}
#phone a:hover {text-decoration: none; color: #fff;}

@media screen and (min-width: 320px) {
	.testimonial {padding-right: 400px;}
}
@media screen and (min-width: 359px) {
	body {font-size: 16px;}
	#headline {font-size: 3.0rem;}
	#topLeft {font-size: 1.2rem;}
}
@media screen and (min-width: 360px) { /* Galaxy 5S */
	.testimonial {padding-right: 360px;}
}
@media screen and (min-width: 375px) {
	#topLeft {padding-top: 200px;}
	.testimonial {padding-right: 345px;}
	#serious img {width: 200px;}
	#testWindow img, .single img {width: 300px;}
}
@media screen and (min-width: 414px) {
	.testimonial {padding-right: 305px;}
}
@media screen and (min-width: 480px) {
	.testimonial {padding-right: 240px;}
}
@media screen and (min-width: 568px) {
	.testimonial {padding-right: 152px;}
}
@media screen and (min-width: 640px) {
	.testimonial {padding-right: 80px;}
}
@media screen and (min-width: 667px) {
	.testimonial {padding-right: 53px;}
}
@media screen and (min-height: 640px) {
	 #topLeft {padding-top: 200px; padding-bottom: 20px;}
}
@media screen and (min-width: 740px) {
	#navLink {display: none;}
	#topNav {position: absolute; top: 18px; max-height: 500px;}
	#topNav a {display: inline; border: none;}
	#above {
		background-image: url(../images/texas-singles_big.jpg);
		background-position: center;
		background-size: cover;
		height: 100%;
	}
	#topLeft {
		width: 40%;
		padding: 80px 10%;
		vertical-align: middle;
		display: table-cell;
		text-align: right;
	}
	#topRight {
		width: 40%;
		padding: 6% 10%;
		vertical-align: bottom;
		display: table-cell;
	}
	#phoneL {display: block;}
	#headline {font-size: 4.0rem;}
	.groundWhite, .groundBlue {padding: 80px 0 100px 0;}
	#serious {padding: 80px 0 100px 0;}
	section {font-size: 1.25rem;}
}
@media screen and (min-width: 736px) {
	.testimonial {padding-right: 20px;}
}
@media screen and (max-width: 739px) {
	#topNav {max-height: 0px;}
}
@media screen and (min-width: 1025px) {
	#serious {background-image: url(../index_files/ditherNoBkgrd.gif);}
}