/*
Theme Name: Phoenix
Theme URI: http://fasturtle.com
Description: Website by Fasturtle
Version: 2.0
Author: Fasturtle
Author URI: https://fasturtle.com
Template: ft-framework
*/





/*------------------------------------*\
    $CONTENTS
	Credit: https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/

/**
 * CONTENTS............You are here! This stylesheet overrides any defaults defined in ft-framework.
 * FONT-FACE...........Load font files, typography, and base formatting overrides.
 * COLORS..............Brand colors override, referenced by color name and value.
 * LAYOUT..............Main structure of site. Includes Header, Nav, Article, Aside, Footer.
	 * SOCIAL MEDIA........Override defaults with custom icon background-sprite as needed.
	 * ROTATOR.............Rotating header overrides.
	 * EVENTS CALENDAR.....Calendar style overrides.
	 * LATEST POSTS........Post style overrides.
	 * FEATURES............Featured Callouts overrides.
	 * INTRO TEXT..........Intro Text formatting overrides.
 * FORMS...............Override styles for forms and the Contact Form 7 plugin.
 * MISC................Any leftovers or additions go here.
 */





/*------------------------------------*\
    $FONT-FACE

	Headlines: Raleway Bold
	Body Text: Raleway Medium

\*------------------------------------*/


@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium-webfont.eot');
    src: url('fonts/Raleway-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Medium-webfont.woff') format('woff'),
         url('fonts/Raleway-Medium-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Medium-webfont.svg#RalewayMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold-webfont.eot');
    src: url('fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Bold-webfont.woff') format('woff'),
         url('fonts/Raleway-Bold-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Bold-webfont.svg#RalewayBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

body{
	font-size:100%;
	line-height:1.5;
	color:#1d1b18;
	font-family: 'Raleway';
}

h1, h2, h3, h4, h5, h6,
table thead, table th {
	font-family: Raleway, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}

h1{
	font-size:1.75em;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.25em;
}
h4{
	font-size:1em;
}

#main > section > article section iframe,
#main > section > article section img {
	background: #fff;
	border-radius: 2px;
	border: none;
	padding: 0;
}

body.blog #main > section > article > section img.attachment-thumbnail,
body.archive #main > section > article > section img.attachment-thumbnail,
body.category #main > section > article > section img.attachment-thumbnail  {
	float: left;
	margin-right: 20px;
	width: 130px;
	height: auto;
}

body.home #main > section > article section iframe,
body.home #main > section > article section img {
	max-width: 420px;
}

body.home #main > section > article section img {
	height: auto;
}

blockquote {
	color:white;
	background-color:#006326;
	margin-bottom: 1.5em;
}

blockquote p {
	margin-bottom: 0;
}
blockquote p.attr {
	margin-top: 1em;
}

h1.archive {
	font-family: Raleway,Helvetica,Arial,sans-serif;
	padding-left: 0;
	padding-top: 2em;
}





/*------------------------------------*\
    $COLORS

	Rust Orange: #bb4e1a
	Dark Green: #006326 
	Dark Brown/Black: #1d1b18
	Medium Brown: #3b3731

\*------------------------------------*/

a, a:link {	
	color:#bb4e1a;
}

a:visited {
	color: #1d1b18;
}

a:hover, a:active, a:focus {
	color:#006326;
}

h1, h2, h3, h4, h5, h6,
table thead, table th,
cite {
	color: #006326;
}




/*------------------------------------*\
    $LAYOUT
	
	Header
	Navigation
	Social Media
	Rotator
	Events Calendar
	Features
	Intro Text
	Article
	Aside
	Footer
\*------------------------------------*/

body .wrapper,
#main {
	margin:0 auto;
	position: relative;
	width:/* 950px */ 1000px;
}

#main {
	width: 950px;
}

body {
	background: #e8e2db;
}

#main {
	background: #fff;
	padding: 0 25px;
}

