a, a:hover, a:focus {
  color:#31a65e;
  background:none;
}

body {
    width:100%;
    overfow-x:hidden;
    background: repeating-linear-gradient(
        #f5fff5,
        #f5fff5 45vh,
        transparent 55vh,
        transparent 100vh
    );
    background-attachment:fixed;
}

a.visited {
  color:#051;
}

.over-close {
    color:#fff;
}
.over-close:hover {
    color:#ccc;
}

.over-show {
    background-color: rgba(0,0,0,0.4);
    color:#ccc;
}

.over-show:hover {
    background-color: rgba(0,0,0,0.2);
    color:white;
}

.article .over-show {
    display:none;
}

.article-big .over-show {
    display:none;
}

.article:hover .over-show {
    display: inline-block;
}

.article-big:hover .over-show {
    display: inline-block;
}


.navbar {
  border-radius: 0px;
  border:none;
}

.hide {
    display:none;
}

a.navbar-brand {
  padding-left:25px;
  padding-right:25px;
  border:none;
  background-color:#2E8B57;
  color:#fff;
}

a.navbar-brand:hover {
  background-color:#208050 !important;
}



.nav>li>a:focus, .nav>li>a:hover {
    background-color:#cec !important;
}


.dropdown-menu>li>a, .dropdown-menu>li>a:hover {
    color: #31a65e !important;
}

/*
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  background-color:#777;
  border: 1px solid #828282;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
  background-color:#353535;
  border: 1px solid #444;
  height:40px;
  margin-top:5px;
  padding:10px;
  padding-left:15px;
  padding-right:15px;
  margin-left:2px;color:#fff;
}
.badge {
  color:#31965e;
  color:#5cac7f;
  border-radius:2px;
  border: 1px solid #5cac7f;
  padding:2px;
  background:none;
  vertical-align:top;
  font-size:12px;
} */


body {
  /*background-color:#a9d8be; */
 /* padding-bottom: 30px; */
}

.mycontainer {
  margin-top:60px;
  margin-left:80px;
  margin-right:80px;
}

.container-fluid {
  padding: 0px;  
}




.image {
padding:0px;
        border-bottom:3px solid #5cac7f;
        border-left:5px solid #5cac7f;
}

.img-panel-back {
    -khtml-opacity:.10; 
    -moz-opacity:.10; 
    -ms-filter:'alpha(opacity=10)';
    filter:alpha(opacity=10);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.1);
    opacity:.10;
}

.navbar-fixed-right {
    width: 140px;
    position: fixed;
    border-radius: 0;
    right: 0px;
    height: 100%;
}

.navbar-fixed-left .navbar-nav > li {
    float: none;  /* Cancel default li float: left */
    width: 139px;
}

.small {
    display:none;
}


#search:focus {
    border-color: #00FF00;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 255, 0, 0.6);
}

.icon-small {
    margin-left:-1px;
}

.icon-small.active {
    border-bottom:3px solid #8c6;
}

.img-link {
    height:10em;
}


.text-link {
  display:block;
  overflow: hidden;
  position: relative; 
  line-height: 1.2em;
  font-size: 20px;
  margin-right: 0em;
  padding-right: 1em;
}

.article-info {
  font-size: 20px;
  overflow: hidden;
  height: 6.2em;
  padding-bottom: 0.5em;
}

.article:hover .article-info {
    height:auto;
    min-height: 6.2em;
}

.article-wrapper {
    position: relative;
    height: 19.22em;
}

.article-wrapper:hover {
    overflow: visible;
    z-index: 4;
}

/*.text-link:before {
  content: '...';
  position: absolute;
  right: 0em;
  padding-left:0.1em;
  z-index:1;
  background: white;
  bottom: 0;
}
.text-link:after {
  content: '';
  position: absolute;
  right: 0em;
  width: 1.1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
  z-index:2;
} */

.article:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:1.5em;
  min-height:1.5em;
  width:100%;
  background: linear-gradient(rgba(0,0,0,0), #fff);
}

.article:hover:after {
    display:none;
}

.topbar {
    position:sticky;
    z-index:5;
}

.input-group-addon {
    background-color: #2E8B57 !important;
    border:1px solid #0E6B37 !important;
    color:white !important;
}


