/*	Custom Stylesheet For Colorado Estate Sales
	Loaded last after other CSS files in Canvas
Author:		Brett Blevins - Claro Systems - www.clarosystems.com
Version:	2.2
Changelog:	1.0 Initial version
			2.0 Switched menu from widget to theme's primary menu
			2.1 Added theme screenshot.jpg
			2.2 Three rules for .ngg-gallery-thumbnail needed after NGG update
				from 2.1.49 to 2.1.50 broke standard thumbnail galleries.
				Improved responsive layout for iPad portrait.
*/

#logo .site-title a { font-size: 110px; }
#logo .site-title a:link,
#logo .site-title a:visited,
#logo .site-title a:hover { text-decoration: none; }

ul#main-nav li {
	list-style-type: none;
	font-weight: bold;
}

ul#main-nav.menu a { color: #282560; }

ul#main-nav a:link,
ul#main-nav a:visited,
ul#main-nav a:hover { text-decoration: none; }

ul#main-nav a:hover {
	color: #e673c0;
}

#navigation ul.nav li.current-menu-item a { color: #ffe !important; }

#navigation ul.nav li.current-menu-item a:hover { color: #e673c0 !important; }

/* Misc */
.entry img.no_border,
img.thumbnail,
.ngg-gallery-thumbnail img {
	padding: 0;
	border: none;
}

