/*
Theme Name: Fraserside
Author: Dazil
Author URI: https://www.dazil.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fraserside
*/

/* Mindfully written by Dazil  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Fonts
:: Shared Styles
:: Buttons & Links
:: Navigation
:: Content Sections
:: Widgets
:: Recent Posts Widget
:: Footer

Templates:
:: Program
:: Job Posting
:: Senior Team
:: Contact
*/

/* -----------------------------------------
   Fonts
----------------------------------------- */
body {
    font-family: 'Source Sans Pro';
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
.btn-default {
    font-family: Raleway, sans-serif;
}

/* Ionincon Styles */
.fs-doc-list .title:after,
li.menu-item-has-children > a:after,
.content-section.well span.corner:before,
.content-section.well ul li.current-menu-item > a:before {
    font-family: "Ionicons";
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
    font-size: 14px;
    line-height: 1.5em;
    color: #333333;
    font: 400 17px / 24px;
}

h1,
h2,
h3,
h4,
h1 a,
h2 a,
h3 a,
h4 a,
.h1,
.h2,
.h3,
.h4 {
    color: #333333;
    font-weight: 700;
}

h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }

.page-header,
.page-header h1 {
    margin-top: 0;
}

.page-header.with-image > h1 {
    padding-top: 2.5px;
}

.text-resize { line-height: normal; }

.stories-archive { padding-top: 15px; }

.stories-archive .blog-post h4 { margin-top: 0; }

/* Shortcodes */

.btn-shortcode { margin-bottom: 10px; }

.children-shortcode ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.children-shortcode ul li a { font-size: 1.3em; }

.children-shortcode .sub-menu { margin-left: 15px; }

/* FS Document Listing */
.fs-doc-list .title { font-weight: 600; }
.fs-doc-list .title:hover {
    cursor: pointer;
    color: #999;
}
.fs-doc-list .title:after {
    content: "\f104";
    font-size: .7em;
    color: #777;
    margin-left: 3px;
}

.fs-doc-list a:before {
    content: "\f1c1";
    font-family: "fontawesome";
    color: #777;
    margin-right: 5px;
}

.fs-doc-list > ul { padding-left: 0; margin-left: 0; }
.fs-doc-list > ul li { padding-top: 3px; }
.fs-doc-list > ul > li,
.fs-doc-list > ul > li li { list-style: none; }

.fs-doc-list > ul ul {
    max-height: 0;
    overflow: hidden;
    padding-left: 20px;
    margin-left: 0;
}

.fs-doc-list > ul ul.open { max-height: 9999px; }

.section-header {
    padding-bottom: .25em;
    border-bottom: 1px solid #eee;
    margin-top: 0;
    margin-bottom: 15px;
}

#main { padding-bottom: 30px; }

#main li { margin-bottom: 5px; }

