/*
 * Theme Name: Wildlife Habitat Council
 * Theme URI: http://whc.org
 * Author: Roger Los/Fusionspark Media
 * Author URI: http://fusionspark.com/
 * Description: Custom theme for WHC
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: whc
 * Text Domain: wordpress
*/

/* FIXED ROW WIDTHS WITHIN FLUID CONTAINERS ***************************************************************************/

.whc-fixed {
    margin: 0 auto;
}
@media (max-width: 767px) {
    .whc-fixed {
        width: auto;
    }
}
@media (min-width: 768px ) and (max-width: 991px ) {
    .whc-fixed {
        width: auto;
    }
}
@media (min-width: 992px ) and (max-width: 1199px ) {
    .whc-fixed {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .whc-fixed {
        width: 1170px;
    }
}

/* GENERAL ************************************************************************************************************/

body {
    font-family: 'Open Sans', sans-serif;
}
a {
    color: #7AC143;
    text-decoration: none;
}
a:hover {
    color: #7AC143;
}
.whc-gray {
    background: #f3f3f1;
}
.whc-reverse {
    color: #fff !important;
}
.whc-reverse a {
    color: #004f56 !important;
}
.whc-media {
    min-width: 40vw;
    min-height: 22.5vw;
}
.screen-reader-text {
    display: none;
}
.whc-mobile-only,
.mega-whc-mobile-only {
    display: none !important;
}
.clearfloats {
    clear: both;
}
article {
    position: relative;
}
.whc-content .whc-noright {
    margin-right: 0 !important;
}

/* WP MEDIA ***********************************************************************************************************/

.alignleft {
    float: left;
    margin: 5px 20px 10px 0 !important;
}
.aligncenter {
    margin: 0 auto;
}
.alignright {
    float: right;
    margin: 5px 0 10px 20px !important;
}

/* SITE HEADER ********************************************************************************************************/

#whc-header {
    min-height: 100px;
    position: relative;
}
.whc-head-logo img {
    margin-top: 10px;
    width: 270px;
}
/* top menu */
#whc-head-topmenu {
    text-align: right;
    padding: 20px 20px 0 0;
    height: 54px;
}
#whc-head-topmenu aside {
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 13px;
}
#whc-head-topmenu aside a {
    padding: 4px 6px;
    white-space: nowrap;
}
#whc-head-topmenu aside a:hover {
    text-decoration: none;
    color: #fff;
    background: #7AC143;
}
#whc-head-mainmenu {
    padding-left: 0;
}

/* search */
.widget_search .search-form input[type="submit"] {
    display: none;
}
.widget_search .search-form input {
    padding: 5px 10px;
    border: 1px solid #7AC143;
    border-radius: 4px;
    max-width: 120px;
}
.whc-search-trigger,
.whc-search-form {
    max-width: 120px;
}
.whc-search-form {
    display: none;
}
.whc-search-trigger-button .whc-mobile-hide {
    padding-left: 6px;
}
#whc-mobile-search {
    position: absolute;
    top: 27px;
    right: 60px;
}
#whc-mobile-search .whc-search-form {
    max-width: 104px;
    margin-right: 14px;
    font-size: 12px;
    margin-top: -4px;
}
#whc-mobile-search .whc-search-trigger-button {
    font-size: 16px;
}

#whc-head-mainmenu-row #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-right {
    margin-right: 16px;
}

/* SITE FOOTER ********************************************************************************************************/

#whc-foot {
    display: block;
    background: url(img/footer-bg.svg) #006A71 no-repeat right bottom / 487px 481px;
    min-height: 450px;
    border-bottom: 20px solid #205352;
}
/* logo row */
#whc-foot-logo-row {
    padding: 28px 0;
}
/* indented border on logo row, via :after */
#whc-foot-logo-row:after {
    content: '';
    padding-top: 26px;
    margin: 0 auto;
    width: 97%;
    display: block;
    height: 1px;
    border-bottom: 1px solid #7AC143;
}
/* logo */
#whc-foot-logo img {
    width: 280px;
}
/* menus row formatting - padding left aligns under text part of logo */
#whc-foot-menus-row {
    padding-left: 54px;
    min-height: 224px;
}
/* center menus */
h3.whc-foot-menu-title {
    font-size: 15px;
    font-weight: 700;
    color: #7AC143;
    line-height: 1.133;
    margin: 0;
    padding: 0 0 14px 0;
    text-transform: uppercase;
}
#whc-foot-menus-row ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#whc-foot-menus-row li {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    text-transform: uppercase;
}
#whc-foot-menus-row li a {
    color: #fff;
}
/* disclaimer row formatting - padding left aligns under text part of logo */
#whc-foot-disclaimer-row {
    padding-left: 54px;
}
#whc-foot-disclaimer-row aside .textwidget,
#whc-foot-disclaimer-row aside .textwidget p {
    font-size: 13px;
    line-height: 1.15;
    color: #7badb2;
    margin: 0 0 20px 0;
    text-align: center;
}
/* social */
#whc-foot-social {
    margin-left: -2%;
    padding-top: 42px;
}
#whc-foot-social .fa-stack-1x {
    color: #006A71;
}
#whc-foot-social aside {
    display: inline-block;
    margin-right: 20px;
}
#whc-foot-social aside:last-child {
    margin-right: 0;
}
#whc-foot-social aside a:hover {
    color: #fff;
}

