/*
Theme Name: starbase
Theme URI: http://underscores.me/
Author: Brian Staruk
Author URI: http://brian.staruk.me
Description: Simple, sassy and fun!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starbase
Tags: base, starter, bare
*/

.entry-content ul li a {
	color: #0095a8;
}

.entry-content p a {
	color: #0095a8 !important;
}
/*fixes back to category button*/
#primary.single .single-hero .sh-back {
    position: absolute;
    z-index: 10;
}
.site-header li#get-the-app a {
  padding: 0 15px;
}
#layerslider_4 .ls-bottom-slidebuttons a{width:14px!important;height:14px!important;border-radius:50%!important;border:1px solid white!important;background:transparent!important;margin-right:10px;}
#layerslider_4 .ls-bottom-slidebuttons a.ls-nav-active {background:white!important;}
#layerslider_4  .ls-bottom-nav-wrapper {top:-180px!important;}
#layerslider_4 .st1, #layerslider_4 .st2 {background-color:#ef5442;color:white;border:1px solid white;padding: 6px 25px;}
#layerslider_4 .st1:hover, #layerslider_4 .st2:hover , #layerslider_4 .st3:hover {background:white;color:#333;border:1px solid #333;}
#layerslider_4 .st3 {background-color:transparent;color:white;border:1px solid white;padding:6px 25px;font-size: 18px;}
#layerslider_4  .ls-nav-prev, #layerslider_4  .ls-nav-next {width:32px!important;height:71px!important;top:40%!important;    display: block!important;}
#layerslider_4 .ls-nav-prev {background-image: url("img/slider4arow.png");background-position:0 0;}
#layerslider_4 .ls-nav-next {background-image: url("img/slider4arow.png");background-position:0 0;-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);}

  /*GB Hero*/

  .hero-content-two .content {
    color: #FFF;
    text-align: center;
    padding: 140px 120px 120px 140px!important;
}
.hero-content-two h1 {font-size:72px;font-weight: 700;
    text-transform: uppercase;}
	.hero-content-two p {
    font-size: 16px;
    padding: 20px 140px 0;
    line-height: 25px;
}
.hero-content-two .gb-button.primary.colorbox-contact.business-modal.cboxElement {color:white;border-color: white;margin-top:40px;display:inline-block;}
.hero-content-two .gb-button.primary.colorbox-contact.business-modal.cboxElement:hover {text-decoration:none;}

/*pardot iframe - DV*/
#pardot-form body{
    padding: 0;
    margin: 0;
}

#pardot-form form#pardot-form.form {
  margin-top:0;
}

#pardot-form > p:nth-child(2){
  width: 100%;
  background: #0095a8;
  font-size:15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  text-align: center;
}

/* Blog Category changes - November 2019 */

	/* new font */
	/* @font-face {
	  font-family: 'icomoon';
	  src:  url('fonts/icomoon/fonts/icomoon2.eot?1xhlbl');
	  src:  url('fonts/icomoon/fonts/icomoon2.eot?1xhlbl#iefix') format('embedded-opentype'),
	    url('fonts/icomoon/fonts/icomoon2.ttf?1xhlbl') format('truetype'),
	    url('fonts/icomoon/fonts/icomoon2.woff?1xhlbl') format('woff'),
	    url('fonts/icomoon/fonts/icomoon2.svg?1xhlbl#icomoon') format('svg');
	  font-weight: normal;
	  font-style: normal;
	  font-display: block;
	}

	[class^="icon-"], [class*=" icon-"] {
	  /* use !important to prevent issues with browser extensions that change fonts
	  font-family: 'icomoon' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;

	   Better Font Rendering ===========
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	.icon-news:before {
	  content: "\e903";
	}
	.icon-shop:before {
	  content: "\e902";
	}
	.icon-wallet:before {
	  content: "\e900";
	}
	.icon-home2:before {
	  content: "\e901";
	}
	.icon-newspaper:before {
	  content: "\e904";
	}
	.icon-cart:before {
	  content: "\e93a";
	}
	.icon-coin-dollar:before {
	  content: "\e93b";
	}
	.icon-credit-card:before {
	  content: "\e93f";
	}
	*/
