﻿
/* Main Dark Colors */
body,
.nav.navbar-nav-custom > li > a,
.navbar-default .navbar-nav > li > a,
.form-control,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
li.dropdown-header,
.chosen-container-single .chosen-single,
.themed-color-dark {
    color: #313131;
}

#page-container,
#sidebar,
#sidebar-alt,
.table-pricing.table-featured td,
.table-pricing td.table-featured,
.themed-background-dark {
    background-color: #e30613;
}

.themed-border-dark {
    border-color: #e30613;
}

header.navbar-inverse.navbar-fixed-bottom {
    border-top-color: #e30613;
}

header.navbar-inverse.navbar-fixed-top,
.table-pricing.table-featured th,
.table-pricing th.table-featured {
    border-bottom-color: #e30613;
}

.navbar.navbar-inverse {
    background-color: #1f454d;
}

/* Main Light Colors */
.sidebar-nav a,
.header-section h1 i,
.header-section h2 i,
blockquote:before {
    color: #f2f2f2;
}

#page-content,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active,
.slider-track,
.nav-horizontal a {
    background-color: #f2f2f2;
}

blockquote,
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.list-group-item,
.nav-tabs > li > a:hover,
.pager > li > a,
.pager > li > span,
.pager > li.disabled > a:hover,
.dropzone,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    border-color: #f2f2f2;
}

.dataTables_wrapper > div {
    border-color: #f2f2f2;
    border-top-width: 0;
}

header.navbar-default.navbar-fixed-bottom,
.content-header,
li.dropdown-header,
.breadcrumb-top,
.style-alt footer {
    border-top-color: #f2f2f2;
}

header.navbar-default.navbar-fixed-top,
.block-title,
fieldset legend,
.form-bordered .form-group,
.wizard-steps,
.nav-tabs,
li.dropdown-header,
.style-alt .content-header,
.style-alt .breadcrumb-top {
    border-bottom-color: #f2f2f2;
}

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-color: #f2f2f2;
        border-bottom-color: transparent;
    }

    .block-title .nav-tabs > li.active > a,
    .block-title .nav-tabs > li.active > a:hover,
    .block-title .nav-tabs > li.active > a:focus {
        border-color: #f2f2f2;
        border-bottom-color: #ffffff;
    }

    .block-title,
    .navbar.navbar-default,
    .form-bordered .form-group.form-actions,
    .table tfoot > tr > th,
    .table tfoot > tr > td,
    a.list-group-item:hover,
    a.list-group-item:focus,
    .nav > li > a:hover,
    .nav > li > a:focus,
    li.dropdown-header,
    .style-alt .content-header + .breadcrumb-top,
    .style-alt .breadcrumb-top + .content-header,
    .style-alt footer,
    .dropzone,
    .dataTables_wrapper > div {
        background-color: #f9f9f9;
    }

.nav-horizontal i {
    color: #dddddd;
}

.switch-default input:checked + span,
.style-alt .block-title {
    background-color: #e8e8e8;
}

.block,
.form-control,
.input-group-addon,
.switch-default span,
.dropdown-menu,
.style-alt .block,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices,
div.tagsinput,
.select2-container .select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e8e8e8;
}

footer,
.media-feed > .media {
    border-top-color: #e8e8e8;
}

.content-header,
.content-top,
.block-top,
.breadcrumb-top,
.style-alt .block-title {
    border-bottom-color: #e8e8e8;
}

.content-header-media {
    border-top-color: #222222;
}

/* Main Highlight Colors */
.text-primary,
.text-primary:hover,
.nav-pills > .active > a > .badge,
.pagination > li > a,
.pagination > li > span,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus,
.themed-color {
    color: #00a94f;
}

