/*
Theme Name: Helium
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.4.34
*/

@import url("https://use.typekit.net/sxy5mqu.css");

body {font-family: montserrat, sans-serif; font-size: 18px; line-height: 1.5; font-weight: 500;}

h1, h2, h3, h4, h5 {font-family: orpheuspro, serif; font-weight: 700; color: #206ba4;}

h1 { font-size: 36px;}

.home h2 {font-size: 36px;}

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 21px; }

h5 { font-size: 18px; }

p { text-align: justify; }


.button {
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    color: #000;
    border: 1px solid #EBF4FA;
    border-radius: 15px;
    margin: 0 0 0 0;
    padding: 12.5px 20px;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background: #FEAB35
}

.button:hover, .button:active, .button:focus {
    background: #206ba4;
    color: #fff;
    outline: 0;
}

/* Top */

.home #g-wrapper-top { position: absolute; width: 100%;}

#g-top  {
    z-index: 12;
    position: relative;
}

#g-top .g-content {
    margin: 0;
    padding: 0;
}
.fab { font-family: montserrat, sans-serif !important; font-weight: 500 !important;}
.fab:before {
    font-family: "Font Awesome 5 Brands" !important;
	margin-right: 10px;
	color: #FEAB35;
	font-weight: 900 !important;
}
.fas { font-family: montserrat, sans-serif !important; font-weight: 500 !important;}
.fas:before {
    font-family: "Font Awesome 5 Free" !important;
	margin-right: 10px;
	color: #FEAB35;
	font-weight: 900 !important;
}
.top-content { text-align: right; margin-top: 20px;}
.top-content a { color: #001030; margin-left: 25px;}
.top-content .fas { font-family: montserrat, sans-serif; font-weight: 500;}
.top-content .fas:before {
    font-family: "Font Awesome 5 Free";
	color: #FEAB35;
	margin-right: 10px;
	font-weight: 900;
}

.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    max-height: 75px;
    position: absolute;
    margin-top: -20px;
}


/* Navigation */


#g-navigation {
    background: transparent;
	position: relative;
}
#g-navigation .g-content {
    margin: 15px 0;
    padding: 0;
}
#g-navigation #main-menu{ position: relative;}
#g-navigation #main-menu:before { content: ''; display: block; width: 1000%; height: 40px; background: #206BA4; position: absolute; top: 11px; left: 32px;}
#g-navigation .g-container:before { content: ''; display: block; width: 100%; height: 40px; background: #206BA4; position: absolute; top: 11px; right: 100%; margin-right: 8px;}


#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
    box-shadow: none;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-style: normal;
	color: #fff;
    font-size: 20px;
	padding: 0;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content,
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content {
	color: #BBD9EE;
	
}

#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 10px;
}

.g-toplevel { text-align: right;}

/* Main */
.home #g-mainbar {
    padding: 0;
}

.home #g-mainbar .g-content {
    margin: 0;
    padding: 0;
}

/* Slider Area */

#slider-area { color: #fff;}
#slider-area h1 { font-size: 60px; line-height: 1; text-shadow: 1px 1px 3px #001030; font-weight: bold; color: #fff}
#slider-area h3 { font-size: 36px;line-height: 1; text-shadow: 1px 1px 3px #001030;  font-weight: bold; color: #fff}
#slider-area p { font-size: 21px; text-shadow: 1px 1px 3px #001030;  font-weight: bold; color: #fff}
#top-area .YTPOverlay { 
background: -moz-linear-gradient(top,  rgba(235,244,250,1) 0%, rgba(235,244,250,0) 100%);
background: -webkit-linear-gradient(top,  rgba(235,244,250,1) 0%,rgba(235,244,250,0) 100%);
background: linear-gradient(to bottom,  rgba(235,244,250,1) 0%,rgba(235,244,250,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fa', endColorstr='#00ebf4fa',GradientType=0 );



}

.home .upb_video-src  {
    height: 100%;
    width: auto!important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0;
}

.uvc-vc-full-width .upb_video-bg {
    background-position: 50% 50%;
    background-size: cover;
}
#top-waves { position: relative; z-index: 10; overflow: visible;}
#top-waves .wave { position: absolute; width: 100%; left: 0; top: -135px;
    height: 155px;}

