body {
    font-family: "Open Sans", system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    font-smooth: always;
    padding-top: 119px;
}

h1 {
    font-weight: normal;
    font-size: 50px;
    line-height: 1.35;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
}

h2 {
    font-weight: normal;
    font-size: 43px;
    line-height: 1.2;
}

h3 {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.2;
}

h4 {
    font-weight: normal;
    font-size: 25px;
    line-height: 1.2;
}

h5 {
    font-weight: normal;
    font-size: 22px;
    line-height: 1.4;
}

h6 {
    font-weight: normal;
    font-size: 19px;
    line-height: 1.4;
}

.h1, .h1, h2, .h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 25px;
    margin-bottom: 10px;
}

h1.page-header-sub {
    padding-bottom: 25px;
    margin: 5px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

span.section-name {
    font-size: 30px;
    font-weight: normal;
    display: block;
    line-height: 1.1;
    color: #777777;
    margin: 40px 0 5px;
}

p {
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
}

p.intro {
    font-size: 21px;
}

p.date {
    margin: 20px 0 0;
    padding-bottom: 0;
}

p.about {
    font-size: 17px;
    padding-bottom: 5px;
}

p.terms {
    font-size: 14px;
    font-style: italic;
    margin-top: 35px;
}

a {
    color: #333333;
    text-decoration: none;
    border-bottom: 1px solid #589f33;
}

a h1, h1 a,
a h2, h2 a,
a h3, h3 a,
a h4, h4 a {
    border-bottom: 2px solid #589f33;
}

a:hover,
a:focus {
    color: #333333;
    text-decoration: none;
    border-color: #333333;
}

a.external,
a[target="_blank"] {
    background-image: url("../images/external-sm.png");
    background-repeat: no-repeat;
    background-position: 100% 57%;
    padding-right: 23px;
}

a.external.no-icon,
a[target="_blank"].no-icon,
nav a.external,
nav a[target="_blank"] {
    background: none;
    padding-right: 0;
}

a[target="_blank"].no-border {
    display: inline-block;
    border: none;
}

.carousel-inner a[target="_blank"].no-border {
    display: block;
}

a.external:hover,
a[target="_blank"]:hover {
    background-image: url("../images/external-sm-hover.png");
}

a.external.no-icon:hover,
a[target="_blank"].no-icon:hover,
nav a.external:hover,
nav a[target="_blank"]:hover {
    background: none;
}

nav a {
    text-decoration: none;
}

hr {
    border-top: 1px solid #ccc;
}

hr.dark-rule {
    border-top: 1px solid #50521b;
}

.form-control {
    border-radius: 0;
    border: 1px solid #dbd9d9;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.form-control:focus {
    border-color: #4ab9bb;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
}

.form-group {
    margin-bottom: 20px;
}

h3.form-heading {
    padding-top: 15px;
    padding-bottom: 25px;
}

label.right {
    font-weight: 500;
    margin-top: 5px;
    font-size: 15px;
}

form .message.required,
form .message.warning,
form .message.validation {
    color: #ab1414;
}

form .holder-required {
    border: 1px solid #ab1414;
}

.group-name {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 40px;
}

.btn {
    border-radius: 0px;
    padding: 8px 28px;
}

.btn-primary {
    color: #333333;
    background-color: #589f33;
    border-color: #589f33;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
    color: #ffffff;
    background-color: #478526;
    border-color: #478526;
}

.Actions {
    margin-top: 25px;
    margin-bottom: 35px;
}

/**Banner**/

.banner-login {
    margin-left: 20px;
    display: block;
    float: right;
    padding-left: 3px;
    padding-right: 3px;
}

.banner-right .button-login {
    font-size: 14px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    padding: 7px;
    margin-bottom: 0px;
}

.navbar {
    background-color: #333333;
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .12);
    box-shadow: 0 6px 8px rgba(0, 0, 0, .12);
}

.navbar-fixed-top .navbar-collapse {
    height: auto;
    max-height: none !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.navbar-brand {
    height: auto;
    padding: 32px 0 5px 0;
    line-height: 1;
    display: inline-block;
    border: none;
    color: #ffffff;
}

/* Bootstrap override */
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar-nav {
    padding-top: 17px;
}

.navbar-nav > li {
    float: none;
    padding: 12px;
}

@media (min-width: 1200px) {
    .navbar-nav > li {
        display: inline-block;
    }

    .homepage__row {
        padding-bottom: 60px;
    }

    .homepage__background-img {
        max-width: 905px;
        margin-top: 30px;
    }
}

.navbar-nav > li:hover,
.navbar-nav > li.current {
    padding-bottom: 8px;
    border-bottom: 4px solid #478526;
}

.navbar-nav li a {
    font-size: 16px;
    color: #ffffff;
    border: none;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}

.navbar a:focus,
.dropdown-toggle:focus {
    outline: 1px solid #589f33;
    outline-offset: 1px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
}

.navbar-nav li a.dropdown-toggle {
    min-height: 20px;
    min-width: 20px;
    padding: 0;
}

.navbar-nav li ul li a {
    font-size: 15px;
}

a.dropdown-toggle {
    background-image: url("../images/dropdown-arrow.png");
    background-repeat: no-repeat;
    background-position: 50%;
    padding-right: 15px;
    padding-bottom: 13px;
}

.homepage .banner-motif-lower {
    display: none;
}

.yellow .page-header {
    border-bottom: 1px solid #fbc124;
}

a.navbar-brand:hover {
    opacity: 0.8;
}

.navbar-brand .logo img {
    width: 100%;
}

.nav li ul li a,
.nav li ul li a:focus,
.nav li ul li a:hover,
.nav li.current ul li a {
    display: block;
    border-bottom: none;
    padding: 15px 25px;
    text-transform: none;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    background-color: #34312d;
}

@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 4px;
    }
}

.dropdown ul li a:focus,
.dropdown ul li a:hover {
    text-decoration: none;
    background-color: #478526;
    color: #ffffff;
    outline: 0;
}

.caret {
    margin-left: 9px;
    border-top: 7px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.navbar-header button {
    margin-top: 19px;
    opacity: 1;
}

.navbar-header button:hover {
    opacity: 0.6;
}

.navbar-toggle .icon-bar {
    width: 34px;
    height: 4px;
    background-color: #ffffff;
}

/*Search*/
.banner-search-desktop {
    margin-top: 20px;
    display: block;
    float: right !important;
}

.banner-search-desktop .btn-default:hover {
    opacity: 0.8;
    background-color: transparent;
    border-left: none;
}

.navbar-collapse .banner-search-desktop.small-mobile-search {
    display: none;
}

.search-icon {
    background-image: url('../images/icon-search.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
}

.search-form .input-group-btn button {
    text-indent: -99em;
}

.search-form .input-group-btn {
    background-color: #ffffff;
}

.banner-search-desktop .input-group {
    border: 1px solid #ddd;
}

.banner-search-desktop .form-control {
    border: none;
    height: 33px;
    font-size: 15px;
}

.banner-search-mobile {
    display: none;
}

.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 38px;
    height: 38px;
    background-color: #fff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    border-radius: 25px;
    border: 1px solid #ddd;
}

.search-form .form-group input.form-control {
    padding-right: 34px;
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display: block;
    cursor: pointer;
    z-index: 100;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
}

.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
}

.search-form .form-group:hover,
.search-form .form-group.hover {
    width: 100%;
    border-radius: 0px 25px 25px 0px;
}

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
}

.banner-search-mobile .search-form .form-group span.form-control-feedback {
    top: 5px;
    right: -3px;
}

.banner-search-desktop .btn {
    border: none;
    padding: 3px 9px;
}

.container.below-nav {
    margin-top: 25px;
}

.breadcrumb {
    padding: 0px;
    margin-bottom: 30px;
    font-size: 15px;
    background-color: transparent;
}

.breadcrumb .active {
    color: #555;
}

.rss {
    float: right;
}

.rss a {
    border: none;
}

.rss a:hover {
    opacity: 0.8;
}

.homepage__content {
    margin: 50px 0px;
}

.homepage__content p {
    font-size: 23px;
    text-align: center;
    line-height: 25px;
    margin: 0px;
}

.homepage__row {
    position: relative;
}

.homepage__column {
    z-index: 20;
}

/*****LOGIN*****/
#MemberLoginFormExtension_LoginForm,
#MemberLoginFormExtension_LostPasswordForm_Email_Holder {
    width: 100%;
    max-width: 440px;
}

#MemberLoginFormExtension_LoginForm input,
input#MemberLoginFormExtension_LostPasswordForm_Email {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #dbd9d9;
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
}

#MemberLoginFormExtension_LoginForm input.checkbox {
    width: auto;
}

.Actions input#MemberLoginFormExtension_LoginForm_action_dologin,
.Actions input#MemberLoginFormExtension_LostPasswordForm_action_forgotPassword {
    color: #ffffff;
    background-color: #478526;
    border: none;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 8px 28px;
    white-space: normal;
}

.Actions input#MemberLoginFormExtension_LoginForm_action_dologin:hover,
.Actions input#MemberLoginFormExtension_LostPasswordForm_action_forgotPassword:hover {
    color: #333333;
    background-color: #589f33;
    border: none;
}

