/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- fonts
- page IDs
- Grid
- Base Styles
- Typography
- Colors
- Links
- Misc Padding/Margins/rounding
- Block headings
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
body {
  font-size: 1.65em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 300;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  color:#535664; 
  background-color:rgba(255,255,255,255.00); /*page background color white for magnific popups*/
}

.body-bg{background-color:#000000;}

/* Page IDs */

#search{
	text-align: right;
}
#search-menu{
	font-size:.9em;
	line-height:none;
	color:#fff;
	margin-bottom:0px;
	padding-top:7px;
    text-align: right;
	height:35px;
	overflow: hidden;
    margin-left:15px;
	}
#search-menu a{
	color:#fff;
	text-decoration:none;
	
	}	
#search-menu a:hover{
	text-decoration:underline;
	color:#effe89;
	}

#menu-logo-bar{
	padding-top:10px;
}


#page-content{
	background-color:#fff;
	padding-bottom: 20px; 
	border-left:10px solid #fff; 
	border-right:10px solid #fff;	
}
.page{background-color:#f8f8f8}
.bottom-shadow {box-shadow: 0 2px 3px rgba(0,0,0,.25);}

.blue-bar{background-image:url(../img/top-bar.png); background-repeat: repeat-x; background-color:#fff;}

/* page with image background
.page{background-color:#ffffff; background-image:url(../img/bigbackround-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
*/
.logo {width:30%; float:left; padding:0px;}	

.logo2 {width:40%; float:left; padding:20px 0px 0px 5px;}	


@media screen and (max-width: 885px) {
.logo {width:100%; margin:auto; float:none; text-align: center;}	
#search-menu{ 
	display: none;
    visibility: hidden;}

#top-bar{
	display: none;
	visibility: hidden;}	


#page-content{
	background-color:#fff;
	padding-bottom: 40px; 
	border-left:0px;  
	border-right:0px;	
}	
}


.search-form {
                padding:0px 0px;
                /*background:rgba(50, 50, 50, 0.25);*/
                border:1px solid #dbdbdb;
				
}
.search-button {
                position:relative;
                padding:2px 6px 6px 6px;
                left:0px; /*change this to negative if you don't want a space btwn field and button */
                border:1px solid #0076bc;
                background-color:#0076bc;
                color:#fff;
				font-family: 'Font Awesome\ 5 Free';
				font-size:1.05em;
	           font-weight: 900;
}

.search-button:hover  {
                /*background-color:#fff;*/
				border:1px solid #81c243;
				background-color:#81c243;
                color:#fff;
}

.search-txt {font-size:.75em; color:#373737;  padding:3px 0px 2px 0px;}
	
/*.quicklinks{
	color:#fff;
    background: linear-gradient(0deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%); 
    background: -webkit-linear-gradient(90deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
    background: -o-linear-gradient(0deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
    background: -ms-linear-gradient(90deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
	background: -moz-linear-gradient(0deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
}

.quicklinks p{line-height: 1rem;}
.quicklinks a:link{color:#fff; text-decoration: underline;}
.quicklinks a:hover{color:#A2E5FD; text-decoration:none;}
.quicklinks a:visited{color:#fff;}
*/


#breadcrumb{
	margin-left:0px; padding-left:0px;
	font-family: 'Heebo', Arial, sans-serif;
	font-size:.9em;
}
#breadcrumb li{
	/* display inline */
	display:inline-block;
	/* remove list-symbols */
	list-style-type:none;
	color:#32b24c;
}
#breadcrumb {color:#32b24c; font-size: 85%;}
#breadcrumb a:link  a:focus{color:#525252; text-decoration:none;}
#breadcrumb a:visited {color:#525252; text-decoration:none;}
#breadcrumb a:hover {color:#32b24c; text-decoration:underline;}

#breadcrumb li:first-child::before {
 font-family: 'Font Awesome\ 5 Free';
 content:'\f015';
 margin: 0 .6em;
 color:#0076be;
