/*
Theme Name: Helium
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: ${xml.version}
*/

/* roksPMD userCSS in cass styleCSSinWP */
.imgleft {
  float: left;
  border: solid 1px silver;
  margin: 1% 2% 1% 3%;
  border-radius: 12px;
  box-shadow: 2px 3px 4px 1px red;
}


/* Container holding the image and the text */
.splash-container {
  position: relative;
  text-align: center;
  color: white;
  border: solid 1px silver;
  width: 108%;
  margin: -3% 0% 0% -4%;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  border: solid 1px silver;
}
/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
border: solid 1px silver;
}
/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
  border: solid 1px silver;
}
/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  border: solid 1px silver;
}
/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid 0px red;
}



/*vid bg styles*/
/* Style video: 100% width n ht to cover entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}
#myBtn:hover {
  background: red;
  color: black;
}
@media only all and (max-width: 30rem) {
  .imgleft {
    float: left;
    border: solid 4px red;
    width: 74%;
  }
}
/* end samsung SAMSUNG YEA BABY !!!*/
/*# sourceMappingURL=custom_11.css.map */


/* will gantryRT gantry-core.less work here? */
/**  i came from: wpgantry/wp-content/themes/rt_gantry_wp/less but Helium doesnt see me since gantry is deactivated (theme4)
* @version   $Id: gantry-core.less 6651 2013-01-22 17:04:11Z james $
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2020 RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/

// Core
a {
	&:hover {
		text-decoration: none;
	}
}

/*****
.table {
	display: table;
}
.cell {
	display: table-cell;
}

// Grid Container
html {
	margin-bottom: 1px;
	height: 100%;
}
body {
	margin: 0 0 1px 0;
}  *************/

// Blocks
.rt-block {
	padding: 15px;
	margin: 10px;
	position: relative;
}
#rt-content-top, #rt-content-bottom {
	overflow: hidden;
}
.rt-grid-1:before, .rt-grid-2:before, .rt-grid-3:before, .rt-grid-4:before, .rt-grid-5:before, .rt-grid-6:before, .rt-grid-7:before, .rt-grid-8:before, .rt-grid-9:before, .rt-grid-10:before, .rt-grid-11:before, .rt-grid-12:before {
	display: table;
	content: "";
	clear: both;
}
.rt-grid-1:after, .rt-grid-2:after, .rt-grid-3:after, .rt-grid-4:after, .rt-grid-5:after, .rt-grid-6:after, .rt-grid-7:after, .rt-grid-8:after, .rt-grid-9:after, .rt-grid-10:after, .rt-grid-11:after, .rt-grid-12:after {
	display: table;
	content: "";
	clear: both;
}

// Font Stacks
.font-family-optima {
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}
.font-family-geneva {
	font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}
.font-family-helvetica {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}
.font-family-lucida {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
.font-family-georgia {
	font-family: Georgia, sans-serif;
}
.font-family-trebuchet {
	font-family: "Trebuchet MS", sans-serif;
}
.font-family-palatino {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}

// Typography
body {
	font-size: 13px;
	line-height: 1.7em;
	font-family: Helvetica,Arial, Sans-Serif;
}
.font-size-is-xlarge {
	font-size: 16px;
	line-height: 1.7em;
}
.font-size-is-large {
	font-size: 15px;
	line-height: 1.7em;
}
.font-size-is-default {
	font-size: 14px;
	line-height: 1.7em;
}
.font-size-is-small {
	font-size: 12px;
	line-height: 1.7em;
}
.font-size-is-xsmall {
	font-size: 10px;
	line-height: 1.7em;
}
p {
	margin: 0 0 15px 0;
}
h1 {
	font-size: 260%;
}
h2 {
	font-size: 200%;
}
h3 {
	font-size: 175%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 110%;
}
a {
	text-decoration: none;
}
a:focus {
	outline: none;
}
.left-1, .left-2, .left-3, .left-4, .left-5, .left-6, .left-7, .left-8, .left-9, .left-10, .right-11 {
	float: left;
	margin-right: 50px;
	margin-bottom: 15px;
	position: relative;
}
.right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, .right-8, .right-9, .right-10, .right-11 {
	float: right;
	margin-left: 50px;
	margin-bottom: 15px;
	position: relative;
}
.date-block {
	padding: 15px;
}

// Lists
ol {
	padding-left: 15px;
}
ul {
	li {
		padding: 0;
		margin: 0;
	}
	li.author {
		margin: 0;
		letter-spacing: 1px;
		list-style: none;
		font-weight: bold;
		text-align: right;
		span {
			display: block;
			font-weight: normal;
			margin-bottom: 10px;
			line-height: 1em;
		}
	}
	li.date {
		margin: 0;
		letter-spacing: 1px;
		list-style: none;
		text-align: right;
		font-weight: bold;
		span {
			display: block;
			font-weight: normal;
			margin-bottom: 10px;
			line-height: 1em;
		}
	}
	li.comments {
		list-style: none;
		text-align: right;
		font-weight: bold;
		span {
			display: block;
			font-weight: normal;
			margin-bottom: 10px;
			line-height: 1em;
		}
	}
	ul {
		margin-left: 25px;
		padding: 5px 0;
	}
}

// RTL
body.rtl {
	direction: rtl;
}
body.rtl {
	min-width: inherit;
}

// Clear Set
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

// Debug Only
#debug #rt-main {
	overflow: hidden;
	border-bottom: 4px solid #666;
	margin-top: 15px;
	position: relative;
}
#debug .status {
	position: absolute;
	background:#333;
	opacity: 0.3;
	padding:0 15px;
	z-index:10000;
	color:#fff;
	font-weight:bold;
	font-size:150%;
}