#MemberLoginFormExtension_LoginForm_Remember_Holder label {
    padding-left: 10px;
    font-weight: 500;
}

#MemberLoginFormExtension_LoginForm_Remember_Holder .middleColumn {
    float: left;
    padding-top: 2px;
}

#MemberLoginFormExtension_LoginForm_Remember_Holder .middleColumn input {
    height: auto;
}

p#ForgotPassword {
    padding-top: 30px;
}

/***Group Member Dashboard***/

.group-wrapper {
    margin-left: 0px;
    margin-right: 0px;
}

.group-actions {
    margin-top: 20px;
    display: block;
}

.first-column {
    padding-left: 0px;
}

.last-column {
    padding-right: 0px;
}

.group-dashboard h3 {
    margin-top: 10px;
}

.group-item {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #bcbcbc;
    display: inline-block;
    width: 100%;
}

.group-item h5 {
    margin-top: 12px;
}

.group-actions.my-list {
    margin-top: 20px;
}

.nav-tabs.nav-justified li:hover {
    background-color: #eee;
}

.view-link {
    margin-top: 18px;
}

.group-dashboard {
    margin-top: 25px;
}

.group-dashboard .nav-tabs.nav-justified .active a,
.group-dashboard .nav-tabs.nav-justified .active a:focus,
.group-dashboard .nav-tabs.nav-justified .active a:hover {
    border-left-color: #999;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #fff;
}

