/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

body {
  background-image: url("/images/canons-bg2.jpg");
}

h1 {
  font-size: 1.6em;
}

p {
  font-size: 1.2em;
}

.kev-list ul {
   font-size: 1.2em;
}


/* ======
PHONE TOP
=======*/

.cma-phone p {
  font-size: 2em;
  line-height: 1.2em;
}

.cma-phone i {
  color: #09B9F0;
}

/* ===========
BOOKING BUTTON
=========== */

.booking-module img {
  padding: 5px 10px;
  background-color: #333;
}

/**/
.booking-title {
   color: #FFF;
   line-height: 2em;
   font-size: 1.5em;
   letter-spacing: -1px;
   background: rgb(9, 185, 240);
   padding: 20px 20px 26px 20px; 
}

.booking-title:hover {
   background: #2bcdff;
   transition: 0.1s;
}

.booking-title a:hover {
  text-decoration: none;
}


/* ===================
Widgetkit slider style
=================== */

/*image*/
.imagetitle1 {
   position: relative;  
    width: 940px;
   background-position: center;
}


/*text positioning*/
.h2title1 { 
   position: absolute; 
   top: 100px; 
   left: 110px; 
   width: 100%; 
}

/*text styling*/
.h2title1 span { 
   color: #FFF;
   line-height: 2em;
   font-size: 1.5em;
   letter-spacing: -1px;
   background: rgba(9, 185, 240, 0.8);
   padding: 10px; 
}

/* ==========
MEDIA QUERIES
========== */

@media screen and (max-width: 740px) { 
  .imagetitle1 img {
    background-position: center center;
  }
  
  .h2title1 span {
    font-size: 1.2em;
    line-height: 1em;
  }
  
  .h2title1 {
    position: absolute;
	left: 20px;
    top: 180px;
  }
  
/* BOOKING BUTTON */

.booking-module img {
  width: 20%;
  padding: 5px 2px;
  background-color: #333;
}

/**/
.booking-title {
    clear: both;
   color: #FFF;
   line-height: 1.6em;
   font-size: 0.9em;
   letter-spacing: -1px;
   background: rgb(9, 185, 240);
   padding: 10px 3px 10px 3px; 
}

.booking-title:hover {
   background: #2bcdff;
  transition: 0.1s;
}

  
}