/*
.categories-grid-module .categories-grid-wrapper .categories-grid, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile {
	display:flex;
	justify-content: space-around;
}
.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item {
	display:block;
}
*/

/*
@media (min-width: 901px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid {
		display:flex;
	}
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item {
		display:block;
	}
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		display:flex;
	}
}
*/

/* safari fix */
.safari .categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
	font-weight: 500;
}


.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a .part {
	font-family:"Proxima Nova",Helvetica,Arial,sans-serif;
}

.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a {
	text-transform: none;
}


.categories-grid-module .cg-item a .part.icon {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;

	/* HIDING FOR NOW
	display:none !important; */
}
.categories-grid-module .cg-item a.cg-search .part.icon {
	margin-top:0;
}


.categories-grid-module .cg-item a .part.icon:before {
	/* width:30px; */
	font-size:1.45rem !important;
	margin-right:5px !important;
}

.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a.home .part.icon:before, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a.home .part.icon:before {
	/* content: "\e901"; */
	content:"";
	background:url(img/blog/05_Home.png);
	width:25px;
	height:25px;
	background-size:25px 25px;

  color: #163E69;
 /* font-size: 3rem; */
}
.post-preview .pv-header .pvh-cat.home {
	background:#163E69;
}
.post-preview .pv-header .pvh-cat.home:before {
	/* content: "\e901"; */
	content:"";
	background:url(img/blog/05_Home.png);
	width:25px;
	height:25px;
	background-size:25px 25px;
}

.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a.news .part.icon:before, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a.news .part.icon:before {
	/* content: "\e903"; */

	content:"";
	background:url(img/blog/06_News.png);
	width:22px;
	height:22px;
	background-size:22px 22px;

  color: #7c7f84;

}
.post-preview .pv-header .pvh-cat.news {
	background:#7c7f84;
}
.post-preview .pv-header .pvh-cat.news:before {
	/* content: "\e903"; */
	content:"";
	background:url(img/blog/06_News.png);
	width:22px;
	height:22px;
	background-size:22px 22px;
}


