/*
Theme Name: Ag Hub Media
Theme URI:
Author: CMG
Author URI: http://carbonmedia.com/
Description: Theme designed for the Ag Site
Version: 0.1
Text Domain: ag
*/

/*
Table of Contents
=General styles
==Custom font icon styles
==Ad styles
==Header styles
==Footer styles
==Featured content
==Articles in listings
==List of posts
==Features
==Widgets
==Preloader
==Single Article
==Single Video

==Riddle
==Animations

==iPad
*/

/*==General styles */
* {
}

ul {
    padding-inline-start: 0 !important;
}

ul {
    padding-inline-start: 0 !important;
}
html,
body {
    height: 100%;
}

body {
    background: #ccc;
    font-family: 'Open Sans', sans-serif;
}
main {
    display:block;
}



a {
    outline: none !important;
}

.article-content p a, .article-content li a,
.video_text p a, .video_text li a{
    color: #2C2C2C;
    border-bottom: 1px #2C2C2C dotted;
    font-weight: 600;
}

h1 a, h2 a, h3 a, h4 a h5 a, h6 a  {
    color: inherit;
}

a:link,
a:visited {
    transition: all .25s;
    -o-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -webkit-transition: all .25s;
}

a:hover,
a:active {
    transition: all .25s;
    -o-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -webkit-transition: all .25s;
}


.post_type {
    display: inline-block;
    padding: 0;
    height: 20px;
    font-size: 10px;
    position: relative;
}
.post_type span {
    vertical-align:middle;
    line-height: 20px;
    height: 20px;
}

.post_type .post_type_name {
    background: #2A2A2A;
    color:#FFFFFE;
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase;
    left: 22px;
    top: 0;
    position: absolute;
    font-size: 10px;

}
.post_type .fa {
    color: #2A2A2A;
    font-size: 14px;
    background-color: #00F9C2;
    width: 22px;
    text-align: center;
}

.btn.btn-primary {
    background-color: #00F9C2;
    border: none;
    color: #2A2A2A;
    font-weight: 600;
}

.no-padding {
    padding: 0;
}

.container {
    padding-left: 25px;
    padding-right: 25px;
}




.carousel-indicators li {
    border-radius: 7px;
    width: 30px;
    height: 8px;
}
.carousel-indicators .active {
    width: 30px;
    height: 8px;
    margin: 1px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%;
}
.modal-body {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .container {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .col-desktop-1  { width: 8.33333333%; }
    .col-desktop-2  { width: 16.66666667%; }
    .col-desktop-3  { width: 25%; }
    .col-desktop-4  { width: 33.33333333%; }
    .col-desktop-5  { width: 41.66666667%; }
    .col-desktop-6  { width: 50%; }
    .col-desktop-7  { width: 58.33333333%; }
    .col-desktop-8  { width: 66.66666667%; }
    .col-desktop-9  { width: 75%; }
    .col-desktop-10 { width: 83.33333333%; }
    .col-desktop-11 { width: 91.66666667%; }
    .col-desktop-12 { width: 100%; }
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

@media only screen and (min-width : 1000px) {
    .post_type .post_type_name {
        font-size: 9px;
    }
}

/*==Custom font icon styles */

@font-face {
    font-family: 'Coming Soon';
    src:    url('/wp-content/themes/ag/assets/fonts/coming-soon-fonts.eot');
    src:    url('/wp-content/themes/ag/assets/fonts/coming-soon-fonts.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/ag/assets/fonts/coming-soon-fonts.ttf') format('truetype'),
        url('/wp-content/themes/ag/assets/fonts/coming-soon-fonts.woff') format('woff'),
        url('/wp-content/themes/ag/assets/fonts/coming-soon-fonts.svg#Coming Soon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Coming Soon' !important;
    height: 42px;
    margin: 0;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    width: 42px;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-icons-coming-soon_facebook:before,
.icon-icons-coming-soon_instagram:before,
.icon-icons-coming-soon_twitter:before {
    font-size: 42px;
}

.icon-icons-coming-soon_facebook:before {
    content: "\e900";
}
.icon-icons-coming-soon_instagram:before {
    content: "\e901";
}
.icon-icons-coming-soon_leaf:before {
    content: "\e902";
    font-size: 24px;
}

.icon-icons-coming-soon_leaf {
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.icon-icons-coming-soon_twitter:before {
    content: "\e903";
}

.instagram-media{
    position: inherit !important;
}



/*==Ad styles */
.iab {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 9999;
}
.iab.dashboard {
    position: initial;
}
.iab.topleader, .iab.sponsor {
    text-align: center;
    font-size: 10px;
}
.iab.sponsor div {
    margin: auto;
}

.iab.row {
    padding: 0;
}
.iab div[id^="creative"] {
    margin: auto;
}
.iab img {
    max-width: 100%;
    height: auto;
    margin: auto;
    padding: 15px;
}

.iab .adcontainer {
    margin: auto;
    transform-origin: 0 0;
    padding: 15px 0;
}

.iab .adcontainer iframe {
    display : block;
    margin: auto;
    transform-origin: 0 0;
}

.single-post .iab .adcontainer iframe {
    display : inline-table;
    margin: auto;
    transform-origin: 0 0;
}

body.home #sitewrap_div,
.sitewrap_article {
    position: absolute;
    height: 956px;
    left: 0;
    width: 100%;
    z-index: 0;
}

body.home #sitewrap_div #sponsored-header, .sponsored-header {
    margin:auto;
}


/*==Header styles */
#navbar {
    background: rgba(97, 97, 97, 0.6);
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    z-index: 2;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
    z-index: 900000;
}

body.fixednav nav#navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(97, 97, 97, 0.9);
}
body.admin-bar.fixednav nav#navbar {

}
.fixednav .navbar-collapse.in {
    position: fixed;
    top: 0;
    max-height: 100%;
    overflow-x: hidden;
}
.admin-bar.fixednav .navbar-collapse.in {
    /*top: 46px;*/
}

#navbar .navbar-header {
    float: left;
}
#navbar .navbar-extra{
    float:right;
    vertical-align: middle;
    line-height: 20px;
}

#navbar .navbar-extra h1{
  float: left;
  color: #e2e2e2;
  font-size: 14px;
  margin-right: 15px;
  margin-top: 18px;
}

#navbar .search {
    float: left;
    background: none;
    border: none;
    font-size: 27px;
    padding: 11px 15px;
    display: block;
    color: white;
    cursor: pointer;
}

#navbar .social_top {
    display: none;
    padding-left: 5px;
}
#navbar .social_top a {
    display: inline-block;
    padding: 5px;
    margin: 0 5px;
    color: #FFFFFF;
}

@media screen and (min-width: 1024px) {
    #navbar .navbar-extra {
        line-height: 50px;
    }

    #navbar .search {
        padding: 0px 15px;
    }

}



/* navbar signup link */
.no-arrow-nav-item:link,
.no-arrow-nav-item:visited {
    background: #00f9c2;
    color: #444;
}

.no-arrow-nav-item:hover,
.no-arrow-nav-item:active {
    background: #00f9c2;
    color: #fff;
}

.no-arrow-nav-item::after {
    content: "" !important;
}

.show-me-on-top {
    display: none !important;
}

.show-me-on-bottom {
    display: block !important;
}

.show-block-nav-stuff {
    display: none !important;
}


/* navbar podcast link */
.no-arrow-nav-item-podcast:link,
.no-arrow-nav-item:visited {
    background: none;
    color: #fff;
}

.no-arrow-nav-item-podcast:hover,
.no-arrow-nav-item-podcast:active {
    background: none;
    color: #fff;
}

.no-arrow-nav-item-podcast::after {
    content: "" !important;
}

@media screen and (max-width: 1025px) {
    .show-me-on-top {
        display: inline-block !important;
        float: none;
        margin: 0 auto;
    }

    .show-me-on-bottom {
        display: none !important;
    }

    .no-arrow-nav-item {
        padding: 12px 50px;
    }

    .show-block-nav-stuff {
        display: block !important;
    }
}




@media screen and (max-width: 1024px) {
    html #wpadminbar {
        position: fixed;
    }
    .admin-bar #main-nav-bar-ag,
    .admin-bar #search-bar {
        top: 46px;
    }
    #main-nav-bar-ag,
    #search-bar{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
}
@media screen and (max-width: 782px) {
    .admin-bar #main-nav-bar-ag,
    .admin-bar #search-bar {
        top: 46px;
    }
}

@media screen and (min-width: 600px) and (max-width: 782px) {
    body.fixednav.admin-bar nav#navbar {
        top: 46px;
    }

}
@media screen and (min-width: 783px) and (max-width: 1024px) {
    body.fixednav.admin-bar nav#navbar{
        top: 32px;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    #navbar .search {
        font-size: 26px;
    }
}

@media screen and (min-width: 1024px) {
    .fixednav .navbar-collapse.in {
        position: initial;
    }
    #navbar .search {
        font-size: 14px;
        position: relative;
    }
    #navbar .search:before,
    #navbar .search:after{
        content:'';
        position: absolute;
        background: #F0F0F0;
        height: 30px;
        width: 1px;
        display: block;
        top: 20%;
        left: 0;
    }
    #navbar .search:after {
        right: 0;
        left: initial;
    }
    #navbar .social_top {
        display: inline-block;
    }
}

.navbar-toggle {
    float: left;
    background: none;
    border: none;
    margin: 8px 9px 9px 9px;
    padding: 7px 0 9px 10px;
}

.navbar-toggle .icon-bar {
    background: rgba(255, 255, 254, 1);
    height:4px;
    width: 23px;
    border-radius: 3px;
}

.navbar-brand {
    color: #ffffee;
    color: rgba(255, 255, 254, 1);
    font-size: 1.714285714285714em;
    padding: 11px 15px;
    text-transform: uppercase;
}

    .navbar-brand:link,
    .navbar-brand:visited {
        color: #ffffee;
        color: rgba(255, 255, 254, 1);
    }

    .navbar-brand:hover,
    .navbar-brand:active {
        color: #afafaf;
        color: rgba(175, 175, 175, 1);
    }




.nav>li>a {
    color: #FBFBFB;
    background: none;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.nav>li>a:focus, .nav>li>a:hover{
    background:none;
}

.nav>li>a:after, .dropdown-menu li a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    font-size: 12px;
    vertical-align: middle;
}

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

.dropdown-menu .list-items {
    display: none;
}

.dropdown-menu .list-items > div {
    display: none;
}
.dropdown-menu .list-items > div.active {
    display: block;
}

.dropdown-menu li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

#search-bar {
    overflow: hidden;
    z-index: 9999;
}

#search-bar .collapse-times {
    right: 0;
}

#search-bar .content {
    margin-top:95px;
    padding: 0 35px 90px;
}

#search-bar #input-search {
    width: 100%;
    font-size: 22px;
    background: none;
    border: none;
    border-bottom: 1px solid #FFFFFE;
    color: #616161;
    outline: none;
    margin-bottom: 50px;
}

#search-bar h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #9E9E9E;
}

#search-bar .quick_links a {
    font-size: 16px;
    color: #00F9C2;
}

.collapse-times {
    font-size: 28px;
    line-height: 14px;
    margin-top: 13px;
    display: block;
    padding: 10px;
    text-decoration: none;
    z-index: 1;
    position: absolute;
}
body.fixednav .collapse-times {
    position:fixed;
}

.collapse-times:hover, .collapse-times:focus {
    color: rgba(0, 249, 194, 1);
    text-decoration: none;
}

.collapse-times, .navbar-nav>li.dropdown>.dropdown-menu a {
    color: rgba(0, 249, 194, 1);
}