.group-dashboard .nav-tabs.nav-justified .active a h2,
.group-dashboard .nav-tabs.nav-justified .active a:focus h2,
.group-dashboard .nav-tabs.nav-justified .active a:hover h2 {
    font-size: 39px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.group-dashboard .nav-tabs.nav-justified a h2,
.group-dashboard .nav-tabs.nav-justified a:focus h2,
.group-dashboard .nav-tabs.nav-justified a:hover h2 {
    font-size: 33px;
    margin-top: 0px;
    margin-bottom: 8px;
}

.group-dashboard .group.tab-content {
    border-left: #999 1px solid;
    border-bottom: #999 1px solid;
    border-right: #999 1px solid;
    margin-top: -1px;
}

.member-dashboard .group-dashboard .group.tab-content {
    border-top: 1px solid #999;
}

.group-dashboard .nav-tabs.nav-justified li a {
    border-bottom: 1px solid #999;
    padding: 0px 10px 5px;
}

.group-dashboard .nav-tabs.nav-justified li.active a {
    padding: 5px 10px 13px;
}

.group-dashboard .nav-tabs.nav-justified a:focus,
.group-dashboard .nav-tabs.nav-justified a:hover {
    border-bottom: #999 1px solid;
}

.group-dashboard .owner .button-light {
    margin-bottom: 30px;
}

.group-dashboard .button-light {
    border: 1px solid #bcbcbc;
}

.my-group-list .border-top.back.back,
.group-dashboard .back {
    margin-top: 0px;
    padding-top: 30px;
}

.group-dashboard .back .fa {
    padding-right: 10px;
}

.my-group-list {
    clear: both;
}

.my-group-list a {
    display: inline-block;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 100%;
}

.my-group-list a:last-child {
    border-bottom: 1px solid #bcbcbc;
}

.my-group-list a:hover {
    background: #f3f3f3;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}

/*Page header*/

.list-group ul {
    padding-left: 0px;
}

.list-group li {
    font-size: 16px;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group li a {
    border-bottom: none;
}

.list-group li a:hover,
.list-group li a:focus,
.list-group li a:active {
    border-bottom: 1px solid #333333;
}

.list-group li ul li {
    border: none;
    padding: 10px 15px 10px 25px;
}

/*Page header end*/

.page-header {
    padding-bottom: 25px;
    margin: 40px 0 50px;
    border-bottom: 1px solid #eee;
    font-size: 25px;
}

.media {
    margin-left: 20px;
}

.carousel {
    z-index: 80;
}

header.carousel .item img {
    background-size: cover;
    max-width: none;
    height: auto;
    min-height: 100%;
}

header.carousel .item .fill::before {
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.3);
	z-index: 100;
}

.carousel-control {
    opacity: 0.7;
    border: none;
}

.carousel-indicators {
	bottom: 0;
}

.carousel-toggle {
    position: absolute;
    bottom: 20px;
    right: 7%;
    display: inline-block;
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    opacity: 0.8;
    z-index: 10;
    border-bottom: 0;
}

.carousel-toggle:hover,
.carousel-toggle:focus,
.carousel-toggle:active {
    opacity: 1;
}

.carousel-toggle.pause {
    background-image: url('../images/icon-pause.png');
}

.carousel-toggle.play {
    background-image: url('../images/icon-play.png');
}

.carousel-caption {
    color: #fff;
    text-align: center;
    z-index: 120;
}


.carousel-caption a {
    color: #fff;
}

.carousel-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

a .carousel-caption h2,
a .carousel-caption h4 {
    border-bottom: none;
}

.carousel-control .icon-prev:before {
    content: ' ';
    background-image: url('../images/carousel-arrow-prev.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 25px;
    height: 50px;
    display: block;
    cursor: pointer;
}

.carousel-control .icon-next:before {
    content: ' ';
    background-image: url('../images/carousel-arrow-next.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 25px;
    height: 50px;
    display: block;
    cursor: pointer;
}

.bullet-icon {
    position: relative;
    display: inline-block;
    width: 56px;
    height: auto;
    vertical-align: middle;
}

.form-control {
    border-radius: 0px;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

.form-control:focus {
    border-color: #4ab9bb;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(102, 175, 233, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(102, 175, 233, 0);
}

.btn {
    border-radius: 0px;
}

.news-item {
    padding-top: 10px;
}

.news-item__image {
    margin: 20px auto;
}

.news-item__summary {
    margin-bottom: 20px;
}

.publication-type-list ul {
    padding-left: 0px;
    margin-top: 25px;
}

.publication-type-list li {
    list-style: none;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.3;
    padding: 5px 14px;
    display: block;
    background-image: url('../images/list-arrow.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
}

.type-contentpage .container .col-md-9 {
    float: right;
}

.home--carousel-border {
    border-top: 3px solid #478526;
}

/*Table styles*/

table tr {
    border-bottom: 1px solid;
}

table th, table td {
    border-right: 1px solid;
    padding: 5px 10px;
}

table th:last-child,
table td:last-child {
    border-right: none;
}

table tr:last-child {
    border-bottom: none;
}

/*Image alignment and responsiveness*/

img.left {
    clear: both;
    float: left;
    max-width: 100%;
    height: auto;
    margin: 5px 20px 10px 0;
}

img.right {
    clear: both;
    float: right;
    max-width: 100%;
    height: auto;
    margin: 5px 0 10px 20px;
}

img.leftAlone {
    display: block;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
    max-width: 100%;
    height: auto;
}

img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
    max-width: 100%;
    height: auto;
}

img {
    max-width: 100%;
}

/*Responsive video*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Responsive images*/

.type-newsarticle .container img,
.type-landingpage .container img,
.type-contentpage .container img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.universal-image {
    width: 360px;
    overflow: hidden;
}

.universal-image img {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: none;
    display: block;
}

/***Group LANDING page public***/

.group-start p.intro {
    padding-right: 20px;
}

.button-light,
.button-login,
.register {
    font-size: 17px;
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px;
    margin-bottom: 17px;
    text-decoration: none;
    display: block;
}

.button-light:hover,
.button-light a:hover,
.button-login:hover,
.register:hover,
.button-light:active,
.button-light a:active,
.button-login:active,
.register:active,
.button-light:focus,
.button-light a:focus,
.button-login:focus,
.register:focus {
    color: #333333;
    background-color: #589f33;
    border: 1px solid #589f33;
    text-decoration: none;
}

.button-dark {
    font-size: 18px;
    color: #ffffff;
    background-color: #478526;
    border: 1px solid #478526;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 17px;
    display: block;
    text-decoration: none;
}

.button-dark:hover,
a.button-dark:focus,
a.button-dark:active {
    color: #333333;
    background-color: #589f33;
    border: 1px solid #589f33;
    text-decoration: none;
}

.landing-block {
    border: 1px solid #bcbcbc;
    margin: 35px 15px;
    padding: 10px 35px 25px;
    display: inline-block;
}

.group-start .group-action-links {
    padding-left: 0;
    padding-right: 0;
}

.group-start .sign-in {
    font-size: 18px;
}

.group-start .register {
    font-size: 20px;
    color: #ffffff;
    background-color: #478526;
    border: 1px solid #478526;
    padding: 20px;
    display: block;
}

.group-start .register:hover {
    color: #333333;
    background-color: #589f33;
    border: 1px solid #589f33;
}

.group-start .landing-block .sign-in {
    padding: 20px;
}

img.group-landing-public {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px;
}

/***Group LANDING END page public***/

/***Group lISTING page public***/

.group-list {
    margin-right: 0px;
}

.group-block {
    margin: 45px 0px 0px 15px;
    padding-bottom: 45px;
    border-bottom: 1px solid #bcbcbc;
}

.group-block .group-thumb-image {
    padding-left: 0px;
}

.group-block h4 {
    margin-top: 5px;
}

.group-block p {
    padding-bottom: 5px;
}

.group-action-links {
    padding: 15px 0px;
}

.group-action-links a:hover {
    text-decoration: none;
}

.group-thumb-image .placeholder {
    display: none;
}

.no-image .group-thumb-image .placeholder {
    display: block;
}

/***Group listing page public END***/

.group-public-right {
    padding-left: 45px;
    margin-top: 40px;
    margin-bottom: 25px;
}

.nav-tabs.nav-justified .active a,
.nav-tabs.nav-justified .active a:focus,
.nav-tabs.nav-justified .active a:hover {
    border-left-color: #bcbcbc;
    border-top-color: #bcbcbc;
    border-right-color: #bcbcbc;
    font-size: 21px;
    color: #333;
    border-radius: 0px 0px 0 0;
}

.nav-tabs.nav-justified .active a:focus,
.nav-tabs.nav-justified .active a:hover {
    padding-bottom: 10px;
}

.nav-tabs.nav-justified a {
    font-size: 21px;
    border-radius: 0px 0px 0 0;
}

.nav-tabs.nav-justified a:focus,
.nav-tabs.nav-justified a:hover {
    background-color: #eee;
    border-bottom: #bcbcbc 1px solid;
    font-size: 21px;
    border-radius: 0px 0px 0 0;
    padding-bottom: 10px;
}

.member-dashboard .nav-tabs.nav-justified {
    width: 100%;
}

.group.tab-content {
    padding: 35px 25px;
    border-left: #bcbcbc 1px solid;
    border-bottom: #bcbcbc 1px solid;
    border-right: #bcbcbc 1px solid;
}

.group.tab-content ul {
    list-style: none;
    padding-left: 5px;
}

.group.tab-content .handy-links li:before {
    font-family: 'FontAwesome';
    content: '\f105';
    color: #0b505c;
    font-size: 19px;
    vertical-align: top;
    padding-top: 3px;
    display: inline-block;
}

.group.tab-content li {
    margin-bottom: 20px;
}

.group.tab-content li a {
    font-size: 17px;
    line-height: 1.3;
    padding: 5px 25px 5px 5px;
    display: inline-block;
}

.group.tab-content li a.external {
    background-position: 99% 33%;
}

.group.tab-content .documents ul {
    list-style: none;
    padding-left: 0px;
}

.group.tab-content .documents li {
    background-image: none;
}

.group.tab-content .documents .fa.fa-file-text-o,
.group.tab-content .documents .fa.fa-file-pdf-o,
.group.tab-content .documents .fa.fa-file-word-o,
.group.tab-content .documents .fa.fa-file-powerpoint-o,
.group.tab-content .documents .fa.fa-file-excel-o {
    font-size: 20px;
    padding-right: 13px;
}

.doc-details-wrapper {
    display: inline-block;
}

.group.tab-content .documents li a {
    padding: 5px 25px 5px 0px;
}

.documents li p.description {
    font-size: 14px;
    margin: 0 0 0 30px;
    padding-bottom: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #eee;
}

.document-title {
    display: block;
    padding-right: 7px;
}

.tab-pane.documents .document-title {
    margin-left: 30px;
}

a:hover .document-title {
    text-decoration: underline;
}

.doc-meta {
    font-size: 13px;
}

.tab-pane.documents .doc-meta {
    margin-left: 30px;
}

a span.doc-meta {
    color: #777;
}

a:hover span.doc-meta {
    text-decoration: none;
}

a:hover span.doc-icon {
    text-decoration: none;
}

.doc-icon {
    font-size: 20px;
    padding-right: 13px;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: inline-block;
    float: left;
}

.tab-pane.documents .doc-icon {
    position: absolute;
}

.doc-icon.webpage:before {
    content: "\f0ac";
}

.doc-icon.pdf:before {
    content: "\f1c1";
}

.doc-icon.word:before {
    content: "\f1c2";
}

.doc-icon.excel:before {
    content: "\f1c3";
}

.doc-icon.powerpoint:before {
    content: "\f1c4";
}

.doc-icon.image:before {
    content: "\f1c5";
}

.doc-icon.video:before {
    content: "\f01d";
}

.group-details {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.group-name {
    padding-left: 0px;
}

.group-landing .username,
.owner-dashboard .username {
    padding-left: 0px;
    margin-left: 0px;
}

.username .fa {
    padding-right: 10px;
}

.group-landing .username p,
.owner-dashboard .username p {
    padding-left: 0px;
    border-left: none;
}

.username {
    padding-left: 50px;
}

.username p {
    padding-left: 23px;
    border-left: 1px solid #bcbcbc;
}

.group-name p {
    font-size: 18px;
}

.group-name p,
.username p {
    padding-bottom: 3px;
    margin: 0 0 14px;
    color: #777;
}

.group-name .fa {
    margin-right: -1px;
}

.group-name .fa.center-icon {
    font-size: 16px;
}

.owner-dashboard .group-name .fa.center-icon {
    font-size: 20px;
    vertical-align: top;
    padding-top: 14px;
}

.owner-dashboard .group-name.active .fa.center-icon {
    font-size: 22px;
    vertical-align: top;
    padding-top: 20px;
}

.owner-dashboard .group-name .fa.left-icon,
.owner-dashboard .group-name .fa.right-icon {
    font-size: 14px;
    vertical-align: top;
    padding-top: 16px;
}

.owner-dashboard .group-name .fa.right-icon {
    padding-right: 17px;
}

.owner-dashboard .group-name.active .fa.left-icon,
.owner-dashboard .group-name.active .fa.right-icon {
    font-size: 16px;
    vertical-align: top;
    padding-top: 23px;
}

.owner-dashboard .groups-joined .fa {
    font-size: 21px;
    padding-right: 17px;
    vertical-align: top;
    padding-top: 12px;
}

.owner-dashboard .groups-joined.active .fa,
.member-dashboard .groups-joined.active .fa {
    font-size: 23px;
    padding-right: 17px;
    vertical-align: top;
    padding-top: 18px;
}

.group-name .fa.left-icon,
.group-name .fa.right-icon {
    font-size: 10px;
}

.group-name .fa.right-icon {
    padding-right: 15px;
}

.blog-list {
    padding-right: 45px;
    margin-bottom: 45px;
}

.blog-list .page-header {
    border-bottom: 1px solid #bcbcbc;
}

p.blog-icon {
    padding-top: 10px;
    padding-bottom: 5px;
}

p.blog-icon .fa {
    padding-bottom: 10px;
    font-size: 26px;
}

.blog-item {
    padding-top: 30px;
    padding-bottom: 45px;
    border-bottom: 1px solid #d2d2d2;
    display: inline-block;
    width: 100%;
}

.blog-post-meta p,
.blog-post .blog-post-single-item .blog-author h6 {
    font-size: 15px !important;
}

.number-count {
    padding-left: 8px;
}

.meta-no-image {
    display: none;
}

.no-image .meta-image {
    display: none;
}

.no-image .blog-post-meta,
.blog-post .blog-post-meta,
.group-landing .blog-meta-horizontal {
    display: none;
}

.group-landing .no-image .blog-meta-horizontal {
    display: block;
}

.read-more {
    clear: both;
    float: left;
}

.member-right-column {
    padding-left: 45px;
    margin-bottom: 45px;
}

.notices {
    border: 1px solid #bcbcbc;
    margin: 30px 0px 40px;
    padding: 5px 20px 20px;
}

.notices .page-header {
    margin: 15px 0 10px;
    padding-bottom: 15px;
}

.group .notices ul {
    list-style: none;
    padding-left: 5px;
}

.notices ul {
    list-style: none;
    padding-left: 0px;
}

.notices li {
    background-image: url('../images/bullet-icon-bw-small.png');
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-bottom: 10px;
}

.notices li h6 {
    font-size: 17px;
    line-height: 1.3;
    padding: 5px 25px 5px 35px;
    margin: 3px 0px;
    display: inline-block;
}

.notices li p.description {
    font-size: 15px;
    margin: 0 0 0 35px;
    padding-bottom: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #eee;
}

.notices li a.external {
    background-position: 99% 50%;
}

.pager .next > a,
.pager .next span {
    float: left;
}

.pager .previous > a,
.pager .previous span {
    float: right;
}

.blog-post-single-item {
    padding-right: 45px;
    margin-bottom: 45px;
}

.blog-post-wrapper {
    margin-top: 35px;
}

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

.more {
    padding-left: 7px;
}

.see-more {
    text-align: right;
    display: block;
}

.comments-anchor {
    line-height: 3.5em;
}

.fa.fa-angle-right,
.fa.fa-angle-left {
    font-size: 18px;
}

.blog-list .see-more h5 {
    font-size: 20px;
}

.blog-list .see-more .fa.fa-angle-right {
    font-size: 21px;
    padding-left: 10px;
}

.blog-date {
    float: left;
    padding-right: 12px;
    border-right: 1px solid #bcbcbc;
    margin-bottom: 35px;
}

.blog-author {
    float: left;
    padding-left: 12px;
    margin-bottom: 25px;
}


.blog-date h6,
.blog-author h6 {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 5px;
    border-top: none;
    font-size: 18px;
}

.border-top.back {
    border-top: 1px solid #bcbcbc;
}

.border-top.back.back .fa {
    padding-right: 10px;
}

.border-top.back.back {
    margin-top: 35px;
    padding-top: 15px;
}

.blog-item-right {
    padding-left: 45px;
    margin-bottom: 45px;
}

.blog-item-right .back {
    padding: 0px;
    border: none;
}

.blog-item-right .back a {
    border: 1px solid #ddd;
    text-align: left;
    padding: 10px 20px 10px 33px;
    display: block;
}

.blog-item-right .back .fa {
    padding-right: 20px;
}

.blogs-list-right {
    border: 1px solid #bcbcbc;
    margin: 30px 0px 40px;
    padding: 5px 20px 10px;
}

.blogs-list-right .page-header {
    margin: 15px 0 10px;
    padding-bottom: 15px;
}

.blogs-list-right ul {
    list-style: none;
    padding-left: 5px;
}

.blogs-list-right li {
    padding-bottom: 10px;
    background-image: url('../images/blog-icon-small.png');
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

.blogs-list-right li a {
    font-size: 17px;
    line-height: 1.3;
    padding: 5px 25px 5px 35px;
    display: inline-block;
}

.blogs-list-right li p.description {
    font-size: 15px;
    margin: 0 0 0 35px;
    padding-bottom: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #eee;
}

.comments {
    margin-top: 30px;
    margin-bottom: 45px;
}

.comments h4 {
    margin-top: 55px;
    margin-bottom: 20px;
}

.comments-list .placeholder,
.comments-list .level-1 .placeholder {
    display: none;
}

.comments-list .no-image .placeholder,
.comments-list .level-1 .no-image .placeholder {
    display: block;
}

.comments .blog-icon {
    padding-right: 10px;
}

.comments .form-group {
    margin-bottom: 25px;
}

#NameView.readonly {
    display: none;
}

#Form_CommentsForm {
    padding-bottom: 10px;
}

.comments .textarea {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #dbd9d9;
}

.comments .Actions input {
    border: 0;
    color: #fff;
    font-size: 17px;
    border-radius: 0px;
    padding: 8px 28px;
    background-color: #0b505c;
    border-color: #0b505c;
}

.comments .Actions input:hover {
    color: #fff;
    background-color: #146470;
}

.comments-list.root-level {
    padding-left: 0px;
}

.comment {
    padding: 30px 0 25px 0 !important;
}

.comment img {
    float: left;
    padding-right: 15px;
}

.comment .comment-text {
    margin-left: 80px !important;
    padding: 0px !important;
    border: none !important;
    min-height: auto !important;
}

.comment .comment-text p {
    padding-bottom: 0px !important;
}

.comments-list li {
    border-top: 1px solid #bcbcbc;
}

.comments-list li .comment-action-links {
    margin-left: 80px;
}

.comments-list li .comment-action-links a {
    font-size: 14px;
    padding: 8px 28px;
    border: 1px solid #dbd9d9;
}

.comments-list li .comment-action-links a:hover {
    color: #fff;
    background-color: #006495;
    border: 1px solid #006495;
    text-decoration: none;
}

.comments-list li .comment-action-links a:focus,
.comments-list li .comment-action-links a:active {
    color: #333;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    text-decoration: none;
}

.comments-list li .comment-action-links a.spam,
.comments-list li .comment-action-links a.delete {
    float: left;
}

.previous-comment {
    border-top: 1px solid #dbd9d9;
    padding-top: 25px;
    margin-top: 25px;
}

.comment .date {
    font-size: 13px !important;
    padding-left: 5px;
    color: #777;
    border-left: 1px solid #777;
    padding-left: 0px !important;
    margin-left: 10px;
}

.comments-holder-container .author {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px !important;
}

.comment .info {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.previous-comment p {
    padding-bottom: 0px;
}

.comment .comment-replies-container {
    border-left: none !important;
}

.comment .comment-replies-container .comment-reply-form-holder {
    margin-left: 60px;
}

.comments-holder-container .comments-list.level-1 {
    margin-left: 20px !important;
}

.comments-holder-container .comments-list.level-1 li {
    border-top: 1px solid #dbd9d9;
}

.wysiwyg-content {
    border-top: 1px solid #bcbcbc;
    margin: 50px 15px;
    padding-top: 50px;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}

/***List pages***/

.all-blog-list .blog-item {
    padding-top: 45px;
    padding-bottom: 45px;
    margin-left: 0px;
    margin-right: 0px;
}

.all-blog-list .blog-item img {
    padding-top: 5px;
}

.all-blog-list h4 {
    margin-top: 5px;
    margin-bottom: 15px;
}

.all-blog-list .blog-thumb {
    padding-left: 0px;
    margin-bottom: 20px;
}

.all-blog-list .post-image {
    width: 33.3333%;
    float: left;
}

.all-blog-list .blog-item.no-image .post-image {
    display: none;
}

.all-blog-list .blog-item.no-image .text-wrapper {
    width: 100%;
}

.all-blog-list .text-wrapper {
    width: 66.6666%;
    float: left;
}

.all-blog-list .text-wrapper h3 {
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.all-blog-list .meta-image,
.all-blog-list .blog-post-meta {
    display: none;
}

.all-blog-list .blog-meta-horizontal {
    padding-left: 0px;
}

.no-image .blog-meta-horizontal,
.blog-post .blog-meta-horizontal {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
}

.blog-post-single-item .content {
    margin-top: 25px;
}

.all-blog-list .blog-icon,
.no-image .blog-meta-horizontal .blog-icon,
.blog-post .blog-meta-horizontal .blog-icon {
    float: left;
    padding-right: 12px;
    padding-top: 4px;
    margin-bottom: 8px;
}

.all-blog-list .blog-icon .fa-2x,
.no-image .blog-meta-horizontal .blog-icon .fa-2x,
.blog-post .blog-meta-horizontal .blog-icon .fa-2x {
    font-size: 22px;
}

.all-blog-list .blog-date,
.no-image .blog-meta-horizontal .blog-date,
.blog-post .blog-meta-horizontal .blog-date {
    padding-left: 12px;
    border-left: 1px solid #bcbcbc;
}

.all-blog-list .blog-date,
.all-blog-list .blog-author,
.no-image .blog-meta-horizontal .blog-date,
.no-image .blog-meta-horizontal .blog-author,
.blog-post-single-item .blog-date,
.blog-post-single-item .blog-author {
    margin-bottom: 8px;
}

.all-blog-list .blog-date h6,
.all-blog-list .blog-author h6,
.no-image .blog-meta-horizontal .blog-date h6,
.no-image .blog-meta-horizontal .blog-author h6,
.blog-post .blog-meta-horizontal .blog-date h6,
.blog-post .blog-meta-horizontal .blog-author h6 {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 5px;
    border-top: none;
    font-size: 16px;
}

.all-blog-list p {
    padding-bottom: 5px;
}

.back .fa-angle-left {
    padding-right: 8px;
}

.all-handy-links .links {
    border: none;
    margin: 20px 5px 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #bcbcbc;
}

.all-handy-links .links ul,
.all-documents-list .documents ul {
    list-style: none;
    padding-left: 0px;
}

.all-notices-list .notices {
    border: none;
    margin: 20px 0px 40px;
    padding: 0;
}

.all-notices-list .notices li {
    background-image: url('../images/bullet-icon-bw.png');
    background-position: 0px 20px;
}

.all-handy-links .links li:before {
    font-family: 'FontAwesome';
    content: '\f105';
    color: #00609e;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    padding-top: 16px;
}

.all-notices-list .notices li a,
.all-notices-list .notices h5,
.all-handy-links .links li a,
.all-documents-list .documents li a {
    font-size: 25px;
    line-height: 1.2;
    padding: 20px 25px 10px 55px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.all-handy-links .links li a,
.all-documents-list .documents li a {
    font-size: 22px;
    padding: 20px 23px 10px 10px;
}

.all-notices-list .notices li p.description,
.all-documents-list .documents li p.description,
.search-results .documents li p.description {
    font-size: 16px;
    margin: 0 0 0 55px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
}

.all-documents-list .documents li p.description {
    margin: 0 0 0 41px;
}

.all-handy-links .links li .fa.fa-angle-right {
    padding-right: 12px;
    font-size: 25px;
}

.all-documents-list .documents li .fa.fa-file-text-o,
.all-documents-list .documents li .fa.fa-file-pdf-o,
.all-documents-list .documents li .fa.fa-file-word-o,
.all-documents-list .documents li .fa.fa-file-powerpoint-o,
.all-documents-list .documents li .fa.fa-file-excel-o {
    padding-right: 22px;
    font-size: 22px;
}

.blog-list h6,
.blog-list .h6 {
    margin-top: 0px;
    padding-top: 15px;
    border-top: 1px solid #000;
    font-size: 16px;
    line-height: 1.3;
}

/***Pagination styles***/

.pagination {
    margin: 40px 0;
    border-radius: 0px;
}

.pagination li:first-child a,
.pagination li:first-child span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination li:last-child a,
.pagination li:last-child span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination .active a,
.pagination .active a:focus,
.pagination .active a:hover,
.pagination .active span,
.pagination .active span:focus,
.pagination .active span:hover {
    background-color: #478526;
    border-color: #478526;
    color: #ffffff;
}

.pagination > li > a,
.pagination > li > span {
    color: #333333;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #333333;
}

/* SEARCH RESULTS R2*/

.search-results h3 {
    font-size: 25px;
    line-height: 1.2;
    padding: 20px 25px 10px 5px;
    display: inline-block;
    width: 100%;
}

.search-results p.description {
    font-size: 16px;
    margin: 0 0 0 48px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
}

.search-results .doc-icon {
    padding-right: 22px;
    padding-top: 2px;
    font-size: 22px;
}

.search-results .inpage-search {
    padding-left: 0px;
    padding-right: 0px;
}

.inpage-search {
    display: block;
    margin-top: 0px;
    z-index: 60;
}

.all-groups-list .inpage-search {
    margin-top: 5px;
    margin-bottom: 15px;
}

.search-results .inpage-search .form-group {
    width: 60%;
    display: inline-block;
    margin-bottom: 0px;
}

.search-results .inpage-search input#Form_SwiftypeSearchForm_Search {
    border: none;
    height: 50px;
    font-size: 17px;
    padding: 6px 15px;
    width: 100%;
}

.all-groups-list .inpage-search .input-group,
.search-results .inpage-search .input-group {
    border: 1px solid #bcbcbc;
}

.all-groups-list .inpage-search .form-control,
.search-results .inpage-search .form-control {
    border: none;
    height: 50px;
    font-size: 17px;
    padding: 6px 15px;
}

.all-groups-list .inpage-search .btn,
.search-results .inpage-search .btn {
    border: none;
    padding: 3px 10px 3px 0px;
}

.all-groups-list .inpage-search .btn-default:hover,
.search-results .inpage-search .btn-default:hover,
.search-results .inpage-search .btn:hover {
    opacity: 0.8;
    background-color: transparent !important;
    border-left: none;
}

.all-groups-list .inpage-search .search-icon,
.search-results .inpage-search .search-icon {
    background-image: url('../images/icon-search-lg.png');
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 4px 2px;
    width: 27px;
    height: 27px;
    margin-right: 4px;
}

.all-groups-list #Form_SwiftypeSearchForm__Holder {
    margin-top: 20px;
    z-index: 20;
}

.all-groups-list #Form_SwiftypeSearchForm__Holder .panel-default {
    border-color: #fff;
}

.all-groups-list #Form_SwiftypeSearchForm__Holder .panel-group {
    margin-bottom: 20px;
}

.all-groups-list #Form_SwiftypeSearchForm__Holder .panel-group .panel-heading + .panel-collapse .panel-body {
    border: 1px solid #bcbcbc;
    padding: 40px 25px 30px;
}

.all-groups-list #Form_SwiftypeSearchForm__Holder .panel-default .panel-heading {
    color: #333;
    background-color: #fff;
    padding: 0px;
    border-color: #fff;
}

.search-results .inpage-search #collapseOne .form-group {
    width: 100%;
    margin-top: 13px;
}

#Form_SwiftypeSearchForm__Holder .middleColumn {
    border: 1px solid #ddd;
    padding: 20px 30px 35px;
    display: inline-block;
}