// Responsive Classes
.hidden {
	display: none;
	visibility: hidden;
}
.visible-phone {
	display: none !important;
}
.visible-tablet {
	display: none !important;
}
.hidden-desktop {
	display: none !important;
}
.hidden-large {
	display: none !important;
}

// Custom Widths
.row {
	margin: 0 -15px;
}
.gantry-width-block {
	display: block;
	float: left;
}
.gantry-width-spacer {
	margin: 15px;
}
.gantry-width-10 {
	width: 10%;
}
.gantry-width-20 {
	width: 20%;
}
.gantry-width-25 {
	width: 25%;
}
.gantry-width-30 {
	width: 30%;
}
.gantry-width-33 {
	width: 33.33%;
}
.gantry-width-40 {
	width: 40%;
}
.gantry-width-50 {
	width: 50%;
}
.gantry-width-60 {
	width: 60%;
}
.gantry-width-66 {
	width: 66.66%;
}
.gantry-width-70 {
	width: 70%;
}
.gantry-width-75 {
	width: 75%;
}
.gantry-width-80 {
	width: 80%;
}
.gantry-width-90 {
	width: 90%;
}

// Floats
.gantry-left {
	float: left;
	margin-right: 15px;
}
.gantry-right {
	/* float: right;*/
	border:solid 2px red;
	margin-left: 15px;
}

// Custom Utility Classes
.gantry-center {
	text-align: center;
		td, th {
			text-align: center;
		}
}

// Maintenance Mode
#maintenance-notice {
	display: block;
	margin: 0 0 10px;
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	background: #FFF;
	color: #6E6E6E;
	border-bottom: 1px solid #CCC;
}
	
/* then, found gantry-example(s) etc : */
	
	
	.gantry-example  {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.gantry-example .table,
.gantry-example .well,
.gantry-example blockquote {
  margin-bottom: 5px;
}
.gantry-example .lead {
  font-size: 18px;
  line-height: 24px;
}
.gantry-example > p:last-child {
  margin-bottom: 0;
}
.gantry-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}
.gantry-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
  -moz-border-radius: 4px 0 4px 0;
  border-radius: 4px 0 4px 0;
  font-style: normal;
}
form.gantry-example {
  padding-bottom: 19px;
}
	
	
p.success,
p.info,
p.error,
p.warning {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 15px;
  font-weight: bold;
  border: 1px solid;
}
p.success a,
p.info a,
p.error a,
p.warning a {
  color: #666 !important;
}
p.success a:hover,
p.info a:hover,
p.error a:hover,
p.warning a:hover {
  color: #000 !important;
  text-shadow: none;
}
p.success {
  background: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
p.info {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
p.error {
  background: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
p.warning {
  background: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}

//

.prettyprint {
  padding: 8px;
  background-color: #fcfcfc;
  border: 1px solid #d5d5d5;
}
.prettyprint.linenums {
  -webkit-box-shadow: 40px 0 0 #f5f5f5 inset, 41px 0 0 #d5d5d5 inset;
  -moz-box-shadow: 40px 0 0 #f5f5f5 inset, 41px 0 0 #d5d5d5 inset;
  box-shadow: 40px 0 0 #f5f5f5 inset, 41px 0 0 #d5d5d5 inset;
}
ol.linenums {
  margin: 0 0 0 33px;
  padding-left: 0;
}
ol.linenums li {
  padding-left: 12px;
  color: #aaaaaa;
  line-height: 18px;
  text-shadow: 0 1px 0 #ffffff;
}

//


.component-content table {
  border-collapse: collapse;
}
.component-content table.table-bordered {
  border-collapse: separate;
  *border-collapse: collapse;
}