/*
Theme Name: Christ in the Desert
Version: 1.0
Description: Child theme for ElegantThemes "Divi"
Author: Canton Becker
Author URI: http://cantonbecker.com
Template: Divi
*/

@import url("../Divi/style.css");
@import url(https://fonts.googleapis.com/css?family=Rosario:700,400);


/**
 * @license
 * MyFonts Webfont Build ID 2960039, 2015-01-26T14:29:03-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: LadogaDisplay by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/ladoga/display-regular/
 * Copyright: Copyright © 2010 ParaType Inc., ParaType Ltd. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2960039
 * 
 * © 2015 MyFonts Inc
*/


/* Cheatsheet

	sky blue:	#ABD1E6
	light blue:	#d3e8f2
	dark adobe:	#904008
	orange:		#CC6101
*/


/* HACKS TO PARENT THEME THAT COULDN'T BE AVOIDED:
	
	* Divi/epanel/shortcodes/css/shortcodes.css --- changed some button colors
	* Divi/js/jquery.magnific-popup.js -- removed %times; as per:
		https://cloud.githubusercontent.com/assets/5260368/8019496/6c83b03e-0c06-11e5-9a65-ae66e21025f7.jpg

*/
/* @import must be at top of file, otherwise CSS will not work */

@import url("//hello.myfonts.net/count/2ef7e7");
  
@font-face {font-family: 'LadogaDisplay';src: url('/webfonts/2EF7E7_0_0.eot');src: url('/webfonts/2EF7E7_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2EF7E7_0_0.woff2') format('woff2'),url('/webfonts/2EF7E7_0_0.woff') format('woff'),url('/webfonts/2EF7E7_0_0.ttf') format('truetype'),url('/webfonts/2EF7E7_0_0.svg#wf') format('svg');}

/* Typography */
body.home div.et_pb_promo_description h2 { font-family: LadogaDisplay; font-weight: normal; font-style: normal; font-size: 3em; color: #CC6101;}
body.home h1 { font-family: LadogaDisplay; font-weight: normal; font-style: normal; font-size: 2.5em; color: #CC6101;}
#main-content h1.main_title { font-family: LadogaDisplay; font-weight: normal; font-style: normal; font-size: 3em; color: #CC6101;}

#main-content .et_pb_fullwidth_section div.et_pb_slide_description h2 { font-family: LadogaDisplay; font-weight: normal; font-size: 4em;}
#main-content .entry-content h1, #main-content #content-area h1 { font-family: LadogaDisplay; font-weight: normal; font-style: normal; font-size: 2.8em; color: #CC6101;}

#main-content section.et_pb_fullwidth_header h1 { font-size: 3.5em;  }

.main_title { margin-bottom: 0; }
#main-content .container { padding-top: 25px; }

.homenews { color: #990000; }
.homenews a { font-weight: bold; color: #CC0000; }

.darkertext { color: #333333; }
#et-main-area #main-content article div.et_pb_text li { 
	 padding: 0 4em .5em 1em; 
	 font-size: 1.2em;
	 list-style-position: outside;
	 margin-left: 2em;
}

/* Phone Typography */
@media only screen and (min-device-width: 320px) and (max-device-width: 560px) {
	#main-content h1.main_title, #main-content .entry-content h1 { font-size: 2em; }
	#main-content .container { padding-top: 10px; }

}

.darkscrim { background:rgba(0,0,0,0.5);
}

/* SIDEBAR */
div#sidebar .widget_subpages li { margin-left: 15px; list-style: square; }
div#sidebar .widget_subpages li a, div#sidebar div.textwidget a { color: #CC6101; } 
div#sidebar .widget_subpages li a:hover, div#sidebar div.textwidget a:hover { color: #cb161a; } 

.et_pb_widget a { color: #cc6101 !important; } /* having a devil of a time getting sidebar links properly colored... */


div.sidebarQuote { margin-top: 20px; }
div.sidebarQuote p { font-size: 1.2em; color: #E9751E; font-family: LadogaDisplay;}
div.sidebarQuote span { font-style: italic; color: #E9751E; }

/* Sidebar for "pagebuilder" type pages, assuming that sidebar has been given an id of 'sidebar' */
div#sidebar.et_pb_widget_area li { list-style: none; }
div#sidebar.et_pb_widget_area li.widget { margin-bottom: 20px; }
div#sidebar.et_pb_widget_area { padding-left: 30px; }

.et_pb_widget.widget_search h4.widgettitle { font-size: 12px; color: #999; }

/* Logo adjustments */

#main-header { padding-top: 18px; }

.et_fixed_nav #logo { margin-bottom: 12px; }

@media screen and (min-width:1070px) and (max-width:1200px) { .et_fixed_nav #logo { max-height: 55px; } }
@media screen and (min-width:900px) and (max-width:1070px) { .et_fixed_nav #logo { max-height: 40px; } }
@media screen and (min-width:500px) and (max-width:900px) { .et_fixed_nav #logo { max-height: 75px; } }


/* @media screen and (min-width:1090px) { .et_fixed_nav #logo { max-height: 75px; } }
@media screen and (min-width:500px) and (max-width:1089px) { .et_fixed_nav #logo { max-height: 55px; } }
@media screen and (max-width:1090px) and (min-width:960px) { .et_fixed_nav #logo { max-height: 55px; } } */


/* Slideshows Page */

.page-id-140 .et_pb_text { margin-bottom: 1px; }

/* override ET menus */
div#et-top-navigation { padding-left: 0 !important; } /* override inline padding on menu */
div#et-top-navigation div#et_mobile_nav_menu { display: none; } 
div#et-top-navigation div#et_top_search { display: none; } 

/* remove tiny shopping cart icon in header */
div#et-top-navigation a.et-cart-info { display: none; }

/* BUTTONS */
/* bigger search submit button in dropdown */
div.ubermenu-search form.ubermenu-searchform input.ubermenu-search-submit { font-size: 150%; }
div.ubermenu-search form.ubermenu-searchform input.ubermenu-search-input { font-weight: bold; }

a.small-button, a.icon-button {
    font-size: 14px !important;
}

div.entry-content .small-button { margin-top: 15px; } /* space above buttons */

div.et_pb_promo.et_pb_bg_layout_dark a.et_pb_promo_button:hover { color: #FFFFFF; } /* Light text call do action buttons */


/* div#footer-bottom { display: none; } */
#footer-bottom { background-color: rgba(0, 0, 0, 0.05);}
#footer-info { color: #dddddd; font-size: 100%;}
#credit { float: right; color: #daebf4; font-size: 90%;}
#credit a { color: #aaa; text-decoration: none; }
#footer-bottom { background-image: url(/images/bg-footer.jpg); border-top: 1px solid #6a4434; padding: 25px 0 20px 0;}

.nav li ul {
    width: 300px;
}

#top-menu li li a {
    width: 260px;
}

/* CONTENT */
blockquote p {
    padding-bottom: 1em;
}

p {
	font-size: 1.2em;
    line-height: 1.3em;
    padding-bottom: .7em;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3em;
    padding-bottom: 10px;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #904008;
}

p a { text-decoration: underline; }
div.et_pb_row a:hover, p a:hover { text-decoration: underline; color: #EC4D04;}

#main-content small { font-size: 85%; }

#main-content h6, .quoteBack {
	background-color: #AAA;
	color: #FFFFFF;
	font-size: 1.6em;
	line-height: 1.5em;
	font-family: LadogaDisplay;
	font-style: italic;
	font-weight: normal;
	text-align: justify;
	padding: 20px 50px;
	margin: 20px 0 30px 0;
	hyphens: auto;
	/* -moz-border-radius: 15px; border-radius: 15px; */
	background-image:url(/images/bg-stone3.jpg);
}

.letterBack {
	background-color: #EEE;
	color: #333333;
	font-size: 1.2em;
	line-height: 1.2em;
	font-family: LadogaDisplay;
	padding: 20px 50px;
	margin: 20px 0 30px 0;
	hyphens: auto;
	/* -moz-border-radius: 15px; border-radius: 15px; */
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.entry-content .extraPaddingHeader h1 {  margin-bottom: 1.5em; padding-top: 1em;}


/* Credit card icons */
#creditCards { float: right; }
#creditCards ul { margin: 0; padding: 0; }
#creditCards li { display: inline; padding: 0 0 0 3px; list-style: none; margin: 0; } 
#creditCards img { opacity: 0.5; } 


/* .thinsection class can be applied to DIVI sections to reduce bloat */
div.entry-content div.thinsection { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
div.entry-content div.thinsection h1 { margin-bottom: 0; padding-bottom: 0; }

/* GRAVITYFORMS */

div.gform_body ul li { font-size: 1.1em !important; }


/* BOXES */

.et-info .et-box-content {
    background-color: #cbe4f3 !important;
    border: 1px solid #609ec4 !important;
    box-shadow: 0 0 45px #cbe4f3 inset !important;
	color: #333 !important;
}

/* RESERVATIONS SYSTEM */
#content-area table#reservations { width: auto; border: 1px solid #CCCCCC; margin-top: 20px; }
#content-area table#reservations td, #content-area table#reservations th { max-width: none; padding: 4px; line-height: 15px; border: 1px solid #EEEEEE; text-align: center;}
#content-area table#reservations td.roomlabel { font-weight: normal; text-align: left;}
#content-area table#reservations th { font-size: 90%; font-weight: normal; letter-spacing: -.05em; padding: 0;}
#content-area table#reservations td.unavailable { background-color: #DDDDDD; background-image:url(../../../images/unavailable-back.png); width: 20px;}
#content-area table#reservations td.available { background-color: #EEFFEE; width: 20px; border: 1px solid #99cc99;}
#content-area table#reservations td.available a:hover div { background-color: #BBFFBB;}

table#roomInfo { font-size: 14px; margin-top: 10px; margin-bottom: 15px;}
table#roomInfo td.tableKey { padding-right: 20px; white-space: nowrap; vertical-align: top; }
 
div.roomDescLong, div.roomDescLong p { font-size: 14px; }

/* Magnific-popup customization -- see https://cloud.githubusercontent.com/assets/5260368/8019496/6c83b03e-0c06-11e5-9a65-ae66e21025f7.jpg which also included a hack to the JS hosted by DIVI */

.mfp-close:before { content: 'x'; }
.mfp-close:active { top: 1px; }

/* FORMS */

/*** FORMS. Works great with http://www.generateit.net/form-generator/index.php ***/
form.prettyForm div.formrow {background:#F5F5F5; margin:0 0 5px 0;float:left;width:100%;padding:6px;}
form.prettyForm div.formrow label {float:left;display:block;width:20em;font-weight:normal; padding:0 6px; text-transform: uppercase; font-size: 14px;}
form.prettyForm div.formrow label:hover {color: #000; cursor:pointer;}
form.prettyForm div.formrow fieldset {border:1px solid gray;margin:0 6px;}
form.prettyForm div.formrow fieldset span {display:block;}
form.prettyForm div.formrow fieldset span label {float:none;display:inline;}
form.prettyForm div.formrow fieldset legend {font-weight:bold;}
form.prettyForm div.formrow input[type="text"], form.prettyForm div.formrow input[type="email"] {width: 200px;}
form.prettyForm div.formrow input { font-size: 16px;}
form.prettyForm div.formrow input.tiny {width: 75px;}
form.prettyForm div.formrow input.smaller {width: 100px;}
form.prettyForm div.formrow input.middling {width: 150px;}
form.prettyForm div.requiredRow { }
form.prettyForm div.formrow .optional {font-size: 11px; color: #999999;}
form.prettyForm div.formrow table#nameArea tr td{ font-size: 10px; text-transform: uppercase; }
form.prettyForm div.formrow div.formContent { margin-left: 210px; font-size: 11px; }
form.prettyForm div.row input[type="submit"] { font-size: 20px; margin-top: 20px;}

.labelfocus { color: #000; }

/* WOOCOMMERCE / STORE */
table.variations tbody tr td.value {max-width: 150px !important; }
p.stock.in-stock { margin-top: 15px; }

/* jquery validation */
form.prettyForm div.formrow label.error {
	display: block;
	width: 18em;
	font-size: 90%;
	/* background: url('/js/images/unchecked.gif') no-repeat; */
	padding: 3px 20px;
	color: red;
	float: none !important;
	text-transform: none;
}
form.prettyForm div.formrow label.valid {
	background: url('/js/images/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}


/* phones */
@media only screen and (min-device-width: 320px) and (max-device-width: 560px) {
	#content-area table#reservations { font-size: 12px;}
	#content-area table#reservations h4 { font-size: 13px;}
	#content-area table#reservations td { padding: 2px; line-height: 13px;}
	#content-area table#reservations td.roomlabel span { display: block;}
}


/* [HR] Shortcode */
.hrule0 { display: block; width: 100%; height: 34px; margin: 10px 0 15px 0; background-image: url(/images/hr-0.png); background-position: center; }
.hrule1 { display: block; width: 100%; height: 34px; margin: 10px 0 15px 0; background-image: url(/images/hr-1.png); background-position: center; }
.hrule2 { display: block; width: 100%; height: 34px; margin: 10px 0 15px 0; background-image: url(/images/hr-2.png); background-position: center; }

/* KIOSK pages */


.page-id-4584 #main-header, .page-id-4596 #main-header { display: none; } /*No menu */
.page-id-4584 #page-container, .page-id-4596 #page-container { padding-top: 0 !important; } /*No white bar at top */
.page-id-4584 #main-footer, .page-id-4596 #main-footer { display: none; } /* No footer */

.page-id-4584 .et_pb_section, .page-id-4596 .et_pb_section { padding-top: 0; }