﻿/******************************************************************
1030up.css
-------------------------------------------------------------------
Stylesheet: Desktop
-------------------------------------------------------------------

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop. 

******************************************************************/

/* These styles are applied for viewports 1030px and higher */
@media only screen and (min-width: 1030px) {

/*
------------------------------------------------------------------
--> Foundation Overrides
------------------------------------------------------------------*/

/* Add additional padding between columns for larger displays */
.row .column, .row .columns {
padding: 0 15px;
}
/*
.widget-layout-row.row .columns
{
padding:0px 10px;
}
*/

div#sidenav-col{
width: 24.666%;
margin-bottom: 20px;
}

div#footer3 {
margin: 0;
padding: 0;
}

#page-body{ padding-top: 10px; }
#site-utility{ margin-bottom:  10px; }

header#page-header {
padding-bottom: 10px;
}

#dynamic-social .mm-buttongen-cont{ 
width: 180px;
float: right;	
}

span#header-date {
margin: 3px 5px 0px 0;
font-size: 2.25em;
}

#home-logo{ margin: 20px 0 0 0; }
ul.head-links{ margin: 0 0 10px 0; }

ul.head-links li { padding-left: 65px; }
#dynamic-social{ 
	margin: 0;
	width: auto; 
}

#google_translate_element {
width: 90%;
margin-top: -2px;
}

#translate-social{ 
	margin-top: 0;
	max-height: 32px;
	}

span#header-date { margin: 10px 5px 0px 0; }

input#site-search{ margin: 0 }

div#search-slimmer {
display: block;
height: 52px;
overflow: hidden;
}

#dynamic-alerts .mm-button-txt-wrap,
#dynamic-email .mm-button-txt-wrap{ 
width: 82%;
font-size: 2.225em;
}


a#ct-trip-btn { margin: 0 0 0 20px; }

#dynamic-trip-btn .mm-button-txt-wrap { 
width: 65%; 
padding-top: 10px; 
font-size: 2.5em; 
padding: 10px 20px 10px 10px; 
}


h1.content-title{ margin: 0 0 10px 0; }

ul.bcrumb-list{ font-size: 1.425em; }


input#saddr, input#daddr { max-width: 285px; }
.planStartEnd, .planDateTime { max-width: 330px; }



/* Hide separator that appeared below the buttons on the homepage */
#dynamic-home-btns hr.home-btn-sep { display: none; }

#ct-buttons .mm-button-txt{ font-size: 2.345em; }

#ct-buttons a.mm-button-link { max-width: 365px; }

/* first button in #ct-buttons */
#ct-buttons .mm-button-wrap.mm-button-1 { max-width: 365px; position: absolute; top: 0; left: 0;}

/* second button in #ct-buttons */
#ct-buttons .mm-button-wrap.mm-button-2 { max-width: 365px; }

/* third button in #ct-buttons */
#ct-buttons .mm-button-wrap.mm-button-3 { max-width: 365px; position: absolute; top: 0; right: 0; }

#dynamic-alerts span.mm-button-txt, #dynamic-email span.mm-button-txt {
font-size: 1em;
margin-left: 10px;
}

#dynamic-side-btns .mm-buttongen-cont{ margin-left: 0;}
#dynamic-side-btns .mm-button-txt-wrap { font-size: .925em; }
#dynamic-side-btns a.mm-button-link{ padding: 0; }

#ct-icon-wrapper span.desc { letter-spacing: .035em; }


/*
------------------------------------------------------------------
--> Main Navigation
------------------------------------------------------------------*/

/* --> Main Navigation Container ---------------------------------*/

/* Add additional padding for larger displays */
section#top-nav .nav-row .columns { padding: 0 15px; }


/* --> Main Navigation Item Link ---------------------------------*/

nav.main-nav ul li.nav-item > a {
font-size: 1.3em;
}


/* --> Main Navigation Divider -----------------------------------*/

nav.main-nav .top-bar-section > ul > .divider {
border-left-color: #2268ae;
border-right-color: #2268ae;
display: inline-block;
}

