﻿@charset "utf-8";
/* CSS Document */

  #gmcpromo{
    background:url(../img/gmcback.gif) no-repeat left center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*max-height:60px;*/
    padding:10px;
    margin-top:10px;
    font-size:16px;
    text-align:left;
    /*white-space: nowrap ;*/
    color:#232323;
    text-decoration: none;

  }
		
		
		.noborder {border:none;}
		.nobackground {background:none;}
        .nopadding {
           padding: 0 !important;
           margin: 0 !important;
        }		

		.carousel-item {
            height: 30vh;
            min-height: 300px;
            background: no-repeat center top scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        .second-nav {
            /*top: 50px;*/
		border-bottom:4px solid #333;
        }

	.navbar-brand {
		color:#0B7AC0 !important;
		font-weight:600;
	}

	.nav-item {
	    margin-right:5px;
		font-size:0.9em;
	}

	.nav-link:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}
	
.nav-link.lighter {
	    color:#f3f3f3 !important;
	}

	.nav-link.in-line {
	    display:inline-block;
		margin-right:10px;
		}

    .nav-flag {
        height:25px;
		width:40px;
		padding:0px 10px 0px 0px;
		display:inline;
    }

    .nav-icon-left {
        width:25px;
        float:left;
		color:#0B7AC0;
    }

    .dropdown-menu {
        height: auto;
        max-height:auto;
        overflow-x: hidden;
    }
		

    .dropdown-item {
        font-size:0.9em;
    }

    .dropdown-item-text {
        margin-left:20px;
		font-size:0.9em;
    }

	.dropdown-item:hover {
			background-color: rgba(0, 0, 0, 0.2);
		}
	.dropdown-divider {
			margin:8px 0px;			
		}
/*    #headerContainer{
        margin-bottom:100px;
    }
*/
	.gmi-light-blue {
		/*background:#D7F0F9 !important;*/
		background-image: linear-gradient(-10deg, #A7E7F9, #D7F0F9, #e9f8fe, #D7F0F9)
	}	

	.gmi-light-blue-cell {
		/*background:#D7F0F9 !important;*/
		background: #e9f8fe;
		border-right:2px solid #A7E7F9;
	}	

	.gmi-light-blue-badge {
		/*background:#D7F0F9 !important;*/
		background: #e9f8fe;
		border:1px solid #A7E7F9;
		font-size:0.9em;
		padding:2px 5px;
		
	}	

	.gmi-light-resource {
		background: #666;
		border:1px solid #e1e1e1;
	}	

	.gmi-list-group-hover:hover {background:#f3f3f3;}

	.gmi-light-orange {
		  /*background:#F8C28B !important;*/
          background: url(../../img/gmcback.gif)no-repeat left center fixed; 
          -webkit-background-size: cover;
          -moz-background-size: cover;s
          -o-background-size: cover;
          background-size: cover;
          -webkit-transition: height 1s; 
           transition: height 1s;
           font-size:1.4rem;
           font-weight:bold;
           line-height:normal;
           color:rgba(0,0,0,0.8);
		
		}
		
    .gmcBanner{
        width:100%;
        height: 70px;
           font-size:1.4rem;
           font-weight:bold;
           line-height:normal;
           color:rgba(0,0,0,0.8);
        padding-top:10px;
        padding-bottom:20px;
    }		

    .tagline{
        float:left;
        margin-top:12px;
        width:auto;
        margin-right:20px;
        height:100%;
    }
    .tagline span{
          -webkit-transition: color 1s; 
           transition: color 1s;
           color:rgba(0,0,0,0);
    }

    .gmcBanner:hover .tagline span{
        display:block;
           color:rgba(0,0,0,0.5);
        cursor:pointer;
    }		

	.gmclogo{
        float:left;
        margin:5px;
        height:40px;
		/*height:calc(100% - 20px);*/
        opacity:1!important;
        filter:alpha(opacity=100);
    }


		.card tbody {
            display: flex;
			background: url("../assets/images/paper_fibers.png") !important;
            flex-wrap: wrap; // allow wrapping items
        }

        .card tbody tr {
            flex-grow: 1;
            max-width: 250px;

            margin: 0.5rem;
            border: 0.0625rem solid rgba(0, 0, 0, .125);
            border-radius: .25rem;
            box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
        }

        .card tbody td {
            display: block;
        }

		.card div.resdesc {display:none;}

		div.resbutton {padding:0px 0px 10px 0px;float:right;}
		
        .card thead {
            display: none;
        }


        .card tbody td:last-child {

            border-bottom: 0;
        }

        .card .fa {
            font-size: 7.5rem;
        }

        .card tr:nth-child(even) {
            background: none;
        }

      .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
      }
      .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }



    #btnToTop {
      display: none;
      position: fixed;
      bottom: 10px;
      right: 10px;
      z-index: 99;
      cursor: pointer;
    }


	.table-borderless td {border:0px;}
		
	.table-nonfluid { width: auto !important; }








  .sectorrow{
    margin-bottom:5px;
    color:white;

  }

  .sectorrow h5{
    font-size:2rem;
    font-weight:bold;
}

.sectorlink:hover{
text-decoration: none;
}
.sectorimage{
    width:100%;
    margin-right: 15px;
}
.oilgas{
    background-color:#464379;
}

.coal{
    background-color:#6D071A; /*f15c54*/
}

.biogas{
    background-color:#2e7e56;
}




  @media screen and (max-width: 768px) {






	@media only screen and (max-width: 800px) {
        .gmcBanner{
               display:none;
        }
		.tagline {
        display:none;
     
    	}
		.sectorimage{
	    width:100%!important;
		}
		#headercarouselarea{
			display:none;
		}