/*
Theme Name: Diambra
Description: Wordpress theme for Diambra
Version: 1.0.3
Author: Romas Mazeika
Author URI: http://mazeika.lt
*/



/* 
Wordpress theme for Diambra [http://www.diambra.se]

Coded by Romas Mazeika [romas@mazeika.lt]
Comissioned by Patrick Gustavsson, I Love Internet Sweden AB
2013
*/

@font-face {
  font-family: 'museosans';
  src: url('fonts/MuseoSans_300-webfont.eot');
  src: url('fonts/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/MuseoSans_300-webfont.woff') format('woff'),
  url('fonts/MuseoSans_300-webfont.ttf') format('truetype'),
  url('fonts/MuseoSans_300-webfont.svg#museo_sans_300regular') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'museosans';
  src: url('fonts/MuseoSans_300_Italic-webfont.eot');
  src: url('fonts/MuseoSans_300_Italic-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/MuseoSans_300_Italic-webfont.woff') format('woff'),
  url('fonts/MuseoSans_300_Italic-webfont.ttf') format('truetype'),
  url('fonts/MuseoSans_300_Italic-webfont.svg#museo_sans_300italic') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'museosans';
  src: url('fonts/MuseoSans_500-webfont.eot');
  src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/MuseoSans_500-webfont.woff') format('woff'),
  url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
  url('fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museosans';
  src: url('fonts/MuseoSans_500_Italic-webfont.eot');
  src: url('fonts/MuseoSans_500_Italic-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/MuseoSans_500_Italic-webfont.woff') format('woff'),
  url('fonts/MuseoSans_500_Italic-webfont.ttf') format('truetype'),
  url('fonts/MuseoSans_500_Italic-webfont.svg#museo_sans_500italic') format('svg');
  font-weight: normal;
  font-style: italic;
}


/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
  display: block;
}

section {
  padding-bottom: 0.75em;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 1.5em;
}

section:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

 audio,
 canvas,
 video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

 audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

 [hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

 html {
  font-family: 'museosans', sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

 body {
  margin: 0;
  background: #f0f0f0;
  color: #202020;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

 a {
  color: #009199;
}
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

 a:active,
 a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

 h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: inherit;
  margin: 0 0 0em;
  text-transform: uppercase;
}
h2 {
  font-weight: 300;
  font-size: 20px;
}

.home h2 {
  font-size: 16px;
}

h3 {
  font-size: 16px;
}

p {
  margin: 0 0 0.75em;
}
p:last-child {
  margin:0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

 abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

 b,
 strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

 dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

 hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

 mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

 code,
 kbd,
 pre,
 samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

 pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

 q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote {
  margin: 0;
  padding: 0;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */

 small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

 sub,
 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */
 video,
 img {
  border: 0;
  height: auto;
  max-width: 100%;
}
iframe {
  max-width: 100%;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */

 svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

 figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

 fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

 legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

 button,
 input,
 select,
 textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

 button,
 input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

 button,
 select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

 button[disabled],
 html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

 input[type="checkbox"],
 input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

 input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

 button::-moz-focus-inner,
 input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

 textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

 table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 
 *   Grid and Layout
 * ==========================================================================
 */

 .page-wrapper {
  max-width:960px;
  margin:0 auto;
  position:relative;
  padding: 0 1%;
}
.home .page-wrapper,
.site-nav .page-wrapper {
  padding: 0;
}
.row:after,
.col:after,
.align-left:after,
.align-right:after {
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.row {
  background: #fff;
  margin-bottom: 0.75em;
  padding: 0.75em 0;
}

section:first-child > .row:first-child {
  background: transparent;
  margin-left: -1%;
  margin-right: -1%;
  padding: 0;
}
.home section:first-child > .row:first-child {
  margin-left: 0;
  margin-right: 0;
}

section .row:first-child {
  font-size: 16px;
}

.main-section > .row:nth-child(2) {
  font-size: 16px;
}

.col {
  display: block;
  width:100%;
  position: relative;
  padding: 0 1%;
}

.site-nav .menu {
  display: none;
}
.site-nav select {
  display: block;
  width: 100%;
}
@media screen and (max-width: 760px) {
  #lang_sel_list {
    display: none;
  }
  .push-box img,
  .workshop .entry-thumbnail img {
    width: 100%;
  }
  .workshop {
    margin-bottom: 2em;
  }
  .testimonial.span_3,
  .workshop.span_3,
  .team-member.span_3,
  .teacher.span_3,
  .media-item.span_3 {
    width: 50.0%;
    float:left;
    margin-bottom: 1em;
  }
  .extra-posts {
    border-top: 1px solid #bdbdbd;
    padding-top: 1.5em;
  }
}
@media screen and (min-width: 761px) {
  .col { float: left; }
  .span_1 { width: 8.33333333333%; }
  .span_2 { width: 16.6666666667%; }
  .span_3 { width: 25.0%; }
  .span_4 { width: 33.3333333333%; }
  .span_5 { width: 41.6666666667%; }
  .span_6 { width: 50.0%; }
  .span_7 { width: 58.3333333333%; }
  .span_8 { width: 66.6666666667%; }
  .span_9 { width: 75.0%; }
  .span_10 { width: 83.3333333333%; }
  .span_11 { width: 91.6666666667%; }
  .span_12 { width: 100%; }

  .site-nav .menu {
    display: block;
  }
  .site-nav select {
    display: none;
  }
  .push-box {
    margin-left: 1%;
    margin-right: 1%;
    width: 31.33333333333%;
  }
}

.align-left {
  float:left;
}
.align-right {
  float:right;
}
.align-center {
  display: block;
  margin: auto;
}


.site-nav,
.contact-details {
  background: #333333;
  color: #fff;
}
.site-title {
  position: absolute;
  top: 62px;
  left: 19px;
  z-index: 9999;
}
.site-title-span {
  display: none;
}
.site-nav {
}
.menu {
  list-style: none;
  margin:0;
  padding:0 1%;
}
.children {
  margin: 5px 0;
  padding: 0;
  position: absolute;
  left: 1%;
  z-index: 9999;
  color: #202020;
  display: none;
}
.current_page_ancestor > .children,
.current_page_item > .children {
  display: block;
}
.page_item {
  display: inline-block;
  vertical-align: middle;
}
.page_item a {
  color: inherit;
  display: block;
  padding: 2px 1.5em 2px 0;
  text-decoration: none;
  font-weight: 300;
}
.current_page_ancestor > a,
.current_page_item > a {
  font-weight: normal;
  font-style: italic;
}
#lang_sel_list {
  text-align: right;
  margin-bottom: 25px;
}
.home #lang_sel_list {
  padding: 0 1%;
}
#lang_sel_list > ul {
  border-bottom: 1px solid #bdbdbd;
}
#lang_sel_list ul, 
#lang_sel_list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#lang_sel_list li {
  display: inline-block;
  visibility: hidden; /*remove this when enabling languages */
}
#lang_sel_list a {
  color: inherit;
  text-decoration: none;
  font-weight: 300;
  padding: 5px  0 5px 1em;
  display: block;
}
.lang_sel_sel {
  font-weight: normal;
  font-style: italic;
}

