/*
 Theme Name:     MauiAccessible
 Description:    A child theme of Customizr with special features, pages and styles for the Maui Accesible Condo website.
 Template:       customizr
 Author:         Cameron Smith
 Author URI:     http://ccsmith.cetsi.com
 Version:        1.0.0
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

/* hide some items in the header navigation bar */
.navbar .social-block {
	display: none;
}
.navbar .site-description {
	display: none;
}

/* hide the footer */
footer#footer .colophon {
	display: none;
}

/* clear any floats that might be in the previous article */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	clear: both;
}

.breadcrumbs {
	display: none;
}

.format-icon:before {
	content: "" !important;
}

article.page header.entry-header {
	text-align:center;
}

#maui_sidebarcontact{
	font-weight: bold;
	font-size: 11px;
}

.transport_option {
	text-decoration: underline; 
	text-align: center; 
	font-weight: bold;
	font-size: 1.5em;
	clear: both;
	margin-top: 30px;
}

/*
	Format the awesome weather widget
*/
.awesome-weather-wrap {
	font-size: 10px;
}
.awesome-weather-header {
	font-size: 20px;
	line-height: 10px;
	padding-top: 15px;
}
.awesome-weather-current-temp {
	font-size: 45px;
}
.awesome-weather-current-temp sup {
	font-size: 17px;
}
.awesome-weather-forecast {
	padding-top: 10px;
	margin: 8px auto;
}
.awesome-weather-more-weather-link {
	padding: 0 0 5px 0;
}

/* 
   Change the width of the sidebars and centre area
*/
.span3.left.tc-sidebar {
width: 180px;
}
.span6.article-container {
width: 473px;
}
.span3.right.tc-sidebar {
width: 247px;
}

@media (min-width: 1200px) {
  .span3.left.tc-sidebar {
    width: 220px;
  }
  .span6.article-container {
    width: 640px;
  }
  .span3.right.tc-sidebar {
    width: 247px;
  }
  #maui_sidebarcontact{
  	font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .span3.left.tc-sidebar {
    width: 180px;
  }
  .span6.article-container {
    width: 460px;
  }
  .span3.right.tc-sidebar {
    width: 247px;
  }
}

/* 
    Change the look of the text in the slider 
*/
.carousel-caption {
	max-width: 40%; /* was 60% */
	margin-left: 2%; /* was 11% */
	padding: 2%;  /* was 5% */
	position: absolute;
	left:0;
	bottom:0; /* hugs the bottom of the slider */
}
/* shrink the Title field */
.carousel-caption h1 {
	font-size: 24px; /* was inherited from h1 (38.5px) */
	line-height: 1; /*was 1.25 */
}
/* shrink the description field */
.carousel-caption .lead {
	font-size: 16px; /* was inherited from lead (21 px) */
	line-height: 1; /* was 1.25 */
}

/* 
    Set up the two posts columns on the Entertainment page 
*/
.entertainment_page_posts {
	float: left;
	max-width: 45%;
	padding: 0 15px;
	max-height: 1500px;
	overflow: auto;
}
.entertainment_page_posts article h1 {
	font-size: 25px;
}
/* include a vertical line between the two columns */
#entertainment_posts {
	border-right: solid #5a5a5a 1pt;
}
#review_posts {
	border-left: solid #5a5a5a 1pt;
	margin-left: -1px;
}

/*
	Set up the Accesible Adventures page 
*/
#page-256 .adventurehead {
	display: inline-block;
	font-size: 2.5em;
	font-weight: bold;
	padding: 12px 0 0 0;
	line-height: 1em;
	margin-right: 15px;
}

/*
	Customize the FlipKey widget
	NOTE: The FlipKey script injects html code directly on the page,
	      and includes a new style sheet file 
	      (http://www.flipkey.com/css/compiled/widget.css). All or most of the 
	      styles include the !important declaration, meaning that to override 
	      them, we need to include the same declaration here.
	NOTE 2: The CSS are all quite specific ("html body" followed by the
	        individual class name). And because the script-based style is loaded
	        *after* this file, we must be *more* specific in addressing these
	        elements. Therefore, we include the "aside" element selector, since
	        the WordPress theme we're using encloses the sidebar elements in
	        "aside" elements. IF THE THEME CHANGES, these will have to be 
	        amended.
*/
/* Change the overall width */
html body aside .fk-review-widget {
	width: 225px !important;
}

/* Change the overall rating (owl-eyes and five circles). which appears above 
   the reviews, to appear below the tag line */
html body aside .fk-review-widget .fk-overall-rating {
	display: block !important;
	position: inherit !important;
	margin: 0 !important;
}

/* Move the reviews a liitle further below the overall rating image */
html body aside .fk-review-widget .fk-reviews {
	margin-top: 25px; !important;
	height: 475px !important;
}

/* Bring the FlipKey logo, which appears below the reviews, within the 
   overall width. */
html body aside .fk-review-widget .fk-logo {
	margin-left: 75px !important;
}