/*
body.home #main > section {	
	margin-left: 40px;
	float: right;
	width: 455px;
}
*/





/*------------------------------------*\
    $HEADER
\*------------------------------------*/

body > header {
	height: auto;
	background: #1d1b18;
	z-index: 500;
	overflow:visible;
	text-align:center;
	padding:1.25em 0;
}

body > header h1#logo {
	margin: 0;
	padding: 0;
	height: 142px;
	width: 142px;
	position:absolute;
	top:-0.66em;
	left:0;
}

body > header h1#logo a {
	background: transparent;
}

body > header h2#tagline {
	color: #bb4e1a;
	background: none;
    position: absolute;
    right: 0;
    top: 0.2em;	
	padding: 0;
	font-size:18px;
}


/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/

#nav {
	font-family: Raleway, Helvetica, Arial, sans-serif;
    background: transparent;
	position: relative;
	margin: 1em 0 0.8em;
	width: auto;
	overflow: visible;
	z-index: 9999;
}

#nav ul li{
	float:none;
	display:inline-block;
	margin-left: 5px;
}

#nav ul.sub-menu li{
	display:block;
}

#nav ul li a, #nav ul li a:link, 
#nav ul li a:visited {
	background: transparent;
    color: #fff;
	font-size: 14px;
	text-transform: none;
	border-radius:4px;
	padding:0.5em;
	position:relative;
}

#nav ul li.menu-item-has-children > a{
	padding-right: 1.2em;
}
#nav ul li.menu-item-has-children > a:after{
	content:'';
	position:absolute;
	right: 7px;
    top: 11px;
	width:4px;
	height:4px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#nav ul li.btn a {
	background: #0e4e20;
}

#nav ul li.current_page_item ul li a,
#nav ul li ul li a:visited {
    color: #fff;
}

#nav ul li a:hover, 
#nav ul li a.over, 
#nav ul li a:active, 
#nav ul li.current_page_item ul li a:hover, 
#nav ul li ul li a:hover, 
#nav ul li ul li.current_page_item > a {
    color: #fff;
	background: #3b3731;
}

#nav ul.sub-menu {
	padding-top:1em;
}
#nav ul.sub-menu li{
	display:block;
	margin:0.5em 0;
}

#nav ul li ul.sub-menu li a {
    color: #fff;
    border-radius:0;
}

#nav ul > li.current_page_item > a, 
#nav ul > li.current-page-ancestor > a,
#nav ul li ul.sub-menu li.current-page-ancestor a,
#nav ul li ul.sub-menu li.current_page_item a,
#nav ul li ul.sub-menu li a:hover {
	color: #fff;
}

#nav ul li ul.sub-menu {
    background:#1d1b18;
    text-align:left;
}

#nav ul li ul.sub-menu li ul.sub-menu {
	background: #1d1b18;
}






/*------------------------------------*\
    $ROTATOR
\*------------------------------------*/

#banner {
	background-color:#000;
	position:relative;
	text-align:center;
	height:375px;
	z-index:400;
	
	background-image: url('img/slide5.jpg');
	background-size:cover;
	background-position:center top;
}
.home #banner{
	height: 375px;
	background-image:none;
}

#rotator {
    height:100%;
	width: 100%;
	overflow:visible;
	position:relative;
}

#rotator li {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
	position:relative;
}

#rotator li .phrase {
	display:block;
    width: /* 950px */ 1000px;
    top:37%;
    right:auto;
    margin: 0 auto;
	position:relative;
	text-shadow: 0 3px 13px rgba(0,0,0,0.85);
}


#rotator li .phrase .subheading {
	position:absolute;
	bottom: 0;
	left: 0;
    width: 750px;
    padding: 2em 125px;
	color: #fff;
	font-size: 1em;
	font-weight:normal;
}
#rotator li .phrase .subheading p{
	line-height:1.5;
}
#rotator li .phrase .subheading p:last-child {
	margin-bottom:0;
}