.hdr-tab.active a, .hdr-tab.active a:hover {
    border:1px solid #8c6 !important;
    border-bottom:1px solid #fff !important; 
    background-color:#fff !important; 
}

.dropdown-menu>li>a:hover, .dropdown-menu>li.active>a {
    background-color: #cec !important;
}

.dropdown:hover .dropdown-menu {
    display:block !important;
}

.dropdown {
    z-index:10;
}

.hdr-tab a:hover {
    background-color:#cec !important;
    border: 1px solid #cec !important;
    border-bottom:none !important;
}

.icons-small {
    border-bottom: 1px solid #8c6 !important;
}
  
.article {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px;
    padding:5px;
}

.article-wrapper:first-child {
    display:none;
}

label {
    color: #31a65e;
}

.feed {
    border-radius: 0px;
}

.feed:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(49,166,94,.6) !important;
    border-color: #31a65e !important;
}


.btn-green {
    background-color:rgb(46, 139, 87) !important;

    border-radius: 0px;
}

.date {
    font-size:12px;
}

/* big screen - desktop */
@media all and (min-width: 768px) {
    .icon-small {
        display:none;
    }
    
    #feed_form {
        width:500px;
    }
    .nav>li.active>a {
        background-color:#cec !important;
    }
    
    .mycontainer-hdr {
    }
}

@media all and (max-width: 1500px) {
    .img-link {
        height:120px;;
    }

    .article-info {
        height: 6em;
        font-size: 18px;
    }
    .article:hover .article-info {
        height: auto;
        min-height: 6em;
    }
    .date {
        font-size:11px;
    }

    .img-link {
        height: 9em;
    }

    .article-wrapper {
        height: 17.07em;
    }
}

@media all and (max-width: 1200px) {
    .img-link {
        height:6em;
    }

    .text-link {
        font-size: 16px;
    }
    .article-info {
        height: 6em;  
        font-size: 16px;
    }
    .article:hover .article-info {
        height: auto;  
        min-height: 6em;
    }
    .date {
        font-size:11px;
    }

    .article-wrapper {
        height: 13.21em;
    }
}

@media all and (max-width: 992px) {
    
    .mycontainer {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    .img-link {
        height:5em;
    }
    .text-link {
        font-size: 15px;
    }

    .article-info {
        height: 6em;  
        font-size: 16px;
    }

    .article:hover .article-info {
        height: auto;  
        min-height: 6em;
    }
    
    .date {
        font-size:10px;
    }

    .article-wrapper {
        height: 12.21em;
    }
}

    

/* small screen - mobile */
@media all and (max-width: 768px) {
   /* a {
        font-size: 20px;
    }*/

    body {
        width:300%;
        overflow-x:scroll;
        background: repeating-linear-gradient(
            transparent,
            transparent 45vh,
            #f5fff5 55vh,
            #f5fff5 120vh
        );
        background-attachment:fixed;
    }

    .mycontainer, .mycontainer>.row {
     /*   width:350px;
        margin-top:60px;
        margin-left:auto;
        margin-right:auto; */
    }
    .mycontainer-hdr{
  /*      margin-left:30px;
        margin-right:60px;
        margin-top:3px; */
    }

    .col-scroll {
        display:none; 
    }

    #panels {
        margin-top:50px;
    }

    .col-small {
        display:block;
        border:none !important;
    }

    .img-link {
        height: 180px;
        max-width:250px;
        margin:auto;
    }
    
    .text-link {
        font-size: 20px;
       /* max-height: 2.4em; 
        height: 2.4em;  */
        height: auto;
        max-height: auto;
    }

    .text-link:after {
        display:none;
    }
    
 /*   .topbar {
        position:fixed;
    } */

    .small {
        display:block;
    }

    .big {
        display:none; 
    }
    .big-only {
        display:none;
    }

    .article-wrapper:first-child {
        display:block;
    }

    .over-show {
        display:inline-block !important;
    }

    .article-wrapper {
        height: auto;
    }

    .article-info {
        padding-bottom: 0.5em;
    }
    
    .article-wrapper:after {
        display:none;
    }

    .mycontainer {
        margin-left: 50px;
        margin-right: 50px;
    }
}