#Form_SwiftypeSearchForm__Holder .fieldgroup-field.first {
    width: 100%;
    float: left;
}

#Form_SwiftypeSearchForm__Holder .field-divider {
    float: left;
    width: 100%;
}

#Form_SwiftypeSearchForm__Holder .field-divider h2 {
    font-size: 19px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#Form_SwiftypeSearchForm__Holder .fieldgroup-field {
    width: 50%;
    float: left;
}

#Form_SwiftypeSearchForm__Holder label.left {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
}

#Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label {
    width: 12.7%;
}

#Form_SwiftypeSearchForm__Holder .fieldholder-small-label {
    width: 25%;
    text-align: right;
    padding-right: 15px;
    vertical-align: bottom;
}

#Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label.right {
    width: 76.3%;
    padding-left: 12.7%;
    text-align: left;
}

#Form_SwiftypeSearchForm__Holder .select2-container {
    width: 76.3% !important;
    position: relative;
    margin-top: 19px;
    margin-left: -1px;
}

#Form_SwiftypeSearchForm__Holder .select2-container input {
    margin-top: 0px;
    height: 29px;
    padding: 0px 9px;
    width: 100% !important;
    border: none;
}

#Form_SwiftypeSearchForm__Holder .fieldgroup-field.last {
    width: 76.3%;
    margin-left: 12.7%;
}

