/*
 * CSS CUSTOMIZATION FILE - PILLAR NON-PROFIT NETWORK - Mobile 
 */
 @media (min-width: 800px) {
    #block-menu-menu-mobile-menu,
    .contextual-links-region.panel-pane.pane-block.pane-block-17.no-title.block,
    #mobile-vej-icons,
	#mobile-member-icons,
	.page-members-homepage  .panels-flexible-row-30-1,
    #block-block-16 {
        display: none;
    }
	
	/* volunteer, events, jobs: only in the mobile menu */
	#menu-2560-1, #menu-2561-1, #menu-2559-1 {
	    display: none;
	}
 }
 @media (max-width: 799px) {
    .panels-flexible-row.panels-flexible-row-2-3.clearfix.pnn-home-row-3,
    .panel-pane.pane-block.pane-views-volunteer-opportunities-block-1.no-title.block,
    .front .views-row.views-row-1.views-row-odd.views-row-first.views-row-last,
    .contextual-links-region.panel-pane.pane-block.pane-views-job-opportunities-block.no-title.block,
    .front .view.view-job-opportunities.view-id-job_opportunities,
    .panel-pane.pane-block.pane-views-latest-events-block-1.no-title.block,
    .contextual-links-region.panel-pane.pane-block.pane-views-latest-events-block.no-title.block,
    .contextual-links-region.panel-pane.pane-block.pane-views-volunteer-opportunities-block-1.no-title.block,
    .contextual-links-region.panel-pane.pane-block.pane-views-volunteer-opportunities-block.no-title.block,
    .panels-flexible-region.panels-flexible-region-2-top_left.panels-flexible-region-first, 
    #block-menu-block-3,
    .inside.panels-flexible-region-inside.panels-flexible-region-2-top_right-inside.panels-flexible-region-inside-last,
    #block-nice-menus-1,
    #block-block-8,
    #block-block-11,
	#block-block-12,  /* member section icon menu */
    #block-block-13,
	#block-block-14,  /* grey bar at top of member homepage */
    #pw_pnn_three_33_container .region-three-33-first,
    #pw_pnn_three_33_container .region-three-33-second,
    #pw_pnn_three_33_container .region-three-33-third,
	.page-members-homepage  .panels-flexible-row-30-2,  /* member homepage spotlight */
	.page-members-homepage  .panels-flexible-row-30-3,  /* member homepage events */
	.page-members-homepage  .panels-flexible-row-30-4,
	.page-members-homepage  .panels-flexible-row-30-5,
	.page-members-homepage  .panels-flexible-row-30-6,
	.page-members-homepage  .panels-flexible-row-30-7,
	.page-members-homepage  .panels-flexible-row-30-8
	{
        display: none !important;
    }  
	
	/* volunteer, events, jobs: only in the mobile menu */
	#menu-2560-1, #menu-2561-1, #menu-2559-1 {
	    display: block;
	}
	
	#branding {
		margin: 0 0 5px;
	}	
	
	#admin-menu {
	    display: none;
	}
	.page-members-homepage  .panels-flexible-row-30-1 {
	    background: none;
	}
	
    .contextual-links-region.panel-pane.pane-block.pane-block-17.no-title.block{
        display: block;
    }
    .front #header,
	.page-members-homepage #header	{
        background-image: none;
        height:100px;
    }
    #pnn-contact-info {
        width:100%;
        text-align: center;
    }
    .panels-flexible-row-inside,
    #branding{
        width: 100%;
    }
    #logo {
        width: 129px;
        height: 78px;
        margin: auto;
        float: none;
        padding: none;
    }
    #pnn-header-inner {
        margin: 0 auto;
        width: 100%;
    }

    #block-block-6  /* orange footer with contact info */ {
        background-image: none;
        height: 152px;
        background-color: rgb(255,177,10);
        background-size: auto;
    }
    .panels-flexible-row-inside,
    .panels-flexible-row{
        max-width: 799px;
    }
    #pnn-add-name{
        top: 5px;
    }
    #pnn-add-street{
        top: 0px;
    }
    #pnn-add-city{
        top: -7px;
    }
    #pnn-footer-directions {
        top: -26px;
    }
    #pnn-footer-phone {
        top: -47px;
    }
    #pnn-footer-email {
        top: -69px;
    }
    #pnn-map-pin {
        top: -18px;
    }
    #pnn-map-phone {
        top: -38px;
    }
    #pnn-map-email {
        top: -58px;
    }
    #pw_pnn_three_33_container .region-three-33-third{
        width: 30%;
        margin: 0 35%;
        min-width: 150px;
    }
    #pw_pnn_three_33_container{
        width:100%;
        min-width: 20%;
    }

    #mobile-vej-icons div,
	#mobile-member-icons div {
        width: 225px;
        margin: 0 auto;
        height: 110px;
    }
    #mobile-vej-icons span,
	#mobile-member-icons span {
        color: white;
    }
    #pnn-vej-mob-tag-volunteer{
        top: -72px;
        left: 138px;
        position: relative;
    }
    #pnn-vej-mob-tag-events{
        top: -72px;
        left: 138px;
        position: relative;
    }
    #pnn-vej-mob-tag-jobs{
        top: -72px;
        left: 138px;
        position: relative;
    }
	#pnn-member-mob-resources span {
		left: 145px;
		position: relative;
		top: -74px;
	}
	#pnn-member-mob-organizations span {
		left: 126px;
		position: relative;
		top: -70px;
	}
	#pnn-member-mob-programs span {
		left: 144px;
		position: relative;
		top: -73px;
	}
	
	#pnn-member-mob-membership span {
		left: 135px;
		position: relative;
		top: -71px;
	}
    .panel-pane.pane-menu-tree.pane-menu-mobile-menu.no-title.block li {
        display: inline;
    }
    .front #block-system-main,
    .page-members-homepage #block-system-main	{
        clear: left;
        position: relative;
        top: 60px;
    }
    .front #block-menu-menu-mobile-menu,
	.page-members-homepage #block-menu-menu-mobile-menu	{
        position: absolute;
        top: 20px;
    }
    #block-menu-menu-mobile-menu, #block-superfish-1 {
        width: 100%;
        height: 31px;
		position: absolute;
		z-index: 3000;
        background: url("../images/pnn-icon-background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

	#block-superfish-1  .sf-accordion li 
      {
		background: url("../images/pnn-icon-background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-radius: 0;
		border-left: 1px solid #ccc !important;
		border-right: 1px solid #ccc !important;	
	}	
	nav.block .block-content, nav.block .block-inner {
       height: 40px;
    }
	.sf-accordion li.last {
		border-bottom: 1px solid #ccc;
	}	
	#block-superfish-1 .sf-accordion li:hover {
	    background-image: none;
		background-color: #ccc;
	}
	#block-menu-menu-mobile-menu {
	    display: none;  /* because we have superfish now */
	}
	.region-header {
		max-width: 100%;
		width: 100%;
	}
	#block-superfish-1 .block-inner {
		max-width: 300px;
		margin: auto;
	}
	.sf-accordion li a {
		font-size: 0.9em;
	}
	.sf-accordion #menu-944-1 a {
		background-color: transparent !important;
		color: #009ec8 !important;
	}
    #block-menu-menu-mobile-menu ul {
        max-width: 300px;
        margin: 0 auto;
    }
    
    li.first.leaf.menu-depth-1.menu-item-1896,
    li.leaf.menu-depth-1.menu-item-1897,
    li.leaf.menu-depth-1.menu-item-1898 {
       float: left;
       width: 33%;
       text-align: center;
    }
    li.leaf.menu-depth-1.menu-item-1899,
    li.last.leaf.menu-depth-1.menu-item-1900 {
        float: left;
        width: 50%;
        text-align: center;
    }
    .front #content-with-sidebars,
	.page-members-homepage #content-with-sidebars	{
        margin-bottom: 0px;
        height: 507px;
        margin-top:0px;
        top: -55px;
    }
	.page-members-homepage #content-with-sidebars {
	    height: 662px;
	}

    .page-mobile-search-results #content-column div.region.region-content-aside ,
    .front #content-column div.region.region-content-aside {
        display: none;
    }
    footer,
    #pw_pnn_three_33,
    .page-mobile-search-results .region.region-tertiary-content,
    .front .region.region-tertiary-content,
	.page-members-homepage .region-tertiary-content {
        position: relative;
        top: -58px;
    }
    .page-mobile-search-results #content-with-sidebars{
        width: 100%;
    }
    .page-mobile-search-results #content-column{
        width: 100%;
    }
    #block-menu-menu-jobs-section, 
    .page-mobile-search-results .views-row.views-row-1.views-row-odd.views-row-first.views-row-last{
        width: 100%;
        text-align: center;
    }
    #block-menu-menu-jobs-section ul li{
        text-align: center;
    }
    #edit-submit-mobile-search-results {
        width: 51px;
        height: 29px;
        font-size: .7em;
        margin-top: 35px;
        padding: 0 0 3px;
    }
    .views-view-grid.cols-1 tr:nth-child(even) {
        background: url("../images/pnn-icon-background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
	#pw-pnn-cpr {
		border: none;
		padding-top: 10px;
		width: 164px;
	}
	#block-menu-menu-mobile-menu .active-trail {
		border-radius: 6px;
		background-color: #FFB10A;
		color: #FFFFFF;
	}
	.panels-flexible-region.panels-flexible-region-19-center,
	.panels-flexible-region-20-center,
	#mini-panel-how_to_apply_4 .region.region-one-main ,
	.panels-flexible-region-9-center {
		width: 100%;
	}

	/* every item in this has a margin added - once it is full width, remove the margin. */
	#pnn-contact-info {
		margin: 0 auto 0 -25px;
	}
   
 }

@media (max-width: 650px) {
   /* Resources list - the page is too wide, topics can be shoved down, or hidden */
   .page-members-resources .panels-flexible-region-41-center {
      width: 100%;
   }
   .page-members-resources .panels-flexible-region-41-topics  {
      width: 100%;
   }
  
}