.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a.stores-and-stations .part.icon:before, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a.stores-and-stations .part.icon:before {
	/* content: "\e902"; */

	content:"";
	background:url(img/blog/02_Stores_Stations.png);
	width:25px;
	height:25px;
	background-size:25px 25px;

  color: #BD597A;
}
.post-preview .pv-header .pvh-cat.stores-and-stations {
	/* background:#BD597A; */
	background:#7c7f84;
}
.post-preview .pv-header .pvh-cat.stores-and-stations:before {
	/* content: "\e902"; */
	content:"";
	background:url(img/blog/02_Stores_Stations.png);
	width:25px;
	height:25px;
	background-size:25px 25px;
}
.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a.gas-prices .part.icon:before, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a.gas-prices .part.icon:before {
	/* content: "\e93b"; */

	content:"";
	background:url(img/blog/01_Gas_Prices.png);
	width:25px;
	height:25px;
	background-size:25px 25px;

  color: #0095a8;
}
.post-preview .pv-header .pvh-cat.gas-prices {
	/* background:#0095a8; */
	background:#7c7f84;
}
.post-preview .pv-header .pvh-cat.gas-prices:before {
	/* content: "\e93b"; */
	content:"";
	background:url(img/blog/01_Gas_Prices.png);
	width:25px;
	height:25px;
	background-size:25px 25px;
}
.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a.saving-money .part.icon:before, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a.saving-money .part.icon:before {
	/* content: "\e900"; */

	content:"";
	background:url(img/blog/03_Saving_Money.png);
	width:25px;
	height:25px;
	background-size:25px 25px;

  color: #139657;

}
.post-preview .pv-header .pvh-cat.saving-money {
	/* background:#139657; */
	background:#7c7f84;
}
.post-preview .pv-header .pvh-cat.saving-money:before {
	/* content: "\e900"; */
	content:"";
	background:url(img/blog/03_Saving_Money.png);
	width:25px;
	height:25px;
	background-size:25px 25px;
}
.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a.payments-loyalty .part.icon:before, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a.payments-loyalty .part.icon:before {
	/* content: "\e93f"; */

	content:"";
	background:url(img/blog/04_Payments_Loyalty.png);
	width:25px;
	height:25px;
	background-size:25px 25px;

  color: #f4b900;
}
.post-preview .pv-header .pvh-cat.payments-loyalty {
	/* background:#f4b900; */
	background:#7c7f84;
}
.post-preview .pv-header .pvh-cat.payments-loyalty:before {
	/* content: "\e93f"; */
	content:"";
	background:url(img/blog/04_Payments_Loyalty.png);
	width:25px;
	height:25px;
	background-size:25px 25px;
}
.categories-grid-module .categories-grid-wrapper .categories-grid-mobile {
	height:404px;
}
.categories-grid-mobile .cg-item a .part.icon:before {
	margin-right:15px !important;
}
.post-preview .pv-header .pvh-cat.hit-the-road, .post-preview .pv-header .pvh-cat.behind-the-wheel {
	background:#7c7f84;
}
#post-trio-slider .pts-slide .slide-content .slide-category a {
	background:#7c7f84;
}

/* Revised banner area */
.category-header {
position:relative;
margin-top:-10px;
}
.category-header .bg-overlay {
	width: 100%;
	height:100%;
    background-color: #006272;
		background-image:url(img/blog-banner.jpg);
		background-repeat:no-repeat;
		background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7;

}
.category-header h1 {
	font-size:30px;
	color:#fff;
/*	text-transform: uppercase; */
	font-weight: 700;
}
.category-header p {
	color:#fff;
}

/* Blog Banner */
.blog-banner {
	background:url(img/blog-banner.jpg) no-repeat center center;
	background-size:cover;
}
.blog-banner .wrapper {
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}
.blog-banner h1 {
	color:#fff;
	font-size:32px;
	text-align: left;
	margin:0;
	padding:20px 0 0;
	line-height: 1.25;
}
.blog-banner h1 span {
	font-size:40px;
	display: block;
	font-weight:700;
}
.category-wrapper {
	padding-top:25px !important;
	padding-bottom:25px !important;
	padding-left:15px !important;
	padding-right:15px !important;
}
@media (min-width: 350px) {
	.blog-banner h1 {
		font-size:34px;
	}
	.blog-banner h1 span {
		font-size:45px;
	}
}
@media (min-width: 768px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a .part, .categories-grid-module .categories-grid-wrapper .categories-grid-mobile .cg-item a .part {
		/* when there are no icons */
		 /* padding:0 30px; */
	}
	.blog-banner .wrapper {
		padding-top:20px;
	}
	.blog-banner h1 {
		font-size:40px;
	/*	padding:100px 0; */
	}
	.blog-banner h1 span {
		font-size:50px;
	}
}
@media (min-width: 992px) {
	.blog-banner h1 {
		font-size:45px;
	/*	padding:140px 0; */
	}
	.blog-banner h1 span {
	/*	font-size:70px; */
	}
}
@media (min-width: 1200px) {
	.blog-banner .wrapper {
		padding-top:25px;
	}
	.blog-banner h1 {
		font-size:50px;
	/*	padding:160px 0; */
	}
	.blog-banner h1 span {
	/*	font-size:80px; */
	}
}


