/*******************************
            Global
*******************************/

html,
body {
  font-size: 16px;
  height: 100%;
}

body {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  color: #555555;
  text-rendering: optimizeLegibility;
  min-width: 320px;
}

/*******************************
          UI Overrides
*******************************/

.ui.header {
  font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.ui.header,
h1,
h2 {
  font-weight: normal !important;
}

h1.ui.header {
  font-size: 3em;
}

h4.ui.header,
h5.ui.header,
.ui.icon.header {
  font-weight: bold !important;
}

a {
  color: #009FDA;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

a:hover {
  color: #00BAFF;
}

p a {
  font-weight: bold;
}

/* Very */

.ui[class*="very compact"].table th {
  padding-left: 0.4em;
  padding-right: 0.4em;
  table-layout:fixed;
  max-width: 100%;
  word-wrap:break-word !important;
}

.ui[class*="very compact"].table td {
  padding: 0.2em 0.4em;
} 

/*******************************
            Global
*******************************/
/*rtl:ignore*/
/*.menu .right.menu > .mobile.item {
  display: none;
}*/

.ui.page.grid.segment {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.masthead.segment {
  background-image: url(header_rotator/rotator.php);
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0em;
  padding-top: 4rem;
  overflow: hidden;
  /*-webkit-box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
  box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;*/

}

.masthead .column
{
	/*background-color: rgba(255,255,255, .9);*/
	top: 0;
	left: 0;
	color: #FFF;
	text-shadow: 5px 5px 15px #999;
	z-index: 2000;
}
.computer.tablet.only  #header h2.sitename {
    color: rgba(255, 255, 255, 0.8); 
    font-family: 'Playfair Display SC', serif;
    font-weight: 700;
    font-size: 3em;
}

.masthead.segment .column {
  position: relative;
}

.masthead.segment .information {
  margin: 3em 1em 1em 280px;
}

.masthead.segment .information p {
  max-width: 600px;
  margin: 0em 0px 2em 0em;
  font-size: 1.2em;
}

.masthead.segment h1.ui.header .sub {
  font-size: 0.7em;
}

.masthead.segment .image {
  position: absolute;
  left: 0%;
  bottom: -110px;
}

.overview .divided.grid .header + p {
  min-height: 100px;
}

.ui.shape .icon,
.link.list .icon {
  margin: 0em;
  padding: 0em;
}

.ui.cube.shape .side {
  background-color: transparent;
}

/*******************************
          Responsive
*******************************/

/* Mobile Only */

@media only screen and (max-width : 768px) {

  .ui.page.grid.segment {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /*rtl:ignore*/
  /*.menu .right.menu > .item {
    display: none;
  }
  /*rtl:ignore*/
  .menu .right.menu > .mobile.item {
    display: block;
  }*/

  h1.ui.header {
    font-size: 1.5em;
  }

  .masthead.segment {
    -webkit-background-size: auto;
    background-size: auto;
  }

  .masthead.segment .information {
    margin-left: 190px;
  }

  .masthead.segment .image {
    bottom: -65px;
    width: 150px;
  }

  .masthead.segment .button {
    font-size: 1rem;
  }

  .overview .divided.grid .header .icon {
    font-size: 1.5em;
  }

  .overview .divided.grid .header + p {
    min-height: 0px;
  }

  .masthead.segment .column {
    font-size: 0.7rem;
  }

  .masthead.segment .column p {
    display: none;
  }
  
  .ui.grid.sticky.footer .center.aligned.column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 0.3rem !important;
    color: #dedede !important;
    border-radius: 0px !important;
  }
  /*rtl:ignore*/
  /*.selection.list .right.floated {
    display: none;
  }*/
  
  img[src*="assets/galleries/"], img[src*="googleusercontent.com"]{
    width: 100%;
    height: auto;
    display: block !important;
    margin: 1em 0;
    border-radius: 0.3125em !important;
}


/*  FAQ items */
.titleBlock:first-of-type::before {
  content: "" ;
  display: block;
  width: 1em;
  text-align: right;
  margin-bottom: 15px;
}

}


@media only screen and (max-width : 1000px) {

}


*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 60px;
}

.ui.grid.main { margin-top: 70px; }

.mobile.row
{
	padding-top: 0px !important;
	margin-top: 0px !important;
}

.mobile.row .ui.inverted.menu { border-radius: 0px !important; }
.padding-reset { padding: 0px !important; }
.ui.message { padding: 40px !important; }




@media (max-width: 767px)
{
.ui.page.grid.stackable.relaxed.feature.segment, .ui.grid.main
	{
		margin-top: 50px;
	}

.ui.page.grid.feature.segment
{
	padding-top: 5.6rem;
}	
/*	.ui.grid.mobile.only.segment > div.ui.fixed.inverted.teal.navbar.menu {
	position: fixed;
	top: 0px;
	font-weight: bold;
	}
*/	
	.movnav input {
	background-color: #1ABCB5 !important;
	color: #FFFFFF !important;
	font-size: 16px !important;
    line-height: 1rem !important;
	width: 100%;
	border: 0px solid transparent !important;
	border-radius: 0px !important;
    padding-left: .8em; !important;
	}
	
	.movnav :not(.children) {
	font-variant: small-caps;
	}
	
	.movnav .level3 {
	padding-left: 25px !important;
	border-left: 3px solid transparent !important;
	}
	
	.movnav .here{
    border-left: 3px solid transparent !important;
    }
    
	.movnav .active {
     border-left: 3px solid red !important;
	}

	.vertical.navbar.menu
	{
	position: relative;
	top: 45px;
	width: 100%;
	margin-top: 0px !important;
	}
	
	.menu a#nav01.item	{
	display: none;
	}

}

