/* Desktop styles */

@media only screen and (min-width: 1025px) {

	/* Keep content from going all the way to right/left edge on desktop */
	header, nav, .row, footer {
		max-width: 1200px;
		margin: 0 auto;
	}
	
	/* Header element styles */
	
	/* Separate logo from surrounding elements */
	header #logoWrapper {
		margin: .5em;
	}
	
	/* Use even larger logo */
	header .logo {
		background-image: url(/_images/logo-desktop.png);
		float: left;
		margin: 0;
		height: 150px;
		width: 204px;
	}
	
	/* Realign index link to logo */
	header .logo a {
		top: 34px;
		font-size:22px;
		padding: 45px 50px;
	} /* End of header element styles */
		
	/* Navigation element styles */
	
	/* Expanded menu */
	
	/* Force menu below header */
	nav {
		clear:both;
		padding: 0 0 1em 0;;
	}
	/* Remove nav bar margin */
	nav ul {
		margin:0;
	}
	/* Set right margin on main menu buttons */
	nav > ul > li {
		margin-right: 2em;
		font-size: 2vw;
	}
	/* Enlarge menu item text */
	nav ul li {
		font-size: 1.75vw;
		border-radius:0;
	}
	/* Set transparent (non-active) menu item border */
	nav ul li a {
		border: solid 3px transparent;
		transition: border-color .5s ease;
		border-radius:0;
		padding: .7em .9em;
	}
	/* Set style on non-active menu items */ 
	nav ul li a:hover:not(.active) {
		border-color: rgba(221,235,189,1);
		border-style:inset;
		color: rgba(221,235,189,1);
	}
	nav ul li a:not(.active) {
		border-color: rgba(221,235,189,1);
		border-style:outset;
	}
	/* Set style on active menu item */ 
	nav ul li .active {
		border-color: rgba(235,233,144,1);
		border-style:outset;
	}
	/* Remove sub menu indicator arrows from main menu buttons */
	nav ul li.parent > a:after {
		display: none;
	} 
	
	/* Condensed menu */
	
	/* Reposition, realign, and resize main menu items */
	#navWrapper.condensed {
    margin-bottom: 0px;
	}
	#navWrapper.condensed #menu {
    margin-left: 2vw;
	}
	#navWrapper.condensed nav ul li {
		font-size: 1.25em;
		margin-right: 2vw;
	}
	#navWrapper.condensed nav ul li a {
		padding-top:2vh;
	}
	#navWrapper.condensed nav ul li ul li {
		font-size: 1em;
	}
	
	/* End of navigation element styles */
	
	/* Content element styles */
	
	/* Site-wide element styles */
	
	/* Move content up a bit */
	#scrollViewer {
		top: 240px;
	}
	#scrollViewer.expanded {
		top: 80px;
	}
	/* Enlarge paragraph text */
	#contentWrapper p {
		font-size:1.1em;
	}
	/* Page banner image */
	#contentWrapper .panoramic {
		font-size:1em;
	}
	#contentWrapper .panoramic p {
		font-size:1.3em;
	} /* End of site-wide styles */

	#complete h1 {
		font-size: 1.5em;
	}
	#complete p {
		font-size:1.5em;
	}
	
	/* Remove email form margin */
	.contact #emailForm {
		margin:0 0 20px 0;
	}
	/* index.php element styles */

	/* Use larger splash logo */
	#splash .logo {
		background-image: url(/_images/logo-desktop.png);
		height: 150px;
		width: 204px;
	}
	/* Reduce slide show width*/
	.index #slideShow {
		width:40%;
	}
	/* Position slide show arrows over slides */
	/* Transparency hides arrows unless mouse is over slide show */
	.slick-prev,
	.slick-next
	{
		top: calc(50% - 20px);
		height:60px;
		width:35px;;
		visibility:visible;
	}
	.slick-prev
	{
		left: 15px;
		z-index:2;
	}
	.slick-next
	{
		color: transparent;
		right: 20px;
		z-index:2;
	}
	
	/* Set arrow images */
	.slick-prev:before
	{
		color:transparent;
		font-family: FontAwesome;
		font-size:60px;
		content: "\f0d9";
	}
	.slick-next:before
	{
		color:transparent;
		font-family: FontAwesome;
		font-size:60px;
		content: "\f0da";
	}
	
	/* Highlight navigation arrows on slide show mouse over */
	#slideShow:hover .slick-prev:before,
	#slideShow:hover .slick-next:before
	{
		color: rgba(235,233,144,.6);
	}

	/* Highlight navigation arrows even more on arrow mouse over */
	#slideShow .slick-prev:hover:before,
	#slideShow .slick-next:hover:before
	{
		color: rgba(235,233,144,1);
	}

	/* Enlarge navigation dots */
	.slick-dots li button:before
	{
		font-size: 12px;
	}	/* End of index.php styles */ 

	/* softscapes.php element styles */
	
	/* End of softscapes.php styles */
	
	/* hardscapes.php element styles */
	
	/* End of hardscapes.php styles */
	
	/* waterscapes.php element styles */
	
	/* End of waterscapes.php styles */
	
	/* lightscapes.php element styles */
	
	/* End of lightscapes.php styles */

	/* End of content element styles*/
	
	/* quotation.php element styles */

	/* Use larger logo */
	#contentWrapper.quotation #logo {
		background-image: url(/_images/logo-desktop.png);
		height: 150px;
		width: 204px;
	}	
	/* Bump form further down below logo */
	#contentWrapper.quotation form {
		position:relative;
		top:10px;
	} /* End of quotation.php styles*/
	
	/* Footer element styles */
	footer .contact #social .icon {
	font-size: 2em;
	}
	footer .links ul li a {
		padding:15px 30px;
	} /* End of footer styles */

	/* Desktop only tooltip style*/
	#Tooltip {
		font-size:1em;
		position:absolute;
		z-index:999;
	}
	#Tooltip p {
		background-color: rgba(195,207,167,1);
		color: rgba(46,57,43,1);
		border-style:solid;
		border-width:2px;
		padding:.5em;
	}

}/*end of desktop media query*/