/**
 * Theme: Flat Bootstrap
 *
 * The stylesheet for our flat ui
 *
 * Contains our custom fonts, color palette, sections with padding, etc.
 *
 * @package flat-bootstrap
 */

/*
 * OVERALL STYLES
 */

body {
	font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

a {
    color: #2f9e8e;
    word-wrap: break-word;

    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

a:hover,
a:focus {
    color: #19B798;
    text-decoration: none;
    outline: 0;
}
a:before,
a:after,
a:hover i:before,
a:focus i:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Raleway", Arial, "Helvetica Neue", sans-serif;
}
h1,
h2,
h3 {
    font-weight: 300;
}

p {
    line-height: 28px;
}

blockquote {
	border-color: #2f9e8e;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar-default
.navbar-brand {
    color: #2f9e8e;
}
.navbar-default
.navbar-brand:hover,
.navbar-default
.navbar-brand:focus {
    color: #19b798;
}

/* Tone down field labels in the comments section and wherever else */
label {
	font-weight: 300;
}

/*
 * FULL-WIDTH SECTIONS
 */
.section {
	padding-top: 35px;
	padding-bottom: 35px;
}

/* Bootstrap grids (rows) need this if not in a container */
.section.fullwidth {
	padding-left: 15px;
	padding-right: 15px;
}
.section.nopadding {
	padding-top: 0;
	padding-bottom: 0;
}
.section.nopadding-top {
	padding-top: 0;
}
.section.nopadding-bottom {
	padding-bottom: 0;
}
.section.padding-top {
	padding-top: 35px;
}
.section.padding-bottom {
	padding-bottom: 35px;
}
.section.border-bottom {
	border-bottom: #bdc3c7 solid 1px;
}
.section.border-bottom-thick {
	border-bottom: #bdc3c7 solid 5px;
}

/*
 * COLORED BACKGROUNDS FOR SECTIONS
 */

.white,
.bg-white {
	background-color: #fff;
}
.color-white {
	color: #fff;
}

.offwhite,
.bg-offwhite {
	background-color: #f2f2f2;
}
.color-offwhite {
	color: #f2f2f2;
}

.lightgray,
.bg-lightgray {
	background-color: #ebebeb;
}
.color-lightgray {
	color: #ebebeb;
}

.gray,
.bg-gray {
	background-color: #e7e7e7;
}
.color-gray {
	color: #e7e7e7;
}

.darkgray,
.bg-darkgray {
	background-color: #e0e0e0;
}
.color-darkgray {
	color: #e0e0e0;
}

.lightgreen,
.bg-lightgreen {
    background-color: #1abc9c;
	color: #fff;
}
.color-lightgreen {
    color: #1abc9c;
}
.lightgreen h1,
.lightgreen h2,
.lightgreen h3,
.lightgreen h4,
.lightgreen h5,
.lightgreen h6,
.bg-lightgreen h1,
.bg-lightgreen h2,
.bg-lightgreen h3,
.bg-lightgreen h4,
.bg-lightgreen h5,
.bg-lightgreen h6 {
	color: #fff;
}

.darkgreen,
.bg-darkgreen {
    background-color: #2f9e8e;
	color: #fff;
}
.color-darkgreen {
    color: #2f9e8e;
}
.darkgreen h1,
.darkgreen h2,
.darkgreen h3,
.darkgreen h4,
.darkgreen h5,
.darkgreen h6,
.bg-darkgreen h1,
.bg-darkgreen h2,
.bg-darkgreen h3,
.bg-darkgreen h4,
.bg-darkgreen h5,
.bg-darkgreen h6 {
	color: #fff;
}

.brightgreen,
.bg-brightgreen {
	background-color: #2ecc71;
	color: white;
}
.color-brightgreen {
    color: #2ecc71;
}
.brightgreen h1,
.brightgreen h2,
.brightgreen h3,
.brightgreen h4,
.brightgreen h5,
.brightgreen h6,
.bg-brightgreen h1,
.bg-brightgreen h2,
.bg-brightgreen h3,
.bg-brightgreen h4,
.bg-brightgreen h5,
.bg-brightgreen h6 {
	color: #fff;
}

.darkbrightgreen,
.bg-darkbrightgreen {
	background-color: #27AE60;
	color: white;
}
.color-darkbrightgreen {
    color: #27AE60;
}
.darkbrightgreen h1,
.darkbrightgreen h2,
.darkbrightgreen h3,
.darkbrightgreen h4,
.darkbrightgreen h5,
.darkbrightgreen h6,
.bg-brightgreen h1,
.bg-brightgreen h2,
.bg-brightgreen h3,
.bg-brightgreen h4,
.bg-brightgreen h5,
.bg-brightgreen h6 {
	color: #fff;
}

.yellow,
.bg-yellow {
    background: #f1c40f;
    color: #fff;
}
.yellow h1,
.yellow h2,
.yellow h3,
.yellow h4,
.yellow h5,
.yellow h6,
.bg-yellow h1,
.bg-yellow h2,
.bg-yellow h3,
.bg-yellow h4,
.bg-yellow h5,
.bg-yellow h6 {
	color: #fff;
}
.yellow p, .bg-yellow p {
    font-weight: 500
}

.lightorange,
.bg-lightorange {
    background-color: #F39C12;
    color: #fff;
}
.color-lightorange {
	color: #F39C12;
}
.lightorange h1,
.lightorange h2,
.lightorange h3,
.lightorange h4,
.lightorange h5,
.lightorange h6,
.bg-lightorange h1,
.bg-lightorange h2,
.bg-lightorange h3,
.bg-lightorange h4,
.bg-lightorange h5,
.bg-lightorange h6 {
	color: #fff;
}
.lightorange p, .bg-lightorange p {
    font-weight: 500
}

.orange,
.bg-orange {
    background-color: #E67E22;
    color: #fff;
}
.color-orange {
	color: #E67E22;
}
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.bg-orange h1,
.bg-orange h2,
.bg-orange h3,
.bg-orange h4,
.bg-orange h5,
.bg-orange h6 {
	color: #fff;
}

.darkorange,
.bg-darkorange {
    background-color: #D35400;
    color: #fff;
}
.color-darkorange {
	color: #D35400;
}
.darkorange h1,
.darkorange h2,
.darkorange h3,
.darkorange h4,
.darkorange h5,
.darkorange h6,
.bg-darkorange h1,
.bg-darkorange h2,
.bg-darkorange h3,
.bg-darkorange h4,
.bg-darkorange h5,
.bg-darkorange h6 {
	color: #fff;
}

.blue,
.bg-blue {
	background-color: #3498db;
	color: #fff;
}
.color-blue {
	color: #3498db;
}
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6 {
	color: #fff;
}

.darkblue,
.bg-darkblue {
	background-color: #2980b9;
	color: #fff;
}
.color-darkblue {
	color: #2980b9;
}
.darkblue h1,
.darkblue h2,
.darkblue h3,
.darkblue h4,
.darkblue h5,
.darkblue h6,
.bg-darkblue h1,
.bg-darkblue h2,
.bg-darkblue h3,
.bg-darkblue h4,
.bg-darkblue h5,
.bg-darkblue h6 {
	color: #fff;
}

.purple,
.bg-purple {
	background-color: #9B59B6;
	color: #fff;
}
.color-purple {
	color: #9B59B6;
}
.purple h1,
.purple h2,
.purple h3,
.purple h4,
.purple h5,
.purple h6,
.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6 {
	color: #fff;
}

.darkpurple,
.bg-darkpurple {
	background-color: #8E44AD;
	color: #fff;
}
.color-darkpurple {
	color: #8E44AD;
}
.darkpurple h1,
.darkpurple h2,
.darkpurple h3,
.darkpurple h4,
.darkpurple h5,
.darkpurple h6,
.bg-darkpurple h1,
.bg-darkpurple h2,
.bg-darkpurple h3,
.bg-darkpurple h4,
.bg-darkpurple h5,
.bg-darkpurple h6 {
	color: #fff;
}

.midnightblue,
.bg-midnightblue {
	background-color: #34495e;
	color: #fff;
}
.color-midnightblue {
	color: #34495e;
}
.midnightblue h1,
.midnightblue h2,
.midnightblue h3,
.midnightblue h4,
.midnightblue h5,
.midnightblue h6,
.bg-midnightblue h1,
.bg-midnightblue h2,
.bg-midnightblue h3,
.bg-midnightblue h4,
.bg-midnightblue h5,
.bg-midnightblue h6 {
	color: #fff;
}

.darkmidnightblue,
.bg-darkmidnightblue {
	background-color: #2C3E50;
	color: #fff;
}
.color-darkmidnightblue {
	color: #2C3E50;
}
.darkmidnightblue h1,
.darkmidnightblue h2,
.darkmidnightblue h3,
.darkmidnightblue h4,
.darkmidnightblue h5,
.darkmidnightblue h6,
.bg-darkmidnightblue h1,
.bg-darkmidnightblue h2,
.bg-darkmidnightblue h3,
.bg-darkmidnightblue h4,
.bg-darkmidnightblue h5,
.bg-darkmidnightblue h6 {
	color: #fff;
}


.red, .bg-red {
	background-color: #ff7878;
	color: #fff;
}
.color-red {
	color: #ff7878;
}
.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.bg-red h1,
.bg-red h2,
.bg-red h3,
.bg-red h4,
.bg-red h5,
.bg-red h6 {
	color: #fff;
}

.brightred, .bg-brightred {
	background-color: #E74C3C;
	color: #fff;
}
.color-brightred {
	color: #E74C3C;
}
.brightred h1,
.brightred h2,
.brightred h3,
.brightred h4,
.brightred h5,
.brightred h6,
.bg-brightred h1,
.bg-brightred h2,
.bg-brightred h3,
.bg-brightred h4,
.bg-brightred h5,
.bg-brightred h6 {
	color: #fff;
}

.darkred, .bg-darkred {
	background-color: #C0392B;
	color: #fff;
}
.color-darkred {
	color: #C0392B;
}
.darkred h1,
.darkred h2,
.darkred h3,
.darkred h4,
.darkred h5,
.darkred h6,
.bg-darkred h1,
.bg-darkred h2,
.bg-darkred h3,
.bg-darkred h4,
.bg-darkred h5,
.bg-darkred h6 {
	color: #fff;
}

.almostblack,
.bg-almostblack {
	background-color: #2f2f2f;
	color: #fff;
}
.color-almostblack {
	color: #2f2f2f;
}
.almostblack h1,
.almostblack h2,
.almostblack h3,
.almostblack h4,
.almostblack h5,
.almostblack h6,
.bg-almostblack h1,
.bg-almostblack h2,
.bg-almostblack h3,
.bg-almostblack h4,
.bg-almostblack h5,
.bg-almostblack h6 {
	color: #fff;
}

.notquiteblack,
.bg-notquiteblack {
	background-color: #222;
	color: #fff;
}
.color-notquiteblack {
	color: #222;
}
.notquiteblack h1,
.notquiteblack h2,
.notquiteblack h3,
.notquiteblack h4,
.notquiteblack h5,
.notquiteblack h6,
.bg-notquiteblack h1,
.bg-notquiteblack h2,
.bg-notquiteblack h3,
.bg-notquiteblack h4,
.bg-notquiteblack h5,
.bg-notquiteblack h6 {
	color: #fff;
}

.black,
.bg-black {
	background-color: #000;
	color: #fff;
}
.color-black {
	color: #000;
}
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black h6 {
	color: #fff;
}

/* Set the icons to white for all dark-colored sections */
.lightgreen i,
.bg-lightgreen i,
.darkgreen i,
.bg-darkgreen i,
.brightgreen i,
.bg-brightgreen i,
.darkbrightgreen i,
.bg-darkbrightgreen i,
.blue i,
.bg-blue i,
.darkblue i,
.bg-darkblue i,
.purple i,
.bg-purple i,
.darkpurple i,
.bg-darkpurple i,
.midnightblue i,
.bg-midnightblue i,
.darkmidnightblue i,
.bg-darkmidnightblue i,
.yellow i,
.bg-yellow i,
.lightorange i,
.bg-lightorange i,
.orange i,
.bg-orange i,
.darkorange i,
.bg-darkorange i,
.red i,
.bg-red i,
.brightred i,
.bg-brightred i,
.darkred i,
.bg-darkred i,
.almostblack i,
.bg-almostblack i,
.black i,
.bg-black i {
	color: #fff;
}

/* Set the link color to white and underlined for certain background colors */
.lightgreen a:not(.btn),
.bg-lightgreen a:not(.btn),
.darkgreen a:not(.btn),
.bg-darkgreen a:not(.btn),
.brightgreen a:not(.btn),
.bg-brightgreen a:not(.btn),
.brightdarkgreen a:not(.btn),
.bg-brightdarkgreen a:not(.btn),
.yellow a:not(.btn),
.bg-yellow a:not(.btn),
.lightorange a:not(.btn),
.bg-lightorange a:not(.btn),
.orange a:not(.btn),
.bg-orange a:not(.btn),
.darkorange a:not(.btn),
.bg-darkorange a:not(.btn),
.blue a:not(.btn),
.bg-blue a:not(.btn),
.darkblue a:not(.btn),
.bg-darkblue a:not(.btn),
.red a:not(.btn),
.bg-red a:not(.btn),
.brightred a:not(.btn),
.bg-brightred a:not(.btn),
.darkred a:not(.btn),
.bg-darkred a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}

.lightgreen a:hover:not(.btn),
.bg-lightgreen a:hover:not(.btn),
.darkgreen a:hover:not(.btn),
.bg-darkgreen a:hover:not(.btn),
.brightgreen a:hover:not(.btn),
.bg-brightgreen a:hover:not(.btn),
.darkbrightgreen a:hover:not(.btn),
.bg-darkbrightgreen a:hover:not(.btn),
.yellow a:hover:not(.btn),
.bg-yellow a:hover:not(.btn),
.lightorange a:hover:not(.btn),
.bg-lightorange a:hover:not(.btn),
.orange a:hover:not(.btn),
.bg-orange a:hover:not(.btn),
.darkorange a:hover:not(.btn),
.bg-darkorange a:hover:not(.btn),
.blue a:hover:not(.btn),
.bg-blue a:hover:not(.btn),
.darkblue a:hover:not(.btn),
.bg-darkblue a:hover:not(.btn),
.red a:hover:not(.btn),
.bg-red a:hover:not(.btn) {
	color: #7b7b7b;
}

.form-control {
	color: #555;
}

/* Set input field focus color to green */
/*.form-control:focus,
textarea#comment:focus {*/
/*input:focus,
textarea:focus {
    border-color: #1abc9c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(109, 233, 102, 0.6); */
   /*-webkit-appearance: none !important;*/
/*   outline: 0;
}*/

/* Force search field to not be rounded on iOS devices */
input.search-field {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/*
 * SET INPUT BUTTONS TO LOOK LIKE BTN-PRIMARY (GREEN)
 */
button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    background-color: #2f9e8e;
    border-color: #2f9e8e;
    background-image: none;
	font-size: 16px;
	line-height: 22px;
	padding: 7px 12px;
    border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    outline: 0;
}
button:hover,
button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #fff;
    background-color: #366d65;
    border-color: #366d65;
    outline: 0;
}

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color.
 */