.top-nav.ui.vertical.menu
{
	margin-top: 15px !important;
	width: 100%;
	display: none;
}

.left.menu > div.ui > a:hover.item
{
 background-color: #FAFAFA;
}

.left.menu > div.ui > a.item.here
{
 background-color: #FAFAFA;
}

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

.ui.grid + .grid 
{
  margin: 0rem !important;
}

.ui.grid > .row
{
  padding: 0rem !important;
}

.overview.masthead.segment, .inverted.menu.page.grid
{
	border-radius: 0rem !important;
}
.top-nav .computer .ui.menu .item
{
	padding: 0.83em 0.5em;
	font-size: .9rem;
	font-variant: small-caps;
}

.page.grid .navbar a#nav01.item {
    margin: -.4em 0 -.4em  1em;
    height: 2.7em;
}

.page.grid .navbar
{
  border-radius: 0px !important; 
}

.top-nav { z-index: 15; }
.stuckMenu { width: 100%; }

.children.level3 { /* not perfect but could work */
margin-left:100px
border-left: 6px solid green !important;

}

 a.item:not(.children)
{
	font-variant: small-caps;
	font-weight: bold;
}

div.four.wide.column .menu a.item { pad ding: 0.3em 0em; }


div.segment.subtitle
{
	margin-bottom: 1.6rem !important;
}

.four.wide.computer.tablet.only.column
{
	margin-top: -1rem !important;
}

img[src*="assets/galleries/"], img[src*="googleusercontent.com"]{
    display: block !important;
    margin: 1em 0;
    border-radius: 0.3125em !important;
}

.segment .subtitle {
    border-bottom: 0px !important;
}

.subtitle em
{
  font-size: 0.7em;
  height: 100%
  position: initial;
  display: bl ock;
}

ul.LR_linksList li {
  list-style: circle;
  list-style-position: inside;
}

  .LR_listTitle, .CommentsTitle {
  display: block;
  background: #00B5AD;
  color: #FFFFFF;
  padding: .5em;
  border-radius: 0.3125em !important;
}

/*-----------------------
  Page Grid (Responsive)
-------------------------*/
.ui.page.grid {
  min-width: 320px;
  margin-left: 0%;
  margin-right: 0%;
}
@media only screen and (max-width: 991px) {
  .ui.page.grid {
    padding: 0% 4%;
  }
.top-nav .computer .ui.menu .item
{
	padding: 0.83em 0.4em;
	font-size: .8rem;
}
}
@media only screen and (min-width: 992px) {
  .ui.page.grid {
    padding: 0% 8%;
  }
}
@media only screen and (min-width: 1500px) {
  .ui.page.grid {
    padding: 0% 13%;
  }
}
@media only screen and (min-width: 1750px) {
  .ui.page.grid {
    padding: 0% 18%;
  }
}
@media only screen and (min-width: 2000px) {
  .ui.page.grid {
    padding: 0% 23%;
  }
}

