/*
  Theme Name: custom
  Theme URI: http://www.digitus89.com
  Description: Responsive Custom theme for GPM Investments, Inc
  Author: Brett Neville, Digitus89
  Author URI: http://digitus89.com
  Version: 1.0.0
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
/* font-family: 'Source Sans Pro', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
/* font-family: 'Roboto Condensed', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here); 
/* font-family: 'Just Me Again Down Here', cursive; */

body { background: #091745; min-height: 1000px; font-family: 'Source Sans Pro', sans-serif; color: #585252; }

/* = DIGITUS89 */
span.digitus { font-family: 'Ubuntu', sans-serif; font-size: 10pt; font-weight: 500; color: #06787c; margin-left:2px; }
span.eightnine { font-family: 'Ubuntu', sans-serif; font-size: 10pt; font-weight: 500; color:#fff; margin-left:1px; }

/* COLUMNS */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.row-centered { text-align:center; }
.col-centered { display:inline-block; float:none; /* reset the text-align */
    text-align:left; /* inline-block space fix */
    margin-right:-4px; }

/* IMAGE STYLES */
img { max-width: 100%; height: auto; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0;  }
img.aligncenter { display: block; margin-left: auto; margin-right: auto;  }
.alignright { float: right;  }
.alignleft { float: left;  }
.aligncenter { display: block; margin-left: auto; margin-right: auto;  }
#logoRow { position: relative; z-index: 101; background: url('img/logoRowFull.jpg') repeat-x; background-size: cover; height: 69px; }

/* COMPANY LOGOS */
ul.companylogo {list-style-type:none; display:inline; margin:0; padding:0;}
ul.companylogo li {display:inline; padding-right:12px;}
ul.companylogo img {max-width:120px; height:auto;}

ul.gascompanylogo {list-style-type:none; display:inline; margin:0; padding:0;}
ul.gascompanylogo li {display:inline; padding-right:12px;}
ul.gascompanylogo img {max-width:100px; height:auto;}

/* BUTTONS */
.btn-red { background: #b9170f; padding: 10px 40px; border-radius: 0px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 26px; }
.btn-red:hover { background: #ce4308 }

.btn-blue { background: #161ac4 url(img/btn-bg.jpg) 50% 50% repeat; padding: 10px 40px; border-radius: 0px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 26px; }
.btn-blue:hover { background: #ce4308 }

/* NAVIGATION */
#navRow { position: relative; z-index: 100; background: url('img/navRow.png') repeat-x ; height: 65px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.75); box-shadow: 0 0 10px 0 rgba(0,0,0,.75);  }
.navTop { height: 12px; background: transparent; border-bottom: 1px solid #b1bac3; }
.navbar { border-radius: 0px; margin-bottom: 0px; }
.navbar-default { border: none; background: none; }
.navbar-default .navbar-nav>li>a {}
.navbar-default .navbar-nav>li:last-child>a{ border-right: 0px solid #79a2a3; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #ee2f25; background-color: transparent; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #0055a5; background-color: transparent; }
.dropdown-menu { background:#fff; color: #0055a5; border:0px solid #0055a5; border-radius: 0; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: transparent; }
.dropdown-menu>li>a:hover { background: #0055a5; color:#fff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #1a3673; }
.navbar-default .navbar-toggle { border-color: #1a3673; background: transparent; margin-right: 15px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-toggle { margin-right: 0px; }

/* ROTATOR / CAROUSEL */
#rotator { }
#rotator a { color: #fff; font-size: 32px; letter-spacing: .1em; line-height: 37px; text-decoration: none; }
#rotator a span { font-size: 58px; line-height: 45px; text-shadow:1px 1px 3px #333; }

/* ROTATOR / CAROUSEL */
#Carousel .item:before { height: 587px; }
#Carousel .item:before { position: absolute; z-index: 1; content: " "; display: block; width: 100%; height: 350px; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 77%, rgba(0,0,0,0.04) 79%, rgba(0,0,0,0.17) 83%, rgba(0,0,0,0.35) 88%, rgba(0,0,0,0.65) 95%, rgba(0,0,0,0.84) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(77%,rgba(0,0,0,0)), color-stop(79%,rgba(0,0,0,0.04)), color-stop(83%,rgba(0,0,0,0.17)), color-stop(88%,rgba(0,0,0,0.35)), color-stop(95%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.84))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0.04) 79%,rgba(0,0,0,0.17) 83%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.84) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0.04) 79%,rgba(0,0,0,0.17) 83%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.84) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0.04) 79%,rgba(0,0,0,0.17) 83%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.84) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0.04) 79%,rgba(0,0,0,0.17) 83%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.84) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d6000000',GradientType=0 ); /* IE6-9 */; }

div.carousel { max-height: 587px; overflow: hidden; }
div.carousel { max-height: 587px; }
.carousel .item img { width: 100%; }

/* Fade transition for carousel items */
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0);       transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }
/* Carousel Content */
.carousel-caption { top: 20px; right: 0; bottom: auto; }
 .carousel-caption h3 { color: #3e1a1a; font-size: 100px !important; line-height: 90px; text-shadow:none; letter-spacing: -2px; font-weight:bold; margin-bottom: 30px; }
.carousel-caption p { font-family: 'Source Sans Pro', sans-serif; color: #585252; font-size: 40px !important; font-weight: 300; line-height: 40px; text-shadow:none; }

/* ACTION ROW   */
#actionRow { position: relative; margin-top:-170px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#181e31+0,181e31+100&0+9,0.65+100 */
background: -moz-linear-gradient(top, rgba(24,30,49,0) 0%, rgba(24,30,49,0) 9%, rgba(24,30,49,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(24,30,49,0) 0%,rgba(24,30,49,0) 9%,rgba(24,30,49,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(24,30,49,0) 0%,rgba(24,30,49,0) 9%,rgba(24,30,49,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00181e31', endColorstr='#a6181e31',GradientType=0 ); /* IE6-9 */ }

/* LOGOS */
#logos { background: #fefefe; padding: 5px 0; border-top: 1px solid #E8E8E8; text-align: center;}
/*#logos img {max-width: 100px; height: auto; margin: 0 9px;}*/
.largerlogo{width: 250px; height: auto; margin: 0 9px;}
.smallerlogo{width: 80px; height: auto; margin: 0 9px;}


/* MAIN CONTENT */
#mainContent { padding: 20px 0; background: #fff; }
#mainContent .post .container { max-width: 100%; width: 100%; }
.h1, .h2, .h3, h1, h2, h3 { margin: 15px 0 5px; }
#mainContent h1 { color: #0055a5; text-transform: uppercase; font-weight: bold; }

#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 { color: #a9140d; }
#mainContent h1 { font-size: 36px; }
#mainContent h2 { font-size: 28px; }
#mainContent h3 { font-size: 24px; }
#mainContent h4 { font-size: 18px; }
#mainContent h5 { font-size: 14px; }
#mainContent h6 { font-size: 12px; }

#mainContent p { margin: 0 0 24px; font-size: 15px; line-height: 24px; color:#585252; font-weight: normal; }
#mainContent a { color :#0055a5; }
	#mainContent a:hover { color :#3b97ed; }
#mainContent li { font-size: 16px; }


.google-maps { margin-top:30px; position: relative; padding-bottom: 62%; // This is the aspect ratio     height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#outerdiv { width:100%; height:600px; overflow:hidden; position:relative; }
#inneriframe { position:absolute; top:-50px; left:-10px; width:800px; height:800px; }

.sidebarContent {margin-top:45px;}
.sidebarContent img { min-width:100%; max-width:100%; height:auto; }

#mainContent .wpcf7-form p, #mainContent .sidebarContent p { margin-bottom: 0; }
#mainContent .sidebarContent h2 { font-size: 22px; }
#mainContent h3 img { margin-top: -10px; }

input {width:100%;}

/* FOOTER */

#footerStoreIcons img {float: left; margin: 0 10px;}
#copyright { margin-top:25px; }

#copyright p, #copyright a { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #98a3c6; text-decoration: none; }




/* RESPONSIVE STYLES */

@media (min-width : 1200px) {
	div.carousel { max-height: 755px; } 

}

/* Large Devices, Desktops */
@media (max-width : 1200px) { .nav>li>a { display: block; padding: 10px 5px; }
  .navbar-default .navbar-nav>li>a { font-size: 15px; }
  #actionRow { margin-top:-140px; }
 .carousel-caption h3 { font-size: 100px !important; line-height: 80px; text-shadow:none; letter-spacing: -3px; }
  .carousel-caption p { font-size: 35px !important; font-weight: 300; line-height: 30px; text-shadow:none; } }

/* Medium Devices, Desktops */
@media (max-width : 992px) {
	.navbar-default .navbar-nav>li>a { font-size: 16px; }
	.nav>li>a { 	display: block; 	padding: 15px 7px;
	}
  .navbar-default { max-height:62px; }
  .navbar-default .navbar-nav>li>a { font-size: 12px; }
  .actionPic { margin-top:-25px; }
  #mainContent h2 { font-size: 55px; line-height: 40spx; }
  .topBorder { height: 10px; background: #7f7458; width: 100%; margin-top: 0px; }
  #actionRow { margin-top:-100px; }
  .carousel-caption h3 { font-size: 80px !important; line-height: 60px; text-shadow:none; letter-spacing: -3px;
margin-top: -20px; }
  .carousel-caption p { font-size: 30px !important; font-weight: 300; line-height: 30px; text-shadow:none; }
  .btn-red { background: #b9170f; padding: 6px 20px; border-radius: 0px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 20px; } 
	#logos img {max-width: 150px; height: auto; margin: 0 10px;}

}

@media (min-width : 993px) { .navbar-nav { width: 100%; text-align: center; }
  .navbar-nav > li { float: none; display: inline-block; } }

@media (min-width: 768px) { 
#mainContent hr {  clear: both; }
.col-sm-7 { width: 14.285714285714285714285714285714%; }


}
/* Tablets */
@media (max-width: 767px) { 
	body, #actionRow {
		background: #fff;
	}
	.navbar-default { border:none; }
	#mainContent { padding: 20px 0 0; }
	#mainContent .col-sm-8 { padding-bottom: 20px; }
	#mainContent h2 { font-size: 25px; line-height: 28px; }
	#mainContent h3 { font-size: 24px; line-height: 25px; color: #45516b; text-shadow: 1px 1px 1px #fff; }
	#MainNav { background: #0055a5; }
	.navbar-default .navbar-toggle { margin-right:0px; margin-top:18px; }
	.navbar-collapse.in { overflow: visible; }
	.navbar-nav { background: #0055a5; position: absolute; width: 96%; z-index: 2; }
	.navbar-default .navbar-brand {  }
	.navbar-default .navbar-nav>li>a { color: #fff; text-shadow: none; text-transform: uppercase; border-right: none; border-bottom:1px solid #fff; }
	.navbar-default .navbar-nav>li>a:hover { color: #90c6f7; }
	.navbar-default .menu-item > a:after { content: '\f138'; font-family: FontAwesome; font-weight: normal; font-style: normal; float:right; text-decoration:none; }
	.navbar-default .navbar-nav>li:last-child>a{ border-bottom: 0px solid #79a2a3; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: transparent; } 
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #ee2f25; }
	#actionRow { margin-top: 20px; }
	.carousel-caption h3 { margin: 0 0 50px 50px; font-size: 50px !important; line-height: 40px; text-shadow:none; letter-spacing: -3px; }
	.col-sm-7 {  } 
	#logos {}
	#logoRow { display: none; }
	img.alignleft, img.alignright { display: block; float: none; margin: 10px auto; max-width: 100%; }
	#copyright { text-align: center; }
	#copyright p.pull-right { margin: 10px 0; float: none !important; text-align: center; }
	
	.wpgmza_sl_main_div { overflow: hidden; }
	.wpgmza_map { height: 250px !important; }
	
	.sidebarContent { padding: 20px 15px; border-top: 1px solid #CCC; background: #f4f4f4; }
	#actionRow img {
		width: 100%;
		height: auto;
	}
  
}
  
  ul.companylogo li { display: inline-block; margin: 0; padding: 0; width: 49%; text-align: center; }


/* Phones */
@media (max-width: 550px) { 
	.carousel-caption h3 { margin: -20px 0 15px 50px; font-size: 35px !important; line-height: 25px; text-shadow:none;  } 

	#rotator .carousel-caption .btn-blue {
	    background: #161ac4 url(img/btn-bg.jpg) 50% 50% repeat;
	    padding: 2px 8px;
	    border-radius: 0px;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-weight: 300;
	    font-size: 18px;
	    margin-left: 65px;
	}
	#actionRow {
    margin-top: 0px;
}
	#actionRow img {
		width: 100%;
		height: auto;
	}
	#navRow {
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.navbar-default .navbar-brand {
	    position: absolute;
	    top: 4px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}
	#logos img {max-width: 150px; height: auto; margin: 10px;}
}