@charset "UTF-8";
/* Bootstrap Override Styles

   Note: DW Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

html {
	height: 100%;
	background-color: #5b9fcb;
}


body {
	min-width: 300px;
	height: 100%;
	font-family: "Lucida Sans", "Lucida Sans Regular", Verdana, Arial, sans-serif;
	text-align: justify;
	font-size: 100%; /* bootstrap sets this property html: 10px, body: 14px; */
	background: #183b43; /* FF3.6-15 */
						/* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(#183b43 0%, #3a6763 50%, #5b9fcb 100%);
	background: -webkit-linear-gradient(#183b43 0%, #3a6763 50%, #5b9fcb 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#183b43), color-stop(0.5, #3a6763), to(#5b9fcb));
	background: -o-linear-gradient(#183b43 0%, #3a6763 50%, #5b9fcb 100%);
	background: linear-gradient(#183b43 0%, #3a6763 50%, #5b9fcb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183b43', 
		endColorstr='#5b9fcb',GradientType=0 ); /* IE6-9 */	
	background-repeat: no-repeat;	
}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

h1 {
	font-size: 3.6rem;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 2.8rem;
}

h4 {
	font-size: 2.4rem;
}

h5 {
	font-size: 2rem;
}

h6 {
	font-size: 1.6rem;
	line-height: 1.9rem;
}

h6 + p {
	margin-top: 15px;
}

p, blockquote, li, dt {
	font-size: 1.2rem;
}

a {
	color: #2381D0; /* override bootstrap a color */
}

.modal-content .modal-body blockquote {
	font-style: italic;
	text-indent: 10px;
}

h1, h2, h3 {
    font-family: "Trebuchet MS", Lucida,sans-serif;
}

blockquote.andrew {
	margin: 0 0 15px 0; /* 0 0 15px 15px; */
	background-color: #E4E1B5; /*#D9D298;*/
	border: none;
	padding: 15px;
	/* width: 40%; */
	box-shadow: 0 0 3px 1px #555;; /* 3px 3px 7px 3px rgba(80, 80, 80, 0.8);*/
}

img.socialIcon {
	margin: 5px;
}

.clearfix {
	clear: both;
}

.hidden {
	display: none;
	visibility: hidden;
}

.red {
	color: #f00;
}

.leftAlign {
	text-align: left !important;
}

.rightAlign {
	text-align: right !important;	
}

.centerAlign {
	text-align: center !important;	
}

.textStrokeBlack {
	text-shadow: 0.5px 0.5px 0 #000, 
	-0.5px -0.5px 0 #000, 
	0.5px -0.5px 0 #000, 
	-0.5px 0.5px 0 #000, 
	0.5px 0.5px 0 #000;
}

.textStrokeCCC {
	text-shadow: 0.5px 0.5px 0 #ccc, 
	-0.5px -0.5px 0 #ccc, 
	0.5px -0.5px 0 #ccc, 
	-0.5px 0.5px 0 #ccc, 
	0.5px 0.5px 0 #ccc;
}

.smallCaps1rem {
	font-size: 1.7rem;
	font-variant: small-caps;
	font-style: normal;
	border-bottom: 1px #000 solid;
	margin-bottom: 10px;
	padding-bottom: 3px;
}

.smallCaps2rem {
	font-size: 2.7rem;
	font-variant: small-caps;
	font-style: normal;
}

.nonBold {
	font-weight: normal !important;
}

.nonItalic {
	font-style: normal !important;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.hideNarrow {
	display: none;
}

.bulletList {
	list-style-type: disc; 
	margin-left: 22px;
    padding-left: 0;
}

.bulletList li {
	text-align: left;
	font-size: 1rem;
}

.p-list-p {
	text-align: left; 
	list-style-type: disc; 
	margin-top: -10px;
}

.p-list-p li {
	font-size: 1.1rem;
}

.pageSub .jumbotron section.content#level2Page [class*="col-"] section .constructionTips {
	padding: 0 0 10px;
	margin-t: -5px;
	text-align: left;
}

.readMoreButton  {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	clear: both;
	display: block;
	padding: 5px;
	font-size: 1.25rem;
	box-shadow: 0 0 3px 1px #666;
	border-radius: 10px;
	margin-top: 10px;
	width: 150px;
	margin: 0 auto 15px;
}


.pageMainOuter,
.pageSubOuter {
	background-color: #4b2719;
	border: 5px ridge #4b2719;
	box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.8);
	padding: 10px;
	width: 95%;
	max-width: 995px;
	margin-top: 51px; /* this won't be enough if horiz choices wrap to 2nd line */
	margin-bottom: 2%;
	position: relative;
}