a,
a:hover,
a:focus {
    color: #a8292b;
}
    .nav.navbar-nav-custom > li.open > a,
    .nav.navbar-nav-custom > li > a:hover,
    .nav.navbar-nav-custom > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus,
    a.sidebar-brand:hover,
    a.sidebar-brand:focus,
    a.sidebar-title:hover,
    a.sidebar-title:focus,
    #to-top:hover,
    .timeline-list .active .timeline-icon,
    .table-pricing.table-featured th,
    .table-pricing th.table-featured,
    .wizard-steps div.done span,
    .wizard-steps div.active span,
    .switch-primary input:checked + span,
    a.list-group-item.active,
    a.list-group-item.active:hover,
    a.list-group-item.active:focus,
    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus,
    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus,
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus,
    .pager > li > a:hover,
    .pagination > li > a:hover,
    .label-primary,
    .chosen-container .chosen-results li.highlighted,
    .chosen-container-multi .chosen-choices li.search-choice,
    .datepicker table tr td.active,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active:hover.disabled,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active[disabled],
    .datepicker table tr td.active:hover[disabled],
    .datepicker table tr td.active.disabled[disabled],
    .datepicker table tr td.active.disabled:hover[disabled],
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active:hover:hover,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active.disabled:hover:hover,
    .datepicker table tr td span.active:active,
    .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active.disabled:active,
    .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active.active,
    .datepicker table tr td span.active:hover.active,
    .datepicker table tr td span.active.disabled.active,
    .datepicker table tr td span.active.disabled:hover.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active:hover.disabled,
    .datepicker table tr td span.active.disabled.disabled,
    .datepicker table tr td span.active.disabled:hover.disabled,
    .datepicker table tr td span.active[disabled],
    .datepicker table tr td span.active:hover[disabled],
    .datepicker table tr td span.active.disabled[disabled],
    .datepicker table tr td span.active.disabled:hover[disabled],
    .bootstrap-timepicker-widget table td a:hover,
    div.tagsinput span.tag,
    .slider-selection,
    .themed-background,
    .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-results__option--highlighted[aria-selected],
    .nav-horizontal a:hover,
    .nav-horizontal li.active a {
        background-color: #00a94f;
    }

        .timeline-list .active .timeline-icon,
        .form-control:focus,
        .wizard-steps span,
        .switch-primary span,
        a.list-group-item.active,
        a.list-group-item.active:hover,
        a.list-group-item.active:focus,
        .pager > li > a:hover,
        .pagination > li > a:hover,
        .chosen-container .chosen-drop,
        .chosen-container-multi .chosen-choices li.search-choice,
        .chosen-container-active .chosen-single,
        .chosen-container-active.chosen-with-drop .chosen-single,
        .chosen-container-active .chosen-choices,
        div.tagsinput span.tag,
        .themed-border,
        .select2-container.select2-container--open .select2-dropdown,
        .select2-container--default.select2-container--open .select2-selection--single,
        .select2-container--default.select2-container--open .select2-selection--multiple,
        .select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple,
        .select2-container--default.select2-container--focus .select2-selection--single {
            border-color: #00a94f;
        }

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #00a94f;
    border-bottom-color: #00a94f;
}

.sidebar-nav a.active,
.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    /*border-left-color: #00a94f;*/
}

/* NProgress */
#nprogress .bar {
    background-color: #00a94f;
}

#nprogress .peg {
    box-shadow: 0 0 10px #00a94f, 0 0 5px #00a94f;
}

#nprogress .spinner-icon {
    border-top-color: #00a94f;
    border-left-color: #00a94f;
}

/* FullCalendar buttons */
.fc-state-default {
    background-color: #00a94f;
    border-color: #3a9e76;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #3a9e76;
}

.fc-state-highlight {
    background-color: #f9f9f9;
}

/* Specific for default & primary button */
.btn-default {
    background-color: #f5f5f5;
    border-color: #e8e8e8;
    color: #e30613;
}

    .btn-default:hover {
        background-color: #f2f2f2;
        border-color: #cfcfcf;
    }

    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .btn-default.dropdown-toggle {
        background-color: #f0f0f0;
        border-color: #f0f0f0;
    }

    .btn-default.disabled,
    .btn-default.disabled:hover,
    .btn-default.disabled:focus,
    .btn-default.disabled:active,
    .btn-default.disabled.active,
    .btn-default[disabled]:hover,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default.active {
        background-color: #f0f0f0;
        border-color: #f0f0f0;
    }