#Form_SwiftypeSearchForm__Holder input[type="checkbox"] {
    width: auto;
    display: inline-block;
    margin-top: 0;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

label.checkboxfield-small {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
    margin-left: 3px;
}

#Form_SwiftypeSearchForm label.checkboxfield-small {
    margin-top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px;
    float: left;
    padding: 0 10px 3px 6px;
}

.select2-results__option {
    padding: 6px 10px;
}

#Form_SwiftypeSearchForm__Holder input,
#Form_SwiftypeSearchForm__Holder #Form_SwiftypeSearchForm_Type {
    width: 53%;
    height: 36px;
    position: relative;
    margin-top: 19px;
    padding: 6px 12px;
    border: 1px solid #bdbdbd;
}

#Form_SwiftypeSearchForm__Holder .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #bcbcbc;
    border-radius: 0px;
    cursor: text;
}

.inpage-search .Actions {
    margin-top: 5px;
    margin-bottom: 25px;
}

.inpage-search input[type="submit"] {
    font-size: 17px;
    padding: 10px 55px 10px 39px !important;
    color: #ffffff;
    background-color: #589f33;
    border: 1px solid #589f33 !important;
    background-image: url('../images/icon-search-white.png');
    background-repeat: no-repeat;
    background-position: 77% 56%;
    width: auto !important;
    clear: both;
    float: left;
    height: 45px !important;
    margin-left: 112px;
}

.inpage-search input[type="submit"]:hover {
    color: #ffffff;
    background-color: #478526;
}

.advanced-search .panel-group {
    margin-bottom: 0px;
}