#header-wave1 { margin-top: -5px;}

.light-box { display: block; text-align: center; color: #206BA4; font-size: 36px; font-family: orpheuspro, serif; font-weight: 700; line-height: 1.1;
background: #EBF4FA;
padding: 25px;
}

.light-box  img { position: relative; top: -100px; }
.light-box  b {
    margin-top: -95px;
    display: block;
	height: 78px;
}

#circles { margin-top: 50px;}

.hnrm .vc_col-sm-8 p { padding: 25px 0 25px 50px; border-top: 1px solid #FEAB35; border-bottom: 1px solid #FEAB35;}

.hnrm .vc_column_container>.vc_column-inner {

    padding-left: 0;
    padding-right: 0;

}
#hnrc { padding: 150px 0;}
#hnrc .YTPOverlay { 
background: -moz-linear-gradient(top,  rgba(235,244,250,1) 0%, rgba(235,244,250,0.7) 100%);
background: -webkit-linear-gradient(top,  rgba(235,244,250,1) 0%,rgba(235,244,250,0.7) 100%);
background: linear-gradient(to bottom,  rgba(235,244,250,1) 0%,rgba(235,244,250,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fa', endColorstr='#b3ebf4fa',GradientType=0 );
 }

#hnrc  .upb_video-bg { opacity: 0.75;}

#hnrc:before { 
    content: '';
    display: block;
    width: 100%;
    height: 145px;
    background-size: cover;
    background: url(images/top-hnrc.png) top center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
#hnrx { overflow: visible !important; padding-top: 50px;}
#hnrx:before { 
    content: '';
    display: block;
    width: 100%;
    height: 145px;
    background-size: cover;
    background: url(images/bottom-hnrc.png) top center no-repeat;
    position: absolute;
    left: 0;
    top: -145px;
    z-index: 10;
}

#video-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 500px;
    overflow: hidden;
}
#video-wrap iframe {position: relative; top: -250px;}

#video-frame .YTPOverlay {
position: absolute; top:0px; left: 0px; width: 100%; height: 100%;	 z-index: 10;
background: -moz-linear-gradient(top,  rgba(235,244,250,0.75) 0%, rgba(255,255,255,0) 51%);
background: -webkit-linear-gradient(top,  rgba(235,244,250,0.75) 0%,rgba(255,255,255,0) 51%);
background: linear-gradient(to bottom,  rgba(235,244,250,0.75) 0%,rgba(255,255,255,0) 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfebf4fa', endColorstr='#00ffffff',GradientType=0 );

	
}

#video-wrap{ background: url(images/Water-Drop.jpg) top center no-repeat;}
#video-frame { height: 350px;}
#video-frame .entry-title {    font-size: 60px;
    line-height: 1;
    text-shadow: 1px 1px 3px #001030;
    font-weight: bold;
    color: #fff; text-align: center; z-index: 10; position: relative;}

#top-waves2 {
    position: relative;
    z-index: 10;
    overflow: visible;
    width: 100%;
    position: absolute;
    left: 0;
    top: 485px;
}

#top-waves2 .wave { position: absolute; width: 100%; left: 0; top: -135px;
    height: 155px;}
	
.title-separator { position:  relative; z-index: 10; display: block; width: 65%; margin: 0 auto; height: 60px; 
background: url('images/video-sparator.png') center center no-repeat;
background-size: contain;

}
/* Footer */