.btn-primary {
    background-color: #00a94f;
    border-color: #3a9e76;
}

    .btn-primary.btn-alt {
        color: #3a9e76;
    }

    .btn-primary:hover {
        background-color: #3a9e76;
        border-color: #3a9e76;
        color: #ffffff;
    }

    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary:active:hover,
    .btn-primary:active:focus,
    .btn-primary.active,
    .btn-primary.active:hover,
    .btn-primary.active:focus,
    .open .btn-primary.dropdown-toggle,
    .open .btn-primary.dropdown-toggle:hover,
    .open .btn-primary.dropdown-toggle:focus,
    .open .btn-primary.dropdown-toggle.focus {
        background-color: #3a9e76;
        border-color: #24855e;
        color: #ffffff;
    }

    .btn-primary.disabled,
    .btn-primary.disabled:hover,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled]:hover,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled].active,
    .btn-primary[disabled]:active:focus,
    .btn-primary[disabled].active:focus,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary:active:focus,
    fieldset[disabled] .btn-primary.active:focus {
        background-color: #00a94f;
        border-color: #00a94f;
    }

/* Mini Sidebar */
@media screen and (min-width: 992px) {
    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        border-left-color: #00a94f;
        background-color: #e30613;
    }
}


.login-logo {
    padding-top: 10px;
    background-color:white;
}

#login-container .login-title {
    background-color:white;
    
}

    #login-container .login-title h1 small, #login-alt-container h1 {
        color: #e30613;
        font-weight: 600;
        font-size: 1em;
    }
#login-background {
    height: 66vh;
}

.block-title
{
    color:white;
    background-color: #00a94f;
}

.contact-startswith a.active, .contact-startswith a.active:focus {
    background-color: #E6373A;
    color: white;
    border-color: #C6272A;
}

div.staff-directory-card {
    min-height: 140px;
}

.form-actions {
    margin-top:12px;
}

.form-modal
{
    padding-left:48px;
    padding-right: 48px;
}

td.btn-cell, th.btn-cell
{
   width:100px
}

.company-news-thumbnail
{
    max-height:150px;
    max-width:150px;
}

div.widget-image-thumbnail
{
    min-height: 150px;
    max-width:150px;
    position:relative;
    margin-left:15px;
    margin-right:15px;
    display:inline-block;
    vertical-align:top;
    margin-bottom:20px;

}

div.widget-image-thumbnail .button-group
{
    position:absolute;
    top:3px;
    right:3px;
}

    div.widget-image-thumbnail .button-group a.btn {
        width:25px;
        padding:0px;
        
    }

.profile-avatar
{
    max-height:170px;
}

.social-post-thumbnail
{
    max-width:100%;
    max-height:100%;
}

.social-post-file-block
{
    height:100px;
    text-align:center;
    margin-bottom:10px;
}

.navbar {
    min-height:60px;
}

.sidebar-nav li a {
    padding-top:11px;
    font-size:16px;
}

.sidebar-nav li ul{
    padding-bottom:10px;
}

.nav-icon-span {
    display:inline-block;
    width: 34px;
    height: 34px;
    box-shadow: inset -3px 4px 7px 0 rgba(0, 0, 0, 0.3);
    border: solid 1px #c42b34;
    background-color: #f53a45;
    border-radius:50%;
    text-align:center;
    margin-right:15px;
}

a.active .nav-icon-span {
    background-color: #FFFF00;
}

.sidebar-nav > li {
    border-bottom: 1px solid rgba(255,255,255,0.25);
}

.sidebar-nav li a:hover {
    background-color: #c42b34;
}
    .sidebar-nav li a:hover .nav-icon-span {
        background-color: #c42b34;
        background-color: #c42b34;
        box-shadow:none;

    }