font-weight: 900;	
}

#breadcrumb li::after {
  display: inline-block;
  list-style-type:none;
  font-family: 'Font Awesome\ 5 Free';
  content:'\f105';	
  /*content: '\00bb';*/
  margin: 0 .6em;
  color: #959fa5;
  font-weight: 900;	
}

#breadcrumb li:last-child::after{
 content:'';	
}

footer {
	background-color:#003768;
	padding-top:20px;
	margin-top:20px;
	color:#B3B2B2;
	
	}

footer a:link {color:#B3B2B2; text-decoration:none; }
footer a:hover {color:#EC6003; text-decoration:underline;}
footer a:visited {color:#9A9898;}	

.footer-list{
    font-size: .9em;
	padding: 0;
	margin:0;
	-webkit-padding-start: 0px;
    list-style-type: none;
}

.breadcrumb-light{color: #fff; font-size: 85%;}
.breadcrumb-light a:link {color:#fff; text-decoration:none;}
.breadcrumb-light a:visited {color:#fff; text-decoration:none;}
.breadcrumb-light a:hover {color:#CFF8FF; text-decoration:underline;}

.breadcrumb-dark {color:#92B909; font-size: 85%;}
.breadcrumb-dark a:link {color:#0090B4; text-decoration:none;}
.breadcrumb-dark a:visited {color:#0090B4; text-decoration:none;}
.breadcrumb-dark a:hover {color:#92B909; text-decoration:underline;}



#audio-only{display: none; visibility:hidden;}


.copyright{
	font-size:85%;
	color:#7C7C7C;
	text-align:center;
	padding-top:20px;
	}	

.copyright a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline;		
	}
.copyright a:hover{
	color:#90C0E7;
	
	}

.copyright a:visited{
	color:#dddddd;
	}
.copyright a:visited:hover{
	color:#90C0E7;
	}
/*================= page scroll up  ================== */

#top-navigator{
    position:fixed;
    right:5%;
    bottom:3%;
    text-align:center;
    border-radius:10%;
    background:rgba(240,69,3,0.100);
    width:34px;
    height:34px;
    padding:6px;
    font-size:1.5rem;
	color:#fff;
    opacity:.8;
    z-index:99999;
    cursor:pointer;
    display:none;
}

/*================ToolTips======================*/


/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*================ END ToolTips======================*/

@media screen and (max-width : 900px) {
/*#logo{
	width:100%;
	margin:auto;
	text-align:center;
	}	

.menu-container{
	width:100%;
	padding-top:5px;
	padding-left:80px;
	}
*/
}

/*home boxes */

.photo-div{
	background-image:url(../img/photos/child-cape.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
	border-radius: 10px;  
	height:475px;
	margin-bottom:20px;
}

@media (max-width: 885px) {
	.photo-div{
	height:200px;
	background-position: top;}
	
}


.transparant-gray{
	background-color: rgba(83,86,100,.70);
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.title-box-green{
	background-color:#92b909;
	background-image:url(../img/pattern-fireworks-right.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	color:#fff; 
	text-align: left; 		
}

.title-box-orange{
	background-color:#d8450b;
	/*background-image:url(../img/pattern-fireworks-right.png);
	background-repeat:no-repeat;
	background-position: right bottom;*/
	color:#fff; 
	text-align: left;	
}

.title-box-dkblue{
	background-color:#1c2341;
	/*background-image:url(../img/pattern-right-bottom.png);
	background-repeat:no-repeat;
	background-position: right bottom;*/
	color:#fff; 
	text-align: left;	
}

.title-box-blue{
	background-color:#0090B4;
	background-image:url(../img/pattern-right-bottom.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	color:#fff; 
	text-align: left;	
}

.pattern-box-orange{
	background-color:#d8450b;
	background-image:url(../img/pattern-right-bottom.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	color:#fff; 
	text-align: left;	
}

.dotted-top-border{border-top:1px #BBBBBC dashed; border-spacing:10px;}


.contact-box {
	background-color:#f9f9f9;
	border-top:6px solid #386793;
	color:#386793;
}

.contact-box a:link{ color:#386793; text-decoration:underline;}

.contact-box a:hover{color:#5c8727;}

.contact-box p {line-height: 1.75em;}


.gray-box {
	background-color:rgba(185,186,192,.20);
	border-top:6px solid rgba(82,85,100,1.00);	
}

.gray-box p {line-height: normal;}

.interior-column-l {border-right:1px solid rgba(83,86,100,0.36); padding:10px 30px 10px 20px;}
.interior-column-r {padding:10px 20px 10px 30px;}


.in-section{background-color:rgba(0,0,0,0.45);color:#fff; padding-left:10px; padding-right:10px; padding-top:.25em;}	
.img-cover {margin-bottom:0px;margin-top:0px }
.img-cover img{width:100%;}
	


/*Interior pages */

.background-image{
	background-image:url(../img/home/background-3.jpg);
	background-repeat:no-repeat;
	background-position: left;
	background-size: cover;
	
}	

.page-color{background-color:#161616}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5px;
  box-sizing: border-box; }

.container-plain {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  box-sizing: border-box; }


.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 

 
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {width: 98%;}
    /*margin-left: 1%; }*/
	
}


/* For devices larger than 885px */
@media (min-width: 885px) {
  .container {
    width: 98%; }
  .column,
  .columns {
    margin-left: 1.6%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.866%; }
  .two.columns                    { width: 15.33%; }
  .three.columns                  { width: 23.8%;            }
  .four.columns                   { width: 32.68%; }
  .five.columns                   { width: 40.73%; }
  .six.columns                    { width: 49.2%;            }
  .seven.columns                  { width: 57.66%; }
  .eight.columns                  { width: 66.31%; }
  .nine.columns                   { width: 74.68%;          }
  .ten.columns                    { width: 83.06%; }
  .eleven.columns                 { width: 91.53%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 32.26%; }
  .two-thirds.column              { width: 66.13%; }
  .one-half.column                { width: 48.4%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.46%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 16.93%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 27.6%; }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 36.26%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 44.93%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 53.6%; }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 59.26%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 67.91%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 76.28%; }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 84.66%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 93.13%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 33.86%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 67.73%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

.alpha{margin-left:0px; padding-left:0px;}
.omega{margin-right:0px; padding-right:0px;}

@media (min-width: 1000px) {

.container {
    width: 96%; }

}

@media (min-width: 1200px) {

.container {
    width: 95%; }

} 

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;

}



/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  /*font-weight: normal;*/
  font-family:'Heebo', Arial, Helvetica, sans-serif;
  /*text-transform: uppercase;*/
	}
h1 { font-size: 5.0rem; line-height: 1.2; font-weight: bold; }
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; font-weight: 500; }
h3 { font-size: 3.0rem; line-height: 1.3;  /*letter-spacing: -.1rem;*/ font-weight: 500; }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; }

/*strong{font-weight:500;}*/

.semi-bold{font-weight:700;}
.small { font-size: 80%; }
.small-txt{font-size: 80%; line-height:150%;}
.largish { font-size: 130%;}
.larger{ font-size: 170%;}
.large { font-size: 200%; }
.text-uppercase {text-transform: uppercase;}
.line-ht-normal {line-height:normal;}
.fontawesome{font-family:FontAwesome;}
.phone{white-space:nowrap; }
.TitleGothic {font-family:'Heebo'; font-size:5em;}
.TitleGothic-med {font-family:'Heebo'; font-size:2.8em;}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.75rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.8rem; line-height: 1.5;  }
  h6 { font-size: 1.5rem; }
}

p {margin-top: 0; }

/*p a.link{text-decoration:underline;}*/

img {max-width: 100%;}

.huge{font-size:6.75rem; margin:0px; padding:0px; line-height: none;}

@media (max-width: 750px){
	.huge{font-size:4.25rem;}
}
/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.color-red {color:#A41F21;}
	.color-white {color:#ffffff}
	a.color-white{
	color:#fff;
	text-decoration:underline;
	}

	a.color-white:hover{
	color:#BAEAFF;
	text-decoration:underline;
	}
	a.color-whitet:active{
	color:#d8450b;
	text-decoration:underline;
	}
	a.color-white:visited{
	color:#fff;
	text-decoration:underline;
	}


    .color-green {color:#32b24c;}
    .color-med-green {color:#82c341;}
    .color-ltgreen {color:#c4d82e;}

    .color-medblue{color:#00b5f0}
	.color-blue {color:#0076be;}
    .color-ltblue {color:#00b5ef;}
    .color-dkblue {color:#002a5f;}

    .color-dark-gray{color:#464646;}
	.color-gray{color:#535664;}
	.color-lt-gray{color:#8B8989;}
	.color-orange{color:#f58021;}

    
	.bk-white{background-color:#fff;}
    .bk-dark {background-color:rgba(29,28,28,0.80); color:#ffffff;}
    

    .bk-blue{ background-color:#0076be; color:#ffffff;}
    .bk-darkblue{background-color:#003768; color:#fff;}
.bk-vlt-blue{background-color:#e6f5fc;}

	.bk-green {background-color:#32b24c; color:#fff;}
	.bk-med-green {background-color:#82c341; color:#fff;}
	.bk-ltgreen {background-color:#c4d82e;}
    .bk-vlt-green{background-color:#f6fccf;}

	.bk-orange{background-color:#f58021; color:#fff;}
	.bk-gold{background-color:#fdb51b;}
	.bk-yellow{background-color:#ffdf00;}

    .bk-med-gray {background-color:#B2B2B2;}
    .bk-lt-gray {background-color:#F1F1F2;}
	.bk-vlt-gray {background-color:rgba(185,186,192,.15);}
    

    .bk-gray{background-color:#535664; color:#fff;}
	.bk-gray a:link {color:#fff; text-decoration:none;}	
    .bk-gray a:hover {text-decoration:underline; color:#00b5ef;}



    
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color:#0076bc; text-decoration:none; }

a:hover {color:#32b24c; text-decoration:underline; }

a:visited {color:#343535; text-decoration:underline;}

p a:link{text-decoration:underline;}

/* Misc Padding/Margins/rounding
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.margin-half-bottom {margin-bottom: 20px !important; }
	.margin-add-bottom {margin-bottom: 40px !important; }
	.margin-no-bottom {margin-bottom: 0px !important; }

	.margin-half-top {margin-top: 10px !important; }
    .margin-add-top {margin-top: 20px !important; }
	.margin-no-top {margin-top: 0px !important; }

    .margin-left {margin-left: 20px !important; }
	.margin-left-large{margin-left: 60px !important; }
    .margin-right {margin-right: 20px !important; }
    .margin-add-top-lg{margin-top: 40px !important;}
    .margin-add-top-xlg{margin-top: 100px !important;}

	.pad-bottom { padding-bottom: 20px !important; }
	.pad-top { padding-top: 20px !important; }
	.pad-half-top { padding-top: 10px !important; }

	.pad-half-bottom { padding-bottom: 10px !important; }
	.pad-remove-bottom { padding-bottom: 0px !important; }

	.box-padding{padding:10px;}
	.box-padding-sides{padding:0px 10px 0px 10px;}

	.box-padding-side30{padding:0px 30px 0px 30px;}
	.box-padding-side60{padding:0px 60px 0px 60px;}

.message-padding{padding:30px;}

    .round-corners {border-radius: 10px;  padding:10px;}
    .round-corners-sm {border-radius: 5px;  padding:10px;}
	.round-div{	border-radius: 20px;}
    
	.circle-div {width:70%;height:0;padding-bottom:70%;-moz-border-radius:70%;-webkit-border-radius:70%;border-radius:50%;border:3px solid #626161;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);box-shadow:0 0 8px rgba(0, 0, 0, .8);}
	.img-circle {border-radius: 50%;}
    img {max-width: 100%;}

	.drop-shadow{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
	
	.drop-shadow:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
		
		}
		
   @media only screen and (max-width: 759px) {
	.margin-left-large{margin-left:5px !important; }
	   

   }
   
   @media only screen and (min-width: 480px) and (max-width: 759px) {
	.margin-left-large{margin-left:3px !important; }
		}
	

/*Well - box with border and colored background
=============================================== */
.well {
  background-color: #f9f9f9;
  border-color: #ededed;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 24px;
  padding: 0px 10px;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6,
.well .h1, .well .h2, .well .h3, .well .h4, .well .h5, .well .h6,
.well .giga, .well .mega, .well .kilo {
  color: inherit;
}
.well p {
  margin: 10px 0;
}

.well header h1, .well header h2, .well header h3, .well header h4, .well header h5, .well header h6,
.well header .h1, .well header .h2, .well header .h3, .well header .h4, .well header .h5, .well header .h6 {
  margin: 20px 0 10px;
}
.well header .label,
.well header .badge {
  margin-top: 10px;
}
.well[class*='bg-'] {
  color: #fff;
}
.well.bg-white {
  color: #666;
  border-color: #386793;	
  background-color:rgba(255,255,255,0.70);	
}
.well.bg-black {
  border-color: #000;
}

.well.bg-maroon {
  border-color: #3d8b3d;
  background-color:#3d8b3d;
  color:#fff;
}
.well.bg-green {
  border-color: #3d8b3d;
  background-color:#3d8b3d;
  color:#fff;
}

.well.bg-green a:link{color:#ffffff; text-decoration: underline;}
.well.bg-green a:hover {color:aqua;}
.well.bg-green a:visited {color:#ffffff;}


.well.bg-light-green {
  border-color: #3d8b3d;
  color: #468847;
}
.well.bg-blue {
  border-color: #28a1c5;
  background-color:#28a1c5;
  color:#fff;
}
.well.bg-blue a:link{color:#ffffff; text-decoration: underline;}
.well.bg-blue a:hover {color:aqua;}
.well.bg-blue a:visited {color:#ffffff;}

.well.bg-light-blue {
  border-color: #28a1c5;
  color: #3a87ad;
}
.well.bg-yellow {
  border-color: #b9730f;
}
.well.bg-light-yellow {
  border-color: #b9730f;
  background-color: #F7E380;
  color:#321F0F;
}

.well.bg-orange {
  border-color:#d8450b;
  background-color:#d8450b;
  color:#fff;
}
.well.bg-red {
  border-color: #b52b27;
  color: #8C0507;
  background-color:rgba(227,130,132,.80);
}
.well.bg-light-red {
  border-color: #b52b27;
  color: #d2322d;
}
@media (max-width: 750px){
.well {
  padding: 10px ;
}
}



/* Block headings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
   .block-heading{
	text-align:center;
	font-size: 1.25em;
	padding-top: 8px;
	padding-right:0px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	color: #fff;
	display:block;
}




.home-topic{
	background-color:#535664;
	color:#fff;
	}

.home-topic a:hover{
	color:#CA9798;
	text-decoration: underline;
}
.home-topic:hover{background-color:#582b2c; color:#ffffff;}

@media (max-width: 780px) {
	.home-topic{
		font-size:1.25em;
}
}
@media (max-width: 550px) {
	.home-topic{
		font-size:1.5em;

}
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 26px;
  padding: 6px 5px; /* The 6px vertically centers text on FF, ignored by Webkit */
  margin-top:0px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 45px;
  padding-top: 3px;
  padding-bottom: 3px;
   }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #0090B4;
  outline: 0;
 -webkit-box-shadow: 0px 0px 15px 0px rgba(0,144,180,0.67);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,144,180,0.67);
box-shadow: 0px 0px 15px 0px rgba(0,144,180,0.67);


}
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	ul, ol { margin-bottom: 10px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	/*ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }*/
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0px 0 5px 30px; font-size: 100%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 1 rem; }
	li {line-height: 1.5em; margin-bottom:5px;}
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
li:last-child {
    margin-bottom:0px;
}

ul.spacer li{margin-bottom: 1.5rem;}

/*fancy lists */

.no-indent{margin-left:8px; padding-left:8px;}

.list-acrobat {list-style-image:url(../img/symbols/acrobat.gif);}
.list-blue-pointer {list-style-image:url(../img/symbols/blue-carret.png);}

.list-caret {list-style-image:url(../img/symbols/carret.png);}	
.list-caret-green {list-style-image:url(../img/symbols/carret-on.png);}
.list-checklist {list-style-image:url(../img/symbols/accept.png);}
.list-check {list-style-image:url(../img/symbols/tick.png);}	

.list-blue-dot {list-style-image:url(../img/symbols/dot-blue.png);}
.list-gray-dot {list-style-image:url(../img/symbols/bullet-gray.png);}

.list-gray-pointer {list-style-image:url(../img/symbols/gray-carret.png)}

.list-gray-pointer-tips {list-style-image:url(../img/symbols/gray-carret.png)}
.list-gray-pointer-tips li{margin-bottom:20px;}


.list-white-arrow {list-style-image:url(../img/symbols/arrow_white.png); color:#fff;}
.list-white-dot {list-style-image:url(../img/symbols/white-dot.png);}
.list-white-box {list-style-image:url(../img/symbols/white-bullet.gif);}


.list-white-arrow  a:link, .list-white-dot a:link, .list-white-box a:link{color:#fff; text-decoration: underline;}
.list-white-arrow  a:hover, .list-white-dot a:hover, .list-white-box a:hover{color:#A2E5FD; text-decoration: none;}
.list-white-arrow  a:visited, .list-white-dot a:visited, .list-white-box a:visited{color:#fff; text-decoration: underline;}



.list-computer {list-style-image:url(../img/symbols/monitor.gif);}	
.list-page {list-style-image:url(../img/symbols/new_page.png);}	

.list-white-pointer {list-style-image: url(../img/symbols/white-carret.png);}

.list-white-pointer a {color:#ffffff; text-decoration: underline;}	
.list-white-pointer a:hover a:focus {color:#F1FFC1;}

.list-three-dots-white{list-style-image:url(../img/3dots.gif); margin-top:1.5rem; line-height:1.75rem; margin-left:8px; padding-left:8px;}
.list-three-dots-white li{ padding-left:.8rem;}
.list-three-dots-white a:link{color:#fff; text-decoration: underline;}
.list-three-dots-white a:hover{color:#A2E5FD; text-decoration: none;}
.list-three-dots-white a:visited{color:#fff; text-decoration: underline;}



.list-footer-bullet {
	font-size:.9em;
	margin-left: 8px;
	padding-left:8px;
	margin-top:0px;
	list-style-image: url(../img/symbols/footer-carret.png);
}	
.list-footer-bullet a.link{
	color:#C9C9C9;
	text-decoration: none;
	
}	
.list-footer-bullet a:hover{
	color:#78C0F4;
	text-decoration: underline;
}

a.list-footer-bullet:visited{
	color:#DCDCDC;
	text-decoration: underline;
}

.list-side-nav{
	list-style-image: none;
	margin-left:0px;
	padding-left:12px;
}


.list-side-nav ul{
 	padding: 0px;
	/*list-style-type: none;*/

}

.list-side-nav li {
     margin-top:0px;
	 margin-bottom:0px;
	 color:#ffffff;
}


.list-side-nav a:link {
     padding: 0.5em .25em;
	 display:block;
	 text-decoration: none;
	 color:#386793;
	 border-bottom: 1px solid #386793;
}

.list-side-nav a:hover {
    display:block;
	background-color:#386793;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 0px;
}


.list-number{margin-left: 20px; padding-left:20px; }
.list-number li{margin-bottom: 1em;}

.hilite {
    display:block;
	background-color:#386793;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #386793;
}

.hilite:hover{
    display:block;
	background-color:#386793;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #386793;
}

 .hilite a:visited{
    display:block;
	background-color:#386793;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #386793;
}


/*
 
 .side-active a:link {
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

 .side-active a:hover{
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

 .side-active a:visited{
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  /*text-align: left;*/
  border-bottom: 1px solid #CCCCCC; }
th:first-child,
td:first-child {
  padding-left: 5px; }
th:last-child,
td:last-child {
  padding-right: 5px; }

table {border-collapse:collapse}

/* border all */
table.table-border-all, table.table-border-outer {
  border: 1px solid #CCCCCC;
}
table.table-border-all th,
table.table-border-all td {
  border-right: 1px solid #CCCCCC;}

/*border outer */
table.table-border-all, table.table-border-outer {
  border: 1px solid #CCCCCC;}

/* border inner */
table.table-border-inner th,
table.table-border-inner td {
  border-right: 1px solid #CCCCCC;}
table.table-border-inner tr > td:last-of-type {border: none;}
table.table-border-inner tr:last-child > td { border-bottom: 0;}


/* border row bottoms */
#table-border-row td tr {
  border-bottom: 2px solid #CCCCCC;}

#table-border-row td:last-child tr:last-child {
  border: none;}


/* yellow hover row */  
table.table-hover-row tr:hover td, table.table-hover-cell td:hover {
  background-color: #FFFCC3;}

/* zebra stripe - even or odd */
table.table-fill-even tbody tr:nth-child(even), table.table-fill-odd tbody tr:nth-child(odd) {
  background-color:#F7FDE6}


/*headings*/

.teal-heading {background-color:#0090B4; color:white; text-align:center; }
.teal-heading p {margin:0px;}


/*footers*/


.teal-footer p {margin:0px;}


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: .15rem; }/*field spacing*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2rem; } /*paragraph spacing*/


/*================================================*/
/* News landing page styles                       */

.card {
  /*background-image: linear-gradient(to bottom, #3498db, #2980b9);
  padding: 10px;  height: 100px;*/
  display: inline-block;
  vertical-align: top;
  width:100%;
  border: 1px solid #D7D7D7;
  border-radius: 3px;

  margin-bottom:1rem;
  position: relative;	

  backface-visibility: hidden; /* prevents flicker in chrome */
  will-change: transform, opacity; /* prevents flicker in safari */
		}
.card:before {
    display: inline-block;
    padding-top: 0px;
}

.cardx img {width:100%;}	

.card-title {line-height:normal; font-size:120%; margin-bottom:10px;}

 .storyboard{
    /* padding: 1rem;*/

    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}   
     			 


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.txt-center {text-align: center;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-width: 0;
  border-top: 1px solid #E4E2E2; }

.dotted-line{margin-top: 1rem;  margin-bottom: 2rem; border-top: 3px dotted #525463;}

img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	

/*================= UP ARROW ================== */

#top-navigator{
    position:fixed;
    right:5%;
    bottom:3%;
    text-align:center;
    border-radius:20%;
    background:rgba(21,30,41,1.00);
    width:34px;
    height:34px;
    padding:6px;
    font-size:1.5rem;
	color:#fff;
    opacity:.8;
    z-index:99999;
    cursor:pointer;
    display:none;
}

#top-navigator:hover{
    opacity:.9;
}


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 300px) {
	/*show extra small only */
        .show-extra-small,
        .hide-Xlarge,
		.hide-large,
        .hide-small,
        .hide-medium{
        display: inline;
        visibility: visible}
		
 .box-padding{padding:20px;}	
 
     /*hide extra small only*/
        .hide-extra-small,
		.show-Xlarge,
        .show-large,
        .show-small,
        .show-medium{
        display: none;
        visibility: hidden;}
	
	#logo {
	width: 100%;
	text-align: center;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	#logo {
	width:auto;
	
	}
	}

/* Larger than tablet */
@media (min-width: 885px) {
	/*show medium only, hide from all others */
        .show-medium,	 
        .hide-Xlarge,
		.hide-large,
        .hide-extra-small,
        .hide-small{
        display: inline;
        visibility: visible;}
	
		
    /*hide medium only, hide from all others */
        .hide-medium,
        .show-Xlarge,
		.show-large,
        .show-extra-small,
        .show-small{
        display: none;
        visibility: hidden;}
	
	#logo {
	width:auto;
	text-align: left;
	}
	.box-padding{padding:10px;}
	
	}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	/*show large only, hide from all others */
    .hide-Xlarge,
	.show-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide large only, show from all others */
    .show-Xlarge,
	.hide-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}

	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	/*show Xlarge only, hide from all others */
    .show-Xlarge,
	.hide-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide Xlarge only, show from all others */
    .hide-Xlarge,
	.show-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}
	}

/*slick nav*/



.slicknav_menu {
	display:none;
    }
    #menu {
	display:none;
	}
    @media screen and (max-width: 885px) {
	/* #menu is the original menu */
	.js #main-menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.hide-mobile{
    display: none;
    visibility:hidden;}
}



@media (min-width: 400px) {
	.message-bknd{
	width:80%; 
	padding:10px; 
	/*margin-top:130px;*/
	margin:auto;
}
}


@media (min-width: 550px) {

.message-bknd{
		/*margin-top:130px;*/
		
	padding:20px; 
	width:80%; 
		
		 }	

.message-txt {
	visibility:hidden;
	color:#ffffff; 
	size: 2.5em;
	line-height:normal;
	}

.message-title{
	color:#ffffff; 
	font-size: 2.15em;
	line-height:normal;
	background-color:rgba(129,65,66,.90);
}


}

@media (min-width: 750px) {

.wide-container {
      max-width: 1300px;
      /*height: 400px;*/
      margin: 0 auto;
    }

.message-bknd{
		/*margin-top:180px;*/
	background-color:rgba(129,65,66,.90);
	float:right; 	
	padding:20px; 
		width:35%; 
		height:500px
		 }
.message-txt {
	visibility:visible;
	color:#ffffff; 
	size: 3.5em;
	}
.message-title{
	color:#ffffff;
	font-size: 1.5em;
	line-height:normal;
	margin-bottom:0px;
	padding:0px;
	background-color:rgba(255,255,255,0);
}	

}

@media (min-width: 1000px) {
.message-bknd{
		/*margin-top:190px;*/
		padding:30px; 
		width:30%; 
	    height:500px
		
		 }		
.message-title{
	color:#ffffff; 
	font-size: 1.5em;
	font-weight:500;
	margin-top: 40px;
}	
	
	
}


@media (min-width: 1200px) {
	.message-bknd{
		/*margin-top:190px;*/
		padding:40px; 
		width:25%; 
		height:500px
		 }		
	
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
#printhead{display:none;}

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

    Print Styles 
======================================= */

@media print{ 
#printhead{display:block;width:100%; float:none;}

/*hide these items when printing*/
header {display:none;}	
.breadcrumb-dark {display:none;}

.pg-title {display:none;}	
.box-padding {padding: 0px;}
.slider-wrapper{display:none;} 
.head {display:none;} 
.page-footer{display:none;} 
.elastislide-list {display:none;}
#carousel{display:none;}
#big-menu{display:none;}
.section-links {display:none;}
a, a:visited { text-decoration: underline; }
	/*how to print */
}