/* global */
html{
  font-family: 'Open Sans', sans-serif !important;
  font-size:100%;
}
body{
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  color: #333;
}
html, body {
    width: auto!important; 
    /*overflow-x: hidden!important*/
} 
a,
a > h2,
a > h3,
a > h4, 
a > h5 {
  color: #0284a6;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline : none;
}
a:hover, a:focus,
a:hover > h2, a:focus > h2,
a:hover > h3, a:focus > h3,
a:hover > h4, a:focus > h4, 
a:hover > h5, a:focus > h5 {
  color: #046589;
}
a.unActive {
    pointer-events: none;
    cursor: default;
}
.button {
  padding:0.75em 2em;
  font-size:1rem;
	color:#fff;
	background: #046589;
}
.button:hover{
	color:#fff;
	background:#0284a6;
}
.button.wide {
  width:100%;
}
p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #333;
  line-height: 24px;
  margin-bottom: 1rem;
  display:block;
}
.ssc-content ul li ,
.ssc-content ol li {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #333;
  line-height: 24px;
  margin-bottom: .2rem;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto', 'Open Sans', sans-serif;
  margin-bottom: 1rem;
  font-weight: 300;
}
h1 {
  font-size: 3rem;
  text-transform: capitalize;
  margin-bottom: 22px;
  margin-top: 0;
}
h2 {
  font-size: 2rem;
  line-height: normal;
  margin-bottom: 10px;
  font-weight: normal;
  color: #000;
}
h3 {
  font-size: 1.4rem;
  color: #000;
}
.hidden {
  display:none;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*buttons*/
.ssc-content button,
.ssc-content input [type='submit'] {
  font-family: 'Open Sans', sans-serif !important;
  background:#0284a6;
  color: #fff;
  padding:15px 25px;
  border: 1px solid transparent;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.ssc-content button:hover, 
.ssc-content button:focus,
.ssc-content input [type='submit']:hover,
.ssc-content input [type='submit']:focus {
 background:#046589;
}

.ssc-content small {
    color:#999;
    font-size:12px;
}
.ssc-content .t-right {
    text-align:right;
}
.ssc-content .f-right {
    float:right;
}
.ssc-content .f-left {
    float:left;
}
.ssc-content .txt-center {
    text-align:center;
}
.ssc-content .b-border {
	padding-bottom:2em;
    border-bottom:1px solid #dadada;
}
.link-more {
    width:100%;
    margin:3em 0 1em;
    text-align:right;
}


/* awsome */
.fa:before {
    font-size:26px;
    margin-right:5px;
}
.fa-file-pdf-o:before {
    color:#f00;
}

/* rows */
.lightGreen {
    background:#d3efca;
    margin-left: calc(-100vw / 2 + 1200px / 2);
    margin-right: calc(-100vw / 2 + 1200px / 2);
}
.lightGreen #altLightGreen {
    width:1200px;
    margin: 5em auto;
    padding: 3em 0;
}


/* alignmet */
.txt-right {
	text-align:right;
}


/* pictures */
.picFrame {
    background: #fafafa;
    width: 100%;
    padding: 1.2em;
    text-align: center;
    border: 1px solid #ccc;
}
.picFrame img {
	width:100%;
}

/* equival height */
#eqHeight {
	align-content: space-between;
  align-items: stretch !important;
  display: flex;
  flex-wrap: wrap;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-flex;
}
#eqHeight .panel-grid-cell div {
	height: 100%;
}
#eqHeight .picFrame img {
	width:auto;
}


/* 404 */
.defaultBG {
    background-image: url(../video/Two-Swimmers.jpg);
    background-position: center center;
    background-size: cover;
    padding: 150px 100px 200px 100px;
}
.defaultBG h1 {
    text-align: center;
    color: #ffffff;
    line-height: 1.4em;
}

/* modal */
.modal-bios .modal-bio {
    text-align:center;
    cursor:pointer;
}
.modal-bios .modal-bio .picFrame {
    margin-bottom:1em;
}
.modal-bios .modal-body {
    display:none;
}
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close {
    background:none !important;
    border:0 !important;
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close:before {
    content: 'X' !important;
    color: #333;
}