.nav-icon-span i {
    font-size: 14px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.block-title{
    padding:6px;
}
.alsford-header
{
    height:0px;
    margin-top:-780px;
}

    .alsford-header h2 {
        color:#00a94f ;
        font-size:30px;
        font-weight:600;
        letter-spacing:-0.75px;
        padding-left:4px;
    }

#page-content {
    background: url("/img/background-img.jpg") no-repeat center center fixed;
    /*background-image: url("/img/alsford-trees.jpeg");*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #page-content .gradientblock {
        height: 800px;
        margin: -20px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
        /*background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%);*/ /* FF3.6-15 */
        /*background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
        /*background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=0 );*/ /* IE6-9 */
    }


.green-title {
    color: #00a94f;
    font-weight:600;
    text-align:center;
}

.row-spaced{
    margin-top:10px;
    margin-bottom:10px;

}

.social-post-file-block {
    padding: 20px;
    
}

    .social-post-file-block div {
        background-color: #cccccc;
        vertical-align: middle;
        text-align: center;
        height: 80px;
        padding: 0;
        width: 100%;
    }

.social-post-file-block img 
{
    position:relative;
    max-width:100%;
    overflow:hidden;
}

.social-post-images, .profile-images {
    line-height: 0;
    
    -webkit-column-gap: 0px;
    
    -moz-column-gap: 0px;
    
    column-gap: 0px;
}

.social-post-images {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.profile-images {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.social-file-block {
    display: inline-block;
    overflow: hidden;
    max-height: 200px;
    max-width: 200px;
}

.social-file-block img, .social-file-block video, .profile-images img{
    
    width:100%; 
    height:auto;
}

@media (max-width:1400px)
{
    .profile-images {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 1280px) {
    .social-post-images {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
    .profile-images {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 992px) {
    .social-post-images {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .profile-images {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

}

@media (max-width: 768px) {
    .social-post-images {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .profile-images {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

}

@media (max-width: 400px) {
    .social-post-images {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.poll{
    padding-left:20px;
}

.poll .poll-question {
    line-height: 22px;
    list-style: none;
    background-color: #00a94f;
    color:white;
    border-radius:3px;
    padding:3px 10px;
    margin:10px;
    margin-left:-20px;
}

    .poll .poll-question:hover {
        background-color: #25A877;
        cursor:pointer;
    }


.flot-x-axis .flot-tick-label {
    /*margin-left:8%;*/

}

.comments {
    display:none;
}

.single-post .comments {
    display:block;
}

.home-page-header h2
{
    font-size:26px;
}

.content-header
{
    margin-top: -30px;
}

.like-list {
    padding-left:10px;
}

.like-list li:first-child::before
{
    content: 'Users that liked this post: ';
}

.like-list li{
    display:inline;
}
    .like-list li::after {
        margin-left: -2px;
        content: ',';
    }

.like-list li:last-child::after{
    content:'';
}


.up-to-date-line {

    margin-bottom:76px;
}
@media screen and (min-width:660px) {
    .up-to-date-line {
        margin-bottom: 48px;
    }
}




@media screen and (min-width:990px) {
    .up-to-date-line {
        margin-bottom: 76px;
    }
}

@media screen and (min-width:1380px) {
    .up-to-date-line {
        margin-bottom: 36px;
    }
}

.mobile-banner .row {
    background-color: #00a94f;
    margin-left: 0px;
    margin-right: 0px;
    padding: 12px 6px;
}

.mobile-banner a.ranchers {
    color:#aaa;
    font-size:1.6em;
}

.mobile-banner .col-xs-6
{
    padding-left:6px; 
    padding-right:6px;
}

.mobile-banner .active a.ranchers 
{
    color:white;
}

@media (min-width:768px) and (max-width:992px) 
{

.company-news .block, .social-feed .block {
    margin-top:52px;
}

}

.media-body {
    word-break: break-word;
}


.poll-chart .flot-x-axis .flot-tick-label {
    white-space: nowrap;
    transform: translate(-9px, 0) rotate(-60deg);
    text-indent: -100%;
    transform-origin: top right;
    text-align: right !important;
    height: 40px !important;
}