#g-footer {
background: rgb(44,115,170);
background: -moz-linear-gradient(left,  rgba(44,115,170,1) 1%, rgba(92,168,223,1) 50%, rgba(44,115,170,1) 100%);
background: -webkit-linear-gradient(left,  rgba(44,115,170,1) 1%,rgba(92,168,223,1) 50%,rgba(44,115,170,1) 100%);
background: linear-gradient(to right,  rgba(44,115,170,1) 1%,rgba(92,168,223,1) 50%,rgba(44,115,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c73aa', endColorstr='#2c73aa',GradientType=1 );
padding: 115px 0 25px 0;
	position: relative;	
}

#g-footer .widget.widget_nav_menu ul.menu {
    list-style: initial;
	margin-left: 1.5rem;
	margin-top: 0;
 
}

#g-footer h3 { color: #001030; font-weight: 700; font-size: 24px;  
    margin: 0;}
#g-footer h3.g-item-title { margin-bottom: 15px;
    display: list-item;                                                    
    list-style-type: disc;        
    list-style-position: initial;
	font-size: 21px;
	

}	

#g-footer .g-array-item-title { margin-left: 3rem;}
#g-footer h3.g-item-title a { font-size: 21px; font-weight: 500; font-family: montserrat, sans-serif; 

}

#g-footer .g-content-array .g-grid {
    margin-bottom: 0;
}

#g-footer .g-content-array .g-content {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#g-footer  .widget { margin: 0; padding: 0; margin-top: 15px;}

#g-footer a{ color: #fff; line-height: 1;}
#g-footer a:hover { color: #001030;}

#g-footer ul { color: #001030; margin-top: 0;     margin-left: 1.5rem;} 
#g-footer ul li { font-size: 21px; margin-left: 35px !important;     margin-top: 15px;}

#g-footer .fas { font-weight: 500; font-family: montserrat, sans-serif; font-size: 18px; line-height: 21.6px; margin-top: 15px;     margin-left: 25px;}

#g-footer .fas span {
    display: block;
    margin-left: 23px;
}

#g-footer .fas:before {
    font-family: "Font Awesome 5 Free";
	color: #FEAB35;
	margin-right: 10px;
	font-weight: 900;
}

#g-copyright{ background: #001030; color: #fff;}
#g-copyright a { color: #BBD9EE;}
#g-copyright .g-content {
    margin: 0;
    padding: 0;
}
#toptop .g-content {    margin: 0;
    padding: 0; height: 0;}
	

#footer-wave1, #footer-wave2 {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 150px;
    top: 0px;
    z-index: 4;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

#feel-footer-wave2 { margin-bottom: 10px;}

#footer-wave1 { top: 10px !important;}

#bottom-waves { overflow: visible;}

.g-container {
    width: 1200px;
	max-width: 98%;
}

.footer-logo img { max-height: 100px;}
/* Downtown */

.uptown i {
position: fixed;
    right: 5px;
    bottom: 30px;
    background: #2ac3e8 !important;
    padding: 5px 0px;
    width: 41px;
    border-radius: 30px;
    z-index: 1000;
    line-height: 31px;
    font-size: 20px;
}
#g-navigation.downtown {
    background: #206BA4;
    position: relative;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#g-navigation.downtown .g-logo.g-logo-helium img  {
display: none;
}
#g-navigation.downtown #main-menu:before, #g-navigation.downtown .g-container:before {
    display:none;

}
#g-navigation.downtown .g-logo {
    color: #fff;
    line-height: 2.8rem;
    display: block;
    width: 299px;
    height: 30px;
	background-size: cover;
	background: url('images/Houston-Natural-Resources_Logo_Full_Light.png' ) top center no-repeat;
}
#g-navigation.downtown .g-container {
    width: 95%;
}
/* Fixes */

.widget.widget_recent_entries ul {
    list-style-type: initial !important;

}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span {
    color:  #001030;
}

 .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {
    color: #fff;
}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active {
    background-color: #bbd9ee;
}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {
    background-color: #206ba4;
}

.vc_grid-filter-select .vc_grid-styled-select select {
    outline: 1px;
    padding: 10px 20px;
}

