/*
	DWN mobile styles
*/

/* Hide from mobile */
.hide-mobile
{ display:none }

/* Admin toolbar */
#toolbar
{ display:none }
body
{ padding-top:0 !important }

/* Navigation */
#header .region-header, #main-menu, .fixedsticky-dummy
{ display:none }

/* Main layout */
#content-wrapper
{ margin-bottom:.5em }
body.one-sidebar.sidebar-first #content-innerwrapper 
{ margin-left:0 }
body.one-sidebar.sidebar-first #content
{ float:none; width:auto }
body.one-sidebar.sidebar-first #sidebar-first
{ float:none; width:auto; margin-top:1.5em; margin-left:0 }

/* Related sections */
.field-name-field-related-sections
{ margin-bottom:3em }

/* Footer */
#footer
{ margin-top:0; padding-top:2em; padding-bottom:.2em }
#footer .region-footer > .block
{ float:none; width:auto; margin:0 0 1.9em; text-align:center }

#footer-bottom .block .content
{ font-size:75% }
#footer-bottom .block .content img
{ display:block; margin:0 auto .4em }

/* Buttons */
#content a.action /* Add parent to prevent CKEditor confusion */
{ display:block }

/* Thumbnail columns */
ul.thumbnails > li
{ padding-left:0 }
ul.thumbnails > li img, ul.thumbnails > li figure
{ float:right; margin:0 0 .4em .6em }

/* Content columns */
div.columns > .col
{ float:none !important; width:auto !important }

ul.grid > li /* Switch to two-across */
{ width:44%; margin-right:12% }
	ul.grid > li:nth-child(2n+0)
	{ margin-right:0 }

/* Three across galleries */
ul.gallery.three > li
{ clear:both; float:none !important; width:auto !important; margin:0 0 1em !important }
ul.gallery.three > li img
{ width:100% }


/* Related sections */
.field-name-field-related-sections > .field-items > .field-item.even
{ float:none; width:auto }
.field-name-field-related-sections > .field-items > .field-item.odd
{ float:none; width:auto; margin-top:1.7em; padding:1.7em 0 0; border-left:none; border-top:1px solid #e2e1da }


/* Social icons */
p.social-icons
{ font-size:300% }

/* Admin tabs */
.tabs > ul
{ padding:0 0 0 .4em; font-size:93.75% }

/* Homepage carousel */
#block-views-homepage-carousel-block .view-content .views-row .node .container /* Add cover */
{ height:100%; background-color:rgba(0,0,0,.5) }

#block-views-homepage-carousel-block .view-content .views-row .node .content
{ width:auto; min-width:0; margin-left:0 }
#block-views-homepage-carousel-block .view-content .views-row .node .content > h2
{ padding-top:30px }
#block-views-homepage-carousel-block .view-content .views-row .node .field-name-body
{ font-size:125% }

#block-views-homepage-carousel-block .carousel-previous
{ left:15px; top:auto; bottom:10px; background-position:0 0 }
#block-views-homepage-carousel-block .carousel-next
{ right:15px; top:auto; bottom:10px; background-position:0 0 }

#block-views-homepage-carousel-block .carousel-nav
{ right:auto; margin:0 auto; width:100%; text-align:center; bottom:42px }