@media only screen and (max-width : 1024px) {
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
    }

    .navbar-collapse {
        position: absolute;
        top: 0;
        background: #000;
        width: 100%;
    }

    .navbar-brand b {
        font-weight: 700;
    }


    ul.navbar-nav li {
        text-align: center;
        font-size: 20px;
        color: #FFF;
        font-weight: 600;
        text-transform: uppercase;
        margin: 33px auto;
    }

    ul.navbar-nav li:first-of-type {
        margin-bottom: 45px;
    }

    .nav>li>a {
        font-weight: 600;
    }
    .dropdown-menu>li>a {
        display:inline;
    }

    ul.nav > li > a:focus, ul.nav > li > a:hover,
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
        text-decoration: none;
        background-color: transparent;
    }

    .navbar-nav>li>.dropdown-menu {
        display:block;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav>li.dropdown>.dropdown-menu a {
        line-height: 20px;
        padding: 3px 20px;
        font-weight: 800;
    }
    .dropdown-menu li a:after {
        content: "\f054";
    }
}

@media only screen
and (min-width:600px)
and (max-width:782px) {
    .fixednav div#search-bar {

    }
    .admin-bar.fixednav div#search-bar {

    }
}

@media only screen and (max-width:600px) {
    body.admin-bar.fixednav nav#navbar {
        top: 46px;
    }
}

@media only screen and (min-width:782px) {

    body.admin-bar.fixednav nav#navbar {
        top: 32px;
    }
}

@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    .navbar-toggle { display: block; }
    li.dropdown { width: 50%; }
}
@media only screen and (min-width: 1025px) {

    #search-bar {
        margin-right: -15px;
        margin-left: -15px;
        position: absolute;
        top: 50px;
        background: #000;
        width: 100%;
    }
    #search-bar.collapse {
        display:none;
    }
    #search-bar.collapse.in {
        display: block;
    }

    .fixednav #search-bar {
        position:fixed;
        top: 0;
    }

    .collapse { display: block; }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 40px;
    }
    .navbar-nav {
        margin-left: 63px;
    }
    #main-nav-bar-ag .collapse-times { display: none; }


    .nav>li {
        position: static;
    }
    .nav>li>a:after {
        content: "\f107";
        font-weight: 400;
    }
    .dropdown.open a.dropdown-toggle {
        background-color: rgba(27, 27, 27, 0.94);
    }
    .nav>li.dropdown.open>a:after {
        content: "\f106";
    }
    .nav>li>.dropdown-menu {
        width: 100%;
        background-color: rgba(27, 27, 27, 0.94);
        padding: 20px 0 20px 50px;
        border:none;
    }
    .nav>li>.dropdown-menu a {
        color: #FFFFFF;
    }

    .dropdown-menu .list-items {
        display: block;
    }
    .dropdown-menu .list-items h1 {
        font-size:14px;
    }
    .dropdown-menu .list-items h1 .fa.fa-play-circle {
        color: #00F9C2;
    }
    .list-items article>a {
        display: block;
        position: relative;
    }
    .list-items article>a .videotime {
        left: 0;
        bottom: 0;
    }

    .nav>li>.dropdown-menu .list-links > li>a {
        color: #00F9C2;
        text-transform: uppercase;
    }
    .nav>li>.dropdown-menu .list-links > li>a:after {
        content: "\f107";
        font-weight: 400;
        position: absolute;
        right: 0;
    }
    .nav>li>.dropdown-menu .list-links > li>a.active:after {
        content: "\f105";
    }


}

/*==Footer styles */
.copyright {
    text-align: center;
    font-size: 10px;
    color: #333333;
}

.copyright a {
    color: #929292;
    position: relative;
}
.copyright a:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #929292;
    position: absolute;
    left: 0;
    bottom: 0;
}
#footer {
    background: #D8D8D8;
}
#videopicks {
    background: #2A2A2A;
    padding: 15px;
}

#videopicks header { text-align: center; }
#videopicks header h1 {
    display: inline-block;
    font-size: 23px;
    border: 1px solid #FFFFFF;
    padding: 5px 10px;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 0.25em;
}
#videopicks header p {
    color: #DDDDDD;
    font-size: 10px;
    line-height: 1.4em;
    text-transform: uppercase;
}
#videopicks article {
    padding-top:    15px;
    padding-bottom: 15px;
}
#videopicks article > a {
    display:block;
    position: relative;
}
.videotime {
    position: absolute;
    bottom: 6px;
    left: 7px;
    background: #2A2A2A;
    color: #FFFFFF;
    padding: 3px 10px;
}
#videopicks article img {
    width: 100%;
    height: auto;
}
#videopicks article h1 {
    font-size: 12px;
    text-align: center;
    line-height: 1.3em;
}

#videopicks article h1 a {
    color: #DDDDDD;
}
#videopicks article h1 a .fa {
    color: #00F9C2;
}


#videopicks footer {
    text-align: center;
}
#videopicks footer a {
    color: #00F9C2;
}
@media only screen
and (max-width : 768px) {
    #videopicks article:nth-child(odd) {
        clear:both;
    }
}


@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    #videopicks article {
        max-width: 320px;
    }
    #videopicks article:nth-child(odd) {
        float:left;
        clear:both;
    }
    #videopicks article:nth-child(even) {
        float:right;
    }
}

@media only screen
and (min-width : 1024px) {
    #videopicks article {
        width: 20.662%;
        margin-right: 4.5%;
        padding: 0;
    }
    #videopicks article:nth-child(2) {
        margin-right: 7.64%;
    }
    #videopicks article:last-child {
        margin-right: 0;
    }
}



#footermore {
    padding: 15px;
    text-align: center;
}

/*#footermore ul {
    padding: 0;
}

#footermore li {
    margin-bottom: 8px;
}
*/
#footermore a, #footermore small  {
    color: #616161;
}

#footermore small {
    font-size: 12px;
}


/* footer links with spacing */
#footermore .footer-nav-links {
    display: block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

#footermore .footer-nav-links li {
    line-height: 2em;
}

@media only screen and (min-width : 768px)
{
    #footermore .footer-nav-links li {
        width: 20%;
        float: left;
    }
}

.divider {
    display: none;
}

.divider-grey {
    background: #b8b8b8;
}


    #footermore .social_footer {
        display: block;
        margin-bottom: 27px;
        padding-left: 5px;
    }

    #footermore .social_footer a {
        display: inline-block;
        padding: 5px;
        margin: 0 10px;
        color: #616161;
    }

    .divider {
        display: block;
        height: 1px;
        margin: 14px auto 20px;
        width: 40px;
    }


/* ==Featured content */
#featured-content {
    padding: 0;
    background-color: #000000;
    margin-top:-52px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    position: relative;
}
#featured-content .main-featured {
    min-height: 211px;
/*background-repeat: no-repeat;
    background-size: cover;
    position: relative; */
    margin-bottom: 1.5em;
}
#featured-content .gradient{
    width: 100%;
    height: 100%;
    /*background: linear-gradient(to bottom, rgba(0,0,0,0) 36%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.52) 71%,rgba(0,0,0,0.75) 100%);*/
    background: linear-gradient(to bottom, rgba(0,0,0,.75) 36%,rgba(0,0,0,.4) 50%,rgba(0,0,0,0.4) 71%,rgba(0,0,0,1) 100%);
    top: 0;
    z-index: 0;
    position: absolute;
}

#featured-content .container {
    padding-left: 20px;
    padding-right:20px;
}

#featured-content .main-featured .container {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 101px;
}

#featured-content .main-featured .container header {
    margin-bottom: 40px;
}

#featured-content .main-featured .container header p.author {
    font-size: 12px;
}

#featured-content .main-featured .container header h1 {
    margin-bottom: 22px;
    text-shadow: 1px 1px #000;
}

#secondary_featured .row {
    margin-left: 0;
    margin-right: 0;
}

#secondary_featured .row h1 {
    padding: 0;
}


#featured-content .main-featured .author {
    font-size: 10px;
    color: #DDDDDD;
}

#featured-content a {
    color: #FFFFFF;
}
#featured-content h1 a {
    font-family: 'Playfair Display', 'Times', 'serif';
}

#featured-content a.btn,
.featured-farm a.btn {
    color: #00F9C2;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #00F9C2;
    width: 100%;
    display: inline-block;
    max-width: 280px;
    margin: auto;
    text-transform: uppercase;
    margin-bottom: 4em;
}


#secondary_featured article {
    padding: 0;
}
#secondary_featured h1 {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 30px;
    padding: 0;
}

#articlesponsorship {
    margin-top: 28px;
    font-size: 10px;
    text-transform: uppercase;
    color: #8A867F;
}

@media only screen and (min-width : 768px) {
    #featured-content .container {
        padding-left: 30px;
        padding-right:30px;
    }
    #secondary_featured article {
        padding: 0 15px;
    }
    #secondary_featured .bottom div > div {
        border-bottom: 2px solid #00F9C2;
    }
    #secondary_featured .bottom {
        margin-bottom: 71px;
    }


    #secondary_featured h1 {
        margin-top:0;
        padding: 0 15px;
    }

}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #featured-content .main-featured { min-height: 307px; }
    #featured-content .main-featured .container {
        padding-top:101px;
    }
}
@media only screen and (min-width : 1024px) {
    #featured-content {
        margin-top:-50px;
    }
    #featured-content .main-featured { min-height: 400px; }
    #featured-content .main-featured .container{
        padding-top: 145px;
    }
}


/* Featured content container archive changes */

#features .container.archive .post-thumb.back a {
    height: 100%;
    min-width: 100%;
}


/* ==Articles in listings */
article.post.archive {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
article.post.archive.col-xs-6 {
    height: 450px;
}

article.post.archive.col-xs-6:after{
    content: '';
    display:block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #00F9C2;
}

article.post .post-data {
    font-size: 8px;
    text-transform: uppercase;
    margin: 4px 0;
}
article.post .post-data > *{
    padding: 0;
}
article.post .post-data .text-right {
    font-weight: bold;
}
article.post a {
    color: #2A2A2A;
}
article.post .post-thumb {
    position:relative;
    min-height: 25px;
}
article.post .post-thumb img {
    width: 100%;
    height: auto;
}

article.post .post-thumb.back {
    width: 100%;
    min-height: 400px;
    background-size: cover !important;
}

@media screen and (min-width : 768px) and (max-width : 1023px) {
    article.post .post-thumb.back {
        min-height: 400px !important;
    }
}

article.post a.post_type {
    position: absolute;
    top: 6px;
    left: 7px;
    max-width: 100px;
}

article.post h1 {
    margin-top: 0.5em;
    font-size: 1.4em;
    font-weight: normal;
}
article.post h1 a {
    font-family: "Playfair Display", serif;
}

article.post.col-xs-12 h1 {
    font-size: 1.571428571428571em;
    text-align:center;
}

article.post.col-xs-12 > header.row {
    padding: 15px 0;
    color: #9E9E9E;
}

article.post .author {
    font-size: 9px;
    margin: 8px 0 13px;
}
article.post .author a {
    color: #464646;
}

article.post .sponsor {
    font-size: 8px;
    text-transform: uppercase;
    margin: 5px 0;
    vertical-align: middle;
    line-height: 20px;
}

article.post .sponsor > span {
    display:inline-block;
}
article.post .sponsor > span:first-of-type {
    padding-right: 0.5em;
}

article.post .content {
    height: 180px;
    overflow: hidden;
    position: relative;
}

article.post .share, .farm-we-follow .share {
    position: absolute;
    bottom: 0;
    padding: 40px 3px 5px;
    width: 100%;
    left: 0;
}
/* farms we follow - FORBES */
.fwf-bio-copy,
.fwf-questionnaire-copy {
    background: #fff;
    padding: 30px 20px;
    display: block;
    margin: 0 auto;
    max-width: 972px;
}
.fwf-bio-copy h1,
.fwf-questionnaire-copy h1 {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}



/* farms we follow - FORBES */
.fwf-bio-copy,
.fwf-questionnaire-copy {
    background: #fff;
    padding: 30px 20px;
    display: block;
    margin: 0 auto;
    max-width: 972px;
}

.fwf-bio-copy h1,
.fwf-questionnaire-copy h1 {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
























#innews article.post .share {

    background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.76) 35%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.76) 35%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.76) 35%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#innews article.post .share a, .farm-we-follow .share a {
    color: #000000;
}

article.post .share > div,  .farm-we-follow .share > div {
    color: #9E9E9E;
    font-weight: 500;
    text-align:center;
    font-size: 10px;
    text-transform: uppercase;
}