#rotator li .phrase .heading{
	position:absolute;
	top: 100%;
	left: 0;
	width: 800px;
	height:/* 6em */ 97px;
    padding: 0 100px;
}
#rotator li .phrase .heading h1{
    color: #fff;
	font-size: 40px;
	text-align: center;
	line-height: 1.5;
	display:inline-block;
	position:relative;
    vertical-align:middle;
	margin-bottom:0;
	width: 80%;
}

#rotator li .phrase .heading:before {
	content:'';
	display:inline-block;
	position:relative;
	height:100%;
	width:0;
	vertical-align:middle;
}

#banner > h1{
	font-size: /* 32px */ 40px; 
	line-height: 1.5;

	display:inline-block;
	color:white;
	text-align:center;
	width: 850px;
	position: relative;
	top: 37%;
	text-shadow: 0 3px 13px rgba(0,0,0,0.85);
}

/*------------------------------------*\
    $FEATURES
\*------------------------------------*/



.features {
	background: #ded3c7 url(img/banner-bg-cactus.jpg) no-repeat center bottom;
	background-size:cover;
	border-bottom: 1px solid #c3b29e;
	border-top:1px solid #fff;
	padding: 0.5em;
	overflow: auto;
	margin: 0;
	position: relative;
	z-index: 100;
	text-align:center;
}

.features ul.menu{
	
	padding: 25px 20px 0;
	display:block;
	text-align:justify;
}
.features ul.menu:after { content:' '; display:inline-block; width: 100%; height: 0; margin:0 }

.features ul.menu li{
	display:inline-block;
	float:none;
	background:none;
	vertical-align:middle;
	width:auto;
	margin: 0 auto;
}
.features ul li a{
	display:inline-block;
	padding: 9px 12px 7px;
	color:#1d1b18;
	border-radius: 2px;
	text-decoration: none;
	-webkit-transition:all .2s ease-in;  
	-moz-transition:all .2s ease-in;  
	-o-transition:all .2s ease-in;  
	transition:all .2s ease-in; 

}
.features ul li a:hover{
	color:#006326;
}

.features ul li.current-menu-item a{
	border:1px solid #b9afa6;
	border-radius:2px;
}


body.home .features {
	padding: 1em 0;
	background-position:center-top;
}

.features ul.callouts{
	background:none;
	padding:0;
}
.features ul.callouts li {
	background: transparent;
	overflow: auto;
	width:50%;
	margin: 0;
}
.features ul.callouts li:first-child {
	margin-left:0;
}

.features ul.callouts li h3{
	font-size: 32px;
	position: relative;	
	font-weight: normal;
	top: 24px;
	text-align:left;
	color:#cc551c;
}

.features ul.callouts li a {
	float: left;
	color: #006326;
	margin: auto 0;
}
.features ul.callouts li a.featured-link:hover, .features ul.callouts li a.featured-link:active,
.features ul li.current-menu-item a:hover, .features ul li.current-menu-item a:active{
	border-color:#fff;
	color: #fff;
	background: #cc551c;
}
.features ul.callouts li a:hover {
	color: #bb4e1a;
}

.features ul.callouts li img{
	border: none;
	float: right;
	margin:0;
}




/*------------------------------------*\
    $ARTICLE
\*------------------------------------*/

#main > section > article > header h1,
#main > section > article > header h1 a {
	color: #006326;
}

#main article {
	padding-top:4em;
	padding-left: 0;
}

article nav#posts-nav {
	border: 1px solid #000;
}

article footer a.addthis_button {
	background: transparent;
}

#main > section > article section ul{
	list-style-image: url(img/icon-list-style-image.png);
	margin-bottom: 1.25em;
}
#main > section > article section ul li{
	padding:0.25em 0;
}


#main dt.gallery-icon a img {
	border: 3px solid rgba(255,255,255,0);
}

#main dt.gallery-icon a:hover img {
	border: 3px solid #006326;
}



