/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*Fix for extra spacing in blog list*/
body div.itemListView div.itemContainer {
    padding-left: 0;
}

/*Fix for padding between carousel images*/
body .su-carousel-style-1 .su-carousel-image {
  margin: 0;
}

/*Remove to top scroller*/
.tm-totop-scroller {
	visibility: hidden;
}

/*Change color of mail submit button*/
.su-newsletter-wrapper input.su-newsletter-submit {
  	background: #00b303;
}

/*Change margin of youbricks image*/
.YouBricks_content .YouBricks_box_in div.imageholder {
	margin: -20px -20px 0 -20px!important;
}

/*signup*/
#dv-signup{font-size:40px;font-size:1.25rem;font-weight:bold;text-align:center;}

/*purple button,suyin changed the color into blue*/
.btn {
  -webkit-border-radius: 59;
  -moz-border-radius: 59;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  /*font-size: 23px;*/
  background: #0fa6c6;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/*suyin removed text-shadow: 3px 3px 3px #fff;*/
h2 {
  font: 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
  color: rgba(0,0,0,0.7);

}


/*Fix for quix carousel padding*/
.qx-carousel-item {
    padding-left: 10px;
    padding-right: 10px;
}

/*round image*/
.uk-border-circle {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*Fix for k2 quix banner having whitespace on top*/
.k2-item-banner {
    margin-top: -130px;
}

/*change back style of h1 in most of the page that affacted from orange.css*/
h1{
	text-transform: none !important;
}


h2 {
  /*font: 400 100px/1.2 'Merienda One', Helvetica, sans-serif;*/
  color: rgba(0,0,0,0.7);
  /*text-shadow: 3px 3px 3px #fff;*/
	letter-spacing: 2px;
}

h2, .uk-h2 {
    font-size: 48px;
    line-height: 30px;
}

element.style {
    height: 320px;
}

/*--- Help Center Search ---*/
/*search result FAQ title*/
/*.mls_comp_results.default-theme.blue-skin .mls-comp-item-info-inner a {
    color: #8975a8; 
}*/

/*empty result*/
/*.default-theme.blue-skin .mls-empty-results {
	background: #f0f2f7;
	color: #8975a8;
}*/

/*search box*/
.faqbookpro_mls .mls-form.default-theme .mls-form-inner input.mls-query {
    background: #ffffff; /* search box - bg color */
}

.default-theme.blue-skin input.mls-query:focus {
    border-color: #ccc; /* search box - border */
    color: #aaa; /* search box - text */
}

/*search button*/
.default-theme.blue-skin .mod-mls-btn {
    border-radius: 0px;
}

/* title - used in homepage, world page and destination listing*/
.max-lines {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  height: 2.4em;
  line-height: 1.2em;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  letter-spacing: inherit !important;
}


/*---- tooltip ----*/

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*---- custom footer for destination listing at position:bottom-a, breadcrumbs ----*/
.bottom-a-wrapper#tmBottomA{
	background-color:#ffffff;
	border-top: none;
    border-bottom: 1px solid #473b87;
	color: #474747;
}

#tmBottomA.tm-padding-large .uk-container .panel-content {
    padding-top: 0;
    padding-bottom: 100px;
}

.bottom-a-wrapper .uk-list-line > li:nth-child(n+2) {
    border-top-color: #ffffff;
    margin-top: 8px;
    padding-top: 8px;
}

.breadcrumbs-wrapper#tmBreadcrumbs{
	background-color:#ffffff;
	border-top: none;
	padding-top: 25px;
    padding-bottom: 25px;	
}

.breadcrumbs-wrapper .uk-list-line > li:nth-child(n+2) {
    border-top-color: #ffffff;
    margin-top: 8px;
    padding-top: 8px;
}