/* Readability enhancement 2/10/14 */
.title,
h4{ text-shadow: 1px 1px 0.1em #333; }
p { text-shadow: 1px 1px #333; }
h4.toggle-trigger,
p.wp-caption-text { text-shadow: none; }

/* FAQ accordion */
.shortcode-toggle.closed h4 a {
	background-color: transparent;
	background-image: url(functions/images/shortcode-toggle-open.png);
}

.shortcode-toggle .toggle-content  { background: none !important; }
.shortcode-toggle.white .toggle-content { background-color: none !important; }

/* Single photo captions */
.entry .wp-caption-text { 
	color: #282560;
	font-family: Georgia, serif;
	font-weight: bold;
}

/* Lightbox Plus: ColorBox titles */
#cboxTitle { color:#5b6ac7; }

/* Our Next Sale: Dates */
.post-14.page .entry p { padding-top: 0.9em; }

.ngg-galleryoverview { margin-bottom: 15px; }

/* Hovereffect style */
.ngg-gallery-thumbnail-box {
	margin: 6px 3px 6px 3px;
	padding: 1px;
}

/* Needed after breakage by NGG update from 2.1.49 to 2.1.50 */
.ngg-gallery-thumbnail {
	background-color: transparent !important;
	border: none !important;
	margin: 1px !important;
}

/* Required by NGG 2.0.0 update */
.ngg-gallery-thumbnail img { padding: 1px !important; }

.entry a img:hover,
.ngg-gallery-thumbnail img:hover {	/*  NextGEN Gallery by Photocrati 2.0.0 */
	opacity: 0.7 !important;
}

/* Border highlighting instead of opacity highlighting
.ngg-gallery-thumbnail img:hover { border-color:#282560; }
*/

/*---------- FSCF: copied from plugin */
/* Alignment DIVs */
.fscf-div-form              { width:99%; max-width:555px; }
.fscf-div-left-box          { float:left; width:55%; max-width:270px; }
.fscf-div-right-box         { float:left; width:235px; }
.fscf-div-clear             { clear:both; }
.fscf-div-field-left        { clear:left; float:left; width:99%; max-width:550px; margin-right:10px; }
.fscf-div-field-prefollow   { clear:left; float:left; width:99%; max-width:250px; margin-right:10px; }
.fscf-div-field-follow      { float:left; padding-left:10px; width:99%; max-width:250px; }
.fscf-div-label             { text-align:left; padding-top:15px; }
.fscf-div-field             { text-align:left; }
.fscf-div-captcha-sm        { width:175px; height:50px; padding-top:2px; }
.fscf-div-captcha-m         { width:250px; height:65px; padding-top:2px; }
.fscf-image-captcha         { border-style:none; margin:0; padding:0px; padding-right:5px; float:left; }
.fscf-image-captcha-refresh { border-style:none; margin:0; padding:0px; vertical-align:bottom; }
.fscf-div-submit            { text-align:left; clear:both; padding-top:15px; }
.fscf-fieldset              { border:1px solid black; width:99%; max-width:550px; padding:10px; }

/* Labels, fields, and text */
.fscf-required-indicator { text-align:left; color:red; }
.fscf-required-text      { text-align:left; }
.fscf-hint-text          { font-size:10px; font-weight:normal; }
.fscf-div-error          { text-align:left; color:red; }
.fscf-div-redirecting    { text-align:left; }
.fscf-fieldset-field     { border:1px solid black; width:97%; max-width:500px; padding:10px; }
.fscf-label              { text-align:left; }
.fscf-option-label       { display:inline; }
.fscf-input-text         { text-align:left; margin:0; width:99%; max-width:250px; 
								background-color: transparent; color: #DDD; }
.fscf-input-captcha      { text-align:left; margin:0; width:50px;
								background-color: transparent; color: #DDD; }
.fscf-input-textarea     { text-align:left; margin:0; width:99%; max-width:350px; height:90px;
								background-color: transparent; color: #DDD; }
.fscf-input-select       { text-align:left; }
.fscf-input-checkbox     { width:13px; }
.fscf-input-radio        { width:13px; }
.fscf-button-submit      { cursor:pointer; margin:0; }
.fscf-button-reset       { cursor:pointer; margin:0; }
.fscf-button-vcita       { text-decoration:none; display:block; text-align:center; background:linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); color:#fff !important; padding:8px; }
.fscf-button-div-vcita   { border-left:1px dashed #ccc; margin-top:25px; padding:8px 20px; }

/* Placeholder Style - WebKit browsers - Safari, Chrome */
::-webkit-input-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Mozilla Firefox 4 - 18 */
:-moz-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Mozilla Firefox 19+ */
::-moz-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Internet Explorer 10+ */
:-ms-input-placeholder { opacity:0.6; color:#333333; }
/*---------- FSCF: end of copied from plugin */

/* FSCF: Canvas styled input fields as 2px border */
.fscf-input-text,
.fscf-input-textarea,
.fscf-input-captcha { border-width: 1px; }

/* FSCF: radio buttons and check boxes */
.fscf-option-label { padding-right: 28px; }

/* FSCF: CAPTCHA */
.fscf-image-captcha,
.fscf-image-captcha-refresh {
	background: none !important;
	border: none !important;
}

/* FSCF: match reset button to submit button */
input[type="reset"] {
    -moz-appearance: caret;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #5B6AC7;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #888888;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 0.75em;
    font-weight: 200;
    line-height: 1.618em;
    overflow: visible;
    padding: 0.327em 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
}
input[type="reset"]:hover { background-color: #E673C0; }

/* FSCF: remove border & BG on contact form redirect animated GIF */
#FSContact1 img[alt="Redirecting"],
#FSContact2 img[alt="Redirecting"] {
	border: none;
	background: none;
}

/* Override link color of phone numbers that the iPad auto-highlights */
.phone a:link { color: #fefefe; }

/* =============== Media queries =============== */

@media only screen and (min-width: 768px) {
	#logo .site-description {
		padding-left: 8px;
		line-height: 1.2em;	
	} 

	ul.nav li { float: none; }
	
	ul.nav li a {
		padding-top: 0 !important;
		padding-right: 5px !important;
		padding-bottom: 0.4em !important;
		padding-left: 0 !important;
	}
	
	#header { margin-bottom: 60px !important; }
}

@media only screen and (min-width: 980px) {
	#navigation {
		float: left;
		width: 20%;
	}

	#header { margin-bottom: 200px !important; }
}

@media only screen and (max-width: 767px) {
	/* Hide the word 'Navigation' on mobile menu */
	.nav-toggle a[href="#navigation"] { display: none; }
	/* Hide the word 'Menu' on mobile menu after it opens */
	#navigation section.menus h3 { display: none; }

	ul.nav {
		font-family: Georgia, serif;
		font-size: 1.5em;
	}
	
	ul.nav li { padding-bottom: 25px; }

	ul.nav li.current-menu-item a { 
		color: #ffe !important;
		background-color: #919191;
	}

	ul.nav li a:hover { color: #e673c0 !important; }

	#logo .site-description {
		padding-left: 0;
		line-height: 1.4em;	
	} 

	#header { margin-bottom: 10px !important; }
}

/* EOF */