.sixteen.wide.mobile.only {
  font-size: 1.1rem;
}



/*--------------
    Sortable
    So we can still show wide(ish) sortable tables in a mobile devices
---------------*/



@media only screen and (max-width: 767px) {
.ui.sortable.table thead th.ascending:after {
  content: '';
}

.ui.sortable.table thead th.descending:after {
  content: '';
}

.ui.sortable.table thead th:after {
  display: inline-block;
  content: '';
  width: 0.1em;
  height: 0.1em;å
  opacity: 0.8;
  margin: 0em 0em 0em 0.0em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
}


/*--------------------
     Basic Select (From Version 1.5.0)


.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(39, 41, 43, 0.15);
  border-radius: 0.2857rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
          transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
---------------------*/

select.error option, input#rdate.error, input#rtime.error, input#fname.error, input#lname.error, input#RUSA.error, input#age.error, input#pgname.error, input#address.error, input#city.error, input#state.error, input#zipcode.error, input#email.error,  input#phone.error, input#cellPhone.error, input#landLine.error, input#landLine.error, input#release.error, input#release.error, input#ename.error, input#ephone.error, input#vericode.error

 {
  background-color: #fff0f0;
  border-color: #dbb1b1;
  color: #d95c5c;
  box-shadow: none;
} 

label[for="landLine"].error, label[for="cellPhone"].error, label[for="newMembership"].error, label[for="updateMembership"].error
 {
  background-color: #fff0f0;
  border: 1px solid #dbb1b1;
  border-radius: 0.2857rem;
  color: #d95c5c;
  box-shadow: none;
} 

select.error:focus, input#rdate.error:focus, input#rtime.error:focus, input#fname.error:focus, input#lname.error:focus, input#RUSA.error:focus, input#age.error:focus, input#pgname.error:focus, input#address.error:focus, input#city.error:focus, input#state.error:focus, input#zipcode.error:focus, input#email.error:focus,  input#phone.error:focus, input#cellPhone.error:focus, input#landLine.error:focus, input#landLine.error:focus, input#release.error:focus, input#release.error:focus, input#ename.error:focus, input#ephone.error:focus, input#vericode.error {
  border-left: 2px solid #dbb1b1;
}

/*--------------------
     Legacy Photo Gallery stuff
---------------------*/

.galleria, .picturecontainer, .thumbscontainer, .childscontainer
{
	width: 100%;
	margin: 0 auto;
}

.thumbnail
{
	/*border-width: 1px;
	border-style: solid;
	border-color: #999;*/
	vertical-align: middle;
	text-align: center;
	/*padding: 2px;*/
}

.thumbscontainer .thumbnail, .childscontainer .thumbnail
{
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	
}
.thumbs li
{
	width: 29%;
	text-align: center;
	margin:	10px 1% 0 1% !important;
	border-width: 0px;
	border-style: solid;
	border-color: #999;
	padding: 2px;
}

ul .thumbs {
	width: 100%;
	text-align: right !important;
}

.thumb-title {
	margin-bottom: 5px;
	font-size: .8em;
}
.image-title {
	font-size: .8em;
}
.imageview
{
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	vertical-align: middle;
	text-align: center;
	padding: 4px;
}

.imagedescription { text-align: center; }

.imagedescription p
{
	text-align: left;
	padding: 0 25px 0 25px;
}

#descriptionbox
{
	position: absolute;
	visibility: hidden;
	z-index: 200;
}

.descriptionMessage
{
	wid th: 130px;
	background-color: #ccddcc;
	color: #666;
	padding: 4px;
	border-color: #99aa99;
	border-width: 1px;
	border-style: solid;
	font-size: smaller;
}

/* SEARCH */

.FSF_result::before {
	content: "\00a0 \2022 \00a0 " !important;
	}
	
/* Hide */
.hide 
{
    display:none;
}
	
/* Postponed */
.postponed::before 
{
  content: "POSTPONED";
  background-color: #fffbe6;
  display: block;
  color:#876a38;
}

/* Canceled */
.canceled
{
  text-decoration: line-through;
}