/*------------------------------------*\
    $ASIDE
\*------------------------------------*/

#main > aside {
	float: left;
    width: 275px;
}

#main > aside ul {
	padding: 0;
}

body.home #main > aside {
	float: left;
	margin: 0;
    width: /* 455px */ 275px;
}

body.home #main aside .child-pages {
	display: none;
}

#main aside .child-pages {
	padding: 1em;
	border:1px solid #000;
	margin-bottom: 2em;
}

#main aside .child-pages ul {
	margin: 0;
	padding: 0 0.75em;
}

#main aside .child-pages ul li,
#main aside .child-pages ul li ul,
#main aside .child-pages ul li ul li {
	margin: 0;
	padding: 0;
}

#main aside .child-pages a {
	text-transform: uppercase;
	font-family: Raleway, Helvetica, sans-serif;	
}

#main aside li.testimonials-section {
	margin-top: 1.5em;
}

.testimonials-header {
	float: left;
	margin-top: 7px;
}

.testimonials {
	clear: both;

	overflow: visible;
    position: relative;
	margin: 3em auto 0;
}

.testimonials .quote {
	overflow: visible;
	margin: 0 auto 1em;
}

.testimonials .quotes {
    color: #92887c;
    font-size: 40px;
    left: -14px;
    position: absolute;
    top: 1px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	background: url(img/icon-quotes.png) no-repeat 0 0;
	height: 11px;	
	width: 11px;
}

.testimonials p {
	color: #006326;
	padding-bottom: 26px;
	background: url(img/bg-bubble.png) no-repeat left bottom;

	font-weight: normal;
	font-size: 18px;
	font-family: Raleway, Helvetica, sans-serif;
	font-style: italic;	
	margin-bottom: 0;
}

.testimonials p.testimonial-source {	
	background: none;
	color: #1d1b18;
	font-weight: normal;
	font-family: Raleway, Helvetica, sans-serif;	
	font-size: 14px;
	margin-top: 10px;
	text-align: right;
}





/*------------------------------------*\
    $INTRO TEXT
\*------------------------------------*/

.intro-text {
	padding:3em 0;
	background: #006326 url(img/banner-bg-cactus-green.jpg) no-repeat center bottom;
	background-size:cover;
	margin-top: 0;
}

.intro-text h1 {
	color: #fff;
	margin: 0 auto;
	font-weight: normal;
	max-width:/* 950px */ 1000px;
	text-shadow: 0 3px 13px rgba(0,0,0,0.5);
	text-align:center;
}


/*------------------------------------*\
    $LATEST POSTS
\*------------------------------------*/

.latest-posts > header {
	margin-bottom: 1em;
	overflow: auto;
}

.latest-posts header > h1 {
	margin-bottom: 0;	
	display:inline-block;
}

.latest-posts header > a {
	display:inline-block;
	margin-bottom:0;
	margin-left:0.5em;
	color:#006326;
}
.latest-posts header > a:hover, .latest-posts header a:active {
	color: #1d1b18;
}


.latest-posts section {
	display:block;
	clear: both;
	overflow: auto;
	padding: 25px;
	background-color:#f4f0ed;
}


.latest-posts .post header p,
.latest-posts .post header h3 {
	margin: 0;
}


.latest-posts .post {
	clear: both;
	margin-bottom: 1em;
	overflow: auto;
	padding-right: 70px;
}
.latest-posts .post:last-child{
	margin-bottom:0;
}
.latest-posts .post h4{
	font-weight:bold;
}
.latest-posts .post a {
    color: #bb4e1a;
}

.latest-posts .post a:hover {
	color: #1d1b18;
}

div.latest  {
	display:block;
	background-color: #e8e2db;
	border-top: 1px solid #fff;
	overflow: hidden;
	padding:2.5em 0;
}