.pageMain, 
.pageSub {
	position: relative;
	padding: 2%;
	background: url("../imagesNew/WisconsinField.01-1000x750.jpg") no-repeat;
	box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.8);
}

.pageSub {
	background: transparent;
	padding: 0;
}

.pageMain header {
	padding: 0;
	border: none;
	margin-bottom: 0;
}

.pageSub .headerSub {
	background: url("../imagesNew/WisconsinField.01.crop.jpg") no-repeat scroll left 0 top -90px;
	border: 5px ridge #4b2719;
	box: 5px 5px 5px rgba(80, 80, 80, 0.8);
	margin-bottom: 10px;
	height: 181px;
}

section.pageMain nav#navBar div.navbar .container,
section.pageSub nav#navBar div.navbar .container {
	max-width: none;
	width: 100%;
}

section.pageMain nav#navBar div.navbar .container .navbar-nav,
section.pageSub nav#navBar div.navbar .container .navbar-nav {
	margin-left: 8%;
}

.navbar {
	min-height: 25px;
}

div.navbar-inverse {
	background-color: #214953; /* #3a6763; */
	border-collapse: #3a6763;
}


.navbar-nav li a {
	font-size: 1.2rem;
	color: #c7c7c7;
}

.navbar-nav > li > a {
	padding-top: 7px;
	padding-bottom: 7px;
}

.open .dropdown-menu > li > a {
	color: #c7c7c7;
	padding: 3px 10px;
}

.navbar-nav li.active span,
.navbar-nav li span.active { /* style active page item like ordinary links */
	font-size: 1.2rem;
	color: #fff;
	padding: 6px 10px 3px; /* 3px 10px; too much causes text wrapping 6.5px 20px; */
	line-height: 20px;
	display: block;
}

.dropdown-menu {
	background-color: #3a6763;
	padding: 0;
	margin-top: -1.5px;
}

.open .dropdown-menu > li {
	border-left:	 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
	border-bottom: none;
}

.open .dropdown-menu > li:last-child {
	border-bottom: 1px solid #b3b3b3;

}
	

div.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: #000;
	color: #fff;
}

.navbar-nav > li.open > 
	ul.dropdown-menu > li.open > 
	ul.dropdown-menu > li.open >
	ul.dropdown-menu > li {
	width: 232px; /* to avoid current page long text from wrapping */
}


.pageMain #logo {
	padding: 0 !important;
	margin-bottom: 5px;
	text-align: center;
}

.pageMain #logo .img-responsive {
	display: inline-block;
}

.pageSub #logoSub {
	text-align: right;
	margin: 10px;
}

.pageSub #logoSub .img-responsive {
	display: inline-block;
	width: 350px;
}

#slogan,
#sloganSub {
	margin: 10px 0 3px;
	padding: 0;
	/*width: 100%;*/
}

#slogan h2,
#sloganSub h2 {
	color: #eee; /* #305753;  #274643;  #3A6763; #183b43; #914B30; #4C2719; #341012; */
	text-shadow: .5px .5px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -.5px -.5px 0 #000,  
    .5px -.5px 0 #000,
   -.5px  .5px 0 #000,
    .5px  .5px 0 #000;
	
	font-size: 1.7em;
	font-style: italic;
	margin: 0 0 5px;
	text-align: center;
}

#sloganSub h2 {
	text-align: right;
	margin: 15px;
}

#phyllisQuote {
	margin: 0;
	padding: 0;
	width: 29%;
	float: right;
	display: none; /* HIDDEN for xs width (phone size) */
}

#phyllisQuote blockquote {
	border: none;
	margin: 0;
	bXXackground-color: rgba(0, 0, 0, 0.45);
}

#phyllisQuote blockquote p,
#phyllisQuote blockquote footer {
	border: none;
	color: #ddd;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	line-height: normal;
	font-style: italic;
	margin: 0;
	padding: 5px 0;
	text-align: right;
}

#phyllisQuote blockquote footer {
	font-size: 0.9em;
	padding-top: 2px;
}

.pageMain section.jumbotron,
.pageSub section.jumbotron {
	margin: 0; /* 0 -35px 0; */
	padding: 0 10px 10px;
	background: transparent;
	border: none;
}

.pageSub section.jumbotron {
	border: 5px ridge #4b2719;
	box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.8);
	border-radius: 0;
}

.pageSub section.jumbotron p {
	font-size: 1.3rem;
}

.pageMain #signUp,
.pageSub #signUp {
	padding: 0;
	padding: 7px;
	tXext-align: center !important;
}

