/* auto include templates/2k11/style_fallback.css */

/* The templates/default/style_fallback.css emits CSS statements that all s9y
   themes should have.

   Statements declared in this file are emitted early in the dynamically
   generated stylesheet serendipity.css, so you can override them by declaring
   them again in your theme's style.css or user.css.

   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Images positioned normal/left/right */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Images with captions and positioning */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    clear: both;
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center;
}

/* Image gallery */
.s9y_gallery {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.s9y_gallery_item {
    box-sizing: border-box;
    flex: 0 1 33.3333%;
    padding: 0 5px 5px 0;
}

.s9y_gallery_image {
    height: auto;
    max-width: 100%;
}

/* Lists without bullets or numbers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}
/* END OF style_fallback.css */

/* auto include templates/timeline/style.css */

/* Variables */
/* Imports */
* {
  font-family: 'Roboto', sans-serif;
}

/* Typography */
body,
p {
  line-height: 1.6em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
}

::-moz-selection {
  background-color: #3bb18f;
}

::selection {
  background-color: #3bb18f;
}

a {
  color: #3bb18f;
}

a:hover {
  color: #3bb18f;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #000;
}

p {
  color: #777;
}

/* Colors */
.g-color-primary {
  color: #3bb18f !important;
}

.g-color-primary--hover:hover {
  color: #3bb18f !important;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
  color: #3bb18f !important;
}

.g-color-dark {
  color: #000 !important;
}

/* Background Colors */
.g-bg-secondary {
  background-color: #eef1f8 !important;
}

.g-bg-primary {
  background-color: #3bb18f !important;
}

.g-bg-primary--hover:hover {
  background-color: #3bb18f !important;
}

.g-bg-primary--active.active,
.active .g-bg-primary--active {
  background-color: #3bb18f !important;
}

.g-bg-primary-opacity-0_6 {
  background-color: rgba(59, 177, 143, 0.6) !important;
}

.g-bg-primary-opacity-0_9 {
  background-color: rgba(59, 177, 143, 0.9) !important;
}

.g-bg-primary-opacity-0_1 {
  background-color: rgba(59, 177, 143, 0.1) !important;
}

/* Border Color */
.g-brd-primary {
  border-color: #3bb18f !important;
}

.g-brd-primary--hover:hover {
  border-color: #3bb18f !important;
}

.g-brd-primary--active.active,
.active .g-brd-primary--active {
  border-color: #3bb18f !important;
}

/* Button Primary */
.u-btn-primary {
  color: #fff;
  background-color: #3bb18f;
}

.u-btn-primary:hover, .u-btn-primary.active {
  border-color: #58c7a7;
  background-color: #58c7a7;
}

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
  color: #fff;
}

.u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
  background-color: #3bb18f;
  border-color: #3bb18f;
}

.u-btn-primary.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after {
  background-color: #45c19d;
}

.u-btn-primary.u-btn-hover-v1-1:hover {
  background-color: #3bb18f;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after {
  background-color: #45c19d;
}

.u-btn-primary.u-btn-hover-v1-2:hover {
  background-color: #3bb18f;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after {
  background-color: #45c19d;
}

.u-btn-primary.u-btn-hover-v1-3:hover {
  background-color: #3bb18f;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after {
  background-color: #45c19d;
}

.u-btn-primary.u-btn-hover-v1-4:hover {
  background-color: #3bb18f;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after {
  background-color: #45c19d;
}

.u-btn-primary.u-btn-hover-v2-1:hover {
  background-color: #3bb18f;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after {
  background-color: #45c19d;
}

.u-btn-primary.u-btn-hover-v2-2:hover {
  background-color: #3bb18f;
  overflow: hidden;
}

/*------------------------------------
  Carousel indicators v1
------------------------------------*/
.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span {
  background-color: #3bb18f;
}

.u-carousel-indicators-v1 span,
.u-carousel-indicators-v1--white span {
  background-color: #dce2f1;
}

.u-carousel-indicators-v1 span {
  background-color: #dce2f1;
}

/*------------------------------------
  Checkboxes v4
------------------------------------*/
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 {
  color: #3bb18f;
  border-color: #3bb18f;
}

/*------------------------------------
  Sliders v1
------------------------------------*/
.u-slider-v1-3.ui-slider .ui-slider-handle {
  border-color: #3bb18f;
}

/*------------------------------------
  Form Control
------------------------------------*/
.form-control:focus,
.custom-select:focus {
  border-color: #3bb18f;
}

/*------------------------------------
  Checked state background
------------------------------------*/
/* Primary Colors */
input[type="checkbox"]:checked + .g-bg-primary--checked,
input[type="radio"]:checked + .g-bg-primary--checked,
input[type="checkbox"]:checked + * .g-bg-primary--checked,
input[type="radio"]:checked + * .g-bg-primary--checked {
  background-color: #3bb18f !important;
}

.g-bg-primary--checked.g-checked,
.g-checked .g-bg-primary--checked {
  background-color: #3bb18f !important;
}


 





/* Colorset styles loaded via theme config */ 

/*
Theme: Timeline                                                             
Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
green colorset                                                          
*/

/* 
* Green Color: #72c02c;  
* Green Hover Color: #57a70f; 
* Darkest color: #4b920c;
*/

a {
  color: #72c02c;
}

a:hover,
a:focus {
  color: #57a70f;
}

a.subtome:link,
a.subtome:visited { 
    background: url('templates/timeline/img/subtome-green.png') left bottom no-repeat;
}

a.subtome:hover,
a.subtome:focus { 
    background: url('templates/timeline/img/subtome-green.png') -64px center no-repeat;
}

a.subtome img {
    visibility: hidden;
}

.navbar-default .navbar-brand:hover h1,
.navbar-default .navbar-brand:focus h1{
    color: #57a70f;
}

.header .navbar-default .navbar-toggle {
    border-color: #57a70f;
}

.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
    background-color: #72c02c;
}

@media (max-width: 991px) {
    .header .navbar-default .navbar-nav > li > a:hover {
        color: #72c02c;
    }
    .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
        background-color: #72c02c;
    }
}

@media (min-width: 992px) {
    .header .navbar-default .navbar-nav a.navbar_current_page,
    .header .navbar-default .navbar-nav > li > a:hover {
        border-bottom: 2px solid #72c02c;
    }

    .header .navbar-default .navbar-nav > li:hover > a {
        color: #72c02c;
    }
}

.btn-theme {
    background: none repeat scroll 0 0 #72c02c;
    border: 1px solid #72c02c;
}

.btn-theme:hover {color: #72c02c;}

.pager li > a,
.pager li > span {
    background-color: #72c02c;
    border: 1px solid #72c02c;
}

.pager li > a:hover,
.pager li > a:focus {
    color: #57a70f;
}

.sidebar_plugin h3{
    border-bottom: 2px solid #72c02c;
}

.btn-group.archive-button .dropdown-menu > li > a {color: #57a70f;}

.btn-group.archive-button .dropdown-menu > li > a:hover,
.btn-group.archive-button .dropdown-menu > li > a:focus {
    background-color: #57a70f;
}

.archive-button-months-entries {border: 1px solid #72c02c;}

.archive-button-months-entries .badge {
    background-color: #4b920c; /* much darker */
}

blockquote {
    border-left: 5px solid #57a70f;
}

.timeline_freeTag a {
    background-color: #72c02c;
    border: 1px solid #72c02c;
}

.timeline_freeTag a:hover,
.timeline_freeTag a:focus {
    color: #57a70f;
}

#scrollUp {
    background-color: #72c02c;
    border: 1px solid #72c02c;
}
#scrollUp:hover {
    color: #57a70f;
}