.push-box {
  border: 1px solid #b9b9b9;
  background: #fff;
  padding: 1%;
}
.push-box .read-more,
.type-post .read-more,
.type-workshop .read-more,
.team-member .read-more,
.teacher .read-more {
  position: absolute;
  right: 9px;
  background: url(images/arrow_blue.png) 100% 50% no-repeat;
  width: 20px;
  height: 20px;
}
.type-post .read-more,
.type-workshop .read-more {
  margin-top: -2em;
}
.team-member .read-more,
.teacher .read-more {
  margin-top: -1.7em;
}
.blog-posts article,
.single article {
  position: relative;
  margin-bottom: 1em;
}
.single .read-more {
  bottom: 0;
}
.read-more-span {
  display: none;
}
.show-more-link {
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -27px;
  background: url(images/arrow_loadmore.png) 50% 50% no-repeat;
  display: block;
  width:54px;
  height: 30px;
}
.show-more-link span {
  display: none;
}
.wpcf7-form {
  font-size: 12px;
  font-weight: 300;
}
.wpcf7-form-control-wrap {
  display: block;
  padding: 0.5em 0 0.2em;
}
.wpcf7-form-control,
.wpcf7-select option {
  width: 100%;
  padding: 0.25em 0.5em;
}
.wpcf7-submit {
  background: #4eb8c6 url(images/arrow_white.png) 90% 50% no-repeat;
  border: 0;
  color: #fff;
  padding: 0.3em 2em 0.3em 1em;
  font-weight: 300;
  width: auto;
}
.wpcf7-form span.wpcf7-not-valid-tip {
  top:0;
  left:0;
  width:100%;
  padding: 0.25em 0.5em;
  margin: 0.25em 0;
}
figure blockquote {
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
}
section:first-child .row:first-child figure {
  color: #4eb8c6;
}
section:first-child .row:first-child figure blockquote {
  font-size: 28px;
  font-weight: 300;
}
section:first-child .row:first-child figure figcaption {
  font-size: 12px;
  font-weight: 300;
}
.home section {
  padding-bottom: 0;
  border-bottom: none;
}
.no-bgr,
.no-bgr .row {
  background: transparent;
  padding:0;
  margin-left: -1%;
  margin-right: -1%;
}
.workshops-heading {
  font-style: italic;
}
.past-workshop {
  border-top: 1px solid #4eb8c6;
}
#post-2 .row {
  background: transparent;
  font-size: 14px
}
#cv .row {
  font-size: 14px;
}
.page-footer {
  text-align: center;
  font-size: 12px;
}
.highlight {
  text-transform: uppercase;
  font-weight: normal;
}
.studio-address {
  margin: .5em auto;
}

.contact-details {
  padding: 2em 0;
}
.contact-details p {
  vertical-align: middle;
  margin: 0 2em 1em;
  text-align: start;
}