#hnrc .vc_video-bg  {
	opacity: 0.35;
}
/* Responsive Fix */

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


}


 
@media  (max-width: 1350px) {
	
#g-navigation.downtown .g-main-nav .g-toplevel > li {
    margin: 0px 5px;
}

#g-navigation.downtown  .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 19px;

}

#g-navigation.downtown .g-container {
    width: 96%;
}

 }
 
 @media  (max-width: 1200px) {

#g-navigation.downtown .g-logo {
    margin: 0 auto;
}

#g-navigation.downtown .g-main-nav {
    display: table;
    margin: 0 auto;
}

#g-navigation.downtown .g-content {
    margin: 7.5px 0;
}
	 
.g-container {
    width: 98%;
}


.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    max-height: 60px;
    position: absolute;
    margin-top: 0px;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 16px;
    line-height: 25px
}

#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 5px;
}

h2 {
    font-size: 32px;
	line-height: 1.2;
}

.light-box {
    font-size: 32px;
}
#g-navigation #main-menu:before {
    left: 215px;
}

#video-wrap iframe { top: -300px;}

#video-frame .entry-title {
    font-size: 46px;
}
#video-wrap iframe { display: none;}

#video-wrap {
    background: url(images/mobile.jpg) top center no-repeat;
	background-size: cover;
}

.uvc-vc-full-width .upb_video-bg {
    background: url(images/mobile.jpg) top center no-repeat !important;
    background-size: cover !important;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
}
 }
 
@media (max-width: 960px) {
	
#g-footer h3.g-item-title {
    display: block;
}
#g-footer .g-array-item-title {
    margin-left: 0;
}
#g-footer .fas {
    display: block;
    margin: 20px 0;
}

#g-footer .widget.widget_nav_menu ul.menu {
    list-style: initial;
    margin-left: 0;
    margin-top: 0;
}
.top-content {
    text-align: center;
}

.g-logo.g-logo-helium img  {
    max-height: 76px;
    position: relative;
    margin-top: 25px;
}

#slider-area {
    margin-top: 55px;
}

#slider-area h1 {
    font-size: 50px;

}
#slider-area h3 {
    font-size: 32px;
}
.g-toplevel {
    text-align: left;
}

#g-footer { text-align: center;}

#g-footer ul li {
    margin-left: 0 !important;
    list-style: none;
}

#g-navigation.downtown {
    position: relative;

}

#video-wrap {

    background-size: cover;
}
#video-wrap iframe {

}

#video-frame .entry-title {
    font-size: 42px;
	 top: -50px;
}
#video-wrap {
    height: 425px;

}

#top-waves2 {

    top: 425px;
}
.title-separator {
    width: 75%;
    top: -50px;
}

#video-frame {
    height: 250px;
}


}




@media (max-width: 767px) {

.home .vc_column_container>.vc_column-inner {
    padding-left: 30px;
    padding-right: 30px;
}
.hnrm .vc_col-sm-8 p {
    padding: 15px;
}
#video-frame {
    height: 200px;
}

#video-wrap {

    background-size: cover;
}


#video-frame .entry-title {
    font-size: 32px;
}

.title-separator {
    width: 95%;
}
.top-content a {
    margin-left: 0;
    display: block;
}

#slider-area p {
    font-size: 18px;
}

#slider-area h1 {
    font-size: 36px;
}

#slider-area h3 {
    font-size: 26px;
}
.g-logo.g-logo-helium img {
    max-height: 76px;
    margin-top: 30px;
}

iframe {
    max-width: 100%;
}

}

@media (max-width: 420px) {
#top-area { min-height: auto !important;
    height: 100%  !important;}
#slider-area {
    margin-top: 175px;
	padding-bottom: 120px;
}
#hnrc .upb_video-bg {
    opacity: 0.2;
}
iframe {
    max-width: 100%;
}
.top-content a {
    line-height: 25px;
}
.g-offcanvas-toggle {
    top: 8px;

}

 }

@media     (max-width: 376px) {


}

@media (max-width: 321px) {




}