div.latest div.halves {
	display:inline-block;
	width:49%;
	position:relative;
	box-sizing:border-box;
	vertical-align:middle;
}
div.latest div.halves.associations{
	background-image:url('img/assoc3.jpg');
	background-repeat:no-repeat;
	margin-left:80px;
	position: relative;
	height: 256px;
	width: 415px;
}
div.latest div.halves.associations a{
	position: absolute;
	text-indent:-9999px;
	overflow:hidden;
}

.associations a#azroc{
	height:123px;
	width: 96px;
	top: 25px;
	left: 28px;
}
.associations a#bbb{
	height:119px;
	width: 83px;
	left: 148px;
    top: 24px;
}
.associations a#azlca{
	height:57px;
	width: 140px;
	left: 248px;
    top: 32px;
}

.associations a#belgard {
    height: 89px;
    left: 25px;
    top: 148px;
    width: 98px;
}
.associations a#icpi{
	height:53px;
	width: 133px;
	left: 152px;
	top: 173px;
}
.associations a#tcia {
    height: 89px;
    left: 25px;
    top: 148px;
    width: 98px;
}
.associations a#isa {
	width: 71px;
	height: 54px;
	left: 308px;
	top: 175px;
}

.associations a#rachio {
	width: 71px;
	height: 111px;
	left: 40px;
	top: 254px;
}


/*------------------------------------*\
    $SOCIAL MEDIA
\*------------------------------------*/

ul.social {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

ul.social li a {
    background-image: url(img/social.png);
}

ul.social li.facebook a{
	background-position: 0 0;
}
ul.social li.facebook a:hover{
	background-position: 0 -37px;
}
ul.social li.twitter a{
	background-position: -35.5px 0;
}
ul.social li.twitter a:hover{
	background-position: -35.5px -37px;
}
ul.social li.googleplus a{
	background-position: -71px 0;
}
ul.social li.googleplus a:hover{
	background-position: -71px -37px;
}
ul.social li.yelp a{
	background-position: -106.5px 0;
}
ul.social li.yelp a:hover{
	background-position: -106.5px -37px;
}


/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

body > footer {	
	background: #1d1b18 url(img/inner-shadow.png) repeat-x 0 -42px;
	border-top: 1px solid #fff;
    color: #fff;
	padding: 3em 0;
}

body > footer a,
body > footer a:link
{
	color: #fff;
	background: transparent;
}
body > footer a:hover, body > footer a:active{
	text-decoration: none;
}
h1#footer-logo, body > footer #footer-widget-1, a.credit{
	display:inline-block;
	vertical-align:top;
}

body > footer #footer-widget-1{
	width:600px;
	padding-top:0;
	white-space:nowrap;
	overflow: hidden;
}

body > footer #footer-widget-1 .vcard, body > footer #footer-widget-1 .textwidget{
	display:inline-block;
	width:50%;
	white-space:normal;
	vertical-align:top;
}

body > footer #footer-widget-1 .vcard dl{
	display:block;
	float:none;
	width:100%;
}

body > footer #footer-widget-1 .vcard dl.tel.voice{
	margin-bottom:0;
}

body > footer #footer-widget-1 .vcard dt {
	font-weight: bold;
}

body > footer ul li a, 
body > footer ul li a:visited {
	color:#fff;
}
body > footer #footer-widget-1 .vcard h4.fn{
	display:block;
	margin-bottom:0.25em;
}


body > footer ul li a:hover {
	color: #006326;
}

body > footer a.credit {
    height: 19px;
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    width: 128px;
    margin-top: 0;
    background: transparent url(img/ftlogo.png) center center no-repeat;
	border-radius: 20px;
	padding: 4px 10px;
	float:right;
}





/*------------------------------------*\
    $FORMS
\*------------------------------------*/



form.wpcf7-form h2,
.qcf-form h2, gform_wrapper h2{
	color: #fff;
	text-align: center;
	margin-bottom:0;
}
/*
body.home form.wpcf7-form h2 {
	margin-bottom:0.3em;
}
*/
span.req {
	color: #f36b26;
}