article.post .share>div, .farm-we-follow .share > div {
    display:none;
}
article.post .share ul, .farm-we-follow .share ul{
    list-style:none;
    display:block;
    margin: 0;
    padding: 0;
}
article.post .share li, .farm-we-follow .share li { text-align: center; }
article.post .share a, .farm-we-follow .share a {
    display: block;
    cursor: pointer;
}

article.post .share .pi-share, .farm-we-follow .share .pi-share {
    display:none;
}

@media only screen and (min-width : 768px) {

    article.post .post-thumb.back {
        min-height: 307px;
    }

    article.post .share .pi-share, .farm-we-follow .share .pi-share {
        display:block;
    }
    article.post .share .sm-share, .farm-we-follow .share .sm-share {
        display:none;
    }

    article.post .post-data {
        font-size: 10px;
    }

    article.post.col-xs-12 h1 {
        font-size: 1.714285714285714em;
        text-align:left;
    }
}

@media only screen and (min-width : 1024px) {
    article.post .post-thumb.back {
        min-height: 400px;
    }
    article.post .sponsor > span {
        display:block;
    }
    article.post .share>div, article.post .share:hover ul,
    .farm-we-follow .share>div, .farm-we-follow .share:hover ul {
        display:block;
    }
    article.post .share ul, article.post .share:hover>div,
    .farm-we-follow .share ul, .farm-we-follow .share:hover>div{
        display: none;
    }
    /*.container.archive > .row {
        max-width: 666px;
    }*/
}

/* ==List of posts */

.list_posts {
    padding: 0;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.list_posts > h2 {
    font-size: 1.142857142857143em;
    line-height: 1.3125em;
    color: #2A2A2A;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    padding: 7px;
}

.list_posts > h1 {
    font-size: 1.142857142857143em;
    line-height: 1.3125em;
    color: #2A2A2A;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    padding: 7px;
}


#archive .list_posts .personal_site,
#featured-content .personal_site {
    display: none;
}

/* =In the news */
#innews {
    background: #FFFFFF;
}
#innews > .container > .row {
    margin-bottom: 23px;
}
#innews > .container > .row:last-child {
    /*margin-bottom: 20px;*/
}

#innews .more, .load_more, .load_more_farms {
    display: block;
    clear: both;
    text-align: center;
    margin: 10px auto;
    line-height: 10px;
    color: #464646;
    background: #00F9C2;
    font-weight: 600;
    padding-top: 8px;
    text-transform: uppercase;
}

.load_more_farms {
    max-width: 120px;
    border-radius: 5px;
}

#innews  .more .fa {
    font-size: 26px;
}


#category_news .withside .col-xs-6 {
    padding: 0 10px 0 15px;
}

#category_news li {
    margin-bottom: 8px;
}

#category_news h3 {
    font-size: 1.142857142857143em;
    line-height: 1.3125em;
    color: #2A2A2A;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    padding: 7px;
}


#category_news img {
    width: 100%;
}

#category_news ul {
    padding-left: 0px;
}

#category_news a {
    font-size: 12px;
    font-family: "Playfair Display", serif;
    font-weight: 600;
    align-items: center;
    margin: 0;
    color: #464646;
}


#category_news {
    background: #FFFFFF;
}
#category_news > .container > .row {
    margin-bottom: 23px;
}
#category_news > .container > .row:last-child {
    /*margin-bottom: 20px;*/
}

#category_news .more, .load_more, .load_more_farms {
    display: block;
    clear: both;
    text-align: center;
    margin: 10px auto;
    line-height: 10px;
    color: #464646;
    background: #00F9C2;
    font-weight: 600;
    padding-top: 8px;
    text-transform: uppercase;
}


#subscribe_container, #poll_container {
    margin: 20px 0 20px 15px;
}
#subscribe_container {
    background: #F4F4F4;
    text-align: center;
    padding: 8px;
}
#subscribe_container h1 {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2A2A2A;
    text-transform: uppercase;
    margin: 0;
}
#subscribe_container p {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 12px;
    color: #2A2A2A;
    margin: 3px 0 15px;
}

#subscribe_container .form-control {
    max-width: 358px;
    display: inline-block;
    margin-bottom: 5px;
}

#subscribe_container .btn {
    font-size: 12px;
    padding: 6px 46px;
}
#subscribe_container .message span {
    display: none;
    color: #000;
    font-weight: 600;
    background: #00F9C2;
    border-radius: 4px;
    padding: 4px;
}


#poll_container {
    /*background: #919792;*/
    /*height: 275px;*/

    padding: 0;
}
#poll_container > .iab {
    margin-left: 0;
}

.social-media-likes {
    background: #2a2a2a;
    display: table;
    margin: 60px auto 10px;
    max-width: 1000px;
    text-align: left;
    width: 100%;
}

.social-media-likes h2 {
    color: #fff;
    font-size: 11px;
    line-height: 26px;
    margin: 0 20px 0 0;
    text-transform: uppercase;
}

.social-media-likes div {
    display: table-cell;
    vertical-align: middle;
}

.home-social-media-likes {
    background: #fff;
    margin: 10px auto 0;
}

.home-social-media-likes h2 {
    color: #333;
}

@media screen and (max-width: 768px) {
    .comments {
        width: 100%;
    }

    .single-post .iab .adcontainer iframe {
        display: block;
        margin: auto;
        transform-origin: 0 0;
      }

      #navbar .navbar-extra h1{
        display: none;
      }

}


@media only screen and (min-width : 768px) and (max-width : 991px) {
    #subscribe_container {
        height: 100px;
        clear: both;
    }
    #poll_container {
        /*height: 266px;*/
    }
}
@media only screen and (min-width : 992px) {
    #innews .row.withside {
        float:left;
        max-width: 650px;
    }
    #innews .more {
        width: 150px;
    }
    #subscribe_container, #poll_container {
        max-width: 300px;
        margin-top: 0;
        margin-bottom: 0;
        float:right;
    }
    #subscribe_container {
        height: 225px;
        background-image: url('assets/img/subscribebg.png');
        background-size: cover;
    }
    #subscribe_container p {
        padding: 0 65px 0 12px;
        text-align: left;
    }
    #subscribe_container > input {
        display: block;
    }
    #subscribe_container .form-control {
        margin-top: 18px;
        margin-bottom: 10px;
    }
    #subscribe_container .btn {
        width: 100%;
    }

    #poll_container {
        height: 600px;
        margin-top: -185px;
    }

    #innews .more_container article.post.archive:nth-child(3n+1) {
        clear: both;
    }
}

/* ==Features */
#features {
    margin-bottom: 1.5em;
    margin-top: 15px;
}
#features > h1 {
    background: #fff;
    margin-bottom: 0;
}

#features > .container  {
    padding: 0;
    width: 100%;
}

#features > .container  article.post {
    background: #fff;
    margin: 20px 0;
}

#features > .container article:first-child {
    margin: 0 0 20px;
}

#features > .container  article.post:nth-child(n+2) {

}

#features .post_type {
    font-size: 14px;
    height: 30px;
    width: 100px;
}

#features .post_type .fa {
    width: 35px;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
}

#features .post_type_name {
    text-align: center;
    width: 60px;
    font-size: 14px;
    left: 35px;
    height: 30px;
    line-height: 30px;
}

.ad_unit_3 .iab {
    padding: 0;
}

@media only screen and (min-width : 992px) {
    .ad_unit_3 {
        display: block;
        margin: 20px 0;
    }
}

/* ==Widgets */
.sidebar .widget {
    background: white;
    padding: 8px;
}

.widget-title {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #616161;
    text-align: center;
    margin-top: 11px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 19px;
    font-weight: 600;
}


.trending_posts_widget article {
    margin-bottom: 1em;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
}
.trending_posts_widget article > a {
    width: 100px;
    height: 56px;
}
.trending_posts_widget article > a,
.trending_posts_widget article > h1 {
    float:left;
    margin-right: 8px;
}

.trending_posts_widget article > h1 {
    width: 161px;
    font-size: 12px;
    font-family: "Playfair Display", serif;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
}
.trending_posts_widget article > h1 a {
    color: #6D6D6C;
}

#sidebar-single.sidebar .iab,
#sidebar-archive.sidebar .iab
{
    margin-top: 10px;
    padding: 0;
}

.clearfix.container img {
    height: auto;
    max-width: 100%;
}


@media screen and (max-width: 768px) {
    #archive .list_posts.col-sm-8,
    .clearfix.container .sidebar.col-sm-4{
        width: 100%;
        margin-bottom: 9px
    }

    .clearfix.container .sidebar.col-sm-4 {
        padding: 0 0 10px 0;
    }

    .clearfix.container .article-content {
        width: 100%;
    }

    .trending_posts_widget article {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 49%;
    }
}

@media screen and (max-width: 595px) {
    .trending_posts_widget article {
        width: 100%;
    }

    .trending_posts_widget article > h1 {
        min-height: 84px;
        vertical-align: middle;
        width: 50%;
    }

    .trending_posts_widget article > a {
        height: auto;
        width: 150px;
    }
    .trending_posts_widget article img {
        width: 100%;
    }
}


@media only screen and (min-width : 1000px) {
    .sidebar.col-sm-4 {
        padding-right: 0;
    }
    .sidebar.widget-area {
        max-width: 300px;
    }
    .sidebar .iab.fixed {
        position: static;
        top: 50px;
        z-index: 0;
    }
    .admin-bar .sidebar .iab.fixed {
        top: 80px;
    }

    .sidebar .iab.absolute {
        position: static;
        left: 15px;
    }
}

/* ==Preloader */
@keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.pre-loader > div {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
}
.pre-loader > div:nth-of-type(1) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.pre-loader > div:nth-of-type(2) {
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s;
}
.pre-loader > div:nth-of-type(3) {
    -webkit-animation-delay: -0.33333333333333337s;
    animation-delay: -0.33333333333333337s;
}
.pre-loader > div:nth-of-type(4) {
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.pre-loader > div:nth-of-type(5) {
    -webkit-animation-delay: -0.16666666666666669s;
    animation-delay: -0.16666666666666669s;
}
.pre-loader > div:nth-of-type(6) {
    -webkit-animation-delay: -0.08333333333333331s;
    animation-delay: -0.08333333333333331s;
}
.pre-loader > div:nth-of-type(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.pre-loader > div:nth-of-type(8) {
    -webkit-animation-delay: 0.08333333333333337s;
    animation-delay: 0.08333333333333337s;
}
.pre-loader > div:nth-of-type(9) {
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s;
}
.pre-loader > div:nth-of-type(10) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.pre-loader > div:nth-of-type(11) {
    -webkit-animation-delay: 0.33333333333333337s;
    animation-delay: 0.33333333333333337s;
}
.pre-loader > div:nth-of-type(12) {
    -webkit-animation-delay: 0.41666666666666663s;
    animation-delay: 0.41666666666666663s;
}
.pre-loader {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
    margin: auto;
}

.message .pre-loader {
    height: 100px;
}

/* ==Single Article */

/* Photo by block */
article.single-article .article-content > div > figure.wp-caption.alignleft {
    max-width: 50%;
    float: left;
    padding: 0 10px 0 0;
}

.wp-caption-text {
    background: #2c2c2c;
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    font-weight: 400;
    padding: 8px 12px;
    width: 100%;
    margin-bottom: 20px;
}

figure.photo-credits {
    display: inline-block;
}
figure.photo-credits figcaption {
    min-height: 26px;
    font-size: 9px;
    color: #FFFFFF;
    background-color: #2c2c2c;
    padding: 0 1em;
    line-height: 26px;
}


article.single-article .container {
    display: block;
    position: relative;
}
header.clearfix.no-image-credits {
    margin-bottom: 10px;
}

.featured-photo-credits {
    background: #2c2c2c;
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    font-weight: 400;
    padding: 8px 25px;
    width: 100%;
    margin-bottom: 10px;
}

.featured-photo-credits a:link,
.featured-photo-credits a:visited {
    color: #fff;
    text-decoration: none;
}

.featured-photo-credits a:hover,
.featured-photo-credits a:active {
    color: #fff;
    text-decoration: underline;
}

.maxwidth {
    margin: 0 auto;
    max-width: 950px;
}


article.single-article {
    margin-top: -52px;
}
article.single-article header {
    position: relative;
}
article.single-article header {
    min-height: 480px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 0;

}

article.single-article header .header-container {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 1;
}

article.single-article header .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 36%, rgba(0,0,0,0.21) 50%, rgba(0,0,0,0.52) 71%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 36%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.52) 71%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 36%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.52) 71%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */

}