/* CONTENT CONTAINERS *************************************************************************************************/

.whc-content {
    position: relative;
}
.whc-inside-content {
    padding-left: 30px;
    font-size: 16px;
    line-height: 26px;
    padding-right: 0;
}
.whc-section .whc-inside-content {
    padding-right: 30px;
}
.whc-fullwidth-page .whc-inside-content {
    padding-left: 60px;
    padding-right: 60px;
}
.page-template-page-bridge .whc-fullwidth-page .whc-inside-content {
    padding-left: 30px;
    padding-right: 30px;
}

/* CONTENT ROWS *******************************************************************************************************/

/* content rows */
.whc-content .row {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
/* make rows within gray rows have white background */
.whc-gray .row {
    background-color: #fff;
}
/* window-height rows - 60px represents padding*/
.whc-fullscreen > .row {
    height: calc(100vh - 60px);
}
/* inside rows */
.whc-content .row.whc-inside-row {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* CONTENT SECTIONS ***************************************************************************************************/

/* CONTENT SECTIONS: FULLSCREEN */

/* if top-most content container, remove height of header */
.whc-fullscreen.whc-fc > .row {
    height: calc(100vh - 160px);
}
.admin-bar .whc-fullscreen.whc-fc > .row {
    height: calc(100vh - 160px - 32px);
}

/* CONTENT SECTIONS: ADJUSTMENTS */

/* adjust padding */
.row .whc-section-col {
    padding: 0;
}
.whc-nopad {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* moves stuff down roughly 3 margins */
.whc-move-down {
    padding-top: 90px !important;
}
/* snug allows in-page full width rows to snuggle content above and below */
.whc-snug {
    margin-top: -60px;
    margin-bottom: 0;
}
.whc-snug-top {
    margin-top: -30px;
}
.whc-snug > .row,
.whc-snug-top > .row {
    margin-top: 0;
    padding-top: 15px;
}
/* adjust embedded row out */
.whc-inside-rowcontainer {
    margin-left: -30px;
    margin-right: -30px;
}
.whc-fullwidth-page .whc-inside-rowcontainer .whc-inside-content {
    padding-left: 30px;
    padding-right: 30px;
}
/* inside section adjustments */
.whc-fullwidth-page .whc-section-row {
    margin-left: -60px;
    margin-right: -60px;
}
.page-template-page-bridge .whc-fullwidth-page .whc-section-row {
    margin-left: -30px;
    margin-right: -30px;
}
.whc-fullwidth-page .whc-section-row .whc-inside-content p:not(.wp-caption-text) {
    margin-right: 0;
}
.whc-section-row .whc-inside-content p:not(.wp-caption-text):last-of-type {
    margin-bottom: 10px;
}
.whc-sidebar-page .whc-section-row {
    margin-left: 0;
    margin-right: 0;
}

/* CONTENT SECTIONS: SCROLL CONTROLLER */

.whc-scroll-control {
    position: absolute;
    width: 160px;
    height: 50px;
    bottom: 0;
    left: 50%;
    margin-left: -80px;
    padding-top: 10px;
    cursor: pointer;
    overflow: hidden;
    background: rgba(0, 0, 0, .4);
}
.whc-scroll-control p {
    text-align: center;
    color: #888;
    font-weight: 700;
    font-size: 16px;
    line-height: 2;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}
/* align the icon */
.whc-scroll-control i {
    vertical-align: bottom;
}
.whc-scroll-control:hover p {
    color: #eee;
}
/* CONTENT SECTIONS: WITH IMAGE, BACKGROUND HEADLINES AND TEXT */

.whc-section-withimage h1,
.whc-reverse h1,
.whc-section-withimage .whc-section-col > p {
    color: #fff;
    font-size: 48px;
}
.whc-bridge .whc-section h1 {
    margin-bottom: 10px;
}
.whc-section-withimage .whc-section-col > p {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    margin: 0 15% 20px 15%;
}
/* CONTENT SECTIONS: TEXT MODIFICATIONS */

.whc-inside-row.whc-section h1 {
    margin-top: 40px;
}

/* GROUPS *************************************************************************************************************/

/* make sure asides have top margins */
.whc-group .carousel {
    margin: 2% 0 0 0;
}
.row.whc-group {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.whc-content:not(.whc-section) .row.whc-group {
    margin-left: -15px;
}
/* remove margins if row is first child */
.whc-group:first-child {
    margin-top: 0;
}

/* GENERAL CONTENT FORMATTING *****************************************************************************************/

h1,
h2 {
    font-family: 'Open Sans Condensed', sans-serif;
}
h1 {
    font-size: 42px;
    line-height: 1.24;
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
}
h1.whc-narrow-h1 {
    max-width: 65%;
}
h1.whc-inside-title {
    padding-left: 15px;
    margin-bottom: 60px;
    text-align: left;
    color: #006A71;
}
.whc-fullwidth-page h1.whc-inside-title {
    text-align: center;
    line-height: 52px;
    font-size: 52px;
}
.single-whcsuccess .whc-fullwidth-page h1.whc-inside-title {
    margin-bottom: 30px;
}
.whc-inside-content h3,
.whc-inside-content h4,
.whc-inside-content h5,
.whc-inside-content h6 {
    font-weight: 700;
    color: #006A71;
}
p.whc-author {
    margin: -34px 0 34px 0;
    padding: 0 0 0 20px;
}
.whc-sep {
    color: #ccc;
    margin: 0 10px;
}
p.wp-caption-text {
    font-style: italic;
    font-family: georgia, sans-serif;
    font-size: 13px;
    line-height: 17px;
    padding-top: 5px;
}
.whc-inside-content p {
    margin: 0 0 30px 0;
}

/* OL, UL */

.whc-inside-content ul,
.whc-inside-content ol {
    margin: 0 0 30px 0;
}

/* FULL WIDTH TEMPLATE CONTENT FORMATTING *****************************************************************************/

body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > p:not(.wp-caption-text),
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > ul:not(.nav-tabs),
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > ul:not(.nav-tabs) li,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > ol li,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h2,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h3,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h4,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h5,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h6,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > blockquote,
body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > .panel-group {
    margin-right: 14%;
}

/* BOOTSTRAP COMPONENTS ***********************************************************************************************/

/* tabs */
.whc-inside-content ul.nav-tabs {
    margin-bottom: 0;
}
.tab-pane {
    padding: 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/* collapse: remove borders and fill */
.panel-group,
.panel-group .panel,
.panel-group .panel-default > .panel-heading,
.panel-group .panel-heading,
.panel-group .panel-collapse,
.panel-group .panel-body,
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel,
.panel-default > .panel-heading,
.panel-heading,
.panel-collapse,
.panel-body,
.panel-heading + .panel-collapse > .panel-body
{
    border: 0;
    background: transparent;
    margin: -15px;
    padding: 15px;
}
.panel-group {
    margin: 0;
}
.panel:last-of-type {
    margin-bottom: 15px;
}

.whc-open-panel {
    background: #eee !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.whc-open-panel:first-child {
    margin-top: 0 !important;
}
.panel-group .panel-body {
    font-size: 16px;
    line-height: 28px;
}
/* collapse: panel heading */
.panel-heading {
    padding: 0;
}
.panel-heading a {
    color: #006A71;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.panel-heading h3 {
    background: #006a71;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding: 8px 15px;
}
.panel-group .panel-heading a:after,
.panel-heading a[data-toggle='collapse']:after {
    font-size: 12px;
    line-height: 21px;
    margin-left: 20px;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    display: inline-block;
    background: #7AC143;
    color: #fff;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    text-align: center;
    font-weight: 400;
    padding-top: 1px;
}
.panel-group .panel-heading a.collapsed:after,
.panel-heading a[data-toggle='collapse'].collapsed:after {
    content: "\e080";
    background: #006A71;
    padding-top: 0;
}

/* WIDGET SIZE LIMITS *************************************************************************************************/

.whc-group:not(.whc-wide-widget) .widget_fpw_widget:not(.whc-double),
.mega-menu-item-type-widget .widget_fpw_widget {
    max-width: 390px;
}
.whc-group:not(.whc-wide-widget) .widget_fpw_widget,
.whc-group:not(.whc-wide-widget) .widget_fpw_widget article,
.mega-menu-item-type-widget .widget_fpw_widget {
    max-height: 92%;
}
.whc-group:not(.whc-wide-widget) .whc-double,
.whc-group:not(.whc-wide-widget) .whc-double article {
    max-height: calc(46% - 14px);
}
.whc-group:not(.whc-wide-widget) .widget_fpw_widget .whc-flip-card,
.whc-group:not(.whc-wide-widget) .widget_fpw_widget .whc-square,
.mega-menu-item-type-widget .widget_fpw_widget .whc-flip-card,
.mega-menu-item-type-widget .widget_fpw_widget .whc-square {
    padding-bottom: calc(92% - 4px);
}
.whc-group:not(.whc-wide-widget) .whc-double .whc-flip-card {
    padding-bottom: calc(46% - 18px);
}
.whc-group aside,
.mega-menu-item-type-widget aside {
    margin-bottom: 30px;
}
.whc-group .carousel aside {
    margin-bottom: 0;
}

/* WIDGET: FLIP CARD **************************************************************************************************/

.whc-flip-card, .whc-square {
    position: relative;
    background: #222 center;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border: 2px solid #7AC143;
}

.whc-flip-card {
    perspective: 1000px;
}
.whc-flip-card:hover .whc-flipper {
    transform: rotateY(180deg);
}
.whc-flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.whc-flip-front,
.whc-flip-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.whc-square-content, .whc-square-content-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.whc-square-content-overlay {
    background: transparent;
    display: block !important;
}
.whc-square-content:hover .whc-square-content-overlay {
    background: rgba(122, 193, 67, .8);
}
.whc-flip-front {
    z-index: 2;
    transform: rotateY(0deg);
    overflow: hidden;
}
.whc-flip-back {
    background: rgba(122, 193, 67, .8);
    transform: rotateY(180deg);
    overflow: hidden;
}
.whc-ccss .whc-flip-back {
    background: rgba(28, 190, 202, .8);
}
.whc-flip-front h3,
.whc-square-content h3 {
    position: relative;
    width: 70%;
    background: rgba(28, 190, 202, .9);
    padding: 10px 20px;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.whc-ccss .whc-flip-front h3,
.boot-md .whc-flip-front h3,
.boot-md .whc-square-content h3,
.boot-xxs .whc-flip-front h3,
.boot-xxs .whc-square-content h3 {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px;
}
.whc-flip-back-content {
    position: relative;
    height: calc(100% - 40px);
    padding: 40px;
    text-align: center;
    color: #fff;
}
.boot-md .whc-flip-back-content,
.boot-xxs .whc-flip-back-content {
    padding: 30px;
    height: calc(100% - 30px);
}
h4.whc-flip-back-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.boot-md h4.whc-flip-back-title,
.boot-xxs h4.whc-flip-back-title {
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 10px 0;
}
h4.whc-flip-back-title a,
.whc-square-content h3 a {
    color: #fff;
}
.whc-square-content h3 a:hover {
    text-decoration: none;
}
.whc-flip-back-excerpt {
    font-size: 17px;
    line-height: 24px;
}
.boot-md .whc-flip-back-excerpt,
.boot-xxs .whc-flip-back-excerpt {
    font-size: 16px;
    line-height: 21px;
}
.whc-flip-back-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
}
.whc-flip-back-button a {
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 16px;
    color: #7AC143;
}
.whc-flip-back-button a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

/* BIG PROMO WIDGET ***************************************************************************************************/

.whc-big-promo {
    width: 100%;
    background-size: cover;
    background-position: top center;
    position: relative;
}
.whc-big-promo-inner {
    position: relative;
    width: 100%;
    padding: 6% 12%;
}
.whc-big-promo-content {
    position: relative;
    padding: 30px;
    background: rgba(28, 190, 202, .85);
    text-align: center;
    min-height: 200px;
    color: #fff;
}
.whc-big-promo-content h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 42px;
    line-height: 1;
    position: relative;
}
.whc-big-promo-content h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}
.whc-big-promo-content p {
    margin: 0 0 60px 0;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
}
.whc-big-promo-button {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 30px;
}
.whc-big-promo-button a {
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 16px;
    color: #1CBECA;
}
.whc-big-promo-button a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

/* TEXT PROMO WIDGET **************************************************************************************************/

.whc-text-promo {
    width: 100%;
    position: relative;
    text-align: center;
    color: #fff;
}
.whc-inside-content .whc-text-promo,
.whc-inside-sidebar .whc-text-promo,
.mega-menu-item-type-widget .whc-text-promo {
    color: #333;
}
.whc-text-promo-content {
    padding: 0 20px 50px 20px;
}
.whc-text-promo-content h3 {
    color: #7AC143;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.whc-text-promo p {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
}
.whc-text-promo-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
}
.whc-text-promo-button a {
    display: inline-block;
    background: #1CBECA;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 16px;
    color: #fff;
}
.whc-text-promo-button a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

/* FRONT BANNER WIDGETS ***********************************************************************************************/

.whc-group h3.whc-widget-title {
    margin: 0 0 12px 0;
    padding: 0;
    text-transform: uppercase;
    color: #7AC143;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}
.whc-group .fpw-layout-banner {
    background: #fff;
    text-align: center;
}
.whc-group h3.fpw-page-title {
    font-weight: 700;
    line-height: 24px;
}
.whc-group .fpw-featured-link {
    color: #006A71;
}
.whc-group .fpw-excerpt h3 {
    padding: 0 20px 50px 20px;
    min-height: 110px;
}
.whc-group .fpw-excerpt p {
    font-size: 20px;
    line-height: 20px;
    color: #444;
}
.whc-group .whc-widget-excerpt-adjusted {
    position: relative;
}
.whc-group .whc-widget-excerpt-adjusted .whc-excerpt-button {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 28px;
    text-align: center;
    margin-left: -20px;
}
.whc-group .whc-latest-button {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 28px;
    text-align: center;
    margin: 0;
}
.whc-group .whc-widget-excerpt-adjusted .whc-excerpt-button .whc-button {
    margin-top: 0;
    position: relative;
}
.whc-group .fpw-page-title {
    padding-left: 15px;
    padding-right: 15px;
}

/* BUTTONS ************************************************************************************************************/

.whc-inside-content a.whc-button,
.whc-content a.whc-button,
.mega-menu-item-type-widget a.whc-button {
    position: relative;
    display: inline-block;
    background: #7AC143;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 16px;
    color: #fff;
}
.whc-inside-content a.whc-button:hover,
.whc-content a.whc-button:hover,
.mega-menu-item-type-widget a.whc-button:hover {
    background: #1cbeca;
    color: #fff;
    text-decoration: none;
}
.fpw-excerpt a.whc-button {
    margin-top: 10px;
}
.whc-latest-button {
    margin-bottom: 30px;
}

/* EMAIL SECTION ******************************************************************************************************/

.whc-email img.whc-overlap {
    position: absolute;
    bottom: -30px;
    left: 0;
}
.whc-email .row {
    margin-top: 0;
    margin-bottom: 0;
}
.whc-email .whc-section-col {
    text-align: left;
    padding-left: 250px;
}
.whc-email h1 {
    text-align: left;
    color: #006A71;
    margin-bottom: 30px;
}

/* INSIDE PAGE SIDEBAR ************************************************************************************************/

.whc-inside-sidebar {
    padding-left: 30px;
    padding-right: 30px;
}
.whc-widget.alignright,
.whc-widget.alignleft {
    margin-top: 0 !important;
}
.whc-inside-sidebar h3.whc-widget-title,
.whc-inside-content h3.whc-widget-title,
.mega-menu-item-type-widget h3.whc-widget-title {
    background: #1CBECA;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px;
    margin: -20px -20px 20px -20px;
    font-weight: 700;
    letter-spacing: 1px;
}
.whc-inside-sidebar .whc-widget,
.whc-inside-content .whc-widget,
.mega-menu-item-type-widget {
    background: #f3f3f1;
    padding: 20px;
    margin-bottom: 30px;
}

.whc-inside-sidebar .whc-fpw-banner .fpw-excerpt,
.whc-inside-sidebar .fpw-layout-big .fpw-excerpt,
.whc-inside-content .whc-fpw-banner .fpw-excerpt,
.whc-inside-content .fpw-layout-big .fpw-excerpt,
.mega-menu-item-type-widget .whc-fpw-banner .fpw-excerpt,
.mega-menu-item-type-widget .fpw-layout-big  .fpw-excerpt {
    text-align: center;
    padding-top: 10px;
}

.whc-inside-sidebar ul,
.whc-inside-content .whc-widget ul,
.whc-inside-sidebar ol,
.whc-inside-content .whc-widget ol,
.mega-menu-item-type-widget ul,
.mega-menu-item-type-widget ol {
    border-top: 1px solid #d5d5d5;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.whc-inside-sidebar ul li,
.whc-inside-content .whc-widget ul li,
.whc-inside-sidebar ol li,
.whc-inside-content .whc-widget ol li,
.mega-menu-item-type-widget:not(.widget_nav_menu) ul li,
.mega-menu-item-type-widget:not(.widget_nav_menu) ol li {
    border-bottom: 1px solid #d5d5d5;
    padding: 5px 0;
}
.whc-inside-sidebar a,
.whc-inside-content .whc-widget a,
.mega-menu-item-type-widget a {
    color: #006A71;
}
.whc-inside-content .whc-widget {
    float: right;
    clear: both;
    width: 30%;
    min-width: 290px;
    margin: 30px 0 20px 60px;
}
.whc-inside-sidebar p,
.whc-inside-content .whc-widget p,
.mega-menu-item-type-widget p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 19px 0;
    padding: 0;
}
.whc-inside-sidebar p:last-of-type,
.whc-inside-content .whc-widget p:last-of-type {
    margin: 0;
}

/* MAIN BLOGS WIDGET STYLE ********************************************************************************************/

.whc-blogs-widgets h3.whc-widget-title {
    color: #006A71;
    font-weight: normal;
    text-transform: none;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 46px;
    line-height: 46px;
    margin-bottom: 20px;
}
.whc-blogs-widgets p:first-child {
    color: #006A71;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
    min-height: 120px;
}
.whc-blogs-widgets .textwidget {
    padding: 0 60px;
}
.whc-blogs-widgets .whc-blog-more {
    padding: 6px 30px;
    font-size: 15px;
}

/* GRAVITY FORMS: EMAIL ***********************************************************************************************/

.whc-email form {
    margin: 0 0 15px 0;
}
.whc-email label {
    display: none;
}
.whc-email ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.whc-email li,
.whc-email form > div,
.whc-email span {
    display: inline-block;
}
.whc-email form > div,
.whc-email span:first-child {
    margin-right: -4px;
}
.whc-email input {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 3px 10px;
    border: 1px solid #7AC143;
    border-radius: 5px;
    width: 100px;
}
.whc-email .whc-email-submit {
    color: #fff;
    background: #7AC143;
    text-transform: uppercase;
    text-align: center;
}
.whc-email ::-webkit-input-placeholder {
    color: #7AC143 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
.whc-email :-moz-placeholder {
    color: #7AC143 !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
.whc-email ::-moz-placeholder {
    color: #7AC143 !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
.whc-email :-ms-input-placeholder {
    color: #7AC143 !important;
    text-transform: uppercase !important;
}

/* GRAVITY FORMS ******************************************************************************************************/

.whc-content .gform_wrapper .button, .gform_button {
    background-color: #7AC143;
    border-color: #6bb344;
}
.whc-content .gform_wrapper .ginput_complex label {
    display: none;
}
.whc-content .gform_wrapper .ginput_complex .ginput_full input {
    margin-bottom: 12px;
}
.whc-content .gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
    margin-top: -5px;
}

/* LCP STYLES *********************************************************************************************************/

ul.lcp_catlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.lcp_catlist li {
    border-top: 2px solid #eee;
    padding: 20px 0;
}
ul.lcp_catlist li h4 {
    margin: 0 0 4px 0;
    padding: 0;
}
ul.lcp_catlist li h4 a {
    color: #006a71;
}
ul.lcp_catlist li .lcp_excerpt {
    margin-bottom: 10px;
}
a.whc-blog-more {
    padding: 4px 12px;
    background: #1cbeca;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
}

/* GRID LISTS *********************************************************************************************************/

.alm-btn-wrap {
    overflow: visible;
}
.ajax-load-more-wrap {
    clear: both;
}
.alm-load-more-btn.done {
    display: none;
}
.row.whc-grid-list,
.whc-grid-list {
    padding-top: 0;
    display: block;
    position: relative;
    width: 100%;
    clear: both;
}
.whc-view-list .whc-archive-item {
    border-top: 2px solid #eee;
    padding: 15px 0;
}
.whc-view-list .whc-archive-item:first-child {
    border-top: 0;
}
.whc-view-list .whc-archive-item-text,
.whc-view-list .whc-archive-item-img {
    display: inline-block;
    vertical-align: top;
}
.whc-view-list .whc-archive-item-overlay {
    display: none;
}
.whc-view-list .whc-archive-item-img {
    max-width: 150px;
    margin-right: 20px;
}
.whc-view-list .whc-archive-item-text {
    max-width: calc(100% - 190px);
}
.whc-view-list .whc-archive-item h4 {
    line-height: 25px;
    margin: 0 0 20px 0;
    padding: 0;
}
.whc-view-list .whc-archive-item h4 a {
    color: #006a71;
}
.whc-view-list .whc-archive-item .whc-archive-item-excerpt {
    display: block;
    margin-bottom: 10px;
}
.whc-view-list a.whc-blog-more {
    padding: 4px 12px;
    background: #1cbeca;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
}
.whc-grid-control {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
    text-align: right;
    border-bottom: 1px solid #ddd;
}
.whc-grid-control span {
    margin-left: 20px;
}
.whc-grid-control a {
    color: #ccc;
}
.whc-grid-control a.whc-active {
    color: #1cbeca;
}
.whc-view-grid {
    padding-left: 30px;
    padding-top: 20px;
    text-align: center;
}
.col-sm-8 .whc-view-grid {
    width: 100%;
    padding-left: 0;
}
.whc-view-grid .whc-archive-item {
    height: 250px;
    width: 250px;
    overflow: hidden;
    padding: 0;
}
.whc-view-grid .whc-archive-item .whc-archive-item-excerpt,
.whc-view-grid .whc-archive-item .whc-archive-item-more {
    display: none;
}
.whc-view-grid div.whc-archive-item.col-md-4 .whc-archive-item-list-link,
.whc-view-grid div.whc-archive-item.col-md-4 img,
.whc-view-grid div.whc-archive-item.col-md-4 .whc-archive-item-img,
.whc-view-grid div.whc-archive-item.col-md-4 .whc-archive-item-overlay,
.whc-view-grid div.whc-archive-item.col-md-4 .whc-archive-item-text {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0 !important;
    padding: 0;
    width: 230px;
    height: 230px;
    max-height: 230px;
    max-width: 230px;
    line-height: 230px;
}
.whc-view-grid .whc-archive-item.col-md-4 .whc-archive-item-overlay {
    background: rgba(28, 190, 202, .75);
}
.whc-view-grid .whc-archive-item.col-md-4 .whc-archive-item-text h4 {
    display: inline-block;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    vertical-align: middle;
    padding: 0 30px 40px 30px;
    font-size: 16px;
    line-height: 22px;
}
.whc-view-grid .whc-archive-item.col-md-4 .whc-archive-item-text a {
    color: #fff;
}
.whc-view-grid .whc-download-button {
    line-height: 20px;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 230px;
}

/* BIOS ***************************************************************************************************************/

/* hide text */
.whc-bio-text {
    display: none;
}
.whc-bio {
    border-top: 1px solid #ddd;
    padding: 20px 0;
    position: relative;
}
.whc-bio-thumb {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    margin-right: 20px;
    position: relative;
}
.whc-bio-info {
    display: inline-block;
    width: calc(100% - 180px);
    position: relative;
}
.whc-inside-content .whc-bio-info h4 {
    margin: 0;
    padding: 0;
}
.whc-inside-content .whc-bio-info p {
    margin: 15px 0 0 0;
    padding: 0;
}
.whc-inside-content .whc-bio-info p.whc-bio-position {
    margin-top: 0;
    font-style: italic;
}
.whc-inside-content .whc-bio-info p.whc-bio-contact {
    font-size: 14px;
    margin-top: 0;
}
.whc-bio-info button {
    padding: 5px 6px;
    background: #1cbeca;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    border: 0;
}
h1.whc-bio-page-headline {
    margin-bottom: 0 !important;
}
p.whc-bio-headline-info {
    margin: 0 0 30px 20px;
}
p.whc-bio-headline-info span {
    margin-right: 10px;
}
p.whc-bio-headline-info span.whc-bio-position {
    font-style: italic;
    font-size: 18px;
}

/* SUCCESS STORIES ****************************************************************************************************/

.whc-fullwidth-page .whc-inside-content h2.whc-success-subtitle {
    text-align: center;
    font-size: 32px;
    margin: -20px 0 30px 0 !important;
    font-style: italic;
    color: #006a71;
    letter-spacing: 1px;
}
.whc-fullwidth-page .whc-inside-content h3.whc-success-subcompany {
    text-align: center;
    margin: 0 0 30px 0 !important;
    color: #7AC143;
}
/* fact box */
.whc-fact-box {
    display: block;
    width: 100%;
    background: #f3f3f1;
    padding: 30px;
    position: relative;
}
.whc-fact-box-full {
    margin: 20px 0;
}
.whc-fact-box-half {
    width: 55%;
}
.whc-fact-box h4,
.whc-fact-box table,
.whc-fact-box p,
.whc-fact-box li,
.whc-fact-box ul {
    margin: 10px 0 0 0 !important;
}
.whc-fact-box p {
    margin-bottom: 20px !important;
}
.whc-fact-box h4 {
    position: relative;
    margin: -30px -30px 20px -30px !important;
    color: #fff;
    background: #1CBECA;
    padding: 15px 30px;
    font-size: 22px;
    line-height: 22px;
    display: block;
}
.whc-fact-box table th {
    color: #006A71;
    width: 25%;
}
.whc-fact-box table {
    width: 100%;
}
.whc-fact-box table td {
    width: 75%;
}
.whc-fact-box.whc-fact-box-half table th {
    width: 40%;
}
.whc-fact-box.whc-fact-box-half table td {
    width: 60%;
}

/* FILTERS ************************************************************************************************************/

.whc-display img {
    max-width: 100%;
    height: auto;
}
.panel .facetwp-type-checkboxes {
    max-height: 300px;
}
.panel .facetwp-facet {
    margin-bottom: 0;
}
.facetwp-selections {
    margin-bottom: 20px;
}
.whc-inside-sidebar .facetwp-selections ul,
.whc-inside-sidebar .facetwp-selections li {
    border: 0;
}
.whc-filters-sidebar h3 {
    margin-top: 0;
}
p.whc-list-subhead {
    font-size: 14px;
    margin: -22px 0 10px 0;
    font-style: italic;
}

/* TRIBE EVENTS WIDGET ************************************************************************************************/

.tribe-events-list-widget h4 {
    font-size: 16px;
    margin-bottom: 8px;
}
.tribe-events-list-widget ol li {
    margin-bottom: 0;
}
.tribe-events-list-widget .duration {
    margin-bottom: 10px;
}
p.tribe-events-widget-link {
    margin-top: 10px !important;
}

/* NAKED SOCIAL SHARE *************************************************************************************************/

.naked-social-share {
    margin-top: 0;
    margin-bottom: 20px;
}
.single-whcsuccess .naked-social-share {
    margin-top: 10px;
    margin-bottom: 20px;
}
.whc-first .naked-social-share {
    margin-top: 10px;
    margin-bottom: 0;
}
.naked-social-share ul {
    margin: 0 !important;
    padding: 0;
    list-style-type: none;
}
.whc-fullwidth-page .naked-social-share ul,
.whc-first .naked-social-share ul {
    text-align: center;
}
.naked-social-share li {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-right: 14px !important;
}
.naked-social-share .nss-site-name {
    display: none;
}
.naked-social-share a:hover {
    color: #1CBECA;
}

/* MOBILE CORRECTIONS *************************************************************************************************/

@media only screen and ( max-width: 991px ) {

    .whc-mobile-only,
    .mega-whc-mobile-only {
        display: block !important;
    }

    .whc-mobile-hide {
        display: none;
    }
    .whc-group aside {
        display: inline-block;
        margin-right: -.25em;
        float: none;
    }
    /* Responsive table */
    .whc-content table:not(.tribe-events-calendar),
    .whc-content table:not(.tribe-events-calendar) thead,
    .whc-content table:not(.tribe-events-calendar) tbody,
    .whc-content table:not(.tribe-events-calendar) th,
    .whc-content table:not(.tribe-events-calendar) td,
    .whc-content table:not(.tribe-events-calendar) tr {
        display: block;
    }
    .whc-content table:not(.tribe-events-calendar) thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .whc-content table:not(.tribe-events-calendar) td {
        border: none;
        position: relative;
        padding: 10px;
        white-space: normal;
        text-align: left;
    }

    .whc-content table:not(.tribe-events-calendar) td:before {
        content: attr(data-title);
    }
    /* Header */
    #whc-header {
        min-height: 60px;
    }
    .whc-head-logo img {
        width: 160px;
    }
    .whc-head-logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 160px;
        height: 60px;
        z-index: 10;
        padding-left: 10px;
    }
    #whc-head-mainmenu {
        margin-top: 20px;
        padding: 0;
    }
    .mega-menu-item {
        border-top: 1px solid #ccc !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle:before {
        margin-right: 30px;
    }

    /* fact box */
    .whc-fact-box {
        padding: 15px;
    }
    .whc-fact-box-full {
        margin: 0 0 30px 0;
    }
    .whc-fact-box-half {
        width: 100%;
    }
    .whc-fact-box h4 {
        margin: -15px -15px 20px -15px !important;
        padding: 15px;
    }
    .whc-fact-box table {
        margin-left: -15px !important;
        margin-right: -15px !important;
        max-width: unset;
        width: auto;
    }
    .whc-fact-box table tr {
        border: 0 !important;
        border-top: 1px solid #ccc !important;
    }
    .whc-fact-box table th {
        width: 100%;
        border: 0 !important;
        padding-bottom: 0 !important;
    }
    .whc-fact-box table td {
        width: 100%;
        border: 0 !important;
        padding-top: 5px !important;
    }
    /* Footer */
    #whc-foot .whc-fixed {
        margin-left: -15px;
        margin-right: -15px;
    }
    #whc-foot-logo img {
        width: 180px;
    }
    #whc-foot-logo-row {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #whc-foot-social {
        text-align: center;
        padding-top: 16px;
        margin-left: auto;
        margin-right: -20px;
    }
    #whc-foot-logo-row:after {
        padding-top: 16px;
        width: 100%;
    }
    #whc-foot-menus-row,
    #whc-foot-disclaimer-row {
        padding-left: 0;
        text-align: center;
    }
    #whc-foot-disclaimer-row {
        border-top: 1px solid #7AC143;
        padding-top: 15px;
    }
    #whc-foot-disclaimer-row aside .textwidget {
        padding-right: 0;
    }
    /* fullscreen section */
    .whc-fullscreen.whc-fc > .row {
        height: calc(100vh - 60px);
    }
    .admin-bar .whc-fullscreen.whc-fc > .row {
        height: calc(100vh - 60px - 32px);
    }
    .whc-fullscreen.whc-fc .whc-group {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* sections */
    .row.whc-section.whc-fixed {
        margin-top: 0;
    }
    .whc-snug {
        margin-top: 0;
    }
    .whc-section h1,
    .whc-section-withimage h1,
    .whc-reverse h1,
    .whc-section-withimage .whc-section-col > p,
    h1 {
        font-size: 32px;
    }
    .whc-section-withimage .whc-section-col > p {
        font-size: 16px;
        line-height: 21px;
    }
    .page-template-page-bridge .whc-fullwidth-page .whc-section-row,
    .whc-fullwidth-page .whc-section-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    /* collapses */
    .panel-group {
        padding-left: 0;
        padding-right: 0;
    }
    .panel-title {
        font-size: 14px;
    }

    /* widgets */
    .whc-flip-front h3,
    .whc-square-content h3 {
        padding: 12px 20px;
        font-size: 16px;
        line-height: 20px;
    }
    .whc-big-promo-content h2 {
        margin: 0 0 12px 0;
        font-size: 32px;
    }
    /* content areas */
    .whc-content {
        padding: 0 !important;
    }
    .whc-content > .row {
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid #ccc;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .whc-content.whc-section > .row {
        margin-bottom: 30px;
    }
    .whc-content.whc-section > .row h2 {
        margin-top: 0;
    }

    .page-template-page-bridge .whc-fullwidth-page .whc-inside-content,
    .whc-fullwidth-page .whc-inside-content,
    .whc-inside-content,
    .whc-inside-sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }
    .whc-fullwidth-page h1.whc-inside-title,
    h1.whc-inside-title {
        font-size: 32px;
        line-height: 32px;
        padding-left: 0;
    }
    /* success */
    .whc-fullwidth-page .whc-inside-content h2.whc-success-subtitle {
        font-size: 24px;
        margin-bottom: 15px !important;
    }
    .whc-fullwidth-page .whc-inside-content h3.whc-success-subcompany {
        font-size: 16px;
        margin-bottom: 15px !important;
    }
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > p:not(.wp-caption-text),
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > ul:not(.nav-tabs),
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > ul:not(.nav-tabs) li,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > ol li,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h2,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h3,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h4,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h5,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > h6,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > blockquote,
    body:not(.page-template-page-bridge) .whc-fullwidth-page .whc-inside-content > .panel-group {
        margin-right: 0;
    }
    /* email form */
    .whc-email .whc-section-col {
        padding: 0 15px;
    }
    .whc-email .whc-overlap {
        display: none;
    }
    .whc-email .whc-email-form-container {
        position: relative;
        text-align: center;
    }
    .whc-email .whc-email-form-container h1 {
        text-align: center;
        margin-top: -20px;
    }
    .whc-email li,
    .whc-email form > div,
    .whc-email span {
        display: block;
    }
    .whc-email form > div,
    .whc-email span:first-child {
        margin-right: 0;
    }
    .whc-email input {
        display: block;
        width: 50%;
        margin: 0 auto 20px auto;
    }
    .whc-email input.whc-email-submit,
    .whc-email form {
        margin-bottom: 0;
    }
    .gform_wrapper .gform_body .top_label li.gfield.gf_right_half {
        float: left;
        clear: left !important;
        width: 99%;
    }
    .gform_wrapper .gform_body .top_label li.gfield.gf_left_half {
        float: left;
        clear: left !important;
        width: 99%;
    }
    .whc-inside-sidebar .whc-widget,
    .whc-inside-content .whc-widget {
        margin-bottom: 15px;
    }
    .fpw-layout-wrapped .fpw-featured-image {
        width: 200px;
        max-width: 45% !important;
        position: relative;
    }
    p.whc-author {
        padding-left: 0;
    }
}