.pageMain #signUp p,
.pageSub #signUp p {
    margin: 0;
    padding-bottom: 2px;
	font-size: 1.32rem;
	text-align: center;
}

.pageSub #signUp > p {
	width: 100%;
	margin: 0 auto;
	text-align: center !important;
}

.pageMain #signUp p a,
.pageSub #signUp p a {
	background-color: #226204; /* #A3430A; */
	color: #fff;/* #f4966e;*/ /*#fff;*/
	margin: 0;
	padding: 5px 7px;
	display: inline-block;
	box-shadow: 0 0 5px 2px #999;
	border-radius: 6px;
}

.pageMain #signUp:hover p a,
.pageMain #signUp:active p a,
.pageSub #signUp:hover p a,
.pageSub #signUp:active p a {
	box-shadow: 0 0 5px 2px #222;
	background-color: #f7b192;; /*#f4966e;*/  /* #C1623A; */
}

.pageMain #signUp:hover p a,
.pageMain #signUp:active p a,
.pageMain #signUp:focus p a ,
.pageSub #signUp:hover p a,
.pageSub #signUp:active p a,
.pageSub #signUp:focus p a {
	text-decoration: none;
	color: #802e0a;/*#501E08;*/
}

.pageSub section.jumbotron {
	background: #3a6763; /* FF3.6-15, Chrome10-25,Safari5.1-6 */

	background: -moz-linear-gradient(#5b9fcb 0%, #3a6763 50%, #183b43 100%);
	background: -webkit-linear-gradient(#5b9fcb 0%, #3a6763 50%, #183b43 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5b9fcb), color-stop(0.5, #3a6763), to(#183b43));
	background: -o-linear-gradient(#5b9fcb 0%, #3a6763 50%, #183b43 100%);
	background: linear-gradient(#5b9fcb 0%, #3a6763 50%, #183b43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9fcb', 
		endColorstr='#183b43',GradientType=0 ); /* IE6-9 */	
	background-repeat: no-repeat; 
	padding-left: 0;
	padding-right: 0;	
}

.pageSub section.jumbotron .content {
	text-align: center;
}

.pageMain .jumbotron header .headline,
.pageSub .jumbotron header .headline {
/*	color: #3A6763;  #305753;  #274643;  #3A6763; #183b43; #914B30; #4C2719; #341012; */
	color: #eee; /* #305753;  #274643;  #3A6763; #183b43; #914B30; #4C2719; #341012; */
	/*text-shadow: .5px .5px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
 /*  -.5px -.5px 0 #000,  
    .5px -.5px 0 #000,
   -.5px  .5px 0 #000,
    .5px  .5px 0 #000;*/

	font-weight: normal;
	/*letter-spacing: 1.4px;*/
	text-align: center;
	clear: both;
}

.pageMain .jumbotron header .headline {
	font-size: 2.4rem;
	margin: 5px 5px 0;
	color: #A25938; /* #e4dba4 for > 850pixels  */
	-webkit-text-stroke: 0.75px black;
	letter-spacing: 0.3px;
}

.pageSub .jumbotron > header .headline {
	font-size: 3.3rem;
	font-style: italic;
	text-align: center;
	margin: 10px 10px 3px;
}

.pageSub .jumbotron section.content [class*="col-"] header .headline {
	font-size: 1.5rem;
	font-weight: normal;
	margin: 0;
}

.pageSub .jumbotron section.content#level2Page [class*="col-"] header h2.headline {
	font-size: 1.8rem;
    font-variant: small-caps;
    line-height: normal;
    margin-bottom: 8px;
    margin-top: 5px;
	line-height: 18px;
	letter-spacing: 2px;
}


.pageSub .jumbotron section.content#indivItem header h5.headline,
.pageSub .jumbotron section.content#level2Page header h5.headline {
	font-size: 1.9rem;
}

.pageMain .jumbotron section#tagLine {
	margin-top: 15px;
}

.pageMain .jumbotron section#tagLine p,
.pageSub .jumbotron section#tagLine h4,
.pageSub .jumbotron section#tagLine p {
	width: 80%;
	margin: 0 auto;
	color: #262626;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	line-height: normal;
	font-style: italic;
	padding: 2%;
	text-align: center;
}

.pageMain .jumbotron section#tagLine p {
	font-size: 1.15rem;
}

.pageMain .jumbotron section#tagLine p {
	color: #ccc;
	width: auto;
}

.pageSub .jumbotron section#tagLine h4 {
	font-size: 1.4rem;
	line-height: 18px;
	padding: 10px 0 0;
}

.pageMain .jumbotron section#tagLine p {
	background-color: rgba(0,0,0, .4);
}