.advanced-search .panel-default .panel-heading {
    background-color: #fff;
    padding: 0px;
    margin: 0px 0px 0px 130px;
    display: inline-block;
    vertical-align: top;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.advanced-search .panel-title {
    display: inline-block;
    float: left;
}

.advanced-search .panel-title a {
    color: #37371f;
    border: 1px solid #dddddd;
    text-decoration: none;
    font-size: 22px;
    background-image: url('../images/arrow-down-med.png');
    background-repeat: no-repeat;
    background-position: 80% 57%;
    padding: 12px 74px 12px 55px;
    display: block;
}

.advanced-search .panel-title a:hover {
    background-image: url('../images/arrow-down-med-white.png');
    background-color: #589f33;
    color: #ffffff;
}

.advanced-search .panel-title a.open {
    background-image: url('../images/arrow-up-med.png');
}

.advanced-search .panel-title a.open:hover {
    background-image: url('../images/arrow-up-med-white.png');
}

.advanced-search .panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.panel-default .panel-heading + .panel-collapse .panel-body {
    padding: 15px 0px;
}

.pagination li a {
    margin-bottom: 7px;
}

/**
 * Gallery page
 */

.gallery__filter-area {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #eeeeee;
}

.gallery__title {
    margin-top: 0;
    text-align: center;
}

.gallery__item {
    margin-bottom: 30px;
}

.gallery__image-wrapper {
    position: relative;
}

.gallery__image-wrapper img {
    width: 100%;
    height: auto;
}

.gallery__image-wrapper a {
    display: block;
    border: none;
    position: absolute;
    height: 100%;
    width: 100%;
}

.gallery__image-wrapper--image a,
.gallery__image-wrapper--image a:hover,
.gallery__image-wrapper--image a:focus,
.gallery__image-wrapper--image a:active {
    background: none;
}

.gallery__image-wrapper--video {
    background: #efefef;
    min-height: 150px;
}

@media screen and (min-width: 992px ) {
    .gallery__image-wrapper--video {
        min-height: 342px;
    }
}

@media screen and (min-width: 1200px ) {
    .gallery__image-wrapper--video {
        min-height: 270px;
    }
}

.gallery__image-wrapper--video a {
    background-image: url('../images/play-video-general.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.gallery__image-wrapper--video a:hover,
.gallery__image-wrapper--video a:focus,
.gallery__image-wrapper--video a:active {
    background-image: url('../images/play-video-general-hover.png');
    -webkit-backface-visibility: hidden;
}

.gallery__item-title {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.gallery__form {
    margin: 20px 0;
}

.gallery__form label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.gallery__form .middleColumn {
    display: flex;
    justify-content: center;
}

.gallery__form .dropdown {
    min-width: 300px;
    height: 40px;
    padding: 3px;
}

/*Footer*/

footer {
    color: #ffffff;
    background-color: #333333;
    margin: 75px 0px 0px;
}

footer a {
    color: #ffffff;
}

footer a:hover,
footer a:focus,
footer a:active,
.footer-links li a:hover,
.footer-links li a:focus,
.footer-links li a:active {
    color: #69b741;
    border-color: #69b741;
}

.container.footer {
    padding: 0px;
}

footer .footer__text {
    padding: 15px;
}

footer .footer__text p {
    font-weight: 400;
}

footer h2 {
    font-size: 30px;
    line-height: 35px;
    border-bottom: 3px solid #69b741;
    display: inline-block;
    margin-bottom: 40px;
}

.footer-links {
    padding: 15px 0;
}

.footer-links li {
    padding-left: 15px;
    padding-right: 15px;
    list-style: none;
    display: inline;
    border-right: 1px solid #69b741;
}

.footer-links li:first-child {
    padding-left: 0;
}

.footer-links li:last-child {
    padding-right: 0;
    border-right: none;
}

.footer-links li a {
    color: #69b741;
    border: none;
}

.footer-links li a:hover,
.footer-links li a:focus,
.footer-links li a:active {
    border-bottom: 1px solid #478526;
}

.footer__logo-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.footer__logo-wrapper a,
.footer__logo-wrapper a:hover {
    border: none;
    display: inline-block;
    background: none;
}

.footer__logo-image {
    margin: 15px 15px 15px 0;
}

.footer__logo-wrapper .nz-govt-logo {
    width: 24rem;
}

/*===================================================================*/
@media (max-width: 1250px) {
    /*===================================================================*/
    .advanced-search {
        width: 100%;
    }

    .advanced-search .panel-default .panel-heading {
        float: right;
        margin: 0 0 0 5px;
    }
}

/*===================================================================*/
@media (min-width: 1199px) and (max-width: 1250px) {
    /*===================================================================*/
    .inpage-search input[type="submit"] {
        margin-left: 139px;
    }
}

/*===================================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
    /*===================================================================*/
    .nav-tabs.nav-justified li a,
    .nav-tabs.nav-justified li a:hover {
        padding: 10px;
    }

    .nav-tabs.nav-justified a,
    .nav-tabs.nav-justified a:focus,
    .nav-tabs.nav-justified a:hover,
    .nav-tabs.nav-justified .active a,
    .nav-tabs.nav-justified .active a:focus,
    .nav-tabs.nav-justified .active a:hover {
        color: #333;
        font-size: 18px;
    }

    .homepage__background-img-container {
        top: 0;
    }

    .homepage__background-img {
        max-width: 740px;
        margin-top: 35px;
    }
}

/*===================================================================*/
@media (min-width: 768px) and (max-width: 1199px) {
    /*===================================================================*/
    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

/*===================================================================*/
@media ( max-width: 1199px) {
    /*===================================================================*/
    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 37px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 23px;
    }

    h5,
    .all-notices-list .notices li a,
    .all-notices-list .notices h5,
    .all-handy-links .links li a,
    .all-documents-list .documents li a {
        font-size: 20px;
    }

    h6 {
        font-size: 17px;
    }

    .lead,
    p.intro {
        font-size: 19px;
    }

    .navbar-fixed-top {
        position: relative;
    }

    .not-top-level {
        padding-top: 0;
    }

    .navbar {
        height: 85px;
        margin-bottom: 0;
    }

    .navbar .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        overflow: hidden;
    }

    .navbar .container .navbar-brand {
        margin-left: 40px;
        position: absolute;
        height: auto;
        z-index: 400;
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .navbar-collapse {
        background: #333333;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .12);
        box-shadow: 0 6px 8px rgba(0, 0, 0, .12);
    }

    .navbar-header {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 16px;
    }

    .navbar-right {
        float: none !important;
        margin-right: 0px;
    }

    .navbar-header .banner-login {
        margin-left: 8px;
        padding-right: 20px;
        display: block;
    }

    .banner-right .button-login {
        padding: 7px 14px;
        margin-top: 22px;
        display: block;
    }

    ul.navbar-nav {
        width: 100%;
        padding-top: 0;
        -webkit-box-shadow: 0 6px 10px rgba(106, 106, 106, 0.2);
        box-shadow: 0 6px 10px rgba(106, 106, 106, 0.2);
    }

    .navbar-nav li {
        position: relative;
        float: none;
        border-bottom: 1px solid #444444;
        padding: 0;
    }

    .navbar-nav > li:hover,
    .navbar-nav > li.current {
        padding: 0;
        border-bottom: 1px solid #444444;
    }

    .navbar-nav li > a {
        padding: 15px 30px 15px 45px;
        width: 100%;
    }

    .dropdown-menu {
        /* border-top: 1px solid #3f7722; */
        border-top: none;
        border-left: none;
    }

    .dropdown-menu li {
        border-top: none;
        border-bottom: 1px solid #3f7722;
    }

    .dropdown-menu li:last-child {
        border: none;
    }

    .navbar-nav {
        margin: 0;
        border-top: 1px solid #444444;
    }

    .navbar-nav li a:hover,
    .navbar-nav li a:focus,
    .navbar-nav li.current a,
    .navbar-nav li.current a:hover,
    .navbar-nav li.current a:focus {
        background-color: #478526;
    }

    .nav .open a.dropdown-toggle,
    .nav .open a.dropdown-toggle:hover,
    .nav a.dropdown-toggle:hover,
    .nav li a.no-dropdown:hover,
    .nav li a:hover {
        border-bottom: none;
    }

    .current a.dropdown-toggle {
        background-image: url("../images/dropdown-arrow-mobile-white.png");
    }

    a.dropdown-toggle,
    a.dropdown-toggle:focus,
    .nav a.dropdown-toggle:focus {
        color: #ffffff;
        background-color: transparent;
        background-image: url("../images/dropdown-arrow-mobile-white.png");
        background-repeat: no-repeat;
        z-index: 50;
        -webkit-backface-visibility: hidden;
    }

    .nav .open a.dropdown-toggle:focus {
        background-color: #478526;
        background-image: url("../images/dropdown-arrow-mobile-white-up.png");
        border-bottom: none;
    }

    .nav li.dropdown a.section-link {
        width: 100%;
        background-image: none;
    }

    .nav li.dropdown.open a.section-link {
        background-color: #478526;
        border-right: 1px solid #3f7722;
        border-bottom: 1px solid #3f7722;
    }

    .navbar-nav li a.dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        width: 50px;
        display: inline-block;
        padding: 15px 30px;
    }

    .nav li.dropdown a.section-link:hover {
        background-color: #478526;
        background-image: none;
    }

    .nav .open a.dropdown-toggle:focus,
    .nav a.dropdown-toggle:active {
        background-color: #478526;
        background-image: url("../images/dropdown-arrow-mobile-white-up.png");
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu li a {
        padding: 15px 30px 15px 45px;
        background-color: #478526;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header:hover,
    .navbar-nav .open .dropdown-menu li a:hover,
    .navbar-nav .open .dropdown-menu li.current a {
        background-color: #3f7722;
        color: #ffffff;
    }

    .nav .open a.dropdown-toggle,
    .nav li a.no-dropdown:hover,
    .nav li a:hover {
        background-color: #478526;
    }

    .nav .open a.dropdown-toggle:hover,
    .nav a.dropdown-toggle:hover {
        background-color: transparent;
    }

    .dropdown-menu {
        position: relative;
        float: none;
    }

    .navbar-brand {
        padding: 5px 5px 5px 0px;
    }

    .navbar-brand .logo {
        width: 220px;
        padding-top: 15px;
    }

    .banner-search-desktop {
        display: none;
    }

    .banner-search-mobile {
        display: block;
        position: absolute;
        right: 100px;
        top: 20px;
        width: 390px;
        z-index: 300;
    }

    .banner-search-mobile .form-control {
        height: 35px;
        font-size: 16px;
    }

    .inpage-search .form-control {
        font-size: 15px;
    }

    .carousel {
        margin-top: 0;
    }

    .universal-image {
        width: 293px;
    }

    #Form_SwiftypeSearchForm__Holder .select2-container,
    #Form_SwiftypeSearchForm__Holder input,
    #Form_SwiftypeSearchForm__Holder #Form_SwiftypeSearchForm_Type,
    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.last {
        width: 65%;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label {
        width: 12.5%;
    }

    #Form_SwiftypeSearchForm__Holder .select2-container {
        width: 82.3% !important;
    }
}

/*===================================================================*/
@media (max-width: 992px) {
    /*===================================================================*/
    h1 {
        font-size: 39px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 22px;
    }

    h5,
    .all-notices-list .notices li a,
    .all-notices-list .notices h5,
    .all-handy-links .links li a,
    .all-documents-list .documents li a,
    #Form_SwiftypeSearchForm__Holder label.left {
        font-size: 19px;
    }

    h6 {
        font-size: 16px;
    }

    .lead,
    p.intro {
        font-size: 18px;
    }

    .carousel-control {
        width: 8%;
    }

    .carousel-toggle {
        right: 4%;
    }

    .carousel-control .icon-prev::before,
    .carousel-control .icon-next::before {
        width: 18px;
        height: 35px;
    }

    .universal-image {
        width: 720px;
    }

    .news-item__summary {
        margin-top: 30px;
    }

    .type-contentpage .container .col-md-9,
    .type-contentpage .container .col-md-3 {
        float: none;
    }

    .blog-list,
    .blog-post-single-item {
        padding-right: 15px;
        margin-bottom: 25px;
    }

    .group-landing .blog-list .post-image,
    .group-landing .blog-post-meta,
    .group-landing .text-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .all-blog-list .blog-icon,
    .no-image .blog-meta-horizontal .blog-icon,
    .blog-post-single-item .blog-meta-horizontal .blog-icon {
        float: none;
        padding-top: 10px;
    }

    .all-blog-list .blog-date,
    .no-image .blog-meta-horizontal .blog-date,
    .blog-post-single-item .blog-meta-horizontal .blog-date {
        padding-left: 0px;
        float: none;
        padding-right: 0px;
        border-left: none;
        border-right: none;
    }

    .blog-author {
        float: none;
        padding-left: 0px;
    }

    .blog-post-meta p {
        margin: 5px 0px 0px;
    }

    .blog-list h6,
    .blog-list .h6 {
        padding-top: 0px;
        border-top: none;
    }

    .member-right-column,
    .blog-item-right {
        padding-left: 15px;
        margin-bottom: 35px;
    }

    .blog-post-wrapper .blog-item-right .button-light.back {
        display: none;
    }

    .all-handy-links .links li::before {
        font-size: 21px;
        padding-top: 17px;
    }

    .all-notices-list .notices li {
        background-size: 43px auto;
        border-bottom: 1px solid #d2d2d2;
    }

    .all-notices-list .notices li a,
    .all-notices-list .notices h5 {
        padding: 20px 25px 10px 45px;
    }

    .all-documents-list .documents li a {
        padding: 20px 25px 10px 0px;
    }

    .all-notices-list .notices li p.description,
    .all-documents-list .documents li p.description {
        padding-bottom: 20px;
        font-size: 15px;
    }

    .all-notices-list .notices li p.description {
        margin: 0 0 0 45px;
    }

    .all-documents-list .documents li p.description {
        margin: 0 0 0 30px;
    }

    .all-blog-list .post-image {
        width: 100%;
        margin-bottom: 15px;
    }

    .all-blog-list .text-wrapper {
        width: 100%;
    }

    .all-blog-list p {
        padding-top: 15px;
    }

    .blog-post-meta p,
    .all-blog-list .blog-icon,
    .blog-post .blog-post-single-item .blog-author h6,
    .all-blog-list .blog-author h6 {
        font-size: 14px !important;
    }

    .group-dashboard .nav-tabs.nav-justified .active a h2,
    .group-dashboard .nav-tabs.nav-justified .active a:focus h2,
    .group-dashboard .nav-tabs.nav-justified .active a:hover h2 {
        font-size: 30px;
        margin-top: 7px;
    }

    .group-dashboard .nav-tabs.nav-justified a h2,
    .group-dashboard .nav-tabs.nav-justified a:focus h2,
    .group-dashboard .nav-tabs.nav-justified a:hover h2 {
        font-size: 30px;
    }

    .group-wrapper .first-column {
        padding-left: 30px;
        padding-right: 30px;
    }

    .group-wrapper.joined .first-column {
        padding-left: 15px;
        padding-right: 15px;
    }

    .group-wrapper .last-column {
        padding-right: 15px;
    }

    .inpage-search input#Form_SwiftypeSearchForm_Search {
        width: 65%;
    }

    .search-results .doc-icon {
        padding-right: 15px;
        font-size: 21px;
    }

    .search-results h3 {
        font-size: 22px;
        padding: 0px 25px 0px 0px;
    }

    .search-results p.description {
        font-size: 15px;
        margin: 0px 0 0 33px;
    }

    .search-results .inpage-search .form-group {
        width: 69%;
    }

    .search-results .inpage-search input#Form_SwiftypeSearchForm_Search {
        height: 48px;
    }

    .advanced-search .panel-title a {
        font-size: 21px;
        background-position: 83% 60%;
        padding: 12px 54px 12px 40px;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field {
        width: 100%;
        float: left;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label {
        width: 25%;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label.right {
        padding-left: 25.7%;
        width: 100%;
    }

    #Form_SwiftypeSearchForm__Holder .select2-container {
        width: 65% !important;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.last,
    #Form_SwiftypeSearchForm__Holder input.action {
        margin-left: 25.7%;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label.right {
        width: 100%;
        padding-left: 25.7%;
        text-align: left;
    }

    #Form_SwiftypeSearchForm__Holder input.checkbox {
        margin-left: 0px;
    }

    .flexcol img.footer__image {
        width: 100%;
        max-width: 150px;
        float: none;
        margin: 0 auto;
        display: block;
    }

    .footer .footer__text {
        padding: 25px 25px 0 25px;
        text-align: center;
    }

    .footer .flexcol--alignend {
        padding: 0 25px 25px 25px;
    }
}

/*===================================================================*/
@media (min-width: 768px) and (max-width: 992px) {
    /*===================================================================*/
    .nav-tabs.nav-justified a:focus, .nav-tabs.nav-justified a:hover {
        color: #333;
        padding: 10px 15px;
    }
}

/*===================================================================*/
@media (max-width: 767px) {
    /*===================================================================*/
    .container.below-nav {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 15px;
    }

    .navbar {
        height: 75px;
    }

    .navbar-brand {
        margin-left: 30px !important;
        padding: 0px 5px 0px 0px;
    }

    .navbar-brand .logo {
        width: 185px;
        padding-top: 20px;
    }

    .navbar-header {
        margin-bottom: 0px;
    }

    .banner-search-mobile {
        right: 90px;
    }

    .navbar-header .banner-login {
        padding-right: 30px;
    }

    .nav-tabs.nav-justified .active a,
    .nav-tabs.nav-justified .active a:focus,
    .nav-tabs.nav-justified .active a:hover {
        color: #fff;
        background-color: #006495;
        border: 1px solid #006495;
        padding: 10px 15px;
    }

    .nav-tabs.nav-justified a:focus,
    .nav-tabs.nav-justified a:hover {
        color: #333;
        padding: 10px 15px;
        border-bottom: #eee 1px solid;
    }

    .nav-tabs.nav-justified a {
        border: #ebe9e9 1px solid;
        border-radius: 0px !important;
    }

    .group.tab-content {
        border: #006495 1px solid;
    }

    .breadcrumb {
        font-size: 14px;
    }

    .universal-image {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .universal-image img {
        min-height: auto;
        max-width: 100%;
    }

    .see-more {
        padding-right: 30px;
    }

    label.right {
        font-size: 14px;
    }

    .group-dashboard .nav-tabs.nav-justified li a {
        border-bottom: #ebe9e9 1px solid;
    }

    .group-dashboard .nav-tabs.nav-justified .active a h2,
    .group-dashboard .nav-tabs.nav-justified .active a:focus h2,
    .group-dashboard .nav-tabs.nav-justified .active a:hover h2 {
        font-size: 23px;
        margin-top: 10px;
    }

    .group-dashboard .nav-tabs.nav-justified a h2,
    .group-dashboard .nav-tabs.nav-justified a:focus h2,
    .group-dashboard .nav-tabs.nav-justified a:hover h2 {
        font-size: 23px;
        margin-top: 10px;
    }

    .group-block {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 15px;
    }

    .group-block .group-thumb-image,
    .group-block .col-sm-7,
    .group-block .group-action-links {
        padding-left: 0px;
        padding-right: 0px;
    }

    .group-block h4 {
        margin-top: 25px;
    }

    .group-action-links {
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-group-list .view-link {
        padding-left: 0px;
        padding-right: 0px;
    }

    .all-blog-list .blog-item {
        padding-top: 10px;
    }

    .all-groups-list .inpage-search {
        width: 65%;
    }

    .blog-date h6,
    .blog-list h6,
    .blog-list .h6,
    .all-blog-list .blog-date h6 {
        font-size: 15px;
    }

    .wysiwyg-content {
        margin: 50px 0px 25px;
    }

    .footer__logo-wrapper {
        margin: 40px 0px 50px 0px;
    }

}

/*===================================================================*/
@media (max-width: 700px) {
    /*===================================================================*/
    #Form_SwiftypeSearchForm__Holder .middleColumn {
        padding: 15px 0px 30px 30px;
    }

    .search-results .inpage-search .form-group {
        width: 100%;
    }

    .advanced-search .panel-default .panel-heading {
        float: left;
        margin: 5px 0px 0px 0px;
        width: 100%;
    }

    .advanced-search .panel-title a {
        font-size: 20px;
        padding: 13px 67px 12px 30px;
        clear: both;
    }
}

/*===================================================================*/
@media (max-width: 645px) {
    /*===================================================================*/
    .comment-moderation-options {
        width: 100%;
    }

    .comments-list li .comment-action-links a {
        float: left;
        margin-top: 25px;
    }

    .comment-action-links {
        margin: 0px !important;
    }

    .comment .comment-replies-container {
        padding-top: 25px;
    }

    .comment .comment-text {
        margin-left: 0px !important;
        clear: both;
    }

    .comment .comment-replies-container,
    .comment .comment-replies-container .comment-reply-form-holder {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .inpage-search input#Form_SwiftypeSearchForm_Search {
        width: 100%;
    }
}

/*===================================================================*/
@media (max-width: 600px) {
    /*===================================================================*/
    .banner-search-mobile {
        width: 63%;
    }

    h1 {
        font-size: 37px;
        line-height: 1.28;
    }

    h2 {
        font-size: 31px;
        line-height: 1.25;
    }

    h3 {
        font-size: 25px;
        line-height: 1.25;
    }

    .lead,
    p.intro {
        font-size: 17px;
    }

    p {
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 1.35;
    }

    p.about {
        font-size: 15px;
    }

    .all-groups-list .inpage-search {
        width: 100%;
    }

    .all-notices-list .notices li {
        background-size: 34px auto;
    }

    .all-notices-list .notices li a,
    .all-notices-list .notices h5 {
        padding: 17px 25px 10px 35px;
    }

    .all-documents-list .documents {
        padding-left: 5px;
        padding-right: 5px;
    }

    .all-notices-list .notices li p.description,
    .all-documents-list .documents li p.description {
        padding-bottom: 15px;
    }

    .all-notices-list .notices li p.description,
    .all-documents-list .documents li p.description {
        margin: 0 0 0 30px;
    }

    .inpage-search .form-control {
        height: 38px;
    }

    .inpage-search .search-icon {
        background-size: 23px auto;
        background-position: 7px 3px;
    }
}

/*===================================================================*/
@media (max-width: 550px) {
    /*===================================================================*/
    .notices {
        padding: 5px 10px 20px;
    }

    .all-blog-list .text-wrapper h3 {
        font-size: 22px;
    }

    .blog-list .see-more h5 {
        font-size: 16px;
    }

    .group-dashboard .nav-tabs.nav-justified .active a h2,
    .group-dashboard .nav-tabs.nav-justified .active a:focus h2,
    .group-dashboard .nav-tabs.nav-justified .active a:hover h2,
    .group-dashboard .nav-tabs.nav-justified a h2,
    .group-dashboard .nav-tabs.nav-justified a:focus h2,
    .group-dashboard .nav-tabs.nav-justified a:hover h2 {
        font-size: 18px;
        margin-top: 10px;
    }

    .group-actions {
        padding-left: 0px;
        padding-right: 0px;
    }

    .group-actions .col-md-3,
    .group-actions .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .button-light, .button-login, .register {
        font-size: 16px;
    }
}

/*===================================================================*/
@media (max-width: 500px) {
    /*===================================================================*/
    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 25px;
    }

    .navbar-collapse {
        margin-top: 7px;
    }

    .banner-search-mobile {
        display: none;
    }

    .navbar-collapse .banner-search-desktop.small-mobile-search {
        display: block;
        float: none !important;
        margin: 20px 30px;
    }

    .container.below-nav {
        margin-top: 0px;
    }

    .footer .footer__text {
        padding: 15px;
    }

    .footer .flexcol--alignend {
        padding: 15px;
    }
}

/*===================================================================*/
@media (max-width: 450px) {
    /*===================================================================*/
    .g-recaptcha {
        overflow: hidden;
    }

    .navbar-brand {
        margin-left: 20px !important;
    }

    .navbar-header .banner-login {
        padding-right: 20px;
    }

    .container.below-nav {
        padding-left: 20px;
        padding-right: 20px;
    }

    .member-right-column {
        margin-bottom: 30px;
    }

    .wysiwyg-content {
        border-top: none;
        margin: 5px 0px;
        padding-top: 0px;
    }

    .doc-icon,
    .search-results .doc-icon {
        font-size: 18px;
    }

    .search-results .doc-icon {
        padding-right: 13px;
    }

    .search-results h3 {
        font-size: 20px;
    }

    .search-results p.description {
        font-size: 15px;
        margin: 0px 0 0 30px;
    }

    .advanced-search .panel-title a {
        font-size: 19px;
    }

    .group.tab-content li a {
        font-size: 15px;
    }

    .banner-search-mobile {
        top: 70px;
        right: 15px;
        margin-top: 20px;
    }

    .carousel-caption {
        bottom: 10px;
    }

    .carousel-caption h2 {
        font-size: 36px;
    }

    .nav-tabs.nav-justified .active a,
    .nav-tabs.nav-justified .active a:focus,
    .nav-tabs.nav-justified .active a:hover {
        font-size: 18px;
    }

    #Form_SwiftypeSearchForm__Holder .middleColumn {
        padding: 15px 20px 25px;
    }

    #Form_SwiftypeSearchForm__Holder .select2-container,
    #Form_SwiftypeSearchForm__Holder input,
    #Form_SwiftypeSearchForm__Holder #Form_SwiftypeSearchForm_Type,
    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.last {
        width: 100% !important;
    }

    #Form_SwiftypeSearchForm__Holder input[type="checkbox"] {
        width: auto !important;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.last,
    #Form_SwiftypeSearchForm__Holder input.action {
        margin-left: 0px;
    }

    #Form_SwiftypeSearchForm__Holder .fieldholder-small-label {
        font-size: 15px;
        width: 100% !important;
        text-align: left;
        margin-top: 15px;
    }

    #Form_SwiftypeSearchForm__Holder .fieldgroup-field.first .fieldholder-small-label.right {
        width: 100%;
        padding-left: 0;
        text-align: left;
    }

    #Form_SwiftypeSearchForm__Holder .select2-container,
    #Form_SwiftypeSearchForm__Holder input,
    #Form_SwiftypeSearchForm__Holder #Form_SwiftypeSearchForm_Type {
        margin-top: 5px;
    }

    #Form_SwiftypeSearchForm__Holder input#Form_SwiftypeSearchForm_action_results {
        margin-top: 10px;
    }

    footer {
        margin: 45px 0px 0px;
    }
}