form.wpcf7-form, .qcf-form, .gform_wrapper{
	padding:1.5em;
	background-color:#92887C;
	border-radius: 2px;
}

/*
body.home form.wpcf7-form {
	background: #bb4e1a;
	padding: 60px 0 0 0;
	width: 440px;
	height: 380px;
	border-radius:220px;
	position: relative;
}
*/

form.wpcf7-form label {
	font-size: 14px;
    font-weight: normal;
    text-transform: none;
	font-style: italic;
    left: 11px;
    position: absolute;
    top: 19px;
    z-index: 2;	
}

/*
body.home form.wpcf7-form label {
	top: 13px;
}
*/

.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="search"], 
.wpcf7 input[type="range"], 
.wpcf7 input[type="date"], 
.wpcf7 input[type="datetime"], 
.wpcf7 input[type="datetime-local"], 
.wpcf7 input[type="number"], 
.wpcf7 input[type="time"], 
.wpcf7 input[type="week"], 
.wpcf7 input[type="url"], 
.wpcf7 textarea {
	width: 88%;
	border-color: #777;
	margin-bottom:0;
}

.wpcf7 textarea {
	display:block;
}

input[type="submit"] {
 	background: #1d1b18;
    border: 1px solid #58524A;
    border-radius: 5px;
    color: #fff;
    font-family: Raleway,Helvetica,Arial,sans-serif;
	padding: 0.8em 1.25em 0.6em;
	font-weight:normal;
	text-transform:none;

	display:block;
	margin: 0 auto;
}
/*
body.home input[type="submit"] {
	width:auto;
}
*/

input[type="submit"]:hover {
	cursor: pointer;
	color:#fff;
	background: #7d3411;
}

.wpcf7 input#captcha {
    margin: 0;
    width: 141px; 
}
.wpcf7 img#captcha-image{
	background: #92887c !important;
	border-radius: 0 2px 2px 0;
}

.wpcf7 div.row{
	padding: 0.4em 0 0;
}

/*
body.home .wpcf7 .row.captcha-row {
	margin-bottom: 0.3em;	
}

body.home .wpcf7 input[type="text"], 
body.home .wpcf7 input[type="email"], 
body.home .wpcf7 input[type="password"], 
body.home .wpcf7 input[type="tel"], 
body.home .wpcf7 input[type="search"], 
body.home .wpcf7 input[type="range"], 
body.home .wpcf7 input[type="date"], 
body.home .wpcf7 input[type="datetime"], 
body.home .wpcf7 input[type="datetime-local"], 
body.home .wpcf7 input[type="number"], 
body.home .wpcf7 input[type="time"], 
body.home .wpcf7 input[type="week"], 
body.home .wpcf7 input[type="url"], 
body.home .wpcf7 textarea {
	width:87%;
	margin-bottom: 0.3em;
}

body.home .wpcf7 .row {
	width:45%;
	margin: 0 auto;
	padding: 0.1em 0 0;
}

body.home .wpcf7 textarea {
	height: 40px;
}

body.home input#captcha {
	width: 112px;
}

body.home .wpcf7 .submit-button {
	clear: both;
	margin-top: 15px;
}

body.home .wpcf7 .row span.req {
	display: none;
}

body.home .wpcf7 .row label span.req {
	display: inline;
}

body.home .wpcf7 div.wpcf7-response-output {
	margin: 0 auto;
	width: 18%;
	position: absolute;
	top: 120px;
	left: 76%;
}
*/




/*------------------------------------*\
    $MISC
\*------------------------------------*/

#nav ul li a,
input[type="submit"],
.features ul li .title a,
.latest-posts header > a,
.latest-events header > a {
	-webkit-transition:color .2s ease-in;  
	-moz-transition:color .2s ease-in;  
	-o-transition:color .2s ease-in;  
	transition:color .2s ease-in; 
}

.clearfix{
	clear:both;
}