/******************************************************************
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;
	}
	
	#header-left {
	width: 35%;
	margin-bottom: 0;
	background-image: none;
	}

    #header-row {
    padding-top: 11px;
    width: 100%;
    background-image: url('/img/00/layout/header_slice.png');
    background-position: bottom;
    background-repeat: repeat-x;
    }

	#header-right {
	width: 46%;
	text-align: left;
	}

	h1#header-logo {
	text-align: left;
	}
    
    h1#header-logo a {
    position: absolute;
    left: 0;
    top: 0;
    background: url('/img/00/layout/merced_logo.png') no-repeat bottom left transparent;
    }

    header#page-header-wrapper {
    min-height: 177px;
    }

    #news_wrapper {
    width: 65%;
    padding: 0 15px 0 0;
    }

    #events_wrapper {
    width: 35%;
    padding: 0;
    }

    #slider_wrapper {
    width: 66.66667%;
    }

    #most-popular{
    width: 33.33333%;
    padding: 0 0 0 20px;
    }

/*-------------------------------------------------------------------
--> Main Navigation
------------------------------------------------------------------*/

/* --> Main Navigation Container ---------------------------------*/

	/* Add additional padding for larger displays */
	section#top-nav .nav-row .columns { padding: 0 15px; }


/* --> Main Navigation Divider -----------------------------------*/

	nav.main-nav .top-bar-section > ul > .divider {
	border-left-color: #46464a;
	border-right-color: #161617;
	display: none;
	}

	nav.main-nav ul.nav-list > li.nav-item-1 {
	width: 8.25%;
	}

	nav.main-nav ul.nav-list > li.nav-item-2,
	nav.main-nav ul.nav-list > li.nav-item-6 {
	width: 12.25%;
	}

	nav.main-nav ul.nav-list > li.nav-item-4{
	width: 10.25%;
	}

	nav.main-nav ul.nav-list > li.nav-item-3 {
	width: 14.25%;
	}

	nav.main-nav ul.nav-list > li.nav-item-5 {
	width: 7.25%;
	}


/*------------------------------------------------------------------
--> 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: 2.8;
	margin-top: 15px;
	}

	/* Sub text on buttons */
	#dynamic-home-btns .mm-button-subtxt {
	font-size: 1.2em;
	}


/* --> Blocks ----------------------------------------------------*/

	/* Block heading */
	.home-block h2.block-head { font-size: 2.2em; }


	/*------------------------------------------------------------------
	--> Page Footer
	------------------------------------------------------------------*/

/* --> Footer Navigation -----------------------------------------*/

	/* Navigation list item link */
	nav.foot-nav ul.foot-nav-list li a { font-size: 1.4em; }

    #navtop {
    width: 71%;
    }

    #social {
    width: 75%;
    }

    #dynamic-footer-nav .mm-button-wrap {
    width: 25%;
    }

    #dynamic-footer-nav .mm-button-1 {
    width: 28%;
    }

    /*
    ------------------------------------------------------------------
    --> Photo Manager and Photo Book Styles
    ------------------------------------------------------------------*/
    #caption_wrap{
    position: absolute;
    border-bottom: 0;
    background-color: rgba(40, 109, 149, 0.9);
    color: white;
    }

}