.pageSub .jumbotron section#tagLine h4 + P {
	padding-top: 0;
}

.jumbotron section#tagLine p.small {
	font-size: 1.1em;
}

.jumbotron .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.pageSub .jumbotron section.content .row {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.pageSub .jumbotron section.content [class*="col-"] {
	display: inline-block;
    float: none;
    margin: 5% 5% 10px;
	min-width: 230px;
    padding: 0;
    vertical-align: top;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"],
.pageSub .jumbotron section.content#level2Page [class*="col-"] {
	float: none;
	width: 80%;
	margin: 10px auto;
	padding: 0;
}

.pageSub .jumbotron section.content#indivItem .col-sm-8.left,
.pageSub .jumbotron section.content#level2Page .col-sm-8.left {
	float: left;
	margin: 0 5px 0 0;	
	width: 100%;
	min-width: 200px;
}

.pageSub .jumbotron section#indivItem.content .col-sm-8 h6.headline + p.small,
.pageSub .jumbotron section#indivItem.content .col-sm-8 h6.headline + p.small + p.small {
	margin-top: 5px;
	margin-bottom: 5px;
}

.pageSub .jumbotron section.content#indivItem .col-sm-4.right,
.pageSub .jumbotron section.content#level2Page .col-sm-4.right {
	float: right;
	margin: 0 0 10px 0;
	width: 100%;
	min-width: auto;
}

.pageSub .jumbotron section.content [class*="col-"],
.modal-content {
    border-radius: 10px;
	background-color: transparent;	
}

.pageSub .jumbotron section.content [class*="col-"] header,
.modal-header {
	background-color: #1A3C46; /* #183b43; */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    padding: 10px;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] header,
.pageSub .jumbotron section.content#level2Page [class*="col-"] header {
	padding: 20px;
}

.pageSub .jumbotron section.content [class*="col-"] section,
.modal-body,
.modal-footer {
    background-color: #ebe9d9;
}

.pageSub .jumbotron section.content [class*="col-"] header a:link,
.pageSub .jumbotron section.content [class*="col-"] header a:visited, 
.modal-header a:link,
.modal-header a:visited {
	color: #30afff;
	text-shadow: none;
}

.pageSub .jumbotron section.content [class*="col-"] header a:hover,
.pageSub .jumbotron section.content [class*="col-"] header a:focus, 
.pageSub .jumbotron section.content [class*="col-"] header a:active, 
.modal-header a:hover,
.modal-header a:focus,
.modal-header a:active {
	color: #eee;
	text-shadow: none;
}

.pageSub .jumbotron section.content #chooseSketch,
.pageSub .jumbotron section.content #chooseSacBallet,
.pageSub .jumbotron section.content #chooseGenerate {
	clear: both;
}

.pageSub .jumbotron section.content #chooseButton {
	clear: both;
}

.pageSub .jumbotron section.content #chooseButton button[name^='button'],
.readMoreButton {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	display: inline-block;
	padding: 5px;
	font-size: 1.1rem;
	box-shadow: 0 0 3px 1px #666;
	border-radius: 10px;
	margin-top: 10px;
	width: 100px;
	margin: 0 5px 15px;
}

.pageSub .jumbotron section.content .more-less,
.pageSub .jumbotron section.content #addtlImages div[id^='sketch'],
.pageSub .jumbotron section.content #addtlImages #TellingStories2018,
.pageSub .jumbotron section.content #addtlImages #Nutcracker2018,
.pageSub .jumbotron section.content #addtlImages #Hamlet2019,
.pageSub .jumbotron section.content #addtlImages #SoaringGala2019,
.pageSub .jumbotron section.content #addtlImages #BeerBallet2019,
.pageSub .jumbotron section.content #addtlImages #FastForward2019,
.pageSub .jumbotron section.content #addtlImages #SeasonPromo20192020,
.pageSub .jumbotron section.content #addtlImages #SchoolPromo20192020,
.pageSub .jumbotron section.content #addtlImages #MozartInMotion2019,
.pageSub .jumbotron section.content #addtlImages #Nutcracker2019,
.pageSub .jumbotron section.content #addtlImages #BeerBallet2020,
.pageSub .jumbotron section.content #addtlImages #Homegrown2020,
.pageSub .jumbotron section.content #addtlImages #SpringGala2020,
.pageSub .jumbotron section.content #addtlImages #FastForward2020,
.pageSub .jumbotron section.content #addtlImages div[id^='generate'] {
	display: none; 
}
																		
.modal-content dl {
	text-align: left;
}