article.single-article .article-content {
    background: #FFFFFF;
    padding-top: 15px;
}

article.single-article .article-content > div > * {
    max-width: 100%;
}

article.single-article .article-content > div > ul {
    margin-left: 20px;
}

article.single-article header .post-categories {
    margin: 27px 0 0;
}

article.single-article header .post-categories a {
    color: #00f9c2;
    text-transform: uppercase;
}

article.single-article header h1 {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 2.28571428571429em;
    line-height: 1.34375em;
    margin-top: 0;
    text-shadow: 1px 1px #000;
}

article.single-article header .post-author {
    color:#ddd;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 300;
}
article.single-article header .post-author a {
    color:#DDDDDD;
    cursor: pointer;
}

article.single-article header .post-author a:after {
    content:"\2219";
    position: relative;
    display: inline-block;
    margin:0 8px;
    font-size: 28px;
    line-height: 17px;
    vertical-align: middle;
    font-weight: 300;
}

.columnist_avatar {
    margin-right: 25px;
    float:left;
}

.personal_site {
    text-transform: lowercase;
}

article.single-article header .pubdate {
    color: #FFFFFE;
    font-size: 12px;
}

article.single-article header .share a,
article#single-video .share a{
    background-color: #00F9C2;
    border-radius: 2px;
    color: #2A2A2A;
    font-weight: 600;
    font-size: 1.16666666666667em;
    text-align:center;
    padding: 3px;
    width: 32%;
    margin-right: 1.333333%;
}
article.single-article header .share a:last-of-type,
article#single-video .share a:last-of-type {
    margin-right: 0;
}

article.single-article header .share a.pi-share,
article#single-video .share a.pi-share,
article.single-article header .share a.ma-share,


article.single-article > .container {
    font-size: 16px;
}

article.single-article.show_wrap > .container {
    margin: 140px auto 1em;
}

/*article.single-article div.iab {
    background-color: #212121;
    padding: 1% 3% 1em;
}*/

article.single-article blockquote {
    font-family: "Playfair Display", serif;
    margin: 0 20px 20px;
    padding: 10px 20px;
    border-left-color: #00F9C2;
}

article.single-article .article-content > div > div.related_posts {
    background-color: #2A2A2A;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    max-width: none;
}
.related_posts h2 {
    color: #FFFFFE;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.related_posts .related_container {
    width: 200%;
    position: relative;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.related_posts .related_container.show-second {
    animation-name: slideLeft;
}
.related_posts .related_container.show-first {
    animation-name: slideRight;
}

.related_posts ul {
    list-style: none;
    padding-left: 0;
    float:left;
    width: 50%;
}
.related_posts ul:nth-child(2) {
    padding-left: 15px;
}
.related_posts .show-second ul:nth-child(2) {
    padding-left: 0;
}

.related_posts ul li {
    margin: 15px 0;
    padding-left: 45px;
    position: relative;
    padding-right: 15px;
}
.related_posts li a {
    font-family: "Playfair Display", serif;
    color: #00F9C2;
    font-weight: 500;
    font-size: 16px;
}
.related_posts a.disabled {
    color:#dddddd;
    cursor: default;
}

.related_posts a .fa {
    margin: 0 14px;
    font-size: 20px;
}
.related_posts li a .fa {
    color: #DDDDDD;
    position: absolute;
    left: 0;
}
.related_posts .arrow {
    vertical-align: middle;
}
.related_posts .arrow-left  {   margin-right: 20px; }
.related_posts .arrow-right {   margin-left : 20px; }

.content_disclaimer {
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    color: #000000;
    max-width: 530px;
    margin: 0 auto;
    text-align: center;
    padding: 1em 15px;
}

.article_signup{
  background-color: #2A2A2A;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  max-width: none;
}

.article_signup h3{
  color: #FFFFFE;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.article_signup p{
  color: #FFFFFE;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
  margin-left: 13%;
  margin-right: 13%;
}

.article_signup form{
  padding-top: 15px;
  padding-bottom: 15px;
}

.article_signup_divider{
  display: block;
   margin-top: 0.25em;
   margin-bottom: 0.25em;
   margin-left: auto;
   margin-right: auto;
   border-style: inset;
   border-width: 1px;
}

.article_signup .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
}

.article_signup .btn.btn-primary {
    background-color: #00F9C2;
    border: none;
    color: #2A2A2A;
    font-weight: 600;
    width: 150px;
}

.single-video .article_signup{
  background-color: #2A2A2A;
  margin: 32px auto 0;
  overflow: hidden;
  max-width: 1000px;
}

.single-video .article_signup p{
  color: #FFFFFE;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
}

@media screen and (max-width: 667px) {
    .article_signup p{
      margin:auto;
    }

    .article_signup .form-control{
      width: 90%;
    }

    .article_signup .btn.btn-primary {
        background-color: #00F9C2;
        border: none;
        color: #2A2A2A;
        font-weight: 600;
        width: 300px;
        margin-top: 8px;
    }
}

article.single-article .comments {
    background-color: #FFFFFF;
    padding-bottom: 15px;
}

.disqus_container {
    width: 100%;
    min-height: 350px;
    border: none;
}

.videowrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videowrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

article.single-article iframe {
    max-width: 100%;
}


@media only screen and (max-width: 409px) {
    .columnist_avatar + p + .share.clearfix {
        clear: both;
        padding-top: 10px;
    }
}
@media only screen and (min-width: 410px) and (max-width : 768px) {
    .columnist_avatar + p + .share.clearfix {
        float:left;
        width: 75%;
    }
}

@media only screen and (min-width : 768px) {

    article.single-article header .share a {
        width: 120px;
        margin-right: 1%;
    }
    article.single-article header .share a.pi-share,
    article#single-video .share a.pi-share,
    article.single-article header .share a.ma-share,
    article#single-video .share a.ma-share {
        display:block;
    }
    article.single-article header .share a.sm-share,
    article#single-video .share a.sm-share, {
        display:none;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    article.single-article header { min-height: 345px; }

}
@media only screen and (min-width : 1024px) {
    article.single-article .container,
    #archive .container {
        width: 1000px;
        padding-left: 15px;
        padding-right: 15px;
    }
    article.single-article {
        margin-top:-50px;
    }
    article.single-article header  { min-height: 600px; }

}

@media screen and (min-width : 768px) {
    .sm-share {
        display: none;
    }
}

/* ==Single Video */
#single-video {
    background-color: #212121;
    text-align: center;
}
#single-video > .container {
    padding-top:60px;
    padding-left: 0px;
    padding-right: 0px;
}
#single-video > .container h1 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 18px;
    font-weight: 500;
}

#single-video .video_container {
    position: relative;
    width: 100%;
    max-width: 694px;
    margin: auto;
}
.video_container .embed_content {
    line-height: 0;
}
#single-video .video_container iframe,
#single-video .video_container .embed_content {
/*    position: absolute;*/
    width: 100%;
    /*height: 100%;*/
/*    left: 0; top: 0;*/
}

#single-video .video_container .embed_content div {
    border-radius: 20px;
}
#single-video .video_container .embed_content > div {
    width: 100% !important;
}

article#single-video .share {
    position: relative;
    margin: 5px auto;
    max-width: 694px;
}


#shows {
    background-color: #FFFFFF;
}
#shows h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: left;
    padding: 15px 7px 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#shows h1 .carbontv {
    background-image: url('/wp-content/themes/ag/assets/img/carbontv_logo_md.png');
    display: inline-block;
    width: 89px;
    height: 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;

}
#shows h1 .separator{
    color:#DDDDDD;
}


#shows > div {
    padding: 0 10px 15px;
}

#shows .show img {
    max-width: 100%;
    height: auto;
}
#shows .show h1,
#shows > div > h2 {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    line-height: 17px;
    margin: 4px;
}
#shows > div > h2 {
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 15px;
}
#shows .show h1 a {
    color: #212121;
}
#featured_shows: {
    border-bottom: 1px solid #DDDDDD;
}

#all_shows {
    overflow: hidden;
}

div#all_shows > h2 {
    position: relative;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    line-height: 50px;
    height: 52px;
    margin:  0 0 15px;
}

#all_shows .show_left,
#all_shows .show_right {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-size: 22px;
    background: #F6F6F6;
    color: #00F9C2;
    position: absolute;
}
#all_shows .show_left {
    left: 0;
}
#all_shows .show_right {
    right: 0;
}

.show {
    text-align: center;
}
#all_shows .show_row_container {
    height: 180px;
}
#all_shows .show_row_container .row {
    display: block;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    opacity: 0;
}
#all_shows .show_row_container .row.active {
    animation-name: slideRightShow;
    opacity: 1;
    display: block;
}
#all_shows .show_row_container .row.active_left {
    animation-name: slideLeftRightShow;
}

.show_row_container h6 {
    text-align: center;
}

#all_shows .show_row_container .row.inactive_right {
    -webkit-animation-name: slideRightShowOut;
    -moz-animation-name: slideRightShowOut;
    -o-animation-name: slideRightShowOut;
    animation-name: slideRightShowOut;
}
#all_shows .show_row_container .row.inactive_left {
    -webkit-animation-name: slideLeftShowOut;
    -moz-animation-name: slideLeftShowOut;
    -o-animation-name: slideLeftShowOut;
    animation-name: slideLeftShowOut;
}

.list_posts > hr {
    margin: 15px;
}

.video_text {
    max-width: 1000px;
    margin: auto;
    background-color: #FFFFFF;
    padding: 15px;
    margin-top: 15px;
}
article#single-video .share.desktop {
    display: none;
}

.video_content {
    color: #F0F0F0;
    text-align: left;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

article.post .video_content a {
    color: #F0F0F0;
    border-bottom: 1px dotted #FFF;
    font-weight: 500;

}

article#single-video .mobile.share a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
}
article#single-video .mobile.share a.fb-share { background-color: #4A90E2; }
article#single-video .mobile.share a.tw-share { background-color: #00ACED; }
article#single-video .mobile.share a.sm-share { background-color: #84E619; }

.video_slider h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 41px;
    border: 1px solid #464646;
    margin-top: 0;
}

.video_slider .show_move {
    width: 48px;
    height: 41px;
    position: absolute;
    left: 1px;
    top: 1px;
    line-height: 40px;
    font-size: 18px;
    color: #00F9C2;
    background: #2A2A2A;
}
.video_slider .show_right {
    left: auto;
    right: 1px;
}
.video_slider article.video {
    text-align: left;
}

.video_slider article.video a {
    color: #DDDDDD;
    display: block;
    position: relative;
}
.video_slider article.video a .fa {
    color: #00F9C2;
    font-size: 12px;
}
.video_slider .videotime {
    left: 0;
    bottom: 0;
}

.video_slider .category {
    text-transform: uppercase;
    color: #9E9E9E;
    height: 15px;
    font-size: 10px;
}

@media only screen and (max-width:575px) {
    #single-video .video_container iframe,
    #single-video .video_container .embed_content {
        width:100%;
    }
}

@media only screen and (min-width:1024px) {
    #single-video .container {
        position: relative;
        padding-right: 0;
        padding-left: 0;
    }

    #single-video .video_container {
        margin: 0 8px;
        float: left;
        max-width: 65%;
    }

    article#single-video .share.mobile {
        display: none;
    }
    article#single-video .share.desktop {
        display: block;
        width: 22px;
        margin-right: 8px;
        float: left;
        padding:0;
    }

    article#single-video .share a {
        background: url('/wp-content/themes/ag/assets/img/socialiconsprite.png');
        overflow: hidden;
        width: 22px;
        height: 24px;
        display: block;
        line-height: 10em;
        overflow: hidden;
    }

    article#single-video .share a.tw-share {
        background-position: 0 -30px;
    }
    article#single-video .share a.pi-share {
        background-position: 0 -60px;
    }
    article#single-video .share a.sm-share,
    article#single-video .share a.ma-share  {
        display: none;
    }

    .video_content {
        max-width: 30%;
        float:right;
    }

    .video_content > div {

    }
}