@media screen and (min-width: 761px) {
  .contact-details p {
    display: inline-block;
  }
  .blog-posts:before {
    content: '';
    display: block;
    width: 33.33333333333%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 33.3%;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
  }

}
.blog {
  background: #fff;
}
.blog > .row {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.blog-posts {
  margin: 0 -1%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.social-link {
  padding: 0 7px;
  margin-left: -4px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-collapse: collapse;
  display: inline-block;
  height: 21px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.icon-fb {
  width:15px;
  background: url(images/social_fb.png) 50% 0 no-repeat;
}
.icon-twitter {
  width:25px;
  background: url(images/social_twitter.png) 50% 0 no-repeat;
}
.icon-instagram {
  width:26px;
  background: url(images/social_instagram.png) 50% 0 no-repeat;
}
.icon-youtube {
  width:59px;
  background: url(images/social_youtube.png) 50% 0 no-repeat;
}
.icon-fb:hover {
  background: url(images/social_fb_hover.png) 50% 0 no-repeat;
}
.icon-twitter:hover {
  background: url(images/social_twitter_hover.png) 50% 0 no-repeat;
}
.icon-instagram:hover {
  background: url(images/social_instagram_hover.png) 50% 0 no-repeat;
}
.icon-youtube:hover {
  background: url(images/social_youtube_hover.png) 50% 0 no-repeat;
}
.social-link-span {
  display: none;
}
.colophon {
  font-size: 10px;
  font-weight: normal;
  margin: 1em auto;
}

/*
 *  jQuery plugins related styling
 *
 */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
 /* Browser Resets */
 .flex-container a:active,
 .flexslider a:active,
 .flex-container a:focus,
 .flexslider a:focus  {outline: none;}
 .slides,
 .flex-control-nav,
 .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0 1%; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
/*.flex-direction-nav {
  *height: 0;
}
*/
.flex-direction-nav a {width: 30px; height: 54px; margin: -27px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-next {background: url(images/arrow_right.png) no-repeat 0 0; right: 0; }
.flex-direction-nav .flex-prev {background: url(images/arrow_left.png) no-repeat 0 0; left: 0;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}





/* PATRICK'S CUSTOM CSS */

@media (max-width: 479px) {
body {padding:5px;}
  div.entry-thumbnail img {width:100%;}
  .site-logo {margin-left:-15px; margin-top:-35px; max-width:75px;}
  .push-box {margin-bottom:15px;}
  .page-footer {
    text-align: left;
    font-size: 11px;
  }

  .contact-details p {
    vertical-align: middle;
    margin: 0px 0px 10px 0px;
    text-align: start;
    width:46%;
  }

  p.social {
    display:none;
  }

  p.social-mobile {
    display:inline-block;
    text-align:center;
    width:100%;
    margin-bottom:0px;
  }

  .flexslider { margin:10px 0px -20px 0px; }

}

@media (min-width: 480px) {
  p.social {
    display: inline-block;
  }

  p.social-mobile {
    display: none;
  }
}

section.blog span.entry-date {font-size:10px; font-style:italic; text-transform:capitalize;}
section.blog h1,
.extra-posts h1 {font-size:16px; line-height:20px; margin-top:0px; text-transform:none;}
section.blog p,
.extra-posts p { font-size:12px; line-height:16px; }
.main-post h1 { font-weight: 300; font-size: 20px; margin: .25em 0; }

section#team h3 {text-transform:none; margin-top:0px;}

article span.entry-date {font-size:10px; font-style:italic; text-transform:capitalize;}
article h1 {font-size:12px; line-height:16px; font-weight:300; text-transform:none;}
article h2 {font-size:20px; line-height:24px; font-weight:300; text-transform:none;}
article h3 {font-size:16px; line-height:20px; margin-bottom:3px; margin-top:5px; text-transform:uppercase;}
article p {font-size:14px; line-height:16px; margin-bottom:15px;}
article p.intro-text {font-size:16px; line-height:18px; margin-bottom:0px;}

.contact-details a {color:#fff;}

section:first-child .row:first-child figure blockquote p {font-size:24px; font-weight:300; line-height:28px;}

figure blockquote p {font-size:14px; font-weight:500; margin-bottom:20px; line-height:16px;}
figure figcaption {font-size:12px; font-style:italic;}

strong {font-weight:500;}

.testimonial.span_3,
.workshop.span_3,
.team-member.span_3,
.teacher.span_3,
.media-item.span_3 {
line-height:16px;
}

.responsive-container { position:relative; padding-bottom: 56.25%; padding-top: 30px; padding-left:0; padding-right:0; margin:0 0 0 0; height: 0; overflow: hidden; top:0; left:0; margin-bottom:0px;}
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin:0; padding:0; }

.google-calendar {height: 100%; max-width: 100%; }

/* .mobile-calendar {
  display: block;
}*/
.desktop-calendar {
  display: block;
}

@media screen and (min-width: 768px) {
 /* .mobile-calendar {
    display: none;
  }*/

  .desktop-calendar {
    display: block;
  }

}

/* ------------------------------ */

@media screen and (min-width: 761px) {
  .row.single-blog-post:before {
    content: '';
    display: block;
    width: 1px;
    height: 98%;
    height: calc(100% - 1.5em);
    border-right: 1px solid #c0c0c0;
    position: absolute;
    top: 0.75em;
    right: 33.66%;
  }
}

#fountainG{
  position:absolute;
  width:120px;
  height:15px;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
}

.fountainG{
  position:absolute;
  top:0;
  background-color:#4eb8c6;
  width:15px;
  height:15px;
  -moz-animation-name:bounce_fountainG;
  -moz-animation-duration:0.7s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -moz-transform:scale(.3);
  -moz-border-radius:10px;
  -webkit-animation-name:bounce_fountainG;
  -webkit-animation-duration:0.7s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -webkit-transform:scale(.3);
  -webkit-border-radius:10px;
  -ms-animation-name:bounce_fountainG;
  -ms-animation-duration:0.7s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -ms-transform:scale(.3);
  -ms-border-radius:10px;
  -o-animation-name:bounce_fountainG;
  -o-animation-duration:0.7s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  -o-transform:scale(.3);
  -o-border-radius:10px;
  animation-name:bounce_fountainG;
  animation-duration:0.7s;
  animation-iteration-count:infinite;
  animation-direction:linear;
  transform:scale(.3);
  border-radius:10px;
}

#fountainG_1{
  left:0;
  -moz-animation-delay:0.28s;
  -webkit-animation-delay:0.28s;
  -ms-animation-delay:0.28s;
  -o-animation-delay:0.28s;
  animation-delay:0.28s;
}

#fountainG_2{
  left:15px;
  -moz-animation-delay:0.35s;
  -webkit-animation-delay:0.35s;
  -ms-animation-delay:0.35s;
  -o-animation-delay:0.35s;
  animation-delay:0.35s;
}

#fountainG_3{
  left:30px;
  -moz-animation-delay:0.42s;
  -webkit-animation-delay:0.42s;
  -ms-animation-delay:0.42s;
  -o-animation-delay:0.42s;
  animation-delay:0.42s;
}