@media (max-width: 767px) {

    .whc-email input {
        width: 100%;
    }
    .whc-view-grid {
        padding-left: 0;
    }
    h1.whc-narrow-h1 {
        max-width: unset;
    }
    .whc-view-list .whc-archive-item-img {
        float: right;
        max-width: 40%;
        margin: 0 0 10px 10px;
    }
    .whc-view-list .whc-archive-item-text {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .whc-view-list h4.whc-archive-item-title {
   /*     margin-bottom: 4px; */
        font-size: 16px;
        line-height: 21px;
    }
    .whc-view-list .whc-archive-item-excerpt {
        font-size: 14px;
        line-height: 19px;
    }
    .alignleft {
        float: none !important;
        margin: 0 auto 10px auto !important;
    }
    .alignright {
        float: none !important;
        margin: 0 auto 10px auto !important;
    }
    .whc-inside-sidebar .whc-widget,
    .whc-inside-content .whc-widget {
        margin: 0 auto 15px auto !important;
        float: none;
        min-width: 270px;
    }
    .whc-bio-thumb {
        width: 75px;
        margin-right: 15px;
    }
    .whc-bio-info {
        width: calc(100% - 100px);
    }
    .whc-bio-bio {
        margin-left: -90px;
        width: calc( 100% + 90px );
    }
    .whc-group aside {
        margin-right: 0;
    }
}

@media (max-width: 570px) {
    .whc-view-grid .whc-archive-item {
        margin-left: auto;
        margin-right: auto;
        width: 230px;
        float: none;
    }
}