body {font-family: 'Roboto', sans-serif;}

h1,h2 {    text-transform:uppercase}
h1.blogpagehead {text-transform:none;font-weight:500;color:#333 !important}
h1.pagehead {text-transform:none;font-weight:600;color:#222 !important}

p {color:#666}

#header {background-color:#c7b98a}
#header .header-body {background: #C19A6B; /*#f78e23;*/}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #1a475a;
    font-size: 1.0em;
    padding: 6px 10px;
    display: inline-block;
    letter-spacing: -0.4px;
    font-weight: 600;
}

#header .header-btn-collapse-nav {
    background: #ef1f18;
}

.toplinks a     {
    color: #89def7;
    font-weight: 500;}

.home-intro p {display:block!important}
.home-intro.getstarted {
    background-color:#FCFCFC;
    border-bottom:1px solid #f0f0f0;
    border-top:1px solid #f0f0f0;
}

section.maincallout {
    padding:16px 0;
    border-bottom:1px solid #f9f9f9;
}

section.maincallout h3 {
    text-transform:none;
    }

html .featured-box-secondary .icon-featured.homeboxes {
    background-color: #EF1F18;
}

.sidebarbox {padding:12px 12px 0 12px;border:1px solid #dedede;border-radius:3px;margin-bottom:30px}
.sidebarbox.askacounselor {background:#fafafa}
.sidebarbox h5 {font-size:1.125em;color:#444}
.sidebarbox hr.gradient {margin:14px 0}
.sidebarbox form input,.sidebarbox form textarea,.sidebarbox form button {
    margin-bottom:14px}

.maincontent h2,.maincontent h3,.maincontent h4 {font-size:2em;text-transform:none;font-weight:500;margin-bottom:10px;color:#21bfec}
.maincontent h3 {font-size:1.7em;}
.maincontent h4 {font-size:1.4em;}

.maincontent p {font-size:16px}

.maincontent a:not(.btn),.maincontent a:not(.feat) {font-weight:600;color:#1A475A;text-decoration:underline}
.maincontent a:not(.btn):hover,.maincontent a:not(.feat):hover {color:#21bfec;text-decoration:none}
.maincontent a.feat {
    text-decoration:none;
    font-weight:normal;
}

.leftcontent h1 {text-transform:none;color:#333;font-size:2.8em;font-weight:600}
.leftcontent h2,.leftcontent h3,.leftcontent h4 {font-size:2em;text-transform:none;font-weight:500;margin-bottom:18px;color:#291501}
.leftcontent h3 {font-size:1.7em;}
.leftcontent h4 {font-size:1.4em;}

.leftcontent p {font-size:1.4em;line-height:1.5em}
.leftcontent li {font-size:18px}

.leftcontent a:not(.btn) {font-weight:600;color:#1A475A;text-decoration:underline}
.leftcontent a:not(.btn):hover {color:#21bfec;text-decoration:none}

.ajax-container p {
    color:#444;
    font-size: 0.9rem;
    line-height: 1.5rem;
}

.ajax-container p a {color:#EF1F18;font-weight:600;text-decoration:underline}


/* --------------------------------------------------------- */
/* Probably don't need these because this comes from the feed */
p.latesttweet {margin-bottom:12px!important}
p.latesttweetdate {margin-bottom:4px;font-size:0.8em}
/* --------------------------------------------------------- */



.leftcontent .blogsummary p {font-size: 1.15em;
    line-height: 1.5em;
    color: #777;
    /*margin-top: 8px;*/}
	
p.blogsummarydate,p.blogdate {color:#888!important;font-size:1em!important;margin-bottom:14px!important}	

.blogsummary h2.blogtitle{line-height:1.1em;margin-bottom:10px!important;margin-top:3px!important}
.blogsummary h2.blogtitle a {color:#444;text-decoration:none;font-size:1.6rem}
.blogsummary h2.blogtitle a:hover {color:#b90d07;text-decoration:none}

section.section {background: #f9f9f9;}

a.btn.btn-primary {color:#FFF}

.content p {color:#555;line-height:1.7}
.content a:not(.btn) {font-weight:600}
.content p:not(.lead) {font-size:1.25em}
.content ul {font-size:1.2em;color:#666;margin-left:25px}

.content p.blogintro {font-size:1em;color:#666;margin-bottom:12px}
p.viewpost a {font-size:0.75em;}

#accordionFAQ .card-title a {text-decoration:none}
#accordionFAQ .card-body p:last-of-type {margin-bottom:0}

#footer:not(.borderless) {border-top:3px solid #21bfec;color:#BBB}
#footer p {color:#999;line-height:1.6em}
#footer a:not(.btn):not(.no-footer-css) {color: #999;}
#footer h5 {    letter-spacing: -.02em;}

#getstartedform label,#getstartedform {
    text-align:left!important;font-weight:600;color:#222
}

.footer-copyright {color:#999!important}
#footer .mainfooter a:not(.btn) {color:#ccc;font-size:1.1em}
#footer .mainfooter a:not(.btn):hover {color:#fff;}

.alpinered {color:#ef1f18!important}
.bgalpinered {background-color:#ef1f18!important}

.whitesection {background-color:#FFF!important}

.float-right {
    float: right!important;
}

.ml-3 {
    margin-left: 1rem!important;
}
.mr-3 {
    margin-right: 1rem!important;
}
.mb-2 {
    margin-bottom: .5rem!important;
}

.docimagesection a {
    text-decoration:none!important;
}

.social-icons li.social-icons-vimeo.vimeofooter:hover a {
    /*color: #000 !important;*/
	background:#00ADEF!important;
}

.contactformbox {padding:26px 22px;border-radius:4px;background:#fdfdfd}

a:focus,li:focus {
outline: auto 3px #f78e23!important;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -3px;
text-decoration:none;
}

html .btn-primary:focus
{
    outline: auto 4px #333!important;
    outline-offset: -4px;

}


/*
html .btn-primary:focus:not(.bg-transparent), html .btn-primary.focus:not(.bg-transparent) {
    background-color: #111214;color:#FFF;
}
*/
li.accessibility-open a.dropdown-item:focus {color:#FFF!important}