/*===================================================================*/
@media (max-width: 320px) {
    /*===================================================================*/
    .all-handy-links .links li a {
        width: 90%;
    }
}

.overlay-button {
    position: absolute;
    display: inline-block;
    background-image: url(../images/icon-camera-1.png);
    background-color: black;
    opacity: 0.6;
    height: 20px;
    width: 27px;
    right: 20px;
    z-index: 1000;
    top: 5px;
    cursor: help;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.overlay {
    position: absolute;
    display: none;
    right: 268px;
    z-index: 2000;
    top: 5px;
    max-width: 300px;
    font-size: 14px;
}

.overlayWrapper {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
    position: absolute;
    max-width: 248px;
    padding-right: 126px;
    border-radius: 10px 0px 10px 10px;
}

.overlayWrapper:hover {
    background-color: rgba(0, 0, 0, 1.0);
}

.overlayContents {
    margin-left: 5px;
    min-width: 180px;
}

.overlayContents a {
    color: #e8e9ab;
}

.imgContainer .imgWrapper .overlay-button {
    position: relative;
    right: 10px;
    top: 35px;
    float: right;
}

.imgContainer .imgWrapper .overlay {
    position: relative;
    right: 228px;
    top: 35px;
    float: right;
}

.overlay span.info-title {
    font-weight: 800;
    color: white;
}

.overlay .info-body {
    margin-top: 10px;
}

.overlay span.info-description,
.overlay span.info-additional {
    color: white;
}

div.image-caption-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url(../images/close-icon-48.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#myCarousel .overlay-button {
    position: absolute;
    display: inline-block;
    right: 300px;
    z-index: 1000;
    top: 50px;
    cursor: help;
}

#myCarousel .overlay {
    position: absolute;
    display: none;
    right: 548px;
    top: 50px;
    z-index: 2000;
    max-width: 600px;
}