#fountainG_4{
  left:45px;
  -moz-animation-delay:0.49s;
  -webkit-animation-delay:0.49s;
  -ms-animation-delay:0.49s;
  -o-animation-delay:0.49s;
  animation-delay:0.49s;
}

#fountainG_5{
  left:60px;
  -moz-animation-delay:0.56s;
  -webkit-animation-delay:0.56s;
  -ms-animation-delay:0.56s;
  -o-animation-delay:0.56s;
  animation-delay:0.56s;
}

#fountainG_6{
  left:75px;
  -moz-animation-delay:0.63s;
  -webkit-animation-delay:0.63s;
  -ms-animation-delay:0.63s;
  -o-animation-delay:0.63s;
  animation-delay:0.63s;
}

#fountainG_7{
  left:90px;
  -moz-animation-delay:0.7s;
  -webkit-animation-delay:0.7s;
  -ms-animation-delay:0.7s;
  -o-animation-delay:0.7s;
  animation-delay:0.7s;
}

#fountainG_8{
  left:105px;
  -moz-animation-delay:0.77s;
  -webkit-animation-delay:0.77s;
  -ms-animation-delay:0.77s;
  -o-animation-delay:0.77s;
  animation-delay:0.77s;
}

@-moz-keyframes bounce_fountainG{
  0%{
    -moz-transform:scale(1);
    background-color:#4eb8c6;
  }

  100%{
    -moz-transform:scale(.3);
    background-color:#FFFFFF;
  }

}

@-webkit-keyframes bounce_fountainG{
  0%{
    -webkit-transform:scale(1);
    background-color:#4eb8c6;
  }

  100%{
    -webkit-transform:scale(.3);
    background-color:#FFFFFF;
  }

}

@-ms-keyframes bounce_fountainG{
  0%{
    -ms-transform:scale(1);
    background-color:#4eb8c6;
  }

  100%{
    -ms-transform:scale(.3);
    background-color:#FFFFFF;
  }

}

@-o-keyframes bounce_fountainG{
  0%{
    -o-transform:scale(1);
    background-color:#4eb8c6;
  }

  100%{
    -o-transform:scale(.3);
    background-color:#FFFFFF;
  }

}

@keyframes bounce_fountainG{
  0%{
    transform:scale(1);
    background-color:#4eb8c6;
  }

  100%{
    transform:scale(.3);
    background-color:#FFFFFF;
  }

}