/************************************************
$ Content.Typography
************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #2980b9;
    font-family: 'ProximaNovaSemiBold';
}
h1, .h1 {
    color: #2980b9;
	font-size: 18px;
	text-transform: uppercase;
}
h2, .h2 {
    font-family: ProximaNovaLight;
    font-size: 48px;
	margin-top: 0px;
	margin-bottom: 20px;
}
h3, .h3 {
    font-size: 36px;
	margin-top: 0px;
	margin-bottom: 20px;
}

h4 {
	color: #2980b9;
	font-size: 18px;
	font-family: 'ProximaNovaBold';
	margin-bottom: 20px;
	margin-top: 0px;
	text-transform: uppercase;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

p,
dl {
}
blockquote {
    border-left-width: 1px;
    border-left-color: #e1e1e1;
}

/************************************************
$ Content.Links

OL Styles pulled from http://codeitdown.com/ordered-list-css-styles/
Adapted for Unordered lists
************************************************/
a,
a:link,
a:hover,
a:active,
a:visited {
    color: #ed612a;
	text-decoration: none;
}

/************************************************
$ Content.Lists.Unordered

OL Styles pulled from http://codeitdown.com/ordered-list-css-styles/
Adapted for Unordered lists

Using styled bullets requires the use of targeting with a class. If these styles are applied to the base tag then the classes below get UI bugs

.list-unstyled
.list-inline
.dropdown-menu
.nav
.breadcrumb
.pager
.media-list
.carousel-indicators

To style bullets use the class="regular"

************************************************/
ul {
}
ul.regular {
    list-style-type: none;
    list-style-type: disc !ie; /* IE 7- hack */
    margin: 0;
    margin-left: 1em;
    padding: 0;
}

ul.regular > li {
    margin-bottom: .1em;
    min-height: 1em;
    position: relative;
    padding-left: 0.333333em;
}

ul.regular > li:before {
    color: #ed612a;
    content: '\2022';
    font-family: ProximaNovaSemiBold;
    font-size: 1em;
    left: -1em;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 1px;
    width: 0.8em;
}

/************************************************
$ Content.Lists.Ordered

OL Styles pulled from http://codeitdown.com/ordered-list-css-styles/
************************************************/
ol {
    counter-reset: li-counter;
    list-style-type: none;
    list-style-type: decimal !ie; /* IE 7- hack */
    margin: 0;
    margin-left: 1em;
	margin-bottom: 20px;
    padding: 0;
}

ol > li{
    margin-bottom: .1em;
    min-height: 1em;
    position: relative;
    padding-left: 0.333333em;
}

ol > li:before {
    color: #ed612a;
    content: counter(li-counter);
    counter-increment: li-counter;
    font-family: 'ProximaNovaSemiBold';
    font-size: 1em;
    left: -1em;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 2px;
    width: 0.8em;
}

/************************************************
$ Content.HorizontalRule
************************************************/
hr {
    border-top-color: #e1e1e1;
}


/************************************************
$ Typo
************************************************/
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active {
color: #2980b9;
}

h2.sub-header {
	border-top: 1px solid #e1e1e1;
	color: #2980b9;
	font-family: 'ProximaNovaBold';
	font-size: 18px;
	padding-top: 50px;
	text-transform: uppercase;
}



/************************************************
$ Page Header
************************************************/
.page-header {
    border-bottom: 0;
}


/*************************************************
	$ WORDPRESS CMS STYLES
	(wp-includes/js/tinymce/skins/wordpress/wp-content.css)
**************************************************/

.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/* Large desktop */
@media (min-width: 1200px) {


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    h2 {
        font-size: 30px;
    }
}



/* Landscape phones and down */
@media (max-width: 480px) {

}