div.imgContainer.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
    max-width: 100%;
    height: auto;
}

div.imgContainer.left {
    clear: both;
    float: left;
    max-width: 100%;
    height: auto;
    margin: 5px 20px 10px 0
}

div.imgContainer.right {
    clear: both;
    float: right;
    max-width: 100%;
    height: auto;
    margin: 5px 0 10px 20px;
}

div.imgContainer.leftAlone {
    float: left;
    display: block;
    margin-right: 100%;
    margin-bottom: 25px;
    clear: both;
    max-width: 100%;
    height: auto;
}

@media (min-width: 600px) and (max-width: 1200px) {
    #myCarousel .overlay-button {
        right: 170px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #myCarousel .overlay {
        right: 417px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 600px) {
    #myCarousel .overlay-button {
        right: 40px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #myCarousel .overlay {
        right: 288px;
        margin-left: auto;
        margin-right: auto;
    }
}

/**
 * iNaturalist map css
 */
.embed-container {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    max-width: 100%;
    margin-bottom: 30px;
}

.embed-container iframe,
.embed-container object,
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container small {
    position: absolute;
    z-index: 40;
    bottom: 0;
    margin-bottom: -15px;
}

.flexwrapper {
    display: flex;
    flex-wrap: wrap;
}

.flexcol--half {
    width: 50%;
}

.flexcol--alignend {
    align-self: center;
}

@media (max-width: 991px) {
    .flexcol--half {
        width: 100%;
    }
}