/* Copyright (C) Amanda Design */


@import '../../../../font-awesome/4.3.0/css/font-awesome.min.css';
@import '//fonts.googleapis.com/css?family=Oxygen:400,700,300';

body { color: #3a3a36; }

.tm-article-blog .tm-article-blog-image > a:hover {
    transform: scale(1) rotateZ(0deg);
}


/* Smartphones (portrait and landscape) ----------- */
@media (min-width: 310px) {
	
	p {font-family: 'Oxygen', sans-serif;}
	.tm-content-padding .tm-block-middle {
    padding-top: 0px;
    padding-bottom: 50px;
}
		#navigation
	{display:block;position:fixed;bottom:0;right:0;z-index:4000;width:100%;height:44px; background-color: #8ebec1;padding:0px;text-align:left;
content: "\f0f5";
color:#000;
  font-family: FontAwesome;
  vertical-align: middle;  font-size: 14px;}
  ul.mobile li {display:inline-block;font-size: 24px;width:15%;}
  


	.caravelleheader { display: block; width: 100%; background-color: #fff; position: relative; z-index:0;}
.caravelleheader { height: 80px; }
.caravellemain { padding-top: 0px; }
.uk-panel-space { padding: 10px; }
.text { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
.text { font-size: 15px; line-height: 24px; width: 75%; font-family: 'Oxygen', sans-serif;}
.text p { font-size: 15px; line-height: 24px; font-family: 'Oxygen', sans-serif;}
.uk-article-lead { color: #3a3a36; font-size: 15px; line-height: 24px; font-weight: normal; font-style: normal; color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 300; letter-spacing: 0px; }
div.strapline { font-size: 18px; line-height: 22px; margin-top: 10px; }
div.copyright { font-size: 10px; line-height: 12px; }
.find p { letter-spacing: 3px; line-height: 20px; font-size: 12px; }
.uk-container {
    box-sizing: border-box;
    max-width:320px;
    padding: 0px;
}
h3, .uk-h3 { font-size: 20px; line-height: 22px; }
.tm-block.tm-block-padding-large { padding-top: 0px; padding-bottom: 0px; }
.caravelle-turqlight { background-color: #bbdbdd; text-align: center; display: block; clear: both;padding-top:20px;padding-bottom:20px; }

}

@media  (min-width : 360px) {
		.mobilemenu{top:25%;}
	.caravelleheader { display: block; width: 100%; background-color: #fff; position: relative; z-index:0;}
	.caravelleheader { height: 80px; }
.caravellemain { padding-top: 0px; }
.uk-panel-space { padding: 0px; }
.text { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
.text { font-size: 15px; line-height: 24px; width: 92%;font-family: 'Oxygen', sans-serif; }
.text p { font-size: 15px; line-height: 24px;font-family: 'Oxygen', sans-serif; }
.uk-article-lead { color: #3a3a36; font-size: 15px; line-height: 24px; font-weight: normal; font-style: normal; color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 300; letter-spacing: 0px; }
div.strapline { font-size: 18px; line-height: 22px; margin-top: 10px; }
div.copyright { font-size: 10px; line-height: 12px; }
.find p { letter-spacing: 3px; line-height: 20px; font-size: 12px; }
.uk-container {
    box-sizing: border-box;
    max-width: 95%;
    padding: 0px;
}
h3, .uk-h3 { font-size: 20px; line-height: 22px;  }

.caravelle-turqlight { background-color: #bbdbdd; text-align: center; display: block; clear: both;padding-top:20px;padding-bottom:20px; }
}

@media  (min-width : 768px) {
	
	.tm-content-padding .tm-block-middle {
    padding-top: 0px;
    padding-bottom: 50px;
}
		#navigation{display:none;}
	.uk-navbar-nav > li > a { display: block; text-align: center; box-sizing: border-box; text-decoration: none; height: 70px; padding: 0px 10px; line-height: 90px; color: #3a3a36; font-size: 15px; font-family: 'Oxygen', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
	.mobilemenu{display:none;}
	.caravelleheader { display: block; position: fixed; z-index: 1000; width: 100%; background-color: #fff; }
	.caravelleheader { height: 150px; }
.caravellemain { padding-top: 150px; }
	.caravelle-turqlight { padding-top:20px;padding-bottom:20px; }
	.tm-block.tm-block-padding-large { padding-top: 0px; padding-bottom: 0px; }
	h3, .uk-h3 { font-size: 24px; line-height: 29px; margin: 0px 0px 15px; color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
	.uk-container {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0px 20px;
}
div.strapline { font-size: 24px; line-height: 29px; margin-top: 30px; }
div.copyright { font-size: 14px; line-height: 18px; }
.find p { letter-spacing: 4px; line-height: 29px; font-size: 15px; }
.text { padding: 20px; }
.text { font-size: 18px; line-height: 28px; width: 78%; }
.text p { font-size: 18px; line-height: 28px; }	
.uk-article-lead { color: #3a3a36; font-size: 18px; line-height: 28px; font-weight: normal; font-style: normal; color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 300; letter-spacing: 0px; }
.uk-panel-space { padding: 30px; }
.uk-text-center.tm-nav-logo.uk-visible-large{display:block;}

}

@media  (min-width : 800px) {
.uk-navbar-nav > li > a { display: block; text-align: center; box-sizing: border-box; text-decoration: none; height: 70px; padding: 0px 10px; line-height: 90px; color: #3a3a36; font-size: 15px; font-family: 'Oxygen', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
	.tm-logo-small{display:none;}
	.caravelleheader { height: 200px; }
caravellemain { padding-top: 200px; }
}

@media  (min-width : 980px) {
	.uk-navbar-nav > li > a { display: block; text-align: center; box-sizing: border-box; text-decoration: none; height: 90px; padding: 0px 20px; line-height: 90px; color: #3a3a36; font-size: 17px; font-family: 'Oxygen', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
	.caravelleheader { height: 200px; }
.caravellemain { padding-top: 200px; }
}

@media  (min-width : 1280px) {
		.caravelleheader { height: 200px; }
.caravellemain { padding-top: 200px; }
.uk-panel-space { padding: 30px; }
}

@media  (min-width : 1920px) {	.caravelleheader { height: 200px; }
caravellemain { padding-top: 200px; }
}

.tm-content{padding-bottom:20px;}
.uk-navbar-toggle { padding-left: 10px; }
.caravellemain { display: block; }

.strapline { color: #53504a; }
.copyright { color: #53504a; }
.uk-panel.uk-panel-space.widget_text { text-align: center; }
.caravelle-turq { background-color: #8ebec1; text-align: center; display: block; clear: both; }
.caravelle-turqlight { background-color: #bbdbdd; text-align: center; display: block; clear: both; }
.caravelle-white { background-color: #fff; text-align: center; display: block; clear: both; }
.brunch { text-align: center; width: 100%; background-image: url(../../../uploads/caravelle/home-headers/brunch-home.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.lunch { text-align: center; width: 100%; background-image: url(../../../uploads/caravelle/home-headers/lunch-home.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.dinner { text-align: center; width: 100%; background-image: url(../../../uploads/caravelle/home-headers/dinner-home.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.coffee { text-align: center; width: 100%; background-image: url(../../../uploads/caravelle/home-headers/coffee-home.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.beer { text-align: center; width: 100%; background-image: url(../../../uploads/caravelle/home-headers/beer-homepic.jpg); background-size: cover; background-repeat: no-repeat; }
.text { display: block; font-weight: 300; margin-left: auto; margin-right: auto; text-align: center; }
.text p { font-weight: 300; }
.tm-navbar .tm-navbar-wrapper .tm-nav .tm-nav-wrapper > .uk-navbar-nav > li { text-align: center; }
.tm-navbar.uk-navbar.uk-navbar-attached { margin-left: auto; margin-right: auto; }
.tm-navbar.uk-navbar-attached .tm-nav ul { text-align: center; }
.tm-nav ul { width: 900px; margin: 0 auto; text-align: center; background-color: #ccc; }
ul.uk-navbar-nav uk-hidden-small { margin: 0 auto; text-align: center; }
.tm-nav uk-visible-large { margin: 0 auto; text-align: center; }
ul.uk-navbar-nav.uk-hidden-small { margin: 0 auto; text-align: center; }
.find { text-align: left; }
.menu { margin-top: 60px; display: block; background-color: fff; }

.tm-block:first-child, .tm-block-image, .tm-block-alt, .tm-block-image + .tm-block, .tm-block-alt + .tm-block, .tm-bottom-c + .tm-footer { padding-top: 0px; }
.uk-grid { }
.uk-sticky-placeholder { text-align: center; }

.find a { text-transform: uppercase; font-weight: 700; text-decoration: none; }
div.strapline { color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 300; padding: 10px; display: block; letter-spacing: 4px; }
div.copyright { color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 400; padding: 10px; display: block; text-transform: uppercase; letter-spacing: 4px; }
p { color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; }
h3, .uk-h3 {  color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }

.uk-article-title { font-size: 25px; line-height: 28px; color: #3a3a36; font-family: 'Oxygen', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; }
.uk-button:active, .uk-button.uk-active { background-color: #8ebec1; color: #FFF; }
.uk-button:hover, .uk-button:focus { background-color: #8ebec1; color: #ffffff; /* 2 */
outline: none; /* 3 */
text-decoration: none; border-color: transparent; }
.tm-totop-scroller { width: 40px; height: 40px; line-height: 40px; letter-spacing: 0px; border: 0px solid #3a3a36; }
.uk-button.uk-button-small.tm-totop-scroller { text-align: center; padding-left: 12px; padding-right: 12px; padding-top: 5px; margin-top: 40px; }
.uk-button { margin: 0px; overflow: visible; font-style: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; color: #3a3a36; display: inline-block; box-sizing: border-box; padding: 0px 12px; background: none repeat scroll 0% 0% transparent; vertical-align: middle; line-height: 30px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; border: 2px solid #3a3a36; text-align: center; font-family: 'Oxygen', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; transition: border-color 0.1s ease 0s, #6363CE 0.1s ease 0s, color 0.1s ease-in-out 0s; }
.tm-nav.uk-visible-large { background-color: #333; }
ul.uk-navbar-nav { text-align: center; padding: 0px; list-style: outside none none; float: none; margin: 0 auto; }
.tm-block { box-sizing: border-box; padding-bottom: 0px; background: none repeat scroll 0% 0% #fff; }
.uk-navbar-attached { border-bottom: 1px solid rgba(68, 68, 68, 0.08); text-align: center; }
.uk-navbar-attached ul li { text-align: center; }
.uk-icon-twitter:before { color: #bbdbdd; }
.uk-icon-facebook:before { color: #bbdbdd; }
.uk-icon-instagram:before { color: #bbdbdd; }
.tripadvisor { box-sizing: border-box; display: inline-block; width: 40px; height: 40px; border-radius: 0px; background-position: center center; background-color: transparent; background-attachment: scroll; color: #444; font-size: 20px; text-align: center; border: 2px solid #444; line-height: px; text-decoration: none; background-image: url(http://www.caravelle.es/uploads/caravelle/tripadvisor.png); background-repeat: no-repeat; background-size: contain; }
.uk-icon-button:active { background-color: #4bb9c0; color: #FFF; border-color: transparent; }
.uk-icon-button:hover { background-color: #4bb9c0; color: #FFF; border-color: transparent; }
.uk-icon-button { box-sizing: border-box; display: inline-block; width: 40px; height: 40px; border-radius: 0px; background: #3a3a38; color: #444; font-size: 20px; text-align: center; border: 2px solid #3a3a38; line-height: px; text-decoration: none; }