blockquote {
    font-style: italic;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 400;
    color: #333333;
    padding-top: 8px;
    border-left-width: 2px;
    border-color: #8ad631;
    margin: .9em 0;
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.text-muted { color: #999; }

.lead > strong { font-weight: 400; }

.well,
.panel { box-shadow: none; }

.accordion .panel-title a:hover,
.accordion .panel-title a:focus,
.accordion .panel-title a:active { color: #5d5d5d; }

.hero-image { margin-bottom: 15px; }

.details {
    list-style: none;
    padding: 0;
    margin: 0;
}

.details > .h4 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

img.align-left {
    width: 450px;
    height: auto;
    margin: 15px 15px 15px 0;
    float: left;
}

.submit { padding-top: 15px; }

.icon-ion-circle {
    background: #67bb04;
    color: #fff;
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    line-height: 1.3em;
    text-align: center;
    border-radius: 50%;
}

.icon-ion-circle:before {
    vertical-align: middle;
    display:inline;
}

.pagination .page-numbers {
    display: inline-block;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination .page-numbers:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination .page-numbers:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination .current { background-color: #f4f4f4; }

/* -----------------------------------------
   Buttons & Links
----------------------------------------- */
a {
    color: #388F03; /* old color #67bb04*/
}

a:hover,
a:active,
a:focus,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:hover,
.social-widget a:hover,
.social-widget a:active,
.social-widget a:focus,
footer ul.menu li a:hover,
footer ul.menu li a:active,
footer ul.menu li a:focus {
    color: #8ad631;
    text-decoration: none;
}

.btn-default,
.btn-default:focus,
form input[type="submit"].btn,
form input[type="submit"].btn:focus {
    background: #67bb04;
    color: #ffffff;
    border: none;
    box-shadow: none;
    outline: none !important;
}

.btn-default > i {
    margin-left: 5px;
    font-size: .9em;
}

.btn-default:hover,
.btn-default:active,
form input[type="submit"].btn:hover,
form input[type="submit"].btn:active {
    background: #8ad631;
    color: #fff;
}

.navbar-nav > li.menu-cta > .btn-default,
.navbar-nav > li.menu-cta > .btn-default:focus,
.btn-default.btn-cta,
.btn-default.btn-cta:focus {
    background: #1169a9;
    color: #fff;
}

.navbar-nav > li.menu-cta > .btn-default:hover,
.navbar-nav > li.menu-cta > .btn-default:active,
.btn-default.btn-cta:hover,
.btn-default.btn-cta:active {
    background: #3c8bc4;
    color: #fff;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: initial;
}

.btn-group {
    margin-top: 30px;
}

.btn-group .btn-group-item + .btn-group-item {
    padding-right: 12px;
    padding-left: 12px;
    border-left: 1px solid #fff;
    background: #8ad631;
}

.btn-group .btn-group-item + .btn-group-item:hover {
    background: #67bb04;
}

.btn-group .btn-group-item.btn-group-item-title,
.btn-group .btn-group-item.btn-group-item-title:hover,
.btn-group .btn-group-item.btn-group-item-title:active,
.btn-group .btn-group-item.btn-group-item-title:focus {
    background: #eee;
    color: #aaa;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    box-shadow: none;
}

.btn-group .btn-group-item i {
    margin-left: 0;
}

/* -----------------------------------------
   Navigation
----------------------------------------- */
.navbar-default {
    background: #fff;
}

.navbar-brand > img {
	max-height: 100%;
}

.navbar-nav > li > a {
    font-weight: 600;
    padding-right: 11px;
    padding-left: 11px;
}

.navbar-default .navbar-nav > li > a {
	color: #333333;
}

.navbar-nav li > .sub-menu {
    list-style: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: none;
}

.navbar-form {
	position: relative;
}

.navbar-form .btn-default {
    background: #484848;
    border: none;
}

.navbar-form .btn-default > i {
    font-size: 17px;
	margin-left: 0;
}

.navbar-form .btn-default:hover,
.navbar-form .btn-default:active,
.navbar-form .btn-default:focus {
    background: #777;
}

.navbar-form .form-group input.form-control {
	height: 36px;
}

/* -----------------------------------------
   Content Sections
----------------------------------------- */
/* ALWAYS HIDE FIRST PARENT ELEMENT OF FOUR BOX MENUS */
.content-section.housing_menu > ul > li > a,
.content-section.employment_menu > ul > li > a,
.content-section.get_support_menu > ul > li > a,
.content-section.donate_menu > ul > li > a { display: none !important; }

.content-section.housing_menu > ul > li > ul,
.content-section.employment_menu > ul > li > ul,
.content-section.get_support_menu > ul > li > ul,
.content-section.donate_menu > ul > li > ul { padding-left: 0; margin-left: 0; }

/* Header Sections */
.content-sections {
    background: #f7f7f7;
    padding-top: 19px;
    margin-bottom: 15px;
    position:relative;
    z-index: 400;
}

.content-sections .content-section {
    padding-bottom: 0;
}

.content-sections .content-section .content-secton-inner {
    text-align: center;
    position: relative;
    z-index: 200;
    padding: 14px 13px; /*19px;*/
    margin: -19px -19px 0;
    border-radius: 4px;
}

.content-sections .content-section .content-secton-inner a {
    color: #fff;
}

.content-sections .content-section:hover,
.content-sections .content-section:active,
.content-sections .content-section:focus {
    text-decoration: none;
}

.content-sections .content-section p {
    margin-bottom: 0;
    font-weight: 300;
    display: none;
}

/* Homepage Specific */
.home .content-sections {
    background: none;
    padding-top: 0;
    margin-top: -75px;
}

/*
.home .content-sections .content-section > .content-secton-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}
*/

.home .content-sections .content-section h3 {
    margin-bottom: inherit;
}

/* Global (Header & Sidebar Sections) */
.content-section.well {
    position: relative;
    background: #888;
    border: none;
}

.content-section.well span.corner {
    background: url('dist/img/content-section-corner.png') no-repeat;
    background-size: 100% auto;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    border-top-left-radius: 4px;
    padding-top: 5px;
    padding-left: 7px;
    font-size: 1.5em;
}

.content-section.well a:hover {
    color: rgba( 255, 255, 255, 0.7 );
}

.content-section.well .h3,
.content-section.well p {
    color: #ffffff;
}

.content-section.well .h3 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
}

.content-section.well .h3:after {
    display: block;
    clear: both;
    content: " ";
}

.content-section.well ul {
    list-style: none;
    padding-left: 30px;
}

.content-section.well > ul {
    list-style: none;
    padding-left: 0;
}

.content-section.well ul.drop ul li {
    margin-top: 5px;
    display: block;
}

.content-section.well ul > li {
    font-weight: 600;
}

.content-section.well ul li a {
    font-size: 1.1em;
    color: #fff;
}

.content-section.well ul ul li {
    font-weight: 300;
}

/* Housing */
.content-section.housing_menu,
.content-section.housing_menu > .content-secton-inner { background-color: #e04f28; }
.content-section.housing_menu span.corner { color: #e04f28; }
.content-sections .content-section.housing_menu span.corner:before { content: "\f144"; }
/* Employment */
.content-section.employment_menu,
.content-section.employment_menu > .content-secton-inner { background-color: #67bb04; }
.content-section.employment_menu span.corner { color: #67bb04; }
.content-sections .content-section.employment_menu span.corner:before { content: "\f26c"; }
/* Get Support */
.content-section.get_support_menu,
.content-section.get_support_menu > .content-secton-inner { background-color: #dd8c0c; }
.content-section.get_support_menu span.corner { color: #dd8c0c; }
.content-sections .content-section.get_support_menu span.corner:before { content: "\f39e"; }
/* Donate */
.content-section.donate_menu,
.content-section.donate_menu > .content-secton-inner { background-color: #1169a9; }
.content-section.donate_menu span.corner { color: #1169a9; }
.content-sections .content-section.donate_menu span.corner:before { content: "\f316"; }

.content-section.widget h3 {
    color: #fff;
    background: rgba( 255, 255, 255, 0.2 );
    padding: 12px 19px 10px;
    margin: -19px -19px 15px -19px;
}

#sidebar .content-section.well ul li.current-menu-item > a {
    font-weight: 400;
    /*border-bottom: 1px solid #fff;*/
    background: rgba( 255, 255, 255, 0.2 );
    padding: 1px 7px 2px;
    border-radius: 4px;
    display: inline-block;
}

#sidebar .content-section.well ul li.current-menu-item:hover > a,
#sidebar .content-section.well ul li.current-menu-item:active > a,
#sidebar .content-section.well ul li.current-menu-item:focus > a {
    color: #fff;
}

/* -----------------------------------------
   Widgets
----------------------------------------- */
.widget {
    margin-bottom: 30px;
}

.archives-widget ol,
.archives-widget ul  {
    line-height: 1.6em;
    font-size: 1.2em;
}

.widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-widget a {
    font-size: 35px;
    margin-left: 10px;
    color: #777777;
}

.social-widget a:first-of-type {
    margin-left: 0;
}

.well.cta-well {
    background: #484848;
    font-weight: 300;
    color: #e4e4e4;
}

.well.cta-well > .inner-well {
    text-align: center;
    max-width: 658px;
    margin: 0 auto;
}

.well.cta-well h3 {
    color: #fff;
}

.cta-element {
    font-weight: 300;
    font-size: 1.1em;
    background: #484848;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 15px;
    margin: 15px 0;
}

.cta-element > strong {
    font-weight: 600;
}

.cta-element > i {
    background: #fff;
    color: #484848;
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    padding-left: 1px;
    padding-top: 1px;
    border-radius: 50%;
    margin-right: 5px;
}

.stats-well .details .h3 {
    font-size: 3em;
}

/* -----------------------------------------
   Recent Posts Widget
----------------------------------------- */
.recent-posts-widget.panel,
.recent-posts-widget .panel-heading,
.recent-posts-widget a.panel-footer {
    border: none;
}

.recent-posts-widget .panel-heading,
.recent-posts-widget a.panel-footer {
    background: #c8f099;
}

.recent-posts-widget .panel-heading {
    color: #67bb04;
}

.recent-posts-widget a.panel-footer {
    display: block;
    text-align: center;
    color: #fff;
}

.recent-posts-widget .panel-body {
    padding: 10px 0;
    background: #dafdb1;
}

.recent-posts-widget .panel-body .list-group {
    margin-bottom: 0;
    border-radius: 0;
}

.recent-posts-widget .panel-body .list-group .list-group-item {
    background: none;
    border: none;
    border-radius: 0;
}

.recent-posts-widget .panel-body .list-group .list-group-item:first-of-type {
    border-top: none;
}

.recent-posts-widget .panel-body .list-group .list-group-item p {
    margin-bottom: 10px;
}

/* -----------------------------------------
   Footer
----------------------------------------- */
footer .widget h3 {
    color: #278ac5;
    font-size: 18px;
}

footer ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul.menu ul { display: none; }

footer ul.menu li {
    line-height: 2em;
}

footer ul.menu li a {
    color: #333333;
}

footer .copyright {
    font-size: .8em;
    padding-bottom: 15px;
}

footer .copyright,
footer .copyright a {
    color: #aaa;
}

footer .copyright .legal-menu > a:before {
    content: "|";
    padding: 0 4px 0 2px;
}

footer .copyright .legal-menu > a:first-child:before {
    content: " ";
}

/* -----------------------------------------
   Program
----------------------------------------- */
.program .page-header {
    border-bottom: none;
    padding-bottom: 0;
}

/* -----------------------------------------
   Job Posting
----------------------------------------- */
.job_posting .page-header {
    background: #E0F9C4;
    color: rgba( 0, 0, 0, 0.3 );
    padding: 25px 19px 20px;
    border-radius: 4px;
    border: none;
}

/* -----------------------------------------
   Senior Team
----------------------------------------- */
.directory-table.table {
    overflow: hidden;
    border-radius: 4px;
}

.directory-table.table thead,
.directory-table.table tfoot {
    background: #E0F9C4;
    color: rgba( 0, 0, 0, 0.3 );
    text-transform: uppercase;
}

.directory-table.table > thead > tr > th {
    border: none;
}

.directory-table.table tr:nth-child(even) {
    background: #f7f7f7;
}

.directory-table.table td {
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
    border: none;
}

.directory-table.table td.image {
    width: 50px !important;
}

.directory-table.table td.image > img {
    border-radius: 50%;
    max-width: 40px;
    height: auto;
}
/* -----------------------------------------
   Board of Directors
----------------------------------------- */
.page-id-439 #content h2 {
	float:none;
	clear:both;
}
.page-id-439 #content img.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:35px;
}
.bod-desc {
	overflow:hidden;
}
/* -----------------------------------------
   Blog
----------------------------------------- */
.blog-posts .blog-post {
    margin-top: 30px;
}

.blog-posts .blog-post:first-of-type {
    margin-top: 0;
}

.blog-posts .blog-post h3,
.blog-posts .blog-post h4 { margin-top: 10px; }

/* -----------------------------------------
   Contact
----------------------------------------- */
.contact-sidebar .widget {
    margin-bottom: 30px;
}

.contact-info ul {
    font-size: 1.4em;
    margin-bottom: 30px;
}

.contact-info ul li {
    line-height: 1.5em;
    margin-bottom: 15px;
}

.wpcf7-not-valid {
    border-color: salmon;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

div.wpcf7-response-output {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 4px;
}

/* -----------------------------------------
   Transitions
----------------------------------------- */
.navbar-default,
.navbar-default .navbar-brand,
.navbar-default .navbar-nav,
.font-size-controls {
    -webkit-transition: all ease 500ms;
       -moz-transition: all ease 500ms;
    	 -o-transition: all ease 500ms;
    		transition: all ease 500ms;
}

.navbar-form .hidden-search {
    -webkit-transition: max-width ease 500ms;
       -moz-transition: max-width ease 500ms;
    	 -o-transition: max-width ease 500ms;
    		transition: max-width ease 500ms;
}

.content-section,
.navbar-nav > li > .sub-menu,
.fs-doc-list ul {
    -webkit-transition: max-height ease 500ms;
       -moz-transition: max-height ease 500ms;
    	 -o-transition: max-height ease 500ms;
    		transition: max-height ease 500ms;
}

/* -----------------------------------------
   Font Size Controls
----------------------------------------- */
.navbar-cta { position: relative; }

.font-size-controls {
    position: absolute !important;
    top: 1px;
    right: 15px;
}

.navbar-top .font-size-controls {
    top: 10px;
}

.font-size-controls > span {
    color: #ccc;
    margin-right: 12px;
}

.font-size-controls .btn-default {
    background: #ccc !important;
    color: #fff !important;
    height: 17px;
    width: 17px;
    padding: 0;
    display: inline-block;
}

.font-size-controls .btn-default i {
    margin-left: 0;
    font-size: .8em;
    position: relative;
    bottom: 2px;
}