.pageSub .jumbotron section.content [class*="col-"] section,
.modal-footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.pageSub .jumbotron section.content [class*="col-"] section,
.modal-body {
	padding: 17px 10px 10px;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] section,
.pageSub .jumbotron section.content#level2Page [class*="col-"] section {
	padding: 10px 20px 20px;
}

.pageSub .jumbotron section.content [class*="col-"] .headline,
.modal-title.headline,
.modal-title.headline + p {
    color: #eee;
    font-weight: normal;
    letter-spacing: 1px;
}

.pageSub .jumbotron section.content [class*="col-"] figure,
.modal-content figure {
	margin: 10px auto;
    text-align: center;
}

.pageSub .jumbotron section.content#indivItem .col-sm-4.right figure {
		margin-top: 0;
}

.pageSub .jumbotron section.content .spotlight[class*="col-"] figure img,
.pageSub .jumbotron section.content [class*="col-"] figure img,
.modal-content figure img {
	box-shadow: 0 0 3px 1px #555;
}


.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#clientLogo {
	margin-bottom: 0;
    margin-top: 8px;
    text-align: center;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#clientLogo img {
	box-shadow: none;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] .headline,
.pageSub .jumbotron section.content#level2Page [class*="col-"] .headline {
	color: #eee;
	text-align: left;
	font-family: "Trebuchet MS", Lucida,sans-serif;
	line-height: 20px;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] h5.headline {
	margin-top: 8px;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] .headline .small,
.pageSub .jumbotron section.content#level2Page [class*="col-"] .headline .small {
	color: #eee;
	font-size: 1.2rem;
}


.pageSub .jumbotron section.content#indivItem [class*="col-"] .headline + p.small,
.pageSub .jumbotron section.content#indivItem [class*="col-"] .headline + p.small + p.small,
.pageSub .jumbotron section.content#level2Page [class*="col-"] .headline + p.small {
	font-family: "Trebuchet MS", Lucida,sans-serif;
	color: #ccc;
	letter-spacing: normal;
	font-size: 1.1rem;
	line-spacing: 14px;
	text-align: left;
	padding-left: 0;
	margin-top: 10px;
}


.pageSub .jumbotron section.content#indivItem .row .col-sm-12.headline {
	width: 100% !important;
}

.pageSub .jumbotron section.content#indivItem .row .col-sm-12.headline p.small {
	text-align: left !important;
	line-height: 17px;
	letter-spacing: 0;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] section#addtlImages.rmrl-container {
	padding: 0;
	clear: both;

}

.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#itemImage,
.pageSub .jumbotron section.content#level2Page [class*="col-"] figure#itemImage {
	float: none;
    margin: -25px -10px 15px;
    text-align: center;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#itemImage img,
.pageSub .jumbotron section.content#indivItem [class*="col-"] figure.addtlItemImage img {
	height: 100%;
}

.pageSub .jumbotron section.content#level2Page [class*="col-"] figure#itemImage img {
	height: auto;	
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#itemImage figcaption,
.pageSub .jumbotron section.content#level2Page [class*="col-"] figure#itemImage figcaption {
	margin-top: 10px;
	font-style: italic;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] header.about,
.pageSub .jumbotron section.content#level2Page [class*="col-"] header.about {
	text-align: left;
	margin-bottom: 15px;
	padding: 0;
	background-color: transparent;	
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] p,
.pageSub .jumbotron section.content#level2Page [class*="col-"] p {
	text-align: left;
}

.pageSub .jumbotron section.content [class*="col-"] p,
.modal-content p {
	font-size: 1.1rem;
	text-align: center;
	padding: 10px;
}

.pageSub .jumbotron section.content#indivItem [class*="col-"] p,
.pageSub .jumbotron section.content#level2Page [class*="col-"] p {
	padding: 0;
}

.pageSub .jumbotron section.content#level2Page [class*="col-"] #openModal_andrew .modal-body p {
	padding: 5px 8px;
}

.pageSub .jumbotron section.content#level2Page [class*="col-"] #openModal_andrew .modal-header h6.smallCaps1rem {
	border: none;
}

.pageSub .jumbotron section.content [class*="col-"] p:last-child,
.modal-content p:last-child {
	padding-bottom: 0;
	margin-bottom: 5px;
}

.jumbotron section#addtlImages {
	text-align: center;
}

.jumbotron section#addtlImages figure.addtlItemImage {
	display: inline-block;
	margin: 10px 5px;
}

.jumbotron section#addtlImages figure.addtlItemImage figcaption {
	margin-top: 10px;
	font-style: italic;
}

.jumbotron section#testimonial {
	border: 1px solid #ccc;
	box-shadow: 0px 0px 2px 2px #ddd;
	mXXargin: 15px 0;
	padding: 10px;
}

