/*
 Theme Name:   Clear Creek - Divi
 Author:       VistaWorks
 Author URI:   http://vistaworks.com
 Template:     Divi
*/

/* Header Nav Buttons */

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding: 5px !important;
}

@font-face {
  font-family: 'social-icons';
  src: url('fonts/social-icons.eot?42751349');
  src: url('fonts/social-icons.eot?42751349#iefix') format('embedded-opentype'),
       url('fonts/social-icons.woff?42751349') format('woff'),
       url('fonts/social-icons.ttf?42751349') format('truetype'),
       url('fonts/social-icons.svg?42751349#social-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* set up for rem */
html { font-size: 62.5%; }

body {
	background: url('images/ccr-bg.jpg');
}

/*
Index

*/

h1, h2, h3, h4, h5, h6 {
	color: #3a1e00;
}

h1 {
	font-size: 36px;
}

h4 {
	color: #666 !important;
}

header#main-header {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background: #fff;
}

p,
li {
	font-size: 115%;
}

#top-menu a, .et_mobile_menu a, 
#et_search_icon:before {
    color: #3a1e00 !important;
    font-size: 115%;
    font-weight: bold;
}

#top-menu > li > a {
	padding: 0 5px;
	margin-bottom: 24px;
	transition: background 0.3s;
}

#top-menu li.current-menu-item > a,
.fullwidth-menu li.current-menu-item > a {
	font-weight: bold;
	border-bottom: 2px solid #005fc0;
}

.et-fixed-header #top-menu > li > a {
	padding: 0 5px;
	margin-bottom: 10px;
}

#top-menu a:hover {
	background: #fadf00;
}
  
.nav ul li a:hover, 
.et_mobile_menu li a:hover { 
	color: #111; 
	background-color: #2b2b2b; 
}

#top-menu li.mega-menu > ul > li > a:first-child, 
.et_mobile_menu li a {
    border-bottom: 1px solid #444;
}

.et_nav_text_color_light,
.et_nav_text_color_light #et-secondary-nav a,
.et_nav_text_color_light .et-social-icon a,
.et_nav_text_color_light #et-info a {
	color: #fff;
}

.et_nav_text_color_light #et-secondary-nav a:hover,
.et_nav_text_color_light .et-social-icon a:hover,
.et_nav_text_color_light #et-info a:hover {
	color: #bed5ec !important;
}

.et_pb_slider .et_pb_slide {
	box-shadow: none;
}

header#main-header.et-fixed-header,
.et_mobile_menu,
.nav li ul ,
#top-menu li.mega-menu > ul > li > a:first-child:hover,
.et-search-form {
    background-color: #fff !important;
}

.et_mobile_menu {
	border-color: #fff !important;
	top: 59px !important;
}

#et_mobile_nav_menu .mobile_menu_bar:before {
	color: #fff !important;
}

.et-search-form input {
    background-color: #2b2b2b;
    color: #999;
}

#footer-bottom {
	background: #fff;
	border-top: 2px solid #aaa;
}

.home-page-blurb img {
		border-radius: 75px;
	}

#et-info > a {
	display: none;
}

#et-info span {
	font-size: 115%;
}

.et_pb_bg_layout_light .et_pb_promo_button {
	background: #fff;
	border-radius: 5px;
	border-color: #fadf00;
}

.et_pb_bg_layout_light .et_pb_promo_button:hover {
	background: #fadf00;
}

.et_pb_fullwidth_header_subhead {
	font-size: 16px;
	font-size: 1.6rem;
	color: #005fc0;
	font-style: italic;
}

#top-menu .ccr-menu-book-now a {
	border: 3px solid #fadf00;
}

#top-menu .ccr-menu-book-now a:hover {
	background: #fadf00;
}

#main-header.et-fixed-header nav#top-menu-nav,
#main-header nav#top-menu-nav {
	padding-top: 0;
}

.parallax-feature h1,
.parallax-feature h2,
.parallax-feature h3,
.parallax-feature h4,
.parallax-feature h5,
.parallax-feature h6 {
	text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.parallax-feature h2 {
	font-size: 24px;
	font-size: 2.4rem;
}

#main-footer h4 {
	color: #fff !important;
}

#footer-widgets .footer-widget li a {
	color: #bed5ec;
}

#footer-widgets .footer-widget li a:hover {
	color: #fff !important;
}

/* accordion */
.et_pb_toggle {
	transition: background .3s;
}

#et_mobile_nav_menu .mobile_menu_bar:before {
	color: #005fc0 !important;
}

ul#mobile_menu > li > a:hover {
	background: #eee;
}

.et_parallax_bg {
	background-position: bottom center !important;
	bottom: 40px;
}

.et_pb_contact p input,
.et_pb_contact p textarea {
	border: 1px solid #fff !important;
}

.TA_certificateOfExcellence {
	width: 168px;
	margin: 0 auto;
}

.illustrated-icon {
	position: relative;
	top: 30px;
}

/* vw social icons */
[class^="social-icon-"]:before, [class*=" social-icon-"]:before {
	font-family: "social-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	color: #bed5ec;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;

	font-variant: normal;
	text-transform: none;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	font-size: 3.5rem;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="social-icon-"]:hover:before, [class*=" social-icon-"]:hover:before {
	color: #fff;
}

a.social-icon-tripadvisor:before {
	content: "\e804";
}

a.social-icon-facebook:before {
	content: "\e801";
}

a.social-icon-googleplus:before {
	content: "\e800";
}

a.social-icon-youtube:before {
	content: "\e802";
}

.et_pb_widget_area_left,
.et_pb_widget_area_right {
	border: none !important;
}

#wpc-weather {
	background-color: #fff;
	max-width: 500px;
}

#wpc-weather .today {
	display: none;
}

#wpc-weather .now {
	margin-bottom: 15px;
}

#wpc-weather .forecast .day {
	width: 65px;
}

.wu-forecast-wrapper .wu-simple-forecast-day {
	height: 180px;
}

/* hide phone number in drop down menu, display in secondary menu */
@media only screen and (max-width: 980px) {

	ul#mobile_menu li.menu-item-type-custom {
		margin: 0 !important;
		display: none;
	}

	#et-secondary-nav {
		display: inline-block;
	}

}

/* ------------------------------------------------------
	Page editor helper classes */

.background-repeat {
	background-repeat: repeat !important;
	background-size: auto !important;
}

.page-title-section {
	padding-top: 80px;
}

.top-offset {
	top: -80px;
	margin-bottom: -80px;
}

.yellow-bar-top {
	border-top: 6px solid #fadf00;
}

.yellow-bar-bottom {
	border-bottom: 6px solid #fadf00;
}

.blue-bar-top {
	border-top: 6px solid #005fc0;
}

.blue-bar-bottom {
	border-bottom: 6px solid #005fc0;
}

.small-padding {
	padding: 30px 0;
}

.no-padding {
	padding: 0;
}

.no-margin {
	margin: 0;
}

.button-blue {
	background: #005fc0;
	color: #fff !important;
	border-radius: 5px;
	border-bottom: 3px solid #00458b;
	padding: 8px 12px;
	font-size: 18px;
	font-size: 1.8rem;
	transition: background 0.2s;
}

.button-blue:after {
	content: "\00bb"; /* Unicode hex for » */
    padding-left: 5px; /* Add a little space between text and arrow */
    font-size: 145%;
}

.button-blue:hover {
	background: #3b84cf;
}