/*==== NIFTY SHORTCODES
=======================================================*/

/*-----------------------------
    0.0 COLUMNS
-----------------------------*/

.nifty_one_half,
.nifty_one_half_last { width: 48%; }
.nifty_one_third,
.nifty_one_third_last { width: 30.66%; }
.nifty_two_third,
.nifty_two_third_last { width: 65.33%; }
.nifty_one_fourth,
.nifty_one_fourth_last { width: 22%; }
.nifty_three_fourth,
.nifty_three_fourth_last { width: 74%; }

.nifty_one_half,
.nifty_one_third,
.nifty_two_third,
.nifty_three_fourth,
.nifty_one_fourth,
.nifty_one_half_last,
.nifty_one_third_last,
.nifty_two_third_last,
.nifty_three_fourth_last,
.nifty_one_fourth_last {
    float: left;
    margin-right: 4%;
    margin-bottom: 2em;
    position: relative;
}

.nifty_one_half_last,
.nifty_one_third_last,
.nifty_two_third_last,
.nifty_three_fourth_last,
.nifty_one_fourth_last {
    clear: right;
    margin-right: 0 !important;
}

.nifty_col_row:before,
.nifty_col_row:after {
    content: " ";
    display: table;
}

.nifty_col_row:after {
    clear: both;
}

.nifty_col_row {
    *zoom: 1;
}

@media screen and (max-width: 768px) {
    .nifty_one_half,
    .nifty_one_third,
    .nifty_two_third,
    .nifty_three_fourth,
    .nifty_one_fourth,
    .nifty_one_half_last,
    .nifty_one_third_last,
    .nifty_two_third_last,
    .nifty_three_fourth_last,
    .nifty_one_fourth_last {
        width: 100%;
    }
}

/*-----------------------------
    1.0 TABS
-----------------------------*/



/*-----------------------------
    2.0 DROPCAPS
-----------------------------*/

.dropcap {
    display: block;
    float: left;
    font-size: 64px;
    line-height: 64px;
    margin: 2px 15px 0 0;
    color: #121212;
    font-weight: 900;
}

.dropcap-2 {
    display: block;
    float: left;
    font-size: 54px;
    line-height: 54px;
    margin: 4px 15px 0 0;
    color: #fff;
    font-weight: 900;
    background: #99ad5d;
    padding: 3px 10px;
}


/*-----------------------------
    3.0 TOGGLE AND ACCORDION PANELS
-----------------------------*/

.accordion {
    margin-bottom: 20px;
}

.nifty-toggle ~ .nifty-toggle {
    margin-bottom: 20px;
}

.toggle-content {
    padding: 10px 0 20px 0;
}