.jumbotron section#testimonial h5,
.jumbotron section#testimonial h6 {
	font-family: "Trebuchet MS", Lucida,sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #33778E; /*#2A6274;*/
	font-size: 2rem;
	margin: 10px 0;
}

#level2Page section#testimonial.year header.about h5 {
	margin-top: 15px;
	font-size: 2rem !important;
	font-weight: bold;
	font-style: normal;
	color: #333;
}


/* MODAL Popup styles */
.modal-dialog {
	width: 75%;
	margin: 65px auto;
	max-width: 700px;
}

.modal-header button.close {
	color: #ccc;
	font-size: 1rem;
	text-shadow: none;
	opacity: 1;
	font-weight: normal;
}

section.content [class*="col-"] header,
.modal-header {
	padding-top: 5px !important;
}

section.content [class*="col-"] header h6.headline,
.modal-header h6 {
	font-size: 1.3rem !important;
}

.modal-body {
	padding-bottom: 1px;
}

.modal-body h6 {
	font-weight: bold;
}

.modal-body p + p.subPara {
	padding-top: 0;
}

.pageSub section.jumbotron div.modal-body div.clearfix header {
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}

.pageSub section.jumbotron div.modal-body header h6 {
	text-align: center;
}

.pageSub section.jumbotron div.modal-body h6 + p {
    margin-top: 0;
	padding-top: 0;
}

.pageSub section.jumbotron div.modal-body div.clearfix figure img {
	height: 100%;
}

.pageSub section.jumbotron div.modal-body div.clearfix p {
	text-align: left;
	font-size: 1rem;
	padding-left: 0;
}


#openModal_overvu .modal-body p,
#openModal_overvu .modal-body blockquote
#openModal_services .modal-body li {
	text-align: left;
	font-size: 1.1rem;
}

.modal-body h6 + p.tightTop {
	margin-top: 0;
	padding-top: 3px;
}

.spotlight ul,
#openModal_services .modal-body ul {
	text-align: left;
	list-style-type: square !important;
}

#level2Page section.year header.about h5,
#openModal_overvu .modal-body h6,
#openModal_services .modal-body header h6 {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}

#openModal_services .modal-body h6 {
	text-align: left;
}

#openModal_services .modal-body p + h6 {
	margin-top: 15px;
}

#openModal_overvu .modal-body blockquote {
	margin: 10px 15px;
	border: none;
}

#level2Page section.year header.about h5,
.modal-body section h6 {
	text-align:center;
	border-bottom: 1px solid #555; 
	font-weight: bold; 
	padding-bottom: 1px; 
	margin-bottom: 5px;
}

#level2Page section#testimonial.year dl,
.modal-body section dl,
.modal-body dl,
.modal-body div {
	border: 1px solid #ccc; 
	box-shadow: 0px 0px 2px 2px #ddd; 
	margin: 15px 0; 
	padding: 10px;
}

#level2Page section#testimonial.year dt,
#level2Page section#testimonial.year dd,
.modal-body section dt,
.modal-body section dd {
	text-align: left; 
	margin-bottom: 3px;
}

#level2Page section#testimonial.year figure,
.modal-body section figure {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.modal-body dl {
	padding: 15px;
}

.modal-content dl dt {
	margin-bottom: 10px;
}

.modal-content dl figure {
	float: right;
	margin: 0 0 10px 10px;
}

.modal-footer {
	padding-top: 1px;
}

.jumbotron .modal-footer button.btn {
	padding: 6px 12px;
	font-size: 1rem;	
}

.modal-body p {
	font-size: 1.2rem;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* end of styles for MODAL Popups */


footer.footer {
	border: none;
	margin: 7px auto 0;
	padding: 1%;
	text-align: center;
	color: #888;
}

footer.footer p:first-child {
	margin-bottom: 1.5%;
}

footer.footer p {
	font-size: .85em;
}

footer.footer p a,
footer.footer p a:link,
footer.footer p a:visited,
footer.footer p a:hover,
footer.footer p a:active {
	color: #ccc;
	text-decoration: underline;	
	font-size: inherit;
}

footer.footer p a.noUnderline,
footer.footer p a.noUnderline:link,
footer.footer p a.noUnderline:visited,
footer.footer p a.noUnderline:hover,
footer.footer p a.noUnderline:active {
	text-decoration: none;
}

footer.footer p a.noUnderline img:first-child {
	margin-right: 15px;
}

/*
.backToTopChevron {
	background-color: rgba(100,100,100,.5);
	position: fixed;
	bottom: 0;
	right: 10px;
	font-weight: bold;
	border: none;
	padding: 0;
	border-radius: 20px;
}

.backToTopChevron:hover,
.backToTopChevron:active,
.backToTopChevron:focus {
	background-color: rgba(100,100,100,.5);
	border-radius: 20px;
}

.backToTopChevron img {
	opacity: 0.7;	
}

.backToTopChevron:hover img,
.backToTopChevron:active img,
.backToTopChevron:focus img {
	opacity: 1;	
}

*/
	
/* ******* MEDIA QUERIES ****** 

	Layout styles above are for 320px wide viewport, 
		with container min-width of 320px, and 
		container max-width of 1040px (because container bkg img is 1000px wide)
 ======================
 
 @media MIN-width means
 "if device width is >= stated width"
 
 @media MAX-width means
  "if device width is <= stated width"

======================
 */

/* media queries main */
@media only screen and (min-width: 350px) {
	.hideNarrow {
		display: inline;
	}

	.pageSub #signUp p {
		font-size: 1.32rem;
	}
	
	.jumbotron #headline {
	    font-size: 1.7em;
	}
}

