/* Important Information about this CSS File  - Do not delete or rename this file, if you do not use it leave it blank (delete everything) and the file will be skipped when you enable Production Mode in the Global theme settings.  - Read the _README file in this directory, it contains useful help and other information. */
/* Increase the body font size on small touch devices */
body { font-size: 100%; }

#header { padding: 0 0 0 10px; }

#branding { width: 200px; }

.social-links { position: static; }

#block-search-form { position: static; }

#header .logout { right: 25px; position: absolute; top: 125px; width: fit-content; }

.secondary-menu { position: static; }
.secondary-menu li { float: none; }

.mdmegamenu { margin-bottom: 10px; }

.js .selectnav { margin: auto; }

.front #columns { margin-top: -45px; }

#main-content { overflow: visible; padding-right: 10px; }

.front #main-content { padding-right: 0; }

#postpage-bottom .copyright { text-align: center; width: 80%; }

/* Front page */
#block-views-slideshow-block { margin: auto; width: 321px; }
#block-views-slideshow-block .views-slideshow-controls-top { right: 165px; top: 95px; }
#block-views-slideshow-block .factoid-wrapper { background: url("images/factoid-bottom-lg-no-green.png") no-repeat scroll 77px bottom/100px 70px transparent; margin: -105px 0 0 150px; padding-bottom: 55px; }
#block-views-slideshow-block .factoid-wrapper .field-factoid { background: url("images/factoid-small.png") no-repeat scroll 0 0 transparent; font-size: 18px; font-size: 1.125rem; height: 160px; padding: 20px 25px 45px 15px; width: 130px; }

#block-quicktabs-front-page-tabs { float: none; margin: 0 auto 40px; width: 100%; }
#block-quicktabs-front-page-tabs .quicktabs-tabs li { margin: 0 3px 0 0; }
#block-quicktabs-front-page-tabs .quicktabs-tabs a { font-size: 14px; font-size: 0.875rem; padding: 5px 10px 1px; width: 5.5em; }
#block-quicktabs-front-page-tabs ul { margin-bottom: 0; }
#block-quicktabs-front-page-tabs ul li { margin: 0 5px 0px 0; padding: 0; }
#block-quicktabs-front-page-tabs .quicktabs-tabpage { padding: 23px 15px 20px; }
#block-quicktabs-front-page-tabs #quicktabs-tabpage-front_page_tabs-2 { padding: 40px 15px 15px; }
#block-quicktabs-front-page-tabs #quicktabs-tabpage-front_page_tabs-2 .block-content { margin: auto; position: relative; width: 270px; }
#block-quicktabs-front-page-tabs #quicktabs-tabpage-front_page_tabs-2 .block-content .view-content { top: 33px; }
#block-quicktabs-front-page-tabs #quicktabs-tabpage-front_page_tabs-2 .attachment { width: 257px; }
#block-quicktabs-front-page-tabs #quicktabs-tabpage-front_page_tabs-2 .attachment .view-content { position: static; width: 236px; }

@media only screen and (max-width: 400px) { .tab-resources img { float: none !important; } }
.objectives { background: none; padding-bottom: 20px; }

.latest-news .field-image { margin-right: 10px; }
.latest-news .field-body { margin-left: 0; }

/* Calendar */
.view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next { top: 25px; }

/* Our Field page */
.page-our-field #block-system-main { padding: 0 10px; }

#ourfield-center { margin: auto; }

#building-communities { margin: 20px auto; }
#building-communities h2 { text-align: center; }

#improving-places { margin: 20px auto; }
#improving-places h2 { text-align: center; }

#transforming-lives { margin: 20px auto; }
#transforming-lives h2, #transforming-lives .images { text-align: center; }

/* Staff & board */
#block-quicktabs-board-and-staff .quicktabs-tabs a { padding: 10px 18px; }

.view-staff-and-board .views-row .field-photo { float: none; }
.view-staff-and-board .views-row .show-hide { margin-right: 0; }

/* Galleries */
.page-photo-albums #columns { padding-left: 15px; }

/* Blog page */
#columns .blog-slideshow { float: none; height: 185px; width: 310px; }
#columns .blog-slideshow .block-inner, #columns .blog-slideshow .view-content, #columns .blog-slideshow .views_slideshow_cycle_main { height: 185px; }
#columns .blog-slideshow .text-overlay { bottom: 40px; padding: 10px 20px; width: 270px; }
#columns .blog-slideshow .text-overlay .field-title { line-height: 1em; }
#columns .blog-slideshow .text-overlay .field-title a { font-size: 16px; font-size: 1rem; }
#columns .blog-slideshow .text-overlay .field-body { display: none; }
#columns .blog-slideshow .views-slideshow-controls-bottom { top: -110px; }

#block-quicktabs-tabs-blog { float: none; width: auto; }
#block-quicktabs-tabs-blog #quicktabs-tab-tabs_blog-0 { width: 4em; }
#block-quicktabs-tabs-blog #quicktabs-tab-tabs_blog-1 { width: 5em; }
#block-quicktabs-tabs-blog .block { width: auto; }

/* ============================================================================= Mobile Menu Toggle See your theme settings extensions for how to enable the menu toggle. These are example styles for the menu toggle menu, you can use these in the relevant responsive stylesheets as required. Modify to suit your design.
 (We don't use this for now since we are using a mega-menu.) ========================================================================== */
.at-mt .at-menu-toggle { /* The toggle link */ /* Menu items */ }
.at-mt .at-menu-toggle h2 { margin-bottom: 5px; }
.at-mt .at-menu-toggle h2 a { background: #eee; border: 2px solid #ccc; padding: 2px 10px; }
.at-mt .at-menu-toggle ul.menu li a { background: #eee; border-bottom: 1px solid #fff; }

.page-node-9734 .region-sidebar-second .region-inner { padding: 3em 2em; }
.page-node-9734 #block-views-e93895770a6ad10a3962ce74a8e96be2 a { font-size: 16px !important; }