/* ==Riddle */
.riddle_container {
    margin: 20px 0;
}

/* ==Archive */
#archive {
    padding: 32px 0;
}
#archive .list_posts {
    background: #ffffff;
    padding: 0 12px 12px;
    margin: 0;
}

#archive .list_posts h1 {
    font-size: 20px;
    margin: 0;
    color: #464646;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 600;
}

#archive .list_posts > h1 {
    margin-bottom: 15px;
}
#archive .list_posts h1 a {
    color: #464646;
}

#archive .list_posts article.featured header {
    margin-top: 10px;
}

#archive .list_posts article .post_data {
    font-size: 12px;
    color: #464646;
    margin: 4px 0;
}
#archive .list_posts article .post_data a {
    color: #464646;
    font-style: italic;
    text-transform: capitalize;
}
#archive .list_posts article .img_container {
    position: relative;
}

#archive .list_posts article .img_container img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#archive .list_posts article .excerpt {
    font-size: 14px;
    color: #464646;
}

#archive .list_posts article {
    border-bottom: 1px solid #979797;
    margin-bottom: 15px;
}

#archive .list_posts article .post_type {
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 1;
    width: 70px;
}

#archive .list_posts article .col-sm-4 .post_type {
    display: none;
}

#archive .list_posts article.featured .post_type {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    width: 70px;
}

#archive .list_posts article .videotime {
    z-index: 1;
    left: 20px;
    bottom: 15px;
}

#archive .list_posts article.featured .videotime {
    left: 5px;
}

#archive #shows.list_posts {
    padding: 0;
}

#archive #all_shows {
    padding: 0;
}

#archive div#all_shows > h2 {
    border: none;
    line-height: 30px;
    height: 30px;
}
#archive #all_shows .show_left,
#archive #all_shows .show_right {
    z-index: 9;
    background: none;
    top: 50px;.
    width: 30px;
    height: 30px;
    font-size: 16px;
}

#archive .list_posts.show_slider,
.list_posts.video_slider{
    overflow: hidden;
    padding: 0;
    position: relative;
}

#archive .show_slider .show,
.video_slider .video{
    width: 170px;
    float:left;
    border: none;
    padding: 0 10px;
}
.show_slider .show img,
.video_slider .video img{
    max-width: 100%;
}

.show_row_container,
.video_row_container{
    float: left;
    margin: 0 0 35px -10px;
    position: relative;
    width: 100%;
}

.show_row_container {
    margin: 0 0 35px 0;
}

.show_row_container .show_row,
.video_row_container .video_row{
    float: left;
}

.show_slider h2 {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #5C5C5C;
    text-align: center;
}

.show_slider .show_move {
    color: #00F9C2;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    margin-top: -3px;
}
.show_slider .show_move.show_right {
    right: 0;
}

.load_more {
    width: 150px;
    font-size: 10px;
}

/* ==Sections */
#sections > div {
    background: #FFFFFF;
    padding: 15px;
    margin-bottom: 30px;
}

#sections > h1 {
    color: #464646;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 16px 0;
}
.section_list {
    margin-bottom: 25px;
}
.section_list h1 {
    font-size: 12px;
    font-weight: 600;
    position: relative;
}

.section_list > h1 {
    border-bottom: 1px solid #979797;
    padding-bottom: 6px;
    text-transform: uppercase;
    margin-top: 5px;
}

.section_list h1 .see_all {
    float: right;
    font-size: 11px;
    background-color: #00F9C2;
    color: #000000;
    padding: 2px 12px;
    border-radius: 2px;
}

.section_list .post-thumb a {
    width: 230px;
    min-height: 135px;
    max-width: 100%;
    display: block;
}
.section_list .post-thumb img {
    max-width: 100%;
    height: auto;
}
.section_list article h1 {
    margin: 4px 0 0 0;
}

.section_list a {
    color: #464646;
}

/* ==Markets */
#markets {
    display:none;
    background: #171717;
    color: #FFFFFF;
    padding: 6px;
    overflow: hidden;
}

#markets > header > h2 {
    font-size: 12px;
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 14px;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
}

#markets li.btn {
    background: none;
    padding: 0;
    border: none;
    border-top: 1px solid #FFFFFE;
    border-bottom: 1px solid #FFFFFE;
    text-transform: uppercase;
}
#markets li.btn:first-of-type {
    border-left:  1px solid #FFFFFE;
}
#markets li.btn:last-of-type {
    border-right:  1px solid #FFFFFE;
}

#markets li.btn a {
    padding: 5px 15px;
    color: #FFFFFE;
    font-size: 8px;
    vertical-align: middle;
    line-height: 1em;
}
#markets li.btn.active {
    background-color: #00F9C2;
}
#markets li.btn.active a {
    color: #464646;
    font-weight: bold;
}

#markets h2 {
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 2px 15px;
    font-weight: 700;
    width: 100%;
}
#markets .market {
    font-size: 10px;
    margin: 15px;
    float: left;
    width: 160px;
}

#markets .market .market_info {
    width: 90px;
    float:left;
}

#markets .market .market_number {
    width: 70px;
    float:left;
}

#markets .market p {
    margin: 0 2px;
}



#markets .market .positive,
#markets .market .negative {
    font-size: 25px;
    font-weight: 600;
}

#markets .market .positive {
    color: #84E619;
}
#markets .market .positive:before {
    content: '+';
}

#markets .market .negative {
    color: #D0021B;
}

#markets #markets_container {
    width: 100%;
    overflow: hidden;
}

#markets #markets_content {
    width: 9999em;
    height: 100px;
    position: relative;
    overflow: hidden;
}

#markets #markets_content > div {
    float:left;
}

#markets .move_markets {
    color: #00F9C2;
    font-size: 25px;
    padding: 6px;
    display: inline-block;
    position: absolute;
}
#markets .move_markets.back_market{
    margin-right: 55px;
    left: 14px;
}

#markets .move_markets.next_market{
    margin-left: 55px;
    right: 14px;
}

.mobile #markets #markets_container {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.mobile #markets .move_markets {
    display: none;
}

@media only screen and (min-width : 768px) {
    #markets .move_markets {
        font-size: 16px;
        position: relative;
    }
}


/* ==Contact US */
#gmaps_container, #gmap_canvas {
    height: 181px;
    width: 100%;
    display: none;
}

#contact-us-header{
  margin: auto;
  color: white;
}

.page-template-contactus{
  background: #5c5c5c;
}

.page-template-contactus #navbar{
  background: rgba(125, 119, 119, 0.6);
}


#location_data {
    background-color: #5C5C5C;
    padding: 15px 0;
}

#location_data .data_item {
    color: #FFFFFF;
    font-size: 13px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
    min-height: 30px;
}
#location_data .location_icon {
    color: #888888;
    font-size: 16px;
    margin-right: 9px;
    margin-bottom: 0.5em;
    float: left;
}

#contact_content {
    margin-top: 23px;
}
#contact_content .main_text {
    margin-bottom: 15px;
}
#contact_content .main_text,
#contact_content .sidebar {
    background-color: #FFFFFF;
    padding: 15px;
}

#contact_content h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 16px;
    border-bottom: 1px solid #DDDDDD;
    margin: 5px 0;

}



#contact_content .main_text h2 {
    font-size: 16px;
    color: #464646;
    font-weight: 500;
    margin: 30px 0 0.3em;
}

#contact_content .main_text h2::after {
    content: '//';
    padding-left: 11px;
    font-weight: 200;
    font-size: 12px;
}

#contact_content .main_text h3 {
    font-size: 16px;
    color: #464646;
    font-weight: 700;
    margin: 30px 0 0.3em;
}

#contact_content .main_text h3::after {
    content: '//';
    padding-left: 11px;
    font-weight: 200;
    font-size: 12px;
}


#contact_content .main_text a {
    color: #2C2C2C;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px #2C2C2C dotted;
}

#contact_content .staff {
    margin-bottom: 15px;
}

#contact_content .staff_photo {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: auto;
}
#contact_content .staff_photo img {
    max-width: 100%;
    height: auto;
}

#contact_content .position {
    color:#616161;
}

#contact_content .writer_info {
    text-align: center;
}

#contact_content .sidebar {
    margin-bottom: 7px;
}

#contact_content .sidebar h2 {
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}

#contact_content a {
    color: #5C5C5C;
}

#contact_content .writer_info > div {
    margin: 5px 0;
}

#contact_content .twitter-follow-button {
    background: #1B95E0;
    border-radius: 2px;
    color: #F0F0F0;
    padding: 3px;
    font-size: 11px;
}
@media only screen and (max-width : 600px) {
    #location_data .data_item {
        width: 100%;
        min-height: auto;
        margin-bottom: 0.5em;
    }
}

@media only screen and (max-width : 767px) {
    #gmaps_container, #gmap_canvas {
        height: 231px;
        display: none;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    #contact_content .staff {
        width: 50%;
        float: left;
    }
}


@media only screen and (min-width : 600px) and (max-width : 1023px) {
    #location_data .data_item {
        width: 50%;
        float: left;
    }
    .data_container {
        clear: both;
    }
    #contact_content .main_text {
        padding: 0 75px;
    }
}
@media only screen and (min-width : 1024px) {
    #location_data .data_item {
        border-left: 1px solid #888888;
        padding-left: 10px;
    }
    #location_data .data_item:first-child {
        border-left: none;
    }

    #location_data .data_item {
        padding-top: 5px;
    }

    #contact_content .col-sm-8 {
        padding: 0;
    }

    #gmaps_container, #gmap_canvas {
        height: 433px;
        display: none;
    }
}

/* ==Farms We Folow */
.featured-farm header {
    min-height: 290px;
    background-size: cover;
    color: #F6F6F6;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.featured-farm header h1 {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
    text-shadow: 3px 2px 1px rgba(0,0,0,0.50);
    text-transform: uppercase;
}
.featured-farm header h1 span:after {
    content: '\a';
    white-space: pre;
}

.featured-farm a.btn {
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.featured-farm a.btn > span.fa {
    font-size: 14px;
}

.featured-farm header p {
    font-weight: 500;
    font-size: 12px;
}
.featured-farm header .social-icons {
    margin: 12px;
}
.featured-farm header .social-icons a {
    color: #FFFFFE;
    font-size: 24px;
    margin: 0 8px;
}

.farm-modal.modal {
    padding-top: 70px;
    margin-top: 15%;
}

.farm-modal.modal button.close {

    position: absolute;
    top: -80px;
    width: 55px;
    height: 55px;
    left: 50%;
    z-index: 99999999;
    opacity: 1;
    color: #FFF;
    background: none;
    border: 1px solid #00F9C2;
    border-radius: 50%;
}

#carousel-featured-farms .carousel-indicators {
    bottom: 50px;
}

#carousel-featured-farms article .fwf-bio-copy img {
    display: block;
    height: auto;
    width: 100%;
}

.farm-modal.modal .carousel-indicators {
    bottom: -40px;
}

.farm-arrow-down {
    bottom: 0;
    color: #555;
    font-size: 44px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
}



.modal-backdrop.in {
    opacity: .85;
}

.featured-farm-content {
    margin-top: 20px;
}

#farm-play-video {
    display: inline-block;
    color: #FFFFFE;
    cursor: pointer;
}

.featured-farm .farm-data {
    background-color: #212121;
    color: #FFFFFE;
    padding: 15px;
}

.farm-data h2 {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
}

.production_icon {
    background-image: url('/wp-content/themes/ag/assets/img/productionsprite.png');
    display: inline-block;
    margin:auto;
}
.production_icon.livestock_icon {
    height: 25px;
    width: 41px;
}
.production_icon.agriculture_icon {
    width: 25px;
    height: 25px;
    background-position: -55px 0;
}


