/*
Theme Name: Hemera Child Theme
Theme URI: http://demo.vegatheme.com/hemera
Author: Ocean Theme Team
Author URI: http://vegatheme.com
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: hemera child
Template: hemera

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("../hemera/style.css");

.page {
	box-shadow:0 -7px 7px -8px #000000 inset;
}

/* FOOTER */
.footer {
	background:url('/cms/themes/hemera-child/images/brickwall.png') repeat scroll center bottom;
}
.footer-text {

}
.footer .twelve {
	margin:0;
}
.footer .four {
	width:30.63332%;
	float:left;
	padding:1.333%;
}

.footer ul {
	text-align:left;
	padding:0 2px 20px 2px;
}
.footer h4 {
	color:#808080;
	font-size:18px;
	padding:0 0 30px;
	text-align:left;
}
.footer ul li {
	color: #808080;
	font-size:14px;
	padding:5px 0;
}
.footer ul li a {
	color: #808080;
	padding:5px 0;
}
.footer-img {
	float:left;
}
.footer-menu {
	clear:both;
}
.spray, .spray2 {
	position:absolute;
	display:block;
}
.spray {
	width:90px;
	height:90px;
	background:url('./images/spray.png');

}
.graffiti {
	background:url('./images/graffiti-wall2.png') repeat-x scroll center bottom;
	width:100%;
	height:138px;
}
/*
#headline4 {
	background:url('./images/fleck.png') no-repeat scroll right center;
	background-size: 110px;
}*/

body{
  background: url('./images/wall6.png');

}

p {
	margin-bottom:15px;
}
.wpb_wrapper ul li {
	list-style: square;
	line-height:1.8;
	margin-left:35px;
}
.ab {
	position:absolute;
	top:5px;
	left:10px;
}
.social-icons {
	position: absolute;
	top:10px;
	right:10px;
}
.icon-content {
	float:left;
	display:block;
	margin:0 4px;
}
a.icon-link:hover {
	color:#ccc;
}
.icon-link-facebook {
	color: #4d70a8;
}
.icon-link-twitter {
	color: #00bbf2;
}
.icon-link-flickr {
	color: #666;
}
.icon-link-google {
	color: #e3401d;
}
.icon-link-pinterest {
	color: #cb3737;
}
.icon-link-instagram {
	color: #4d70a8;
}

.fa-tripadvisor-square {
	background: url('./images/trip.png') no-repeat 0 0;
	background-size: 19px;
}
a.tripadvisor span {
	margin-top:2px;
	width:20px;
	height:20px;
}
.post2 {
	background:rgba(0,0,0, 0.1);
	box-shadow: 0 0 2px 0 rgba(0, 0,0, 0.4);
}
.blog-tag a, .pagination li a, .pagination li span {
	margin:2px;
}
.wpb_wrapper p, .wpb_wrapper ul  {
	background-image:url("/cms/themes/hemera-child/images/background-ab.png");
	background-repeat:repeat;
	background-position:0 0;
	background-size: 100% auto;
/*	box-shadow: 0 2px 2px -3px rgba(0, 0, 0, 0.6); */
	padding:14px 20px;
	margin:0 !important;
	font-weight: 400;
}
input,textarea {
    background: #f1f1f1 none repeat scroll 0 0;
    border: solid 1px #ccc;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 10px;
    width: 94%;
}
input[type="submit"] {
	background-color:#ccc !important;
}
.table-bg {
	background:#fff;
}

.page-id-13 td a, .page-id-15 td a {
	background:#54b848;
	display:inline-block;
	padding: 4px 10px;;
	color:#fff;
	text-decoration:none !important;
}
.vc_general {
	font-family:'Sifonn-Basic';
	text-transform:uppercase;
}
.fa {
	font-size:22px !important;
}


.book-now {
	-webkit-animation: pulse 1s infinite; /* Chrome, Safari, Opera */
    animation: pulse 1s infinite;
}



.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* Color Pattern*/
.wpb_wrapper p, .wpb_wrapper ul {
    background-image: url("/cms/themes/hemera-child/images/background-ab.png");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% 100%;
    font-weight: 400;
    margin: 0 !important;
    padding: 14px 20px;
}

.free-tour .wpb_wrapper {
	background:url('./images/free-tour.png');
	background-size:100% 100%;
}
.free-tour .wpb_wrapper p {
	background:none;
}
.pubcrawl .wpb_wrapper {
	background:url('./images/pubcrawl.png');
	background-size:100% 100%;
}
.pubcrawl  .wpb_wrapper p {
	background:none;
}
.real-berlin .wpb_wrapper {
	background:url('./images/real-berlin.png');
	background-size:100% 100%;
}
.real-berlin .wpb_wrapper p {
	background:none;
}
.streetart-workshop .wpb_wrapper {
	background:url('./images/streetart-workshop.png');
	background-size:100% 100%;
}
.streetart-workshop .wpb_wrapper p {
	background:none;
}
.green-tour .wpb_wrapper {
	background:url('./images/green-tour.png');
	background-size:100% 100%;
}
.green-tour .wpb_wrapper p {
	background:none;
}
.taste-berlin .wpb_wrapper {
	background:url('./images/taste-berlin.png');
	background-size:100% 100%;
}
.taste-berlin .wpb_wrapper p {
	background:none;
}
.twilight-tour .wpb_wrapper {
	background:url('./images/twilight-tour.png');
	background-size:100% 100%;
}
.twilight-tour .wpb_wrapper p {
	background:none;
}
.student-tours .wpb_wrapper {
	background:url('./images/student-tours.png');
	background-size:100% 100%;
}
.student-tours .wpb_wrapper p {
	background:none;
}
.by a{
	color: #ccc;
	font-size:10px;
}
.by a:hover {
	color:#ddd;
}
.shariff {
	padding: 20px 0 40px;
}