.ui-accordion-header,
.toggle-trigger {
    background: #f4f4f4;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
    color: #121212;
    margin-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.ui-accordion-header:hover,
.toggle-trigger:hover {
    color: #373737;
    border-bottom: 1px solid #121212;
}

.ui-accordion-header:hover .ui-accordion-header-icon {
    background-color: ;
}

.ui-accordion-header-icon {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 19px;
    float: left;
    margin-right: 10px;
    display: block;
}

.ui-accordion-header-icon:before {
    content: '\f105';
}

.ui-accordion-header-active,
.toggle-active {
    background: #121212;
    color: #fff;
    border-bottom: 1px solid #121212;
}

.ui-accordion-header-active:hover,
.toggle-active:hover {
    color: #fff;
}

.ui-accordion-header-icon:before,
.ui-accordion-header-active .ui-accordion-header-icon:before,
.toggle-active .ui-accordion-header-icon:before {
    font-family: FontAwesome;
    color: #fff;
    font-size: 16px;
}

.ui-accordion-header-active .ui-accordion-header-icon:before,
.toggle-active .ui-accordion-header-icon:before {
    content: '\f107';
}

.ui-accordion-content {
    padding: 15px 0 18px 0;
}

.nifty-button:hover {
    background-color: #121212!important;
}

/*-----------------------------
    4.0 INFO BOXES
-----------------------------*/

.info-box {
    padding: 20px 30px 0px 20px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 2px;
}

.info-close {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    text-align: center;
    height: 19px;
    width: 19px;
    line-height: 18px;
}

.info-box h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.yellow-info {
    background: #fff5c6;
    color: #62523a;
    border: 1px solid #e0d594;
}

.yellow-info .info-close {
    color: #a2913e;
    border: 1px solid #e0d594;
}

.yellow-info h4 {
    color: #62523a;
}

.green-info {
    background: #e2f3c8;
    color: #404e2e;
    border: 1px solid #a0c272;
}

.green-info .info-close {
    color: #668637;
    border: 1px solid #a0c272;
}

.green-info h4 {
    color: #404e2e;
}

.red-info {
    background: #ffd8c7;
    color: #5f393a;
    border: 1px solid #f2b1b4;
}

.red-info .info-close {
    color: #bf5459;
    border: 1px solid #f2b1b4;
}

.red-info h4 {
    color: #5f393a;
}

.blue-info {
    background: #b4e2f9;
    color: #4c6671;
    border: 1px solid #9fc6d7;
}

.blue-info .info-close {
    color: #3b87ad;
    border: 1px solid #9fc6d7;
}

.blue-info h4 {
    color: #4c6671;
}

/*-----------------------------
    5.0 BUTTONS
-----------------------------*/

.rounded {
    border-radius: 5px;
}

.nifty-button {
    color: #fff;
    background: #99ad5d;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
    margin-bottom: 20px;
}

.button-secondary {
    color: #fff;
    background: #373737;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
    margin-bottom: 20px;
}

.button-secondary:hover {
    background: #757575;
    color: #fff;
}

.nifty-button:hover {
    background: #2f2f2f;
    color: #fff;
}

.border {
    color: #121212;
    background: none!important;
    border: 1px solid;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.border:hover {
    background: none;
    color: #fff;
}

.btn-icon-first {
    padding-right: 10px;
}
.btn-icon-last {
    padding-left: 10px;
}
.extra-large-btn .btn-icon-first {
    padding-right: 20px;
}
.extra-large-btn .btn-icon-last {
    padding-left: 20px;
}

.tiny-btn {
    font-size: 0.643em;
    padding: 3px 7px;
    text-transform: uppercase;
}

.small-btn {
    font-size: 0.714em;
    padding: 5px 10px;
    text-transform: uppercase;
}

.medium-btn {
    font-size: 0.786em;
    padding: 7px 11px;
    text-transform: uppercase;
}

.large-btn {
    font-size: 0.929em;
    padding: 9px 14px;
    text-transform: uppercase;
}

.large-btn i {
    font-size: 0.929em;
}

.extra-large-btn {
    font-size: 0.929em;
    padding: 12px 20px;
    text-transform: uppercase;
}

/*-----------------------------
    6.0 NIFTY TABS
-----------------------------*/

.nifty-tab-panels {
    position: relative;
    padding-top: 15px;
}

.nifty-single-panel {

}

.nifty-tab-active {
    display: block;
}

.nifty-tab-hidden {
    display: none;
}

.tabs {
    margin-bottom: 20px;
}

.post-entry .nifty-tab-nav,
.nifty-tab-nav {
    position: relative;
    padding: 0;
}

.post-entry .nifty-tab-nav li,
.nifty-tab-nav li {
    position: relative;
    display: block;
    float: left;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 0;
    margin: 0;
}

.post-entry .nifty-tab-nav li:before.
.nifty-tab-nav li:before {
    content: none;
}

.post-entry .nifty-tab-nav li:last-child,
.nifty-tab-nav li:last-child {
    border: none;
}

.post-entry .nifty-tab-nav li:first-child,
.nifty-tab-nav li:first-child {
    padding-left: 20px;
}

.nifty-tab-nav li:not(:last-child):after,
.post-entry .nifty-tab-nav li:not(:last-child):after {
    color: #d3d3d3;
    content: "\f1db";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 8px;
    line-height: 16px;
    display: inline-block;
    position: absolute;
    right: -3px;
    top: 50%;
    margin-top: -9px;
}

.nifty-tab-nav li span:hover {
    color: #99ad5d;
}

.nifty-tab-nav span {
    font-weight: bold;
    padding: 8px 0;
    cursor: pointer;
    color: #121212;
    text-transform: uppercase;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.nifty-tab-nav span {
    font-size: 12px;
}

.nifty-tab-nav-active span {
    color: #99ad5d;
}

.nifty-tab-nav-active span:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
    margin-left: -11px;
    border-width: 11px;
    border-top-color: #ededed;
}

.nifty-tab-nav-active span:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #fff;
}

.nifty-tabs-nav-holder {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

.nifty-tabs-nav-holder ul:after {
    background: #99ad5d;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    left: 0px;
    top: 0;
    width: 1px;
}

.nifty-tabs-nav-holder ul:before {
    background: #99ad5d;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 0;
    width: 12px;
}

.nifty-section-title {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    padding: 0 10px 10px 10px;
    color: #121212;
    text-transform: none;
    margin-top: 10px !important;
}

.nifty-section-title:after {
    background: #99AD5D;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    left: 0px;
    top: -10px;
    width: 1px;
}

.nifty-section-title:before {
    background: #99AD5D;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0px;
    top: -10px;
    width: 12px;
}

.nifty-separator {
    border: none;
    margin: 0;
}