/* yep, I'm the css file: meep boop beep

Project:		sotx.org
Author:			thomas jones
Version:		1.1.6
Last Change:	20180326.1310
Description:	Use this css file to further modify the bootstrap theme, and customize the theme.

______________________________ NOTES

	Swatch Colors
	-------------
	#eceadb		biscuit
	#636359		grey
	#ff0000		red red
	#ed1c24		red (swoosh)
	-------------
______________________________ Table of Contents
	00. essentials
	01. body, general elements (the base HTML elements that aren't included in sections below)
	02. typography
	03. modifiers (modifying bootstrap, convio, blackbaud, and all that other crap that they add onto the website)
	04. layout (the skeleton of the site)
		04a. header
		04b. navigation
		04c. content
		04d. sidebar
		04e. state partners section
		04f. footer
	05. module specific {i.e SIG, Calendar, Polar Plunges, FTP, etc...}
		05a. Homepage
		05b. SIG
		05c. Calendar
		05d. Donation
		05e. Blog
		05f. Competition/Fundraiser Pages
		05g. Area Pages
		05h. MISC Pages and Display Template Specific

		05q. Luminate Online Specific
		05qd. Donations

	06.	xtra design elements (mapDiv, competition/fundraiser sponsor section, etc...)
	07. animations
	08. responsive modifiers (elements that get changed on desktop versions)

______________________________ REMINDERs

	Box model - (outside to in) margin, border, padding, content
	Property ordering - 
			Positioning
			Display & Box Model
			Color
			Text
			Other

*/
/*==================================================
=             00. essentials		               =
==================================================*/

body {
	/* padding-top:70px; */
	padding-top:25px;
	font-family: 'Ubuntu', "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.1;
	}

/*to make amends for having a stationary header*/
.anchorname:target {
  display: block;
  height: 70px; /*same height as header*/
  margin-top: -70px; /*same height as header*/
}

/*==================================================
=             01. body, general elements	       =
==================================================*/