.pagination>li>a,
.pagination>li>span,
span.page-numbers.current {
	color: #2f9e8e;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
	z-index: 2;
	color: #fff;
    background-color: #63c7b8;
    border-color: #2f9e8e;
}

/* Get rid of gradient on carousel left and right */
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-repeat: none;
}
.carousel-caption,
.carousel-caption h4,
.carousel-caption p {
	font-weight: bold;
}
.carousel-caption {
	text-shadow: none;
	background-color: #2f9e8e;
	color: #fff;
	opacity: .75;
	font-weight: bold;
}
.carousel-caption a {
	color: #fff;
	text-decoration: underline;
}
.carousel-caption a:hover,
.carousel-caption a:focus {
    color: #bdc3c7; /*silver*/
}

.sticky .entry-title:after {
	background-color: #1abc9c;
	color: #fff;
}

.bypostauthor {
}

/* Push the carousel indicators down below the image or content */
.carousel-indicators {
	bottom: -35px;
}

/* Make user profile pics (avatars) circles */
.avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
img.avatar.thumbnail {
	border: none;
	padding: 0;
}

/*
 * NEW STUFF ADDED, SUCH AS ADDITIONAL BUTTONS
 */

/* New button that is inverted (hollow) so works on any dark background */
a.btn.btn-hollow,
button.btn.btn-hollow {
	color: #fff;
  	border: 2px solid #fff;
    background-color: transparent;
}
/*.btn-hollow:hover, a.btn.btn-hollow:hover {*/
.btn-hollow:hover,
btn.btn-hollow:hover,
button.btn.btn-hollow:hover {
    color: #2f2f2f;
    background-color: #fff
}
.white button.btn.btn-hollow,
.white .btn.btn-hollow,
.bg-white button.btn.btn-hollow,
.bg-white .btn.btn-hollow,
.offwhite button.btn.btn-hollow,
.offwhite .btn.btn-hollow,
.bg-offwhite button.btn.btn-hollow,
.bg-offwhite .btn.btn-hollow,
.lightgray button.btn.btn-hollow,
.lightgray .btn.btn-hollow,
.bg-lightgray button.btn.btn-hollow,
.bg-lightgray .btn.btn-hollow,
.gray button.btn.btn-hollow,
.gray .btn.btn-hollow,
.bg-gray button.btn.btn-hollow,
.bg-gray .btn.btn-hollow,
.darkgray button.btn.btn-hollow,
.darkgray .btn.btn-hollow,
.bg-darkgray button.btn.btn-hollow,
.bg-darkgray .btn.btn-hollow {
	color: #1abc9c;
	border: 2px solid #1abc9c;
    background-color: transparent;
}
button.btn.btn-hollow:hover,
.btn.btn-hollow:hover {
    color: #2f2f2f;
    background-color: #fff;
}

/* New button that is partially transparent to let background color show through */
.btn-transparent {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    color: inherit;
}

.btn-transparent:hover,
.btn-transparent:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5);
}