@media (max-width: 899px) {
	.news span.icon {
		margin-right:3px !important;
	}
}
/* category consistent width */
@media (min-width: 900px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 10px;
	}
}
@media (min-width: 950px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 14px;
	}
}
@media (min-width: 1000px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 17px;
	}
}
@media (min-width: 1050px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 20px;
	}
}
@media (min-width: 1100px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 24px;
	}
}
@media (min-width: 1150px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 28px;
	}
}
@media (min-width: 1175px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 30px;
	}
}
@media (min-width: 1200px) {
	.categories-grid-module .categories-grid-wrapper .categories-grid .cg-item a {
		padding:0 24px;
	}
}

/* hiding loading button */
.loading-screen {
	display:none !important;
}

/* Hiding border on top ad banner */
.top-ad-container {
	border-bottom:0;
}

/* Responsive Videos */
.embed-wrapper {
	width:560px;
	max-width:100%;
	margin:0 auto;
}
.embed-container {
	margin:30px auto;
	/* width:560px; */
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }


/* CF7 Form Styling */
.modal-content .wpcf7 {
	margin:30px auto;
	padding:0 15px;
	max-width: 450px;
	text-align: left;
}
.modal-content .wpcf7 h3 {
	color:#0097A9;
	font-weight: bold;
	font-size:1.5em;
	margin-bottom:15px;
}
.modal-content .form-intro {
	margin-bottom:30px;
}
.modal-content .form-intro p {
	line-height: 1.3;
}
.modal-content .wpcf7 label {
	display: block;
	margin-bottom:15px;
	text-align: left;
}
.modal-content .wpcf7 p {
	text-align: left;
}
.modal-content .wpcf7 label span.form-label {
	/* font-weight: bold; */
	margin-bottom:5px;
	display: block;
	font-weight:600;
}
.modal-content .wpcf7 label span.required {
	color:#ee5340;
}
.modal-content .wpcf7 .wpcf7-text, .modal-content .wpcf7 .wpcf7-textarea {
	border:1px solid #0097A9;
	border-radius: 5px;
	width:100%;
	padding:5px;
}
.modal-content .wpcf7 .wpcf7-text:focus, .modal-content .wpcf7 .wpcf7-textarea:focus {
	border-color:#ee5340;
	outline: none;
}
/* class applies to select element itself, not a wrapper element */
.modal-content .wpcf7 .wpcf7-select {
  display: block;
  font-size: 16px;
  font-family: sans-serif;

  color: #444;
  line-height: 1.3;
  padding: 5px;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border:1px solid #0097A9;
	border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference

  */
	background-image: url(img/red-arrow.svg);
    background-repeat: no-repeat,repeat;
    background-position: right .7em top 50%,0 0;
    background-size: 20px auto,100%;
}
/* Hide arrow icon in IE browsers */
.wpcf7-select::-ms-expand {
  display: none;
}
/* Hover style */
/* .wpcf7-select:hover {
  border-color: #888;
} */
/* Focus style */
.wpcf7-select:focus {
  border-color:#ee5340;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */

  color: #222;
  outline: none;
}

/* Set options to normal weight */
.wpcf7-select option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .wpcf7-select, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.wpcf7-select:disabled, .wpcf7-select[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.wpcf7-select:disabled:hover, .wpcf7-select[aria-disabled=true] {
  border-color: #aaa;
}

.modal-content .wpcf7 .wpcf7-submit {
	background:#0097A9;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	border:0;
	padding:12px 30px;
	cursor: pointer;
	border-radius: 10px;
}
.modal-content .wpcf7 .wpcf7-submit:hover, .modal-content .wpcf7 .wpcf7-submit:active {
	background:#ee5340;
	color:#fff;
}
.modal-content .wpcf7-not-valid-tip {
	margin-top:5px;
	display: block;
}
.modal-content .wpcf7-response-output {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-top:7px;
	padding-bottom:7px;
	border-radius: 5px;
}
.modal-content div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border-color:#ee5340 !important;
}

.grecaptcha-badge {
	display: none;
}