@media only screen and (min-width: 385px) {
	.pageMain #logo {
    	height: 100%;
	}
	
	#slogan h2 {
		font-size: 1.9em;
	}
	
	.jumbotron #headline {
		font-size: 1.8rem;
	}
}

@media only screen and (min-width: 400px) {
	.modal-dialog{
		width: 60%;
	}
	
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 7% 10px;
	}
	
}

@media only screen and (min-width: 425px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 9% 10px;
	}
	.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#itemImage img {
		max-width: none;
	}
}

@media only screen and (min-width: 450px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 11% 10px;
	}
}

@media only screen and (min-width: 458px) {
	#slogan h2 {
		font-size: 2.5rem;
	}
	
	.jumbotron #headline {
		font-size: 2.3rem;
	}
	
	#container.theta-carousel {
		margin-top: 1.5%;
		margin-bottom: 1.5%
	}
}

@media only screen and (min-width: 475px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 13% 10px;
	}
}

/*
@media only screen and (min-width: 475px) {
	.pageSub .jumbotron section.container {
		width: 100%;	
	}

	.pageSub .jumbotron section.content [class*="col-"] {	
		display: inline-block;
		float: none;
		margin: 4%;
		vertical-align: top;
		width: 40%;
		min-width: 230px;
	}	
}
*/

@media only screen and (min-width: 500px) {
	blockquote.andrew {
		margin: 0 0 15px 15px;
		width: 40%;
	}
	
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 15% 10px;
	}
}

@media only screen and (min-width: 525px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 17% 10px;
	}

}

@media only screen and (min-width: 550px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 19% 10px;
	}
}

@media only screen and (min-width: 560px) {
	#slogan h2 {
		font-size: 2.5rem;
	}
	
	.jumbotron #headline {
		font-size: 2.4rem;
	}
	
	.modal-dialog {
		width: 55%;
	}
}

@media only screen and (min-width: 575px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 21% 10px;
	}
	
	.pageSub section.jumbotron div.modal-body div.clearfix header {
		text-align: left;
	}

	.pageSub section.jumbotron div.modal-body div.clearfix p {
		text-align: left;
	}
	
	div.modal-body div.clearfix figure {
		float: right !important;
		margin-top: 2px;
		margin-right: 5px;
		padding-left: 5px;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 612px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 3% 10px;
		width: 35%;
	}
}

@media only screen and (min-width: 650px) {
	#logo, #slogan h2 {
		margin-left: 0;
		margin-right: 0;	
	}
	
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4% 3% 10px;
	}

	.modal-dialog {
		width: 50%;
		max-width: 450px;
	}
}


@media only screen and (min-width: 675px) {
	.pageSub .jumbotron [class*="col-"] {	
		width: 25%;
		margin: 4% 5% 10px;
	}	
}

@media only screen and (min-width: 698px) {
	#logo {
		float: left;
	}
	
	#phyllisQuote {
		display: block;
	}
	
	.pageMain #logo .img-responsive {
		width: 415px;
	}
	
	.pageMain #logo #slogan h2,
	.pageMain #logo #signUp p{
		text-align: left;
	}
}

@media only screen and (min-width: 700px) {		
	.pageSub .jumbotron section.content [class*="col-"] {	
		margin: 4%;
	}
}

@media only screen and (min-width: 740px) {
		#phyllisQuote {
			width: 30%;
		}
}

@media only screen and (min-width: 750px) {
	.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#clientLogo {
		text-align: right;
	}

