/* foundation 6.4.2 */
*,html, body {font-family: 'Ubuntu', sans-serif;}
:root {
  --link-color: rgba(19, 124, 164,1.0);
  --link-black-color: rgba(51, 51, 51,1.0);
  --base-color: rgba(51, 51, 51,1.0);
  --blueshadow-color: rgba(000, 000, 255,1.0);
  --lightgray-color: rgba(240,240,240,1.0);
  --orange-color:rgba(242, 125, 47, 1.0);
}
body {
    color: var(--base-color);
    font-size:1rem;line-height: 1.5;
    background-color:white;
    background: none repeat scroll 0 0 white;
}
.wrapper {width: 100%;}
header {
	width:60rem;margin: 1rem auto;max-width:100%;
}
.content-wrapper {width: 100%; background-color:var(--orange-color);background-image: url('../images/stripes.jpg'); background-repeat:repeat-x; background-repeat:repeat-x;}
.content {max-width: 100%;width:60rem;margin: 1rem auto;background-color:rgba(19, 124, 164,0); background-image:url('../images/linen.jpg'); color:white; padding-top:1rem;}
.content-header{
    background: var(--link-color) url('../images/linen.jpg') 0 0;
    border-bottom: 1px solid var(--link-color);
    border-radius: 0 20px 0 0;
    border-top: 1px solid rgb(24, 159, 210);
    /*margin-bottom: 1.5em;*/
    padding: 20px 60px 0;
    color:white;
}
a {color: var(--link-color);text-decoration: none;}
a.header-img-link {	height:3rem;}
a.headerphone {	height:4rem; font-size:2.5rem;margin-top:1rem;color:#aeaeae; margin-right: 1rem;}
a.fblink  {	height:4rem; margin-top:1rem;} a.fblink > img {max-height:1.75rem;}
.headerlinks {text-align:center;}
a:focus, a:active, a:hover {
    text-decoration: none;
}
@media screen and (min-width:40rem) {
	.headerlinks {text-align:right;}

}

.content-header h1, .content-header p {
    text-shadow: 1px 1px 1px var(--link-color);color:white;font-size: 2rem;padding: .5rem 0;
}
.content-header p {font-size: 1.5rem;}
.page-content {
    margin: 0 auto;
    width: 820px;
    max-width:100%;
}
.callout.simple {
	border:none;margin:0 auto;
}
.entry-header {
    color: rgb(255, 255, 255);
    font-family: 'Ubuntu',sans-serif;
    font-size: 1.5rem;
    padding: 1em 0;
}
.content-footer{
    padding: 1rem;
    text-align: center;
    width: 100%;
    border-radius: 0 20px;
    border-radius: 0 0 0 20px;
    background: rgb(255, 255, 255) url('../images/cta-gradient.jpg') repeat-x;
    border-bottom: 1px solid rgb(255, 255, 255);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    overflow: visible;
}
.button, .page-content .content-footer-top .button {
    background-color: rgb(253, 123, 36);
    background-repeat: repeat-x;
	border: 4px solid rgb(241, 110, 23);
	border-radius: 3px;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: Ubuntu, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 20px;
	padding: 20px 24px;
	text-decoration: none;
	text-transform: uppercase;
	background-image: linear-gradient(rgb(245, 155, 95), rgb(253, 123, 36));
}
.button:hover, .page-content .content-footer-top .button:hover {
    background-position: 0 -15px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.button:hover, .page-content .content-footer-top .button:hover {
    background-color: rgb(245, 155, 95);
    background-image: linear-gradient(var(--orange-color), rgb(245, 155, 95));
    background-repeat: repeat-x;
}
.button:active, .page-content .content-footer-top .button:hover {
    position: relative;
    top: 1px;
}
.content-footer-top {
    float: right;
    margin-top: -130px;
    position: relative;
    z-index: 100;
}


footer {
    max-width: 100%;
    width: 60rem;
    margin: 1rem auto;
    color: rgb(255, 255, 255);
    text-align: center;
}

ol, ul {
    list-style: none outside none;
}
h1, h2, h3, h4, h5, h6 {color: var(--link-color);font-family: 'Ubuntu',sans-serif;font-weight: normal;}
h1 {font-size: 2rem;line-height: 1;margin-bottom: 0.5rem;}
h2 {font-size: 1.75rem;margin-bottom: 0.75rem;}
h3 {font-size: 1.5rem;line-height: 1;margin-bottom: 1rem;}
h4 {font-size: 1.2em;line-height: 1.25;margin-bottom: 1.25em;}
h5 {font-size: 1em;font-weight: bold;margin-bottom: 1.5em;}
h6 {font-size: 1em;font-weight: bold;}
h1 {
    text-shadow: 1px 1px 1px var(--link-black-color);
}
.entry-header h1, .entry-header p {
    text-shadow: 1px 1px 1px var(--blueshadow-color);
}

.top-bar,.top-bar ul {background-color:white;}

p.midpagetestimonials {	text-indent:40px;font-style:italic;text-align:left;}
p.midpageattribution {padding-left:100px;	padding-right:100px;}

/* styles for services page */
.servicestext p {text-indent: 1.5rem;}
@media screen and (min-width: 40rem) {
	.servicestext p{text-indent: 2.5rem;}
}
.testimonialstext {
	width: 100%;
	font-style: italic;
}
.testimonialstext h2 {
	text-align:center;
}
.testimonialsauthor p {
	width:50%;
	float: right;
	padding: 0px 60px 6px 0px;
	text-align:left;
	font-style: italic;
}
img.socialicon {
	max-height:24px;
}
a.headerlink {
	margin: 0 6px;
}

.menu a, .menu .button {
    line-height: 1.5;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
    padding: 0 0;
    text-transform: capitalize;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0 0;
    margin: 0.7rem 0.5rem;
}
.menu a, .dropdown.menu a{
	color: var(--link-black-color);
}
.dropdown.menu a {padding: 0; }
.menu a.active {
	border-bottom: .2rem var(--link-color) solid;
	color: var(--link-color);
}

.cta {
    margin: 1rem 0;
    padding: 1rem;
    text-align: center;
    width: 100%;
}
.button, .cta-top .button {
    background-color: rgb(253, 123, 36);
    background-repeat: repeat-x;
	border: 4px solid rgb(241, 110, 23);
	border-radius: 3px;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: Ubuntu, sans-serif;
	font-size: 2rem;
	font-weight: normal;
	line-height: 20px;
	padding: 20px 24px;
	text-decoration: none;
	text-transform: uppercase;
	background-image: linear-gradient(rgb(245, 155, 95), rgb(253, 123, 36));
}
.button:hover, .cta-top .button:hover {
    background-position: 0 -15px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.button:hover, .cta-top .button:hover {
    background-color: rgb(245, 155, 95);
    background-image: linear-gradient(rgb(242, 125, 47), rgb(245, 155, 95));
    background-repeat: repeat-x;
}
.button:active, .cta-top .button:hover {
    position: relative;
    top: 1px;
}
.cta-top {
    float: right;
    margin-top: -130px;
    position: relative;
    z-index: 100;
}
@media only screen and (max-width: 400px) {
.menu a, .menu .button {line-height: 1.25;font-size: 1.25rem;margin: 0.2rem 0.2rem;}
.button, .cta-top .button {	font-size: 1.5rem;}

}
@media only screen and (min-width: 720px) and (max-width: 991px) {

}