pre {
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

	/* responsive image */
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img {
  	width: auto; /* for ie 6 & 7 */
  }
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
section { padding: 30px 0;}



						/* ### LUMINATE SPECIFIC ### */
LABEL.wrapable {
    padding-top: 15px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 4px 0 !important;
}


	/* FORMS */

form input, form select {
  /*display: block;*/

  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*==================================================
=             02. typography	       			   =
==================================================*/
h1, h2, h3, h4, h5, h6, p { padding: 0px 0px 5px 0px;}
p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Ubuntu', "Helvetica Neue", Arial, sans-serif;
	line-height: 1.1;
	color:#333;
}

p {
	line-height:1.42857143;
}

.list-unstyled {
  padding-left: 10px;
  list-style: none;
}

body ul li, body ol li {
	line-height:1.35em;
	/* padding-bottom:10px; */
}

.translated-ltr .notranslate {padding:0 6px 0 0;}

blockquote {border:none !important;}


/*==================================================
=             01. modifiers			               =
==================================================*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					/* CUSTOM HELPER CLASSES */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.debugme {outline:1px solid lime;}
.debugmetoo {outline:2px solid purple;}
.debugmethree {outline:3px solid teal;}

.elbow-room, .elbow-room15 {padding:15px;}
.elbow-room25 {padding:25px;}


.bot-pad15, .pad-bot15 {padding-bottom:15px;}
.bot-pad20, .pad-bot20 {padding-bottom:20px;}
.bot-pad25, .pad-bot25 {padding-bottom:25px;}
.bot-pad30, .pad-bot30 {padding-bottom:30px;}
.bot-pad35, .pad-bot35 {padding-bottom:35px;}
.bot-pad40, .pad-bot40 {padding-bottom:40px;}
.bot-pad45, .pad-bot45 {padding-bottom:45px;}
.bot-pad50, .pad-bot50 {padding-bottom:50px;}
.bot-pad100, .pad-bot100 {padding-bottom:100px;}

.top-pad15, .pad-top15 {padding-top:15px;}
.top-pad20, .pad-top20 {padding-top:20px;}
.top-pad25, .pad-top25 {padding-top:25px;}
.top-pad30, .pad-top30 {padding-top:30px;}
.top-pad35, .pad-top35 {padding-top:35px;}
.top-pad40, .pad-top40 {padding-top:40px;}
.top-pad45, .pad-top45 {padding-top:45px;}
.top-pad50, .pad-top50 {padding-top:50px;}
.top-pad100, .pad-top100 {padding-top:100px;}

.top-marg15, .marg-top15 {margin-top:15px;}
.top-marg20, .marg-top20 {margin-top:20px;}
.top-marg25, .marg-top25 {margin-top:25px;}
.top-marg30, .marg-top30 {margin-top:30px;}
.top-marg35, .marg-top35 {margin-top:35px;}
.top-marg40, .marg-top40 {margin-top:40px;}
.top-marg35, .marg-top45 {margin-top:45px;}
.top-marg50, .marg-top50 {margin-top:50px;}
.top-marg100, .marg-top100 {margin-top:100px;}

.bot-marg15, .marg-bot15 {margin-bottom:15px;}
.bot-marg20, .marg-bot20 {margin-bottom:20px;}
.bot-marg25, .marg-bot25 {margin-bottom:25px;}
.bot-marg30, .marg-bot30 {margin-bottom:30px;}
.bot-marg35, .marg-bot35 {margin-bottom:35px;}
.bot-marg40, .marg-bot40 {margin-bottom:40px;}
.bot-marg45, .marg-bot45 {margin-bottom:45px;}
.bot-marg50, .marg-bot50 {margin-bottom:50px;}
.bot-marg100, .marg-bot100 {margin-bottom:100px;}

.bg-biscuit {background-color:#eceadb;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					/* END CUSTOM HELPER CLASSES */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					  /* BOOTSTRAP MODIFIERS */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.navbar-brand, .brand {
	background:url("/files/content/www/images/sotx_logo_large.png") center no-repeat;
	width: 220px;
	height: 52px;
	text-indent: -9999px;
	float:left;
	display:block;
	margin:10px 25px 10px 5px;
	}

.lt-ie8 .navbar .brand{
	background:url("/files/content/www/images/sotx_logo_large.png") center no-repeat;
	margin-left:0;
	}

.navbar .brand:hover,.navbar .brand:focus{
	text-decoration:none
	}

	IMG.displayed {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

.dropdown-menu {margin:0 !important;}

.dropdown-menu > li > a {

  color: #fff;

}

.page-header {
  padding-bottom: 0px;
  margin: 0 0 5px;
  border-bottom:none;
}


.nav-pills > li {
  background-color:#636359;
  padding-bottom:0px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color:#636359;
  background-color: #eceadb;
}




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {


    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
		.nav-pills > li > a {
			border-left:none !important;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.nav-pills > li > a {
			border-left:none !important;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

	
.nav-pills > li > a {
	border-radius:0px;
    color:#ffffff;
	background-color:#636359;
	border-left:1px solid #999 !important;
}	
	

.nav-pills > li:first-child > a {
	border-left:none !important;
}


.nav-pills > li + li {
  margin-left: 0px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #0063a5;
}

.nav .caret {
  border-top-color: #636359;
  border-bottom-color: #636359;
}

.navbar-collapse {
  padding-right: 10px;
  padding-left: 10px;
}

.navbar-brand {
  float: left;
  padding: 8px 0px 8px 0px;
  font-size: 15px;
  line-height: 16px;
}

.navbar-nav > li > a {
  padding-top: 5px;
  font-size: 15px;
}

@media (min-width: 768px) {
  .navbar-nav {
	float: left;
	margin: 0 10px 0 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 15px;
  }
}


.navbar-default {
		background-color: #ff0000;
		border-color: #e7e7e7;
		border-color: transparent;
	}
}

.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}

.navbar-inverse {
 /* background-color: #eceadb; */
	border-bottom:1px solid #d4d4d4;
	/*
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*/

  *zoom: 1;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-inverse .navbar-nav > li > a {
  color: #636359;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #ff0000;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
	border-color: #cccccc;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: #636359;
	color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ff0000;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
	border-top-color: #636359;
	border-bottom-color: #636359;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #636359;
  border-bottom-color: #636359;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #636359;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ff0000;
  }
}

.label {
  display: inline-block;
  padding: .2em .6em .3em;
  font-size: 100%;
  color:#000;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #ffffff;
  background-color: #636359;
}

.well {
	min-width: 350px;
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;

}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;

}

.carousel-indicators {
  right: 5%;
  text-align: right;
}

.carousel-caption {
	width: 100%;
	right: 0;
	bottom: -20px;
	left: 0;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 5%;
	text-align: left;
	text-shadow: none;
	background: rgba(0, 0, 0, 0.75);
}

@media screen and (min-width: 768px) {
  .carousel-caption {
	left: 0px;
	padding-bottom: 15px;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
  src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('truetype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg') format('svg');
}


.bg-info {background-color:#d9edf7;}

.form-control {
    /*background-color: #f9f9f9;*/
    -webkit-box-shadow: inset -2px 1px 1px 0 #ddd;
    box-shadow: inset -2px 1px 1px 0 #ddd; }
.form-control:focus {
    border-color: #e96666;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 102, 0.6);
}

.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.jumbotron {background-color:#eceadb !important;}
#polar-plunge .jumbotron {border:1px solid #72c7ff; background-color:#85c5e5 !important; color:#0063a5;}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { color: #535369 !important; }

/* menu hover */
@media only screen and (min-width : 1px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


/* Scroll the menu in mobile */
@media (max-width: 768px) {
	.navbar-fixed-top, .navbar-fixed-bottom {position: absolute; }
}

/* Correcting menu float */
@media (max-width: 1199px){
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none;
	}
}

@media (min-width: 1199px) {
  .navbar-right .dropdown-menu {
    right: inherit;
    left: auto;
  }
}

/* Breaking the menu at the correct times, mostly */

@media (max-width: 1199px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
	  background-color: #636359;
	  border:1px solid #636359;
	  color:#eceadb;
  }
  .navbar-default .navbar-toggle:hover {
	  background-color: #ff0000;
	  border:1px solid #636359;
}
.navbar-default .navbar-toggle:focus {
	  background-color: #636359;
	  border:1px solid #636359;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #fff;
}
 .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
	  overflow:scroll !important;
	  overflow-x:hidden !important;
  }
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					/* END BOOTSTRAP MODIFIERS */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					  /* CONVIO MODIFIERS */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.searchNavigation { margin-bottom:15px; font-size:21px; word-spacing:15px;}
.searchNavigation a { outline: 2px solid #efefef; padding: 5px 10px; }
.searchDisplayResults {font-style: italic;}
.searchTitle {font-size:21px; font-weight:200;}
.searchTimeStamp {font-size: 85%;}
.searchTeaser {margin-bottom:30px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					/* END CONVIO MODIFIERS */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					  /* Microsoft Word Insert Modifiers */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.MsNormal { font-family: 'Ubuntu', sans-serif !important;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
					/* END Microsoft Word Insert Modifiers */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/*==================================================
=             04. layout					       =
==================================================*/

	/* _______________________ 04a. layout - header */

.above-top-nav {color:#eceadb;}
.above-top-nav a {color:#fff;}
.above-top-nav a:hover {color:#eceadb;}
.above-top-nav .login, .above-top-nav .espanol {margin-left:4px; margin-right:4px;}

/* this is the row under the navigation */
.single-top-bar	{ margin-bottom:15px;}
@media (max-width: 767px) {
	.single-top-bar	{ margin-bottom:15px;}
	.top-bar-donate { margin-top:15px;}
}

	/* _______________________ 04b. layout - top navigation */

.nav-header {
  display: block;   padding: 3px 15px;  font-size: 11px;  font-weight: bold;  line-height: 20px;  color: #999999;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;}

.nav li + .nav-header { margin-top: 9px;}

.nav-list > li > a, .nav-list .nav-header { margin-right: -15px;   margin-left: -15px;   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}


.navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 40px;
}

	/* yamm!3 MEGA MENU */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,

.yamm .dropdown {
  position: static;
}

.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  /* padding: 20px 30px; */
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.navbar {background-color:#eceadb !important; background-image:none;color:#fff;}
.navbar-default .navbar-nav > li > a {
	color: #636359;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #ff0000;
}
.dropdown-menu {background-color:#636359; color:#c8c8c0;}
.navbar .dropdown-menu  a {color:#fff !important;}
.navbar .dropdown-menu  a:hover, .navbar .dropdown-menu  a:focus {color:#636359; background-color:; text-decoration:none;}

    /*==========  Mobile First Method  ==========*/
    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {
		.navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 10px;
			line-height: normal;
		}		
		.navbar .dropdown-menu  a {color:#fff !important;}
		.navbar .dropdown-menu  a:hover {color:#fff !important;}			

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
		.navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 10px;
			line-height: normal;
		}
		.navbar .dropdown-menu  a {color:#636359 !important;}
		.navbar .dropdown-menu  a:hover {color:#636359 !important;}	
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 10px;
			line-height: normal;
		}
		.navbar .dropdown-menu  a {color:#636359 !important;}
		.navbar .dropdown-menu  a:hover {color:#636359 !important;}	

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 10px;
			line-height: normal;
		}
		.navbar .dropdown-menu  a {color:#636359 !important;}
		.navbar .dropdown-menu  a:hover {color:#636359 !important;}		

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 10px;
			line-height: 40px;
		}
		.navbar .dropdown-menu  a {color:#fff !important;}
		.navbar .dropdown-menu  a:hover {color:#636359 !important;}		

    }


.yamm-content div.col-md-6,
.yamm-content div.col-md-4,
.yamm-content div.col-md-3,
.yamm-content div.col-md-2
	{padding:0 15px 20px;}

.yamm .yamm-content {
  background-color:#636359;
}

.yamm-content h3, .yamm-content h4 {margin-top:0px; margin-bottom:0px;}

navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:#eceadb;
	color:#fff;
}


.btn-top-nav {
  color: #fff;
  background-color: #333;
  border-color: #fff;
}

.btn-top-nav:hover,
.btn-top-nav:focus,
.btn-top-nav:active,
.btn-top-nav.active,
.open .dropdown-toggle.btn-top-nav {
  color: #eceadb;
  background-color: #444;
  border-color: #eceadb;
}

.btn-top-nav:active,
.btn-top-nav.active,
.open .dropdown-toggle.btn-top-nav {
  background-image: none;
}

.btn-top-nav.disabled,.btn-top-nav[disabled],fieldset[disabled] .btn-top-nav,.btn-top-nav.disabled:hover,.btn-top-nav[disabled]:hover,fieldset[disabled] .btn-top-nav:hover,.btn-top-nav.disabled:focus,.btn-top-nav[disabled]:focus,fieldset[disabled] .btn-top-nav:focus,.btn-top-nav.disabled:active,.btn-top-nav[disabled]:active,fieldset[disabled] .btn-top-nav:active,.btn-top-nav.disabled.active,.btn-top-nav[disabled].active,fieldset[disabled] .btn-top-nav.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.area-offices > .col-md-3 > a.btn-top-nav {padding-top:2px; padding-bottom:2px;}



.yamm-fw .nav > li > a:hover,
.yamm-fw .nav > li > a:focus {
  text-decoration: none;
  background-color: #333;
}




	/* _______________________ 04c. layout - body, content */

#contentDiv {padding-top:75px;}

header { text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: none;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}

.page-header img  {

    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


	/* _______________________ 04d. layout - sidebar */


#sidebar .well {width:100%;}


.sb-texmap small {text-decoration:none; color:#428bca; font-size:14px; font-weight:400;}
.sb-texmap small, .sidebar-section h4 a:hover {font-weight:400;  color:#2a6496;}

.sidebar-section { padding-top:10px; padding-bottom:25px; border-bottom:1px solid #ccc;}
.sidebar-section:first-child { padding-top:0px; }
.sidebar-section:last-child { border-bottom:none;}

#follow-us .btn-group a.fa-facebook, #follow-us .btn-group a.fa-twitter, #follow-us .btn-group a.fa-instagram, #follow-us .btn-group a.fa-youtube  { font-size:1.5em;}
#follow-us .btn-group a.fa-facebook { color:#3f579c;}
#follow-us .btn-group a.fa-twitter { color:#55acee;}
#follow-us .btn-group a.fa-instagram { color:#a67b5c;}
#follow-us .btn-group a.fa-youtube { color:#de2925;}
#follow-us .btn-group a.fa-snapchat-ghost { color:#ff0;}


/* Make sure to erase so many of these
THIS ONE will be deleted entirely after the sidebar is redesigned */
.well {border-radius:0 !important; box-shadow:none !important;}




	/* _______________________ 04e. layout - state partners section */


	/* _______________________ 04f. layout - footer */

footer {	padding-bottom: 40px;
	background-color:#eceadb;

	}

footer a:link, footer a:hover, footer a:visited, footer a:active { color: #636359;}

footer h3 { 	width: 100%;
	text-transform: none !important;
	padding-top: 30px;
	font-size: 17px;
	font-weight: normal !important;
	margin-right: auto;
	margin-left: auto;
}


footer {
  padding-left: 15px;
  padding-right: 15px;
}

#footer a:hover{color: #FFF;}

#state-sponsor-section {

	margin-top:50px;
	padding-bottom:136px;
	min-height: 350px;
	background: transparent url('https://secure3.convio.net/sotx/images_HomePage/swoop.png') no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;

}

	@media only screen and (min-width : 992px) {
		#state-sponsor-section {

			margin-top:125px;
			min-height: 353px;
			padding-bottom:100px;

			}
		}
	@media (max-width: 991px) {

		#state-sponsor-section {padding-bottom:100px;

			}
		}

	@media (max-width: 767px) {
		#state-sponsor-section {

			margin-top:50px;
			padding-bottom:136px;
			min-height: 350px;
			background: transparent url('https://secure3.convio.net/sotx/images_HomePage/swoop.png') no-repeat center bottom !important;
			-webkit-background-size: cover;
			background-size: cover;

			}
		}


/*==================================================
=             05. module specific			       =
==================================================*/

	/* _______________________ 05a. module specific - homepage */

	/* _______________________ 05a. Homepage */


.get-involved-btn {background-color:#636359; color:#fff; font-size:18px;}
.get-involved-btn:hover {background-color:#fff; color:#636359;}
	
.home-panels {
	background-color:#eceadb;
	margin-top: 25px;
	margin-bottom: 1em;
	min-height: 700px;
	overflow: visible;
	width: 100%;
	padding: 5px 10px;
	}
.home-panels h2 a , .home-panels h3 a {color:#636359;}
.home-panels h2 a:hover, .home-panels h3 a:hover {color:#ff0000; text-decoration:none;}


#home-competition-list .comp-listing { margin-bottom:25px; padding-top:15px; }


.home-competition-header a, .home-fundraising-header a { color: #eceadb !important; }
.home-competition-header a:hover, .home-fundraising-header a:hover { color: #871216 !important; }
.home-competition-header, .home-fundraising-header { background-color: #636359; padding: 25px; color: #eceadb !important; }


	/* _______________________ 05b. SIG */

.sotx-sidebar { background-color:#fff !important; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.sotx-sidebar .nav>li>a:hover,.sotx-sidebar .nav>li>a:focus{ color:#ff0000;	text-decoration:none; background-color:transparent;	border-left:1px solid #ff0000;}
.sotx-sidebar .nav>.active>a,.sotx-sidebar .nav>.active:hover>a,.sotx-sidebar .nav>.active:focus>a{
	padding-left:18px;	color:#ff0000;	background-color:transparent;	border-left:2px solid #ff0000;	}
.sotx-sidebar .nav  {	padding-top:10px;}

/* Nav: second level */
.sotx-sidebar .nav .nav { margin-bottom: 8px;}
.sotx-sidebar .nav .nav > li > a { padding-top: 3px; padding-bottom: 3px; padding-left: 30px; font-size: 90%;}


@media (min-width: 992px) {
  #sotxaffix.affix-top {
    position: static;
  	margin-top:65px;
  	width:300px;
  }

  #sotxaffix.affix {
    position: fixed;
    top:65px;
    width:300px;
  }
}

.affix,.affix-top {
   position:static;
}

.blocksig {  padding: 10px 20px;
	margin: 0 0 20px;
    color:#0063a5;
	font-style:italic;}

.blocksig p, .blocksig li, .blocksig td, .blocksig h3, .blocksig h2,  {  font-weight: 300;
	line-height: 1.25;
	color:#0063a5;
	font-style:italic;}

/*.blocksig p:last-child {  margin-bottom: 0;}*/

	/* _______________________ 05c. Calendar */

.area-event-selection {margin-bottom:15px;}
.area-event-selection th, .area-event-selection td { padding-bottom:15px; }

.area-event-items  .odd, .area-event-items .even { margin-bottom:5px; }

#area-page-calendar td, .area-event-items td { padding: 15px 5px !important; }

#area-page-calendar tr.Activity, .area-event-items  tr.Activity {background-color:#ffdb8c !important;}
#area-page-calendar tr.Competition, .area-event-items  tr.Competition {background-color:#ffffd7 !important;}
#area-page-calendar tr.Deadline, .area-event-items  tr.Deadline { background-color:#fbc8bf !important;}
#area-page-calendar tr.Fundraising, .area-event-items  tr.Fundraising {background-color:#dbea9f !important;}
#area-page-calendar tr.Meeting, .area-event-items  tr.Meeting {}
#area-page-calendar tr.Torch, .area-event-items  tr.Torch {background-color:#d9f3ff !important;}
#area-page-calendar tr.Training, .area-event-items  tr.Training {background-color:#ececec !important;} 


#area-page-calendar tr.Activity:hover, .area-event-items  tr.Activity:hover {background-color:#ffb81c !important;}
#area-page-calendar tr.Competition:hover, .area-event-items  tr.Competition:hover {background-color:#ffd400 !important;}
#area-page-calendar tr.Deadline:hover, .area-event-items  tr.Deadline:hover { background-color:#f8ab9e !important;}
#area-page-calendar tr.Fundraising:hover, .area-event-items  tr.Fundraising:hover {background-color:#b2d235 !important;}
#area-page-calendar tr.Meeting:hover, .area-event-items  tr.Meeting:hover {}
#area-page-calendar tr.Torch:hover, .area-event-items  tr.Torch:hover {background-color:#71c9f1 !important;}
#area-page-calendar tr.Training:hover, .area-event-items  tr.Training:hover {background-color:#bcbec0 !important;} 

td.pg-curr, td.pg-page { padding:0px 5px;  }
.pg-curr {background-color:#428BCA; color:#fff; font-size:18px;}

.paginator {font-size:18px;}

/* This is to make sure people don't go hog wild with the wysiwyg */
#calendar-item span, #calendar-item p {font-family: 'Ubuntu', sans-serif !important;
font-size:15px !important;
}

	/* _______________________ 05d. Donation */

.donate-select select {
    border: 3px solid #555;
    font-size:21px;
    padding:10px 16px;
    height:auto;
    cursor:pointer;
}

.donate-select .dropdown-header {
     font-size:15px;
     padding-left:5px;
}

.donate-select .form-control {
    border:6px solid #999;
    background: #fff;
}

.donate-select .form-control:focus {
    border:6px solid #b94a48;
    background:#efefef;
}

option.chp-donate {
    color:#333;
}

	/* _______________________ 05e. Blog */

.title {}
.subtitle { margin-top: 0; margin-bottom: 25px; font-size:24px; font-style: italic; color:#666;}

	/* _______________________ 05f. Competition/Fundraiser Pages */

#fire-truck-pull .row, #polar-plunge .row, #over-the-edge .row {/*margin-bottom:25px;*/}
.participant-div {margin-top:50px; margin-bottom:25px;}


div#blog.container-fluid h3 {color:#ff0000;}


	/* Competition pages - VENUE AND SCEDULES */

.day-schedule { margin-bottom:15px; }
.day-schedule-header { padding: 15% 0 25%; background-color:#636359; color:#fff; font-family:Georgia, serif; text-align:center; text-transform:uppercase; font-size:10em; line-height:50%;  text-shadow: 0 1px 5px #000; }


.dsktp-header { padding: 30px; font-size:3.5em; font-family: 'Ubuntu', sans-serif;}

.day-schedule-header small {font-size:50%; font-weight:bold; color:#eceadb; font-family: 'Ubuntu', sans-serif;}

  @media (max-width: 767px) {
	.day-schedule-header { line-height:70%;
	}
}
.day-schedule-info { margin-bottom:15px; padding:5px 20px; background-color:#eceadb;  }
.day-schedule-event { border-bottom:1px solid #383838; margin:20px 0;}
.day-schedule-event:last-child { border-bottom:none; }
	.event {-webkit-box-shadow: 0 -7px 5px 0 rgba(0,0,0,.075);
	box-shadow: 0 -7px 5px 0 rgba(0,0,0,.075);
	padding: 15px 5px 15px;
	margin-bottom:50px;
	}
     .comp-title { font-size:150%; font-weight:bold; }
     .event-time { font-size:150%; }
     .comp-venue {  }
     .comp-venue-phone a {   }
     .comp-venue-address a {   }
     .comp-venue-map { width="80%" padding-left:auto; padding-right:auto; }


	/* Competition pages - VENUE AND SCEDULES */

.coaches-sport-panel { border-top:5px solid #999; padding:15px; margin-bottom:25px;}
.coaches-sport-panel h3 {padding:3px 5px; margin:0px 0px 15px;}


	/* _______________________ 05g. Area Pages */

.single-contact, .area-office-contact {margin-bottom:25px;}
.single-contact-phone, .single-contact-email,.area-phone {padding-top:5px;}



.area-blog-vert-list-excerpt {margin-bottom:50px;}

	/* _______________________ 05h. MISC Pages & Display Template Specific */

	/* BOD expanded */
.bodBio {margin-bottom:40px; padding-top:10px;}
.bodBio h3 {margin-top:0px; margin-bottom:0px;}
.bodBio h3 small, .bodBio-officer {font-size:85%; color:#666;}

	/* horizontal blog listing DISPLAY TEMPLATE */
.horizontal-blog-listing { margin-bottom:25px; padding-bottom:25px;  }
@media only screen and (min-width : 992px) {
	.horizontal-blog-listing {
	margin-bottom:15px;
	display:inline-block !important;
	min-height:550px !important;
	max-height:550px !important;
	overflow:hidden;
	border-bottom:none;
	}

}

	/* _______________________ 05q. LUMINATE ONLINE */

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ticket-class-details-dialog.ui-draggable.ui-resizable {
  position: fixed !important;
  top: 50% !important;
  left: 35% !important;
}

  
form[name=search]  {    
    padding-top:70px;
}    

	/* _______________________ 05qd. Donation Forms */

/* For Donation styles look in the DonFormResponsive.css file in the the CSS/Responsive folder. */
.donation-level-amount-container {}
.donation-level-label-container { margin-top: 0px; margin-left: 20px; float: right;}


.designated-giving-recurring-row { float:left; padding-right: 50px;}

.container.lo {
    margin-top: 65px;
}

/*======================================================================================
=             06. xtra design elements	- (mapDiv, sponsor section, etc...)		       =
========================================================================================*/

.red {color:red !important;}

.shadowme {

	-webkit-box-shadow: 0 5px 5px 2px rgba(0,0,0,.25);
	box-shadow: 0 3.5px 4px rgba(0, 0, 0, 0.24), 0 3.5px 4px rgba(0, 0, 0, 0.12);
	}

.weather-warning {margin-top:35px;}
.schedule-div {margin-top:35px;}
	
.map-div {
	padding:25px 15px;
	margin:50px auto;
	-webkit-box-shadow: 0 1.5px 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 1.5px 4px 0 rgba(0,0,0,.1);
	}

.sponsor-section {
    margin: 50px 0px;
    padding: 10px 10px 25px;
	background-color:#fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0px rgba(0, 0, 0, 0.1);
    }
	
.sponsor-section h3, .event {
	-webkit-box-shadow: 0 -7px 5px 0 rgba(0,0,0,.075);
	box-shadow: 0 -7px 5px 0 rgba(0,0,0,.075);
	padding: 15px 5px 0;
	}
	

	
.translated-ltr nav, .translated-ltr body {
    margin-top: 39px;
}

/* ### I HAVE YET TO SEE THESE ANYWHERE - I SMELL DELETION COMING ### */
.highlight {
    padding: 10px 12px 10px 0px;    margin-bottom: 14px;    background-color: #F7F7F9;    border: 1px solid #E1E1E8;    border-radius: 4px;}

#bottom {    padding: 80px 0;}

/* ### ... ### */


/* To fill the container and nothing else - AddThis */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 75% !important;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 20px;
    display:none;
	-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,.5);
	box-shadow: 0 2px 1px 1px rgba(0,0,0,.5);
}
.back-to-top:hover {
	-webkit-box-shadow: 0 2px 0px 0px rgba(0,0,0,.5);
	box-shadow: 0 2px 0px 0px rgba(0,0,0,.5);
}
#back-to-top .glyphicon {text-shadow: 1px 1px 1px #000;}


.homepage-banner, .home-panels {
	border: 1px solid #d4d4d4;
	-webkit-box-shadow: 0 5px 5px 2px rgba(0,0,0,.25);
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}


a > .fa-file-pdf-o, .fa-file-pdf-o {color:red;}
a > .fa-file-excel-o {color:green;}


#about-us-tabs .tab-pane, #area-page-calendar .tab-pane {padding:15px;}
#about-us-tabs .nav-tabs, #area-page-calendar .nav-tabs {padding-top:10px; background-color:#fff;}
#about-us-tabs.nav-tabs > li > a, #area-page-calendar.nav-tabs > li > a {
    margin-right: 2px;
    border: 1px solid #636359;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid transparent;
}

#about-us-tabs.nav-tabs > li > a:focus, #area-page-calendar.nav-tabs > li > a:focus {
    outline: none;
}

/*
#about-us-tabs.nav-tabs > li.active > a, #area-page-calendar.nav-tabs > li.active > a {
    outline: none; background-color:#eceadb !important;
}
*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #eaecdb;
  border-bottom-color: transparent;
  font-weight:bold;
}

#about-us-tabs div.tab-content {background-color:#eceadb;}

/*==================================================
=             07. animations	  		           =
==================================================*/


/*==================================================
=             08. responsive modifiers	           =
==================================================*/


	/* _______________________ Bootstrap 3 Media Queries */

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.back-to-top {
			bottom: 20px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

		.delegation-list {
			-moz-column-count: 2;
			-moz-column-gap: 20px;
			-webkit-column-count: 2;
			-webkit-column-gap: 20px;
			column-count: 2;
			column-gap: 20px; }
			}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.navbar-nav > li > a {
			padding-top: 15px;
			padding-bottom: 15px;
			line-height: 40px;
		}	
		.navbar .dropdown-menu  a {color:#fff !important;}
		.navbar .dropdown-menu  a:hover, .navbar .dropdown-menu  a:focus {color:#636359; text-decoration:none;}
    }