/* Has-Dropdown Arrow (Show for larger displays) */
nav.main-nav .has-dropdown > a:after {
display: block;
}



/*
------------------------------------------------------------------
--> BreadCrumbs / System Buttons
------------------------------------------------------------------*/

/* --> System Buttons ----------------------------------------------*/

/* Column that contains the system buttons */
.columns.system-btns-col { padding: 0 15px; }



/*
------------------------------------------------------------------
--> Home Contents
------------------------------------------------------------------*/

/* --> Home Buttons ----------------------------------------------*/

/* Button icon */
#dynamic-home-btns a.mm-button-link img.mm-button-img { width: 30%; max-width: 72px; }

/* Button text */
#dynamic-home-btns a.mm-button-link .mm-button-txt {
font-size: 3.0em;
margin-top: 15px;
}

/* Sub text on buttons */
#dynamic-home-btns .mm-button-subtxt {
font-size: 1.5em;
}


/* --> Blocks ----------------------------------------------------*/

/* Block heading */
.home-block h2.block-head { font-size: 3.6em; }

/* Inner wrapper for blocks */
.block-contents { padding: 5px 20px 20px 20px; }


/*
------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

/* --> Footer Navigation -----------------------------------------*/

/* Navigation list item link */
nav.foot-nav ul.foot-nav-list li a { font-size: 1.4em; }




/*
------------------------------------------------------------------
--> Photo Manager and Photo Book Styles
------------------------------------------------------------------*/


#pm-gallery00 {
height:auto !important;
position: relative;
}


#pm-gallery00 .scrollable {

position:relative;
overflow:hidden;
width: 640px;
height:120px;
}


#pm-gallery00 .scrollable .items {
width:20000em;
position:absolute;
clear:both;
}

#pm-gallery00 .items div {
float:left;
width:640px;
}

#pm-gallery00 .scrollable div.img-wrap {
float:left;
margin:19px 12px 19px 12px;
padding:0px;
width: 102px;
height: 77px;
overflow: hidden;
}

#pm-gallery00 .scrollable img {
border:1px solid #ccc;
}


#pm-gallery00 .scrollable .active {
border:1px solid #000;
position:relative;
cursor:default;
}


#pm-gallery00 .scrollable {
float:left;	
}


#pm-gallery00 a.browse {
background:url(/custom/photomanager/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
}


#pm-gallery00 a.right 			{ background-position: 0 -40px; clear:right; margin-right: 0px;}
#pm-gallery00 a.right:hover 		{ background-position:-30px -40px; }
#pm-gallery00 a.right:active 	{ background-position:-60px -40px; } 


#pm-gallery00 a.left				{ margin-left: 10px; } 
#pm-gallery00 a.left:hover  		{ background-position:-30px 0; }
#pm-gallery00 a.left:active  	{ background-position:-60px 0; }



#pm-gallery00 a.disabled {
visibility:hidden !important;		
} 	


#pm-gallery00 #image_wrap {

width:100%;
min-height:400px;
height:auto !important;
height:400px;
margin:0 0 0 0;
text-align:center;

}

#pm-gallery00 #image_wrap_g {

width:100%;
min-height:400px;
height:auto !important;
height:400px;
margin:0 0 0 0;
text-align:center;

}

#pm-gallery00 #scrollable_wrap {

width: 760px;
margin: 0 0 0 40px;
border-top: 1px solid #ccc;
}

#pm-gallery00 #text_wrap {

width: 100%;
margin: 0 0 0 95;
text-align: center;
}

#pm-gallery00 h1, #pm-gallery00 h2, #pm-gallery00 h3
{
margin: 0 auto 5px auto;
text-align: center;
}

#pm-gallery00 #overlay
{
width: 300px;
height: 240px;
background: #e4e2e3;
display: none;
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #000;
}

#pm-gallery00 #overlay #edtdiv
{
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #c00;
}

#pm-gallery00 #overlay #title font
{
font: normal normal bold 27px/33px Garamond, Times, serif;
color:#b4b08c;
display:block;
font-variant: small-caps;
}

}
