/*   
Theme Name: ND Scouts 2018
Theme URI: http://www.norwichdesigner.com
Description: Responsive UK scouting website to match #SkillsForLife branding
Author: Norwich Designer
Author URI: http://www.norwichdesigner.com
Version: 1.0

*/

.fa			{ margin-right: .3em; }


/* BASICS */
*				{ color: #000; font-family: 'Nunito Sans', sans-serif; outline: none; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; text-decoration: none; }

body			{ background: #fff; margin: 0; padding: 0; width: 100%; }

div.container	{ display: block; margin: 0 auto; padding: 0 20px; max-width: 1240px; }

.clear			{ clear: both; }

.aligncenter	{ clear: both; display: block; margin: 0 auto; text-align: center; }
.alignleft		{ float: left; }
.alignright		{ float: right; }

img.aligncenter, iframe.aligncenter, div.wp-caption.aligncenter 	{ display: block; margin: 0 auto 20px auto; }
img.alignleft, iframe.alignleft, div.wp-caption.alignleft		{ margin: 0 20px 20px 0; }
img.alignright, iframe.alignright, div.wp-caption.alignright		{ margin: 0 0 20px 20px; }

img.alignleft[class*='wp-image-'], img.alignright[class*='wp-image-']	{ height: auto !important; width: 45% !important; }

img.aligncenter[class*='size-large'], img.aligncenter[class*='size-full']	{ height: auto; width: 100% !important; }

div.wp-caption.alignleft, div.wp-caption.alignright	{ background: #eee; width: 45% !important; }

div.wp-caption img	{ height: auto !important; margin: 0 !important; width: 100% !important; }

p.wp-caption-text	{ margin: 2% !important; text-align: center; }

hr			{ border-top: 3px solid #eee !important; color: #fff; background: #fff; clear: both; border: none; margin: 0 0 20px 0; width: 100%; }

div#top-margin		{ padding-top: 50px; }

div.top-margin		{ padding-top: 50px; }

.first			{ clear: both; }
.last			{ margin-right: 0 !important; }

a:hover span.link	{ text-decoration: none; }

a img			{ border: 0; }

.mobileonly		{ display: none; visibility: hidden; }
.tabletonly		{ display: none; visibility: hidden; }
.desktoponly		{ visibility: visible; }

table			{ border-collapse:collapse; margin: 0 0 20px 0; width:100%; }
table, th, td		{ border:1px solid #7413DC; font-size: 14px; line-height: 22px; padding:5px; }
th			{ background-color:#7413DC; color:white; font-size: 16px !important; font-weight: 900; line-height: 24px !important; }
th.simcal-nav		{ background: #fff !important; }
table.simcal-calendar-grid li	{ margin: 0 !important; padding: 5px !important; }
span.simcal-day-label	{ font-weight: bold; padding: 5px 0 !important; }
td.simcal-today span.simcal-day-label	{ color: #fff !important; }
td.simcal-today div	{ border: none !important; }
tr:nth-child(odd) td	{ background: #eee; }

a.lightbox, a.video, .scoutsgallery a, .gallery a		{ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }

::-moz-selection	{ background: #7413DC; color: #fff; text-shadow: none; }
::selection			{ background: #7413DC; color: #fff; text-shadow: none; }

a#getinvolved, a#join, input[type=submit], a.button, #sections li, input, textarea { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }

ul.drop li, a, a.button { -webkit-transition: color 400ms ease; -moz-transition: color 400ms ease; -o-transition: color 400ms ease; -ms-transition: color 400ms ease; transition: color 400ms ease; }



/* TEXT */

/* GUIDE TO WEIGHTS */
/* Regular: 400 (default), Bold: 700, Black: 900 */


h1, h1 *		{ font-size: 50px; font-weight: 900 !important; line-height: 1em; margin: 0 0 20px 0; }
h2, h2 *		{ font-size: 30px; font-weight: 900 !important; line-height: 1em; margin: 0 0 20px 0; }
h3, h3 *		{ font-size: 20px; font-weight: 900 !important; line-height: 1em; margin: 0 0 20px 0; }

p, label		{ font-size: 16px; line-height: 1.4em; margin: 0 0 20px 0; }

a				{ color: #7413DC; font-weight: 700; }
a:hover			{ color: #088486; }

a span.link		{ color: #7413DC; }


/* MENU */
div#menu				{ background-color: rgba(116,20,220,0.8); display: block; height: 50px; left: 0; position: fixed; top: 0; width: 100%; z-index: 600; -webkit-transition: background-color 400ms ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; -ms-transition: background-color 400ms ease; transition: background-color 400ms ease; }
div#menu:hover				{ background-color: rgba(116,20,220,1); }
div#menu *				{ color: #fff; font-size: 16px; font-weight: 700; text-decoration: none;  }

ul.drop a				{ display: block;  }
ul.drop, ul.drop li, ul.drop ul		{ list-style: none; margin: 0; padding: 0; color: #fff;}
ul.drop					{ position: relative; z-index: 597; float: left; }
ul.drop li				{ float: left; line-height: 50px; margin: 0 20px 0 0; vertical-align: middle; zoom: 1; padding: 0; }
ul.drop li a				{  }
ul.drop li.hover, ul.drop li:hover	{ position: relative; z-index: 599; cursor: default; }
ul.drop ul *				{ font-weight: 700 !important; line-height: 26px; text-transform: none !important; }
ul.drop ul				{ background-color: rgba(116,20,220,0.8); visibility: hidden; position: absolute; top: 100%; left: -15px; padding: 8px 0; width: 200px; z-index: 598; }
ul.drop ul li				{ float: none; margin: 0; padding: 0 15px; }
ul.drop ul li:hover, ul.drop ul li a:hover, ul.drop a:hover	{ color: #ff912a !important; }
ul.drop ul ul				{ display: none; top: 0; left: 100%; }
ul.drop li:hover > ul			{ visibility: visible }

div#top					{ display: none; }
div#top a				{ background: url(images/top.jpg) no-repeat 0 0; float: right; font-weight: 900; width: 30px; height: 50px; display: block; }

div#top-join				{ display: none; }
div#top-join a				{ background: #ff912a; line-height: 50px; float: right; font-weight: 900; width: auto; height: 50px; display: block; padding: 0 20px; }
div#top-join a:hover		{ background: #088486; }


/* HOMEPAGE HEADER */
div#header-home				{ background: url(images/home.jpg) no-repeat center center; background-size: cover; clear: both; display: block; margin: 0; width: 100%; }


/* HEADER */
div#header				{ background: url(images/headerbg1.jpg) no-repeat center center; background-size: auto 100%; clear: both; display: block; height: 210px; margin: 0; width: 100%; }

div#header-bottom			{ background: green url(images/header.png) no-repeat center bottom; display: block; height: 50px; }

a#logo					{ background-image: url(images/logo-27th.png); background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; display: block; float: left; font-size: 16px; font-weight: normal; height: 110px; line-height: 16px; margin: 50px 0 0 0; padding: 0; width: 400px; }
a#logo.white			{ background-image: url(images/logo-27th-white.png); }
a#logo:hover				{ text-decoration: none; }

a#getinvolved				{  
	background-image: linear-gradient(to right, #7413dc 50%, #ff912a 0);
  background-position: right;
	background-size: 200% 200%;
  transition: color 0.7s ease, background-position 0.7s;
	
	
	border: solid 2px #7413dc; color: #fff; display: block; float: right; font-size: 30px; font-weight: 900; height: 60px; line-height: 60px; margin: 70px 0 0 0; padding: 0; text-align: center; width: 30%; z-index: 7; }
a#getinvolved:hover			{ background-position: left; color: #fff; }
a#getinvolved span			{ background: #7413dc; color: #fff; font-size: 30px; line-height: 60px; float: left; margin: 0 !important; padding: 0 17px 0 15px; }

div#banner				{ background-repeat: no-repeat; background-position: 0 0; clear: both; display: block; width: 100%; }

div#banner h1			{ font-size: 60px !important; margin: 0 !important; padding: 50px 0 200px 0; }

div#banner h1.white		{ color: #fff !important; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }

div#banner h1.purple	{ color: #7413dc !important;  }

div#sections				{ background-color: rgba(255, 255, 255, 0.8); clear: both; height: 60px; position: relative; width: 100%; }
div#sections ul				{ display: block; text-align: center; width: 100%; }
div#sections ul li				{ background-repeat: no-repeat; background-position: center center; background-size: auto 35%; display: block; float: left; line-height: 60px; list-style: none; margin: 0; padding: 0; width: 20%; }
div#sections ul li a			{ display: block; height: 60px; padding: 0; width: 100%; }

div#sections ul li a span		{ color: #7413DC; font-size: 18px; font-weight: 900; visibility: hidden; }
div#sections ul li a:hover span		{ visibility: visible; }

div#sections ul li.squirrels:hover		{ background-color: #fff; background-image: none; }
div#sections ul li.squirrels		{ background-color: #e22e12; background-image: url(images/sections/squirrels-white.png); }
div#sections ul li.beavers:hover		{ background-color: #fff; background-image: none; }
div#sections ul li.beavers		{ background-color: #006ddf; background-image: url(images/sections/beavers-white.png); }
div#sections ul li.cubs:hover		{ background-color: #fff; background-image: none; }
div#sections ul li.cubs		{ background-color: #23a950; background-image: url(images/sections/cubs-white.png); }
div#sections ul li.scouts:hover		{ background-color: #fff; background-image: none; }
div#sections ul li.scouts		{ background-color: #004851; background-image: url(images/sections/scouts-white.png); }
div#sections ul li.explorers:hover	{ background-color: #fff; background-image: none; }
div#sections ul li.explorers		{ background-color: #003982; background-image: url(images/sections/explorers-white.png); background-size: 80% auto !important; }


/* PURPLE */
div#purple				{ background: #7413DC url(https://www.27thnorwich.org.uk/wordpress/wp-content/uploads/2024/04/fleur-left.png) left bottom no-repeat; background-size: cover; clear: both; display: block; margin: 0; padding: 50px 0 30px 0; width: 100%; z-index: 1; }

div#purple a:hover		{ color: #088486; }

div#purple *				{ color: #fff; }



div#purple div.col2			{ display: block; padding: 0; width: 390px; }

div#purple ul#stories			{ padding: 0; }
div#purple ul#stories li		{ border-top: 1px dashed #7a4aa8; clear: both; display: block; font-size:14px; line-height:22px; list-style: none; margin: 0; padding: 6px 0; width: 100%; }
div#purple ul#stories li.first		{ border-top: none !important; padding: 0 0 6px 0 !important; }
div#purple ul#stories li span.date	{ font-size: 11px; line-height: 22px; }
div#purple ul#stories li img		{ margin: 0 0 10px 0; width: 100%; }


/* PAGE */
div#page				{ background: #fff; display: block; margin: 0; min-height: 190px; padding: 50px 0 30px 0; width: 100%; z-index: 1; }

div#page-top				{ background: #088486; clear: both; display: block; margin: 0; padding: 0; width: 100%; z-index: 1; }

div#page-top .container		{ background: transparent; padding-top: 50px; padding-bottom: 50px; text-align: Center; }

div#page-top *				{ color: #fff; margin-bottom: 0; }

div#page h1, div#page h2, div#page h3 { color: #088486; }

div#page ul, div#page ol		{ margin: 0 0 20px 0; font-size: 16px; line-height: 1.4em; }
div#page li				{ margin: 0 0 0 20px; }
ul.ndposts, ol.ndposts			{ margin: 0 0 10px 0 !important; }

div#narrow				{ display: block; width: 65%; }

div#sidebar				{ display: block; width: 30%; }
div#sidebar h2				{ margin: 0 0 10px 0; }
div#sidebar p, div#sidebar ol, div#sidebar ul, p.meta	{ font-size: 14px; line-height: 1.4em; }

div#sidebar .widget			{ border-bottom: 3px solid #eee; display: block; margin: 0 0 30px 0; padding: 0 0 10px 0; }

div#sidebar .wp-block-latest-posts.wp-block-latest-posts__list { list-style: disc !important; }

span.post-date				{ display: block; }

div#sidebar .widget:last-child		{ border-bottom: none; margin: 0; padding: 0; }

div#sidebar .widget img.logo		{ max-width: 100%; width: 100%; }

div#sidebar.section .widget:first-child	{ text-align: center; }

div.scoutsgallery			{ clear: both; width: 100%; }
div.scoutsgallery a		{ display: block; float: left; margin: 0 4% 4% 0; width: 22%; }
div.scoutsgallery a:nth-child(4n+0)	{ margin-right: 0; }
div.scoutsgallery a img		{ width: 100%; }

div.gallerybox	{ background: #eee; display: block; float: left; margin: 0 5% 5% 0; width: 30%; }
div.gallerybox img	{ width: 100%; }
div.galleryinner	{ display: block; padding: 20px 20px 10px 20px; width: 90%; }
div.galleryinner h3	{ margin: 0; }
div.galleryinner p	{ font-size: 14px; line-height: 1.4em; margin: 10px 0 0 0; }
div.galleryinner span.date	{ float: right; font-weight: 700; }


div.post				{ border-top: 3px solid #eee; display: block; margin: 30px 0 0 0; padding: 30px 0 0 0; }

div.post img.thumb		{ max-width: 30%; height: auto; margin: 0 0 10px 20px; float: right; }

div.post.first			{ border-top: none; margin: 0; padding: 0; }
div.post img#feature		{ height: auto; margin-bottom: 30px; width: 100%; }

blockquote			{ background: #eee; display: block; margin: 0 0 20px 0; padding: 20px 0; width: 100%; }
blockquote p			{ margin: 20px 0 0 0; padding: 0 20px; }
blockquote p:first-child	{ margin: 0 !important; }
blockquote cite			{ display: block; font-weight: 700; margin: 10px 0 0 0; }


/* GRASS */
div#grass			{ background: #088486; clear: both; display: block; margin: 0; padding: 50px 0 30px 0; width: 100%; z-index: 1; }

div#grass *			{ color: #fff; }
div#grass p, div#grass ul	{ font-size: 14px; line-height: 1.4em; }

div.col3	{ float: left; margin: 0 5% 0 0; width: 30%; }

div#grass a:hover	{ color: #7413DC; }

div.pics			{ padding: 0 0 10px 0; }
div#sidebar div.pics	{ padding: 0 !important; }
div.pics img			{ background: #232323; border: 0; height: auto; margin: 0 5% 5% 0; width: 30%; }

div.posts ul		{ margin: 0 0 20px 0; }
div.posts ul li		{ margin: 0 0 0 20px; }

.col3.shop img		{ height: auto; width: 100%; }

/* GREY */
div#grey					{ background: #282828 url(https://www.27thnorwich.org.uk/wordpress/wp-content/uploads/2024/04/fleur-right.png) right bottom no-repeat; background-size: cover; clear: both; display: block; margin: 0; padding: 50px 0 30px 0; width: 100%; }

div#grey *					{ color: #fff; text-align: center; }

div#grey ul.menu			{ clear: both; font-size: 14px; line-height: 1.4em; margin: 0 0 20px 0; width: 100%; }
div#grey ul.menu span.fa	{ display: none; }
div#grey ul.social			{ clear: both; font-size: 14px; line-height: 1.4em; margin: 0 0 20px 0; width: 100%; }
div#grey ul li				{ display: inline; list-style: none; margin: 0 10px; }

div#grey p					{ font-size: 14px; line-height: 1.4em; }

div#grey a:hover			{ color: #088486; }






/* FORMS */
input[type=email], input[type=tel], input[type=text],  input[type=password], textarea			{ background: #fff; border: none; height: 22px; font-size: 16px; letter-spacing: 1px; line-height: 1.4em; margin: 0 0 20px 0; max-width: 100%; outline: none; padding: 12px 5%; width: 90%; }

input[type=email], input[type=tel], input[type=text],  input[type=password], textarea	{ border-bottom: 2px solid #ddd; height: 22px; }
textarea			{ height: 226px; resize: none; }

input[type=email]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=email]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=password]:focus, input[type=password]:hover, textarea:focus, textarea:hover	{ border-bottom: 2px solid #7413DC; }

input[type=submit], a.button		{ background-image: linear-gradient(to right, #7413DC 50%, #fff 0);
  background-position: right;
	background-size: 200% 200%;
  transition: background-position 0.8s, color 400ms ease; border: solid 2px #7413DC; color: #7413DC; cursor: pointer; font-size: 16px; font-weight: 900; height: auto !important; line-height: 1em; margin: 0; outline: none; padding: 15px 20px; width: auto !important; }
a.button	{ display: inline-block; }
input[type=submit]:hover, a.button:hover	{ background-position: left; color: #fff; text-decoration: none; }
a.button span.fa			{ background: #7413DC; color: #fff; font-size: 16px; height: 46px; line-height: 46px; float: left; margin: -15px 20px -15px -20px !important; padding: 0 17px 0 15px; }
a.button.cta		{ background-image: linear-gradient(to right, #7413DC 50%, #ff912a 0); color: #fff;  }


#purple a.button		{ background-image: linear-gradient(to right, #fff 50%, #7413DC 0); border-color: #fff; color: #fff;  }
#purple a.button:hover	{ color: #7413DC !important; }
#purple a.button span.fa			{ background: #fff; color: #7413DC !important; }

#grass a.button		{ background-image: linear-gradient(to right, #fff 50%, #088486 0); border-color: #fff; color: #fff;  }
#grass a.button:hover	{ color: #088486 !important; }
#grass a.button span.fa			{ background: #fff; color: #088486 !important; }



div.area1		{ display: block; width: 48%; }
div.area2		{ display: block; width: 48%; }
div.wpcf7 		{ background: #eee; margin-bottom: 20px; padding: 20px; }
div.wpcf7 input[type=submit]	{ float: right; margin-top: -20px; }

.wpcf7-not-valid-tip	{ display: none !important; }

.wpcf7-validation-errors, .wpcf7-mail-sent-ok, .wpcf7-spam-blocked, .wpcf7-response-output	{ font-size: 16px; line-height: 1em; width: 90%; margin: 0 !important; text-align: center; border: 0!important; font-weight: 900; padding: 8px 5% !important; }
.wpcf7-validation-errors	{ background: #e22e12; color: #fff !important; }
.wpcf7-mail-sent-ok		{ background: #23a950; color: #fff !important; }
.wpcf7-spam-blocked		{ background: #ffe627; color: #000 !important; }

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
 
.wpcf7 form.sent .wpcf7-response-output {
    background: #25b755; /* Green */
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background: #ed3f23; /* Red */ color: #fff !important;
}
 
.wpcf7 form.spam .wpcf7-response-output {
    background: #ff912a; /* Orange */
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: #ffe627; /* Yellow */
}

span.wpcf7-form-control-wrap	{ width: 100%; }

div.one-half, div.one-half-last		{ width: 48%; }
div.one-half				{ float: left; }
div.one-half-last			{ float: right; }

div.wpcf7 label				{ float: left; }
div.wpcf7 select			{ float: right; }

::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }

form#loginform		{ display: block; width: 300px; }
form#loginform label	{ clear: both; float: left; width: 100px; }
form#loginform input[type=text], form#loginform input[type=password]	{ float: left; width: 200px; }
form#loginform input[type=submit]	{ margin-left: 100px; }

form#loginform label			{ font-weight: bold; line-height: 38px; }

#osmjoin			{ overflow: hidden; margin: 0; width: 100%; }
#osmjoin iframe	{ border: 0px none; height: 1800px; margin-top: -100px; width: 100%; }





/* TABLET LAYOUT */ @media screen and (max-width: 960px) {






/* BASICS */

div.container						{ padding: 0 2%; width: 96%; }

div#top-margin						{ margin-top: 40px; }

a:hover span.link					{ text-decoration: none; }

.tablethidden					{ visibility: hidden; }
.tabletonly						{ visibility: visible; }


/* MENU */

ul.drop li						{ margin: 0 20px 0 0; }


/* HOMEPAGE HEADER */
div#header-home						{ min-width: 100%; }


/* HEADER */
div#header						{ min-width: 100%; }



/* PURPLE */
div#purple						{ min-width: 100%; }

div#purple div.col2					{ width: 46%; }


/* PAGE */
div#page-rpt						{ min-width: 100%; }

div#page						{ min-width: 100%; }

div#narrow						{ width: 68%; }

div#sidebar						{ width: 28%; }

div.scoutsgallery a img					{ width: 100%; }

div.scoutsgallery a					{ margin: 0 2% 2% 0; width: 23%; }

div.gallerybox						{ margin: 0 0 2% 0; width: 32%; }
div.gallerybox.middle					{ margin: 0 2% 2% 2%; }
div.galleryinner					{ padding: 4% 4% 2% 4%; width: 92%; }


/* GRASS */
div#grass						{  min-width: 100%; }

div.col3					{  margin: 0 2% 0 0; width: 32%; }

div#grass div.pics					{ padding: 0 0 10px 0; }
div#grass div.pics img				{ height: auto; margin: 0 2% 2% 0; width: 32%; }


/* GREY */
div.area1		{ width: 45%; }
div.area2		{ width: 50%; }

div.one-half, div.one-half-last		{ float: none; width: 100%; }

div.wpcf7 label				{ float: left; }
div.wpcf7 select			{ float: right; }

}













/* MOBILE LAYOUT */ @media screen and (max-width: 700px) {





/* BASICS */

body						{ min-width: 320px; }
div.container				{ width: auto; margin: 0 auto; padding: 0 20px; display: block; clear: both; }

div#top-margin				{ margin-top: 50px; }

.mobileonly					{ display:block; visibility: visible; }
.tabletonly					{ visibility: hidden; }
.desktoponly				{ visibility: hidden; }

.mobilehidden, .filesize-col, .modified-col		{ display: none !important; visibility: hidden; }

.filename-col				{ width: 100% !important; }
	
	h1						{ font-size: 40px; }



/* MENU */
div#menu		{ background: black url(images/menu.jpg) repeat-x 0 0; display: block; height: 50px; left: 0; position: fixed; top: 0; width: 100%; z-index: 600; }
div#menu *		{ color: #fff; font-size: 14px; font-weight: normal; text-decoration: none; }

div#menu div.container	{ background: url(images/arrowhead.png) no-repeat center center; background-size: auto 80%; padding: 0; }

div#top a		{ background-position: center center; height: 50px; padding: 0 20px 0 0 !important; width: 30px; }

a.mobilemenu span	{ font-size: 30px !important; line-height: 50px; padding: 0 0 0 20px; }

a.mobilemenu		{ display: block; height: 50px; width:65px; }

#closer			{ background: #ff912a; position:absolute; }
	
a#join			{ background: #ff912a; font-size: 30px; font-weight: 900; height: 50px; line-height: 50px; margin: 0; padding: 0 20px; text-align: center; }
a#join:hover			{ background: #7413dc; }



ul#mobile		{ background: url(images/menu-mobile.png) repeat; font-size: 16px; font-weight: 900; margin: 50px 0 0 0; padding: 0; list-style: none; display: block !important; position: fixed; text-align: center; top:-450px; width: 100%; z-index: 400; }
ul#mobile li		{ font-size: 16px; padding: 0 20px; }
ul#mobile li a		{ border-bottom: 1px solid #636363; color: #969696; display: block; height: 20px; margin: 0; padding: 12px 20px; width: auto; }
ul#mobile li a:hover	{ color: #fff; }
ul#mobile li.last a	{ border-bottom: none; }
ul#mobile li ul, ul#mobile li span		{ display: none !important; }









/* HEADER */
div#header		{ clear: both; display: block; height: 210px; margin: 0; min-width: 320px; width: 100%; }

a#logo			{ background-size: auto 100%; background-position: 20px 0; height: 80px; margin: 20px 0; text-align: center; width: 100%; }

div#header-mobile	{ background: #fff; clear: both; display: block; margin: 0; min-width: 320px; width: 100%; }

div#header-mobile a#logo	{ background-image: url(images/logo-27th.png); }

div#header-mobile img	{ clear: both; }


/* PURPLE */
div#purple		{ background-image:none; clear: both; display: block; margin: 20px 0 0 0; min-width: 320px; padding: 20px 0 0 0; width: 100%; z-index: 1; }

div#purple div.col2	{ clear: both; display: block; float: left !important; padding: 0; width: 100%; }

div#purple ul#stories li, div#purple ul#stories li span.date	{ font-size: 16px; font-weight: normal; line-height: 1.4em; }

div#purple .alignright.col2	{ border-top: 3px solid white; padding: 20px 0 0 0; }


/* PAGE */
div#page-rpt		{ clear: both; display: block; margin: 0; min-width: 320px; padding: 0; width: 100%; z-index: 1; }

div#page-top				{ }	
	
div#page-top .container		{ padding-top: 20px; padding-bottom: 20px; }
	
div#page		{ margin: 0; min-height: 190px; padding: 20px 0 0 0; width: 100%; z-index: 1; }

div#page ul, div#page ol{ margin: 0 0 20px; }

div#narrow		{ float: none !important; width: 100%; }

div#sidebar		{ border-top: 3px solid #eee; float: none !important; margin-top: 30px; padding-top: 30px; width: 100%; }

div.scoutsgallery a	{ margin: 0 0 20px 0; width: 100%; }
div.scoutsgallery a img	{ width: 100%; }

div.gallerybox, div.gallerybox.middle	{ margin: 0 0 20px 0; width: 100%; }
div.galleryinner	{ width: auto; }


/* GRASS */
div#grass		{ clear: both; display: block; margin: 0; min-width: 320px; padding:  20px 0 0 0; width: 100%; z-index: 1; }

div#grass div.pics img	{ margin: 0 5% 5% 0; width: 30%; }

div.col3	{ clear: both; float: left; margin: 0; width: 100%; }
	
div.col3.posts	{ border-top: 3px solid white; padding: 20px 0 0 0; }


/* GREY */
div#grey				{ padding: 20px 0; }	
	
div#grey ul.social li	{ display: block; margin: 0 auto; }

div.area1, div.area2	{ clear: both; float: none; width: 100%; }


form#loginform		{ width: 100%; }
form#loginform label	{ width: 30%; }
form#loginform input[type=text], form#loginform input[type=password]	{ width: 70%; }
form#loginform input[type=submit]	{ float: right; margin-left: 0; }
	
#osmjoin iframe	{ height: 1850px; margin-top: -100px; }



}