.pageSub .jumbotron section.content#indivItem [class*="col-"] figure#itemImage,
.pageSub .jumbotron section.content#level2Page [class*="col-"] figure#itemImage {
	float: right;
    margin: -30px -5px 10px 10px;
}

.portImagery .pageSub .jumbotron section.content#indivItem [class*="col-"] figure#itemImage {
	margin-top: -30px; /* **** reposition for portImagery.php */
	margin-right: 0px;/*  **** reposition for portImagery.php   */
}

.pageSub .jumbotron section.content#indivItem .col-sm-8.left {
	width: 58%;
}

.pageSub .jumbotron section#indivItem.content .col-sm-4.right {
		width: 40%;
	}
}

@media only screen and (min-width: 768px) {
	.pageMainOuter,
	.pageSubOuter {
		margin-top: 35px;
	}
}
	
@media only screen and (min-width: 770px) {
		.pageMain {
			background-position: left -75px top -30px;
		}
	
		#phyllisQuote {
			width: 35%;
		}
}

@media only screen and (min-width: 775px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		width: 30%;
	}
}

@media only screen and (min-width: 824px) {
	#slogan h2 {
		clear: both;
	}
}

@media only screen and (min-width: 835px) {
		#phyllisQuote {
			margin-bottom: 10px; /* to prevent #slogan from popping over and up underneath */	
	}

}

@media only screen and (min-width: 850px) {
		.pageMain {
			background-position: left 0px top -30px;
		}
	
		#phyllisQuote {
			width: 40%;
		}
		
		.pageMain section.jumbotron {
			margin-top: 15px;
		}
		
		.pageMain #signUp {
			position: absolute;
			right: 5px;
    		top: 140px;
		}
	
		html.OSX10_14 .pageMain #signUp { /* to correct weird FFox spacing in OSX 10.14
			top: 175px;						#signUp button overlays bottom of #phyllisQuote */
		}
		
		.pageMain .jumbotron header {
			float: left;
			width: 70%;
			margin: 200px 0 0 -15px;
		}
		
		.pageMain .jumbotron header .headline {
			color: #fff;
			text-shadow: .5px .5px 0 #000,
			/* Simulated effect for Firefox and Opera
			   and nice enhancement for WebKit */
		   -.5px -.5px 0 #000,  
			.5px -.5px 0 #000,
		   -.5px  .5px 0 #000,
			.5px  .5px 0 #000;
		}
	
		.pageMain #slideShow {
			margin: 0;
			width: auto;
			text-align: right;
		}
	
		html.OSX10_14 .pageMain #slideShow { /* to correct weird FFox spacing in OSX 10.14 
			top: -25px;							bottom of #slideShow touches top of #tagLine */
		}
	
		.pageMain .jumbotron section#tagLine {
			margin-top: 25px;
		}	
	
		.pageMain .jumbotron section#tagLine p {
			font-size: 1.45rem;
		}
}

@media only screen and (min-width: 864px) {
	#phyllisQuote {
		margin-bottom: 25px;	
	}
	
	.modal-dialog {
		width: 45%;	
	}
}

@media only screen and (min-width: 900px) {
	.pageMain #slideShow {
		hXXeight: 350px;
	}
	
	.pageSub .jumbotron section#indivItem.content .col-sm-4.right,
		.pageSub .jumbotron section#level2Page.content .col-sm-4.right {
		float: right;
		margin: 0 0 0 5px;	
	}
	
	.pageSub .jumbotron section#indivItem.content [class*="col-"] figure#clientLogo {
		text-align: right;	
	}
}
@media only screen and (min-width: 950px) {
	.pageSub .jumbotron section.content [class*="col-"] {	
		width: 25%;
		margin: 2%;
	}
}

@media only screen and (min-width: 1050px) {
	.modal-dialog {
		width: 40%;	
	}	
}

@media only screen and (min-width: 1100px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 10%;
	}
}

@media only screen and (min-width: 1150px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 12%;
	}

}

@media only screen and (min-width: 1200px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 14%;
	}

}

@media only screen and (min-width: 1250px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 16%;
	}

}

@media only screen and (min-width: 1300px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 18%;
	}

}

@media only screen and (min-width: 1350px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 20%;
	}

}

@media only screen and (min-width: 1400px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 22%;
	}

}

@media only screen and (min-width: 1450px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 24%;
	}

}

@media only screen and (min-width: 1500px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 26%;
	}

}

@media only screen and (min-width: 1550px) {
	section.pageMain nav#navBar div.navbar .container .navbar-nav,
	section.pageSub nav#navBar div.navbar .container .navbar-nav {
		margin-left: 28%;
	}

}