.production_level {
    width: 60px;
    float: left;
    text-align: center;
}
.production_level + .production_level {
    margin-left: 16%;
}

.production_level .percent {
    font-size: 28px;
    font-weight: bold;
}
.production_level h3 {
    color: #DDDDDD;
    font-size: 8px;
    margin: 6px auto;
    text-transform: uppercase;
}

.farm-production-levels, .farm-specialization {
    padding: 0 10px;
}

.farm-specialization h2 {
    text-align: center;
    margin-bottom: 19px;
}

.specialization_item {
    display: inline-block;
    width: 48%;
    text-align: center;
    margin-bottom: 30px;
}

.specialization_item .label {
    color:#FFFFFE;
    font-size: 8px;
    text-transform: uppercase;
}

.specialization_icon {
    background-image: url('/wp-content/themes/ag/assets/img/specializationssprite.png');
    display: block;
    margin: auto;
}

.specialization_icon.specialization_icon_1 {
    width: 35px;
    height: 26px;
}
.specialization_icon.specialization_icon_2 {
    width: 30px;
    height: 28px;
    background-position-x: -45px;
}
.specialization_icon.specialization_icon_3 {
    width: 30px;
    height: 30px;
    background-position-x: -85px;
}
.specialization_icon.specialization_icon_4 {
    width: 30px;
    height: 28px;
    background-position-x: -125px;
}
.specialization_icon.specialization_icon_dark {
    background-position-y: -33px;
}

.preferred_brands {
    text-align: center;
}
.preferred_brands h2 {
    text-align: center;
    margin-bottom: 13px;
}

.preferred_brands .brand {
    background-color: #FFFFFF;
    border-radius: 4px;
    color: #464646;
    font-size: 12px;
    text-align: center;
    padding: 16px;
    display: inline-block;
    margin: 0 3px 6px;
}

.farm-data-pane {
    /*max-height: 200px;*/
    overflow: auto;
}

#carousel-featured-farms  .carousel-control {
    top: 115px;
    bottom: auto;
}

#other-farms-we-follow {
    padding: 14px;
    max-width: 1000px;
    margin: auto;
}

#other-farms-we-follow > h1 {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.farm-we-follow {
    margin-bottom: 15px;
    height: 320px;
}
#other-farms-we-follow .farm-we-follow .flipper > div {
    background-color: #FFFFFF;
    width: 100%;
}

#other-farms-we-follow img {
    display: block;
    width: 100%;
    height: auto;
}
#other-farms-we-follow .farm-we-follow .farm-data {
    padding: 14px 14px 50px;
    text-align: center;
}

#other-farms-we-follow .farm-we-follow h1 {
    font-size: 18px;
    text-align: center;
    color: #4A4A4A;
    margin-top: 0;
    width: 100%;
}

#other-farms-we-follow .farm-we-follow p {
    font-weight: 200;
    color: #9B9B9B;
    text-align: center;
    padding: 0 10px;
}

#other-farms-we-follow .farm-we-follow .other_farm_content {
    padding: 0 35px;
    height: 225px;
    overflow: scroll;
}

#other-farms-we-follow .farm-we-follow .other_farm_content p {
    text-align: left;
}

#other-farms-we-follow .img-container {
    max-height: 200px;
    overflow: hidden;
}

#other-farms-we-follow .farm-data a:link,
#other-farms-we-follow .farm-data a:visited {
    color: #4a4a4a;
}

#other-farms-we-follow .farm-data a:hover,
#other-farms-we-follow .farm-data a:active {
    color: #00f9c2;
}

.flip-container {
    perspective: 1000px;
}

.flip-container.flipped .flipper {
    transform: rotateY(180deg);
}

.flipper .front {
    position: relative;
}
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}
.flipper .front, .flipper .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}
.flipper .front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

.flipper .back {
    transform: rotateY(180deg);
}


.farm-we-follow .share ul {
    text-align: center;
}
.farm-we-follow .share ul li {
    display: inline-block;
    padding: 5px;
    margin: 0 25px;
}

.farm-we-follow .back h1 {
    background: #D8D8D8;
    color: #4A4A4A;
    font-size: 18px;
    padding: 7px;
}

.farm-we-follow .production_level .percent {
    font-size: 30px;
    color: #616161;
}
.farm-we-follow .production_level h3 {
    color: #9B9B9B;
    font-weight: 500;
}
.farm-we-follow .production_level {
    float: none;
    margin: auto;
}

.farm-we-follow .back {
    padding-bottom: 25px;
    text-align: center;
    width: 100%;
}

.farm-we-follow .back h2 {
    font-size: 8px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.farm-we-follow .specialization_item .label {
    color: #9E9E9E;
}

.farm-we-follow .farm-specialization {
    text-align: center;
}

.farm-we-follow .img-container {
    position: relative;
}

a.btn.btn-lg.doflip {
    background: rgba(0, 249, 194, 0.8);
    color: #464646;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 15px;
}

.back a.btn.btn-lg.doflip {
    float: right;
}

.farm-we-follow .front a.btn.btn-lg.doflip {
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
}

.farm-we-follow .share {
    padding: 5px 3px;
}
.farm-we-follow .preferred_brands {
    margin-top: 20px;
    height: 60px;
}
.farm-we-follow .preferred_brands h2 {
    margin-top: 0;
}

#modalVideo .modal-dialog {
    width: 75%;
}
#modalVideo .modal-content {
    background: none;
}

#modalVideo .modal-body {
    padding: 0;
}
#modalVideo button.close {
    position: absolute;
    top: 10px;
    z-index: 999;
    color: white;
    opacity: 0.6;
    right: 10px;
}
#modalVideo .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
}



#modalVideo .video_container > *{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#modalVideo .video_container > .embed_content > * {
    min-width: 100%;
    min-height: 100%;
}

.featured-farm-data {
    padding: 25px 25px 50px 25px;
    background: rgba(0,0,0,0.5);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );*/

}

.featured-farm-data .btn-group {
    width: 270px;
}

.featured-farm-data .btn-group .btn {
    border: 1px solid #9B9B9B;
    background: none;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFE;
    width: 50%;
    padding: 0;

}
.featured-farm-social{
    margin: 15px auto 0;
}

.featured-farm-data .btn-group .btn.active {
    background: #D8D8D8;
    color: #4A4A4A;
    font-weight: 600;
}

.featured-farm-data .btn-group .btn a {
    padding: 6px;
    display: block;
    color: inherit;
}

.featured-farm-social a {
    color: #FFFFFE;
}

.featured-farm-social a .fa {
    display: block;
}

.featured-farm-data .tab-content {
    text-align: left;
}


@media only screen and (max-width : 767px)  {
    #modalVideo .modal-dialog {
        width: 90%;
        margin: auto;
    }
}

@media only screen and (min-width : 768px)  {
    .featured-farm-data .tab-content {
        float: left;
        width: 70%;
        border-right: 1px solid white;
        padding-right: 20px;
    }
    .featured-farm-social {
        width: 200px;
        text-align: center;
    }

    .featured-farm-data .btn-group {
        display: block;
        margin: 10px auto;
    }

    .featured-farm {
        position: relative;
    }

    .farm-we-follow {
        display: inline-block;
        height: 320px;
        width: 49%;
    }



    .farm-we-follow .share .pi-share {
        display: inline-block;
    }

    .featured-farm header {
        height: 620px;
        background-position: center center;
        padding-top: 100px;
    }


    #farm-play-video {
        font-size: 90px;
    }

    .featured-farm header h1 {
        font-size: 32px;
        font-weight: 800;
        font-style: italic;
        text-shadow: 3px 2px 1px rgba(0,0,0,0.50);
    }

    .featured-farm header p {
        font-size: 16px;
    }


    .featured-farm .farm-data {
        background-color: rgba(33,33,33,0.75);
        width: 100%;
        bottom: 0;
        position: absolute;
    }
    .specialization_item {
        width: 19%;
    }
    .farm-data h2 { text-align: center; }

.featured-farm-data .location {
    font-size: 16px;
    font-style: italic;
    font-weight: 800;
    text-shadow: 3px 2px 1px rgba(0,0,0,0.50);
}



}
@media only screen and (min-width : 1024px) {
    .featured-farm header {
        height: 100%;
        padding-top: 270px;
    }
    .featured-farm header h1 { font-size: 40px; }
    .featured-farm header p { font-size: 14px; }

    .farm-data > div {
        max-width: 1000px;
        margin: auto;
    }

    .farm-we-follow {
        display: inline-block;
        min-height: 320px;
        width: 31%;
    }
    .farm-we-follow:nth-child(2n),
    .farm-we-follow:nth-child(3n),
    .farm-we-follow:nth-child(3n+2){
        margin-left: 2%;
    }
    article.farm-we-follow:nth-child(3n+1) {
        margin-left: 0;
    }

    .farm-we-follow .specialization_item {
        width: 45%;
        margin-bottom: 10px;
    }


}
.production-wheels {
    text-align: center;
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0.08em 0.1em 0;
    display: inline-block;
}

.c100 .slice {
    position: absolute;
    width: 100px;
    height: 100px;
    clip: rect(0em, 100px, 100px, 50px);
}

.c100.morehalf .slice {
    clip: rect(auto, auto, auto, auto);
}


.c100 > .content_c100 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 19px;
    width: 100px;
    line-height: 100px;
    font-size: 8px;
    color: #DDDDDD;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100 .number_c100 {
    font-size: 19px;
    line-height: 1.25em;
}

.c100.morehalf .fill, .c100 .bar {
    clip: rect(0em, 50px, 100px, 0em);
}
.c100.morehalf .fill, .c100 .bar, .c100 .back {
    position: absolute;
    border: 9px solid;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.c100.morehalf .fill {
    transform: rotate(180deg);
}

.livestock_c100.c100 .back {
    border-color: rgba(245, 166, 35, 0.25);
}
.livestock_c100.c100 .bar,
.livestock_c100.c100.morehalf .fill{
    border-color: rgba(245, 166, 35, 1);
}

.agriculture_c100.c100 .back {
    border-color: rgba(184, 233, 134, 0.25);
}
.agriculture_c100.c100 .bar,
.agriculture_c100.c100.morehalf .fill{
    border-color: rgba(184, 233, 134, 1);
}

.c100 *, .c100 *:before, .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* ==Guest Columnists */
#archive #guest_columnists {
    padding-top: 195px;
    position: relative;
}

#archive #guest_columnists .columnists {
    margin-top: 8px;
}

#archive #guest_columnists > header {
    background: url('/wp-content/themes/ag/assets/img/guestcolumnists.jpg');
    width: 100%;
    height: 188px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
#archive #guest_columnists > header > h1 {
    color: #FFFFFE;
    font-size: 24px;
    padding: 0 27px;
    margin-top: 106px;
}

#archive #guest_columnists > header > h1 span {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

#archive #guest_columnists > header > h1 span:after {
    content: '';
    -webkit-box-shadow: inset 0 -2px 10px 1px rgba(0,255,0,1);
    box-shadow: inset 0 -2px 2px 1px rgba(0,255,0,0.25);
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    bottom: 3px;
    left: 3px;
}

#archive #guest_columnists .columnist {
    position: relative;
}
#archive #guest_columnists .columnist:not(:last-of-type) {
    border: none;
}

#archive #guest_columnists .columnist:not(:last-of-type):after {
    content: '';
    width: 43px;
    border-bottom: 1px solid #80FDE0;
    bottom: 0;
    left: 50%;
    position: relative;
}


#archive #guest_columnists .columnist .columnist_photo,
.columnist_avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 65px;
    height: 65px;
}
#archive #guest_columnists .columnist .columnist_photo {
    position: absolute;
    top: 0;
    left: 0;
}

#archive #guest_columnists .columnist .columnist_content {
    margin-left: 85px;
    min-height: 100px;
}

.personal_site {
    font-weight: 600;
    font-style: italic;
    font-size: 8px;
    color: #B1B1B0;
}


#archive #guest_columnists .columnist .columnist_content .social a {
    color: #383838;
}


#archive #guest_columnists .columnist h1 {
    color: #383838;
    font-size: 14px;
}

#archive #guest_columnists .columnist .columnist_content > div {
    font-size: 11px;
    color: #8A8A89;
}

/*Podcasts*/

.podcasts button{
  float: right;
}

#archive .podcasts h1{
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  color: #464646;
  letter-spacing: 0;
}

#archive .podcasts .date{
  font-family: OpenSans;
  font-size: 12px;
  color: #464646;
  font-style: italic;
  margin-top: 8px;
  margin-bottom: 8px;
}

#archive .top-leader{
  margin-bottom: 20px;
}

#archive .collapse{
  display:  none;
}

#archive .collapse.in{
  display:  block;
}

#archive .podcasts button[aria-expanded=true] {
    background-color: #fff;
    border: black;
    border-style: solid;
    border-width: thin;
}

#archive .podcasts p{
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  margin-bottom: 25px;
}

#archive .podcasts button[aria-expanded=true]:after {
    content: "ing"
}

#archive #read-more-btn{
    margin-bottom: 15px;
}

#archive #divider{
  border-bottom: 1px solid #979797;
  margin-bottom: 15px;
}

#archive .well{
  background-color: #8C8C8C;
}

#archive .well p{
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600;
}


#archive .list_posts {
    background: #ffffff;
    padding: 0 12px 12px;
}


/* == FarmTree */
.farmtree-creator {
    background-image: url('assets/img/farmtreeback.png');
    margin-top: -50px;
    overflow: auto;
    background-size: cover;
    width: 100%;
}
#farm-container {
    margin: auto;
    background-color: #FFF;
    margin-top: 255px;
    margin-bottom: 130px;
    position: relative;
    z-index: 0;
}
#farm-content {
    margin: auto;
    max-width: 960px;
    padding: 26px 0;
}

#farmtree-preview #farm-content{
    max-width: 100%;
}

#farmtree-preview #farm-preview {
    background-color: #2A2A2A;
}

#farm-preview .panel-group {
    max-width: 960px;
    margin: auto;
}

#farm-preview > header {
    max-width: 960px;
    margin: auto;
    background-image: url('assets/img/farmtree_previewback.png');

}
#farm-preview > header h1 {
    margin-bottom: 0;
    font-family: 'Crimson Text', serif;
    font-size: 38px;
    font-style: italic;
    font-weight: 600;
    padding: 50px 15px;
}
#farm-preview > header p {
    background-color: #2A2A2A;
    height: 35px;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFF;
    line-height: 35px;
    vertical-align: middle;
}

#farm-content > header {
    text-align: center;
    position: relative;
    top: -75px;
    font-family: "Playfair Display", serif;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: -5px;
}
#farm-content > header > h1 {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 0;
}
#farm-content > header > h1 + p {
    margin: 10px 0;
}

#farm-content > header .farm-social {
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background-image: url('assets/img/farmtreesprite.png');
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0 10px;
}
#farm-content > header .farm-social.farm-social-fb {
    background-position: 6px 4px;
}
#farm-content > header .farm-social.farm-social-tw {
    background-position: -23px 4px;
}
#farm-content > header .farm-social.farm-social-pi {
    background-position: -55px 4px;
}

.farmtree-form.active {
    display: block;
}
.farmtree-form.inactive {
    display: none;
}

#farm-content #farm-login,
#farm-content #farm-select-signup-login,
#farm-content #farm-signup
{
    max-width: 406px;
    margin: -50px auto auto;
}
#farm-content #farm-select-signup-login,
#farm-content #farm-select-editor{
    display: block;
    width: 100%;
    margin-bottom: 60px;
    padding-left: 0;
}
#farm-content #farm-select-signup-login.btn-group .btn,
#farm-content #farm-select-editor.btn-group .btn {
    width: 50%;
    border: 1px solid #4A4A4A;
    font-size: 13px;
}
#farm-content #farm-select-signup-login.btn-group .btn.active,
#farm-content #farm-select-editor.btn-group .btn.active {
    background: #4A4A4A;
    color: #FFFFFF;
}
#farm-content #farm-select-editor.btn-group .btn a,
#farm-content #farm-select-signup-login.btn-group .btn a {
    color: inherit;
    display: block;
}

#farm-content #farm-select-editor.btn-group .btn {
    width: 33%;
}


#farm-content #farm-select-editor {
    max-width: 500px;
    margin: -40px auto 60px;
}
#farm-content .form-group .login-control,
#farm-content .form-group .login-control input,
#farm-content .form-group .editor-control,
#farm-content .form-group .editor-control input{
    border-radius: 0;
    box-shadow: none;
    border: none;
}
#farm-content .form-group .login-control,
#farm-content .form-group .editor-control{
    border: none;
    border-bottom: 1px solid #9B9B9B;
    box-shadow: none;
    margin-bottom: 27px;
}

.show-password {
    color:#4A4A4A;
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
    font-weight: 600;
}

#agree-terms {
    margin-bottom: 45px;
}

#agree-terms > span {
    background: none;
    border: none;
    font-size: 10px;
}
#agree-terms a {
    color: inherit;
    border-bottom: 1px #979797 dashed;
}

#farm-content .form-group input#dosignup,
#farm-content .form-group input#dologin,
#farm-content .form-group input.saveData,
#farm-content .form-group input.publishFarmtree{
    border: none;
    display: block;
    width: 100%;
    max-width: 179px;
    margin: auto;
    font-size: 13px;
    background: #00f9c2;
}

.farm-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding:0;
    justify-content: space-between;
}


.farm-list li {
    width: 201px;
    height: 113px;
    margin: 5px;
    margin-bottom: 30px;
    
}
.farm-list li a {
    display:block;
    height: 100%;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 40px;
    font-weight: bold;
}

#farm-content h1 {
    font-size: 1em;
    text-align: center;
    margin-bottom: 20px;
}

#farm-content #farm-community h1 {
    font-size: 16px;
    color: #4A4A4A;
}

#more-articles{
    background-color: #2A2A2A;
    overflow: hidden;
    max-width: none;
    color: white;
}

#more-articles h3{
    color: #FFFFFE;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#more-articles h3{
    color: #FFFFFE;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

#more-articles img{
    -webkit-margin-start : -35px
}



#more-articles ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-margin-start: -25px;
    position: relative;
    max-width: 100%;
}

#more-articles li a {
    font-family: "Playfair Display", serif;
    color: #00F9C2;
    font-weight: 500;
    font-size: 13px;
}


.box {
    font-size: 1.25rem;
    background-color: #c8dadf;
    position: relative;
    padding: 125px 20px;
    background-color: white;
    outline: 2px dashed #979797;
    height: 300px;
    text-align: center;
}
.box__dragndrop,
.box__dragndrop_bellow,
.box__uploading,
.box__success,
.box__error {
    display: none;
}
.box__file {
    margin: auto;
}
.box.has-advanced-upload {
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.has-advanced-upload .box__dragndrop,
.box.has-advanced-upload .box__dragndrop_bellow {
    color: #4A4A4A;
    display: block;
}
.box.has-advanced-upload .box__dragndrop {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.box.has-advanced-upload .box__dragndrop_bellow {
    font-size: 11px;
    font-weight: 400;
}
.box.is-dragover {
    background-color: grey;
}
.box.is-uploading .box__input {
    visibility: none;
}
.box.is-uploading .box__uploading {
    display: block;
}
.box__button {
    display: none;
}
.no-js .box__button {
    display: block;
}
.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#farm-editor h3 {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    width: 204px;
    margin-left: 5px;
}
#farm-editor #thumb-selector h3 {
    margin: 5px auto;
}
#farm-editor #thumb-selector {
    text-align: center;
}
#farm-editor #thumb-selector .farmtree-item {
    border: 2px solid #FFFFFF;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.farmtree-item .grip {
    background-image: url(assets/img/grip.png);
    width: 10px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -9px;
}
#farm-editor #thumb-selector .farmtree-item .ftlabel {
    position: absolute;
    display: block;
    bottom: 40%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.year-cover, .circa {
    border: 1px solid white;
    border-radius: 10px;
    padding: 5px 10px;
}
#farm-editor #thumb-selector .farmtree-item .circa {
    position: absolute;
    display: block;
    bottom: 15px;
    text-align: center;
    margin: auto;
    left: 34%;
    color: white;
    font-size: 11px;
}
#farm-editor #thumb-selector .active{
    border-color: #00FAC2;
    display: inline-block;
}
#farm-editor #thumb-selector hr {
    border-top: 1px dashed #4A4A4A;
    width: 170px;
}
.farmtree-item:first-of-type {
    margin-bottom: 0;
}
#farm-editor .element_container {
    display: none;
}
#farm-editor .element_container.active {
    display: block;
}
#farmtree-main-editor .editor-label,
#farm-publish .editor-label{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #4A4A4A;
    margin-bottom: 30px;
}
#farmtree-main-editor .editor-control {
    display: block;
    width: 100%;
}
#farmtree-main-editor input.editor-control:placeholder-shown {
    font-style: italic;
}
#farmtree-main-editor .year-select{
    position: relative;
}
#farmtree-main-editor .year-select .editor-control {
    padding-left: 20px;
}
#farmtree-main-editor .year-select:before {
    content: ' c. ';
    position: absolute;
    font-style: italic;
    top: 0;
    left: 0;
}
#farmtree-main-editor .form-group {
    margin-top: 15px;
}
#farmtree-main-editor .form-group textarea.editor-control {
    resize: vertical;
    border: 1px solid #9B9B9B;;
}
#farmtree-main-editor .form-group .editor-control:focus {
    outline: none;
    border-color: black;
    border-bottom-width: 1px;
}
.farmtree-accordion .collapse {
    overflow: hidden;
    display: none;
}
.farmtree-accordion .collapse.in {
    display: block;
}
.farmtree-accordion .panel-body,
#printpanels .panel-body{
    padding: 0;
    width: 100%;
    padding-bottom: 42.857142857142857%;
    position: relative;
}
.farmtree-accordion .panel-body img {
    width: 100%;
}
.farmtree-accordion .panel-heading,
#printpanels .panel-heading{
    background-color: rgba(0, 0,0,0.25);
    color: white;
    border: none;
    padding: 0;
}
.farmtree-accordion .panel-heading a,
#printpanels .panel-heading a{
    display: block;
    padding: 10px;
    height: 37px;
}
.farmtree-accordion .panel-heading+.panel-collapse>.panel-body {
    border:none;
}
.farmtree-accordion .panel-group .panel+.panel {
    margin-top:0;
}
.farmtree-accordion .panel-group .panel,
#printpanels .panel{
    border-radius: 0;
    border: none;
    background-size: cover ;
}
.farmtree-accordion .panel-text,
#printpanels .panel-text,
.farmtree-accordion .panel-caption{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    color: white;
    padding: 10px;
    width: 100%;
}
.farmtree-accordion .panel-text {
    bottom: initial;
    top: 0;
}

#farm-publish {
    max-width: 690px;
    margin: auto;
}
#farm-content #farm-publish h1 {
    font-size: 1.3em;
}
#farm-publish .toggle {
    float: right;
}
#farm-share {
    margin-top: 20px;
}
#farm-share .btn {
    width: 33%;
}
h4.panel-title {
    position: relative;;
}
.year-cover {
    position: absolute;
    right: 16px;
    top: 4px;
    border-color: #00F9C2;
    color: #00F9C2;
    font-size: 12px;
    border-radius: 5px;
}
:not(.collapsed) + span.year-cover {
    color: #0F0F0F;
    background-color: #00F9C2;
}
#farm-content.printable-farmtree {
    max-width: initial;
    position: relative;
}
#farm-content.printable-farmtree:after {
    content: '';
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: -1;
    border: 2px solid #DDDDDD;
    margin: 10%;
    left: 0;
}
#farm-content.printable-farmtree > header {
    top: 0;
}
#farm-content.printable-farmtree > header p {
    font-size: 22px;
    color: #2a2a2a;
    letter-spacing: 0;
}
#farm-content.printable-farmtree > header small {
    font-size: 11px;
    font-weight: 600;
}
#farm-content.printable-farmtree > header:after,
#farm-content.printable-farmtree .print-group h2:after,
#farm-content.printable-farmtree > footer .farmtree-createyours:after {
    content: '';
    display: block;
    width: 55px;
    height: 1px;
    background: #9B9B9B;
    margin: 15px auto auto auto;
}
#farm-content.printable-farmtree > article h1 {
    font-family: 'Crimson Text', serif;
    font-size: 30px;
    color: #212121;
    letter-spacing: 1.25px;
    margin-bottom: 46px;
}
#farm-content.printable-farmtree .print-group {
    text-align: center;
}
#farm-content.printable-farmtree .print-group h2 {
    font-family: 'Crimson Text', serif;
    font-size: 50px;
    color: #000000;
}
#farm-content.printable-farmtree .print-group h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    color: #4A4A4A;
    font-weight: 700;
}
#farm-content.printable-farmtree .print-group img {
    width: 1148px;
    height: auto;
}
#farm-content.printable-farmtree .print-group div.print-text {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    letter-spacing: 1px;
    padding: 37px;
    max-width: 1020px;
    margin: auto;
}
.print-caption {
    color: #4A4A4A;
    font-size: 14px;
    max-width: 1020px;
    margin: auto;
    text-align: left;
    padding: 10px 37px;
}

#farm-content.printable-farmtree .print-group .print-element {
    margin-bottom: 87px;
}
#farm-content.printable-farmtree > footer {
    text-align: center;
}
#farm-content.printable-farmtree .farmtree-rounded {
    background: #464646;
    border: 1px solid #464646;
    border-radius: 20px;
    font-family: PlayfairDisplay;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFE;
    letter-spacing: 0.83px;
    display: inline-block;
    padding: 5px 10px;
}
#farm-content.printable-farmtree .farmtree-by {
    font-family: OpenSans;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0;
}
#farm-content.printable-farmtree .farmtree-createyours {
    font-family: OpenSans;
    font-size: 18px;
    color: #333333;
    margin-top: 58px;
}
#farm-content.printable-farmtree .farmtree-url {
    font-family: OpenSans;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    margin-top: 15px;
}
#farm-content.printable-farmtree > header > h1 {
    content: url(assets/img/farmtreelogo.png);
}
#farmtree-preview #farmtree-main-editor .farm-data-input-container {
    width: 80%;
    margin: auto;
    max-width: 690px;
}
p.farmtree-date {
    text-align: center;
    margin-top: -15px;
    font-size: 10px;
    color: #9B9B9B;
}
.farmtree-published-share .editor-label{
    margin-bottom: 10px;
}
.farmtree-published-share p {
    font-size: 12px;
}
/* ==Animations */

.box__dragndrop,
.box__dragndrop_bellow,
.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box__file {
    margin: auto;
}

.box.has-advanced-upload {
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.box.has-advanced-upload .box__dragndrop,
.box.has-advanced-upload .box__dragndrop_bellow {
    color: #4A4A4A;
    display: block;
}

.box.has-advanced-upload .box__dragndrop {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.box.has-advanced-upload .box__dragndrop_bellow {
    font-size: 11px;
    font-weight: 400;
}


.box.is-dragover {
    background-color: grey;
}

.box.is-uploading .box__input {
    visibility: none;
}
.box.is-uploading .box__uploading {
    display: block;
}

.box__button {
    display: none;
}
.no-js .box__button {
    display: block;
}

.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#farm-editor h3 {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    width: 204px;
    margin-left: 5px;
}
#farm-editor #thumb-selector h3 {
    margin: 5px auto;
}

#farm-editor #thumb-selector {
    text-align: center;
}

#farm-editor #thumb-selector .farmtree-item {
    border: 2px solid #FFFFFF;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

.farmtree-item .grip {
    background-image: url(assets/img/grip.png);
    width: 10px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -9px;
}

#farm-editor #thumb-selector .farmtree-item .ftlabel {
    position: absolute;
    display: block;
    bottom: 40%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.year-cover, .circa {
    border: 1px solid white;
    border-radius: 10px;
    padding: 5px 10px;
}


#farm-editor #thumb-selector .farmtree-item .circa {
    position: absolute;
    display: block;
    bottom: 15px;
    text-align: center;
    margin: auto;
    left: 34%;
    color: white;

    font-size: 11px;
}

#farm-editor #thumb-selector .active{
    border-color: #00FAC2;
    display: inline-block;
}

#farm-editor #thumb-selector hr {
    border-top: 1px dashed #4A4A4A;
    width: 170px;
}


.farmtree-item:first-of-type {
    margin-bottom: 0;
}

#farm-editor .element_container {
    display: none;
}

#farm-editor .element_container.active {
    display: block;
}

#farmtree-main-editor .editor-label,
#farm-publish .editor-label{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #4A4A4A;
    margin-bottom: 30px;
}

#farmtree-main-editor .editor-control {
    display: block;
    width: 100%;
}

#farmtree-main-editor input.editor-control:placeholder-shown {
    font-style: italic;
}

#farmtree-main-editor .year-select{
    position: relative;
}
#farmtree-main-editor .year-select .editor-control {
    padding-left: 20px;
}

#farmtree-main-editor .year-select:before {
    content: ' c. ';
    position: absolute;
    font-style: italic;
    top: 0;
    left: 0;
}

#farmtree-main-editor .form-group {
    margin-top: 15px;
}

#farmtree-main-editor .form-group textarea.editor-control {
    resize: vertical;
    border: 1px solid #9B9B9B;;
}

#farmtree-main-editor .form-group .editor-control:focus {
    outline: none;
    border-color: black;
    border-bottom-width: 1px;
}

.farmtree-accordion .collapse {
    overflow: hidden;
    display: none;
}
.farmtree-accordion .collapse.in {
    display: block;
}

.farmtree-accordion .panel-body,
#printpanels .panel-body{
    padding: 0;
    width: 100%;
    padding-bottom: 42.857142857142857%;
    position: relative;
}

.farmtree-accordion .panel-body img {
    width: 100%;
}
.farmtree-accordion .panel-heading,
#printpanels .panel-heading{
    background-color: rgba(0, 0,0,0.25);
    color: white;
    border: none;
    padding: 0;
}

.farmtree-accordion .panel-heading a,
#printpanels .panel-heading a{
    display: block;
    padding: 10px;
}

.farmtree-accordion .panel-heading+.panel-collapse>.panel-body {
    border:none;
}

.farmtree-accordion .panel-group .panel+.panel {
    margin-top:0;
}

.farmtree-accordion .panel-group .panel,
#printpanels .panel{
    border-radius: 0;
    border: none;
    background-size: cover ;
}



#farm-publish {
    max-width: 690px;
    margin: auto;
}

#farm-content #farm-publish h1 {
    font-size: 1.3em;
}

#farm-publish .toggle {
    float: right;
}

#farm-share .btn {
    width: 33%;
}

h4.panel-title {
    position: relative;;
}
.year-cover {
    position: absolute;
    right: 16px;
    top: 4px;
    border-color: #00F9C2;
    color: #00F9C2;
    font-size: 12px;
    border-radius: 5px;
}
:not(.collapsed) + span.year-cover {
    color: #0F0F0F;
    background-color: #00F9C2;
}

#farm-content.printable-farmtree {
    max-width: initial;
    position: relative;
}

#farm-content.printable-farmtree:after {
    content: '';
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: -1;
    border: 2px solid #DDDDDD;
    margin: 10%;
    left: 0;
}

#farm-content.printable-farmtree > header {
    top: 0;
}

#farm-content.printable-farmtree > header p {
    font-size: 22px;
    color: #2a2a2a;
    letter-spacing: 0;
}

#farm-content.printable-farmtree > header small {
    font-size: 11px;
    font-weight: 600;
}

#farm-content.printable-farmtree > header:after,
#farm-content.printable-farmtree .print-group h2:after,
#farm-content.printable-farmtree > footer .farmtree-createyours:after {
    content: '';
    display: block;
    width: 55px;
    height: 1px;
    background: #9B9B9B;
    margin: 15px auto auto auto;
}

#farm-content.printable-farmtree > article h1 {
    font-family: 'Crimson Text', serif;
    font-size: 30px;
    color: #212121;
    letter-spacing: 1.25px;
    margin-bottom: 46px;
}

#farm-content.printable-farmtree .print-group {
    text-align: center;
}

#farm-content.printable-farmtree .print-group h2 {
    font-family: 'Crimson Text', serif;
    font-size: 50px;
    color: #000000;
}

#farm-content.printable-farmtree .print-group h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    color: #4A4A4A;
    font-weight: 700;
}

#farm-content.printable-farmtree .print-group img {
    width: 1148px;
    height: auto;
}

#farm-content.printable-farmtree .print-group div.print-text {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    letter-spacing: 1px;
    padding: 37px;
}

#farm-content.printable-farmtree .print-group .print-element {
    margin-bottom: 87px;
}
#farm-content.printable-farmtree > footer {
    text-align: center;
}
#farm-content.printable-farmtree .farmtree-rounded {
    background: #464646;
    border: 1px solid #464646;
    border-radius: 20px;
    font-family: PlayfairDisplay;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFE;
    letter-spacing: 0.83px;
    display: inline-block;
    padding: 5px 10px;
}

#farm-content.printable-farmtree .farmtree-by {
    font-family: OpenSans;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0;
}

#farm-content.printable-farmtree .farmtree-createyours {
    font-family: OpenSans;
    font-size: 18px;
    color: #333333;
    margin-top: 58px;
}

#farm-content.printable-farmtree .farmtree-url {
    font-family: OpenSans;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    margin-top: 15px;
}

#farm-content.printable-farmtree > header > h1 {
    content: url(assets/img/farmtreelogo.png);
}

#farmtree-preview #farmtree-main-editor .farm-data-input-container {
    width: 80%;
    margin: auto;
}

p.farmtree-date {
    text-align: center;
    margin-top: -15px;
    font-size: 10px;
    color: #9B9B9B;
}

.farmtree-published-share .editor-label{
    margin-bottom: 10px;
}
.farmtree-published-share p {
    font-size: 12px;
}

.prev_big,
.next_big {
background-color: #EEE;
color: #cacaca;
font-size: 100px;
font-weight: bold;
width: 50px;
height: 200px;
line-height: 200px;
position: fixed;
text-shadow: 0 1px 0 #FFF;
top: 35%;
z-index: 3;
text-decoration:none;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
opacity: 0.5;
}

.next_big {
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
padding: 0 0 15px 20px;
right: 0;
}

.prev_big {
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
padding: 0 20px 15px 0;
left: 0;
}

.prev_big:hover,
.next_big:hover {
text-decoration:none;
background:#00F9C2;
color:#FFF;
font-size:120px;
text-shadow:none;
}

.prev_big:hover {padding-left:10px}
.next_big:hover {padding-right:10px}

/* ==Animations */
@keyframes slideLeft {
    from {
        left: 0;
    }
    to {
        left: -100%;
    }
}

@keyframes slideRight {
    from {
        left: -100%;
    }
    to {
        left: 0;
    }
}

@keyframes slideLeftRight {
    from {
        left: 100%;
    }
    to {
        left: 0;
    }
}


@keyframes slideRightShow {
    0% {
        left: -100%;
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes slideLeftRightShow {
    0% {
        left: 100%;
        opacity: 0;
    }
    1% {
        opactiy: 1;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes slideRightShowOut {
    0%{
        left: 0%;
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}

@keyframes slideLeftShowOut {
    0% {
        left: 0%;
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

/* ==iPad */

@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #videopicks article:nth-child(odd), #videopicks article:nth-child(even) {
        float: left;
        clear: none;
    }
    #featured-content,
    article.single-article {
        margin-top: -52px;
    }

    .fixednav .navbar-collapse.in {
        position: fixed;
    }

    .navbar-nav>li>.dropdown-menu > .row,
    .navbar-nav>li>.dropdown-menu > .row .list-links{
        width: 100%;
        margin: 0;
        float: none;
    }
    .dropdown-menu .list-items {
        display: none;
    }
    .nav>li>a:after {
        display:none;
    }
}

/* ==Infinite Scroll styles */
body.single .scroll_page {
    margin-top: 60px;
}