/* This is a custom stylesheet for freegas lander */
@import url(https://fonts.googleapis.com/css?family=Ruda:900|Permanent+Marker);
body {
	/*background-color: #8cac77;*/
	background-color: #fafafa;
}

header {
    height: 320px;
    padding: 0px;
    background-position: bottom center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/background_pattern.gif);
    background-repeat: repeat;
    padding: 0px;
}

.logo_header {
	background-image: url(../img/background.jpg);
    height: 320px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: top center;
   /* background-size: cover;*/
    margin-left: auto;
    margin-right: auto;
}

.top_gas_container{
padding-left:0px;
padding-right:0px;
}

.item {
	margin-bottom:40px;	
}

.reward_text {
	font-family: 'Ruda', sans-serif;
	font-size:1.1em;	
}

div.radio label img {
	margin-left:-20px;
	margin-bottom:10px;
	box-shadow:1px 2px 1px #333;
	border-radius:20px;
}

h3.featured {
	font-size:22px;
	font-family: 'Ruda', sans-serif;
	color:#fff;
	text-shadow:0 2px 1px #000;
	background-color: #ec1c21;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right:30px;
	padding-left: 48px;
	border-radius:100px;
	background-repeat:no-repeat;
	background-position:8px center;
	box-shadow:1px 2px 1px #333;
}

.pokeball {
	background-image:url(../img/gaspump_icon.png);
}

.gear {
	background-image:url(../img/gear_icon.png);
}

.instructions h2 {
	font-family: 'Ruda', sans-serif;
	color:#f01b20;
	text-shadow:0px 1px 1px #333;
}

.instructions dt {
	font-family: 'Permanent Marker', sans-serif;
	font-size:1.5em;
    color: #2570b9;
}

.instructions dd {
	margin-bottom:15px;
}

.img-thumbnail {
	padding:8px;	
}


/*///////////////////////////////
///START RADIO BUTTON STYLING ///
///////////////////////////////*/
.item input[type="radio"] {
	display:none;
}

.btn-radbtn, .btn-radbtn,
.btn-radbtn.hover, .btn-radbtn:hover, .btn-radbtn.active:hover, .btn-radbtn.focus, .btn-radbtn:focus, .btn-radbtn:active:focus, .btn-radbtn:focus:active,

.btn-radbtn.active.focus, .btn-radbtn.active:focus, .btn-radbtn.active:hover, .btn-radbtn:active.focus, .btn-radbtn:active:focus, .btn-radbtn:active:hover, .open>.dropdown-toggle.btn-radbtn.focus, .open>.dropdown-toggle.btn-radbtn:focus, .open>.dropdown-toggle.btn-radbtn:hover
 {
	background-color:transparent;
	border:none;
	color:#333;
	box-shadow:none;
}

.btn-radbtn.active, .btn-radbtn:active, btn-radbtn:focus, .btn-radbtn.active:hover {
	background-color:transparent;
	border:none;
	color:#333;
	box-shadow:none;
}

.btn-radbtn.active img.img-thumbnail, .btn-radbtn:active img.img-thumbnail, btn-radbtn:focus img.img-thumbnail, .btn-radbtn.active:hover img.img-thumbnail {
    background-color: #ffcb09;
    border-color: #ffcb09;
	color:red;
	
}

.btn-radbtn.active .reward_text, .btn-radbtn:active .reward_text, btn-radbtn:focus .reward_text, .btn-radbtn.active:hover .reward_text {
    color:red;
}

.top-buffer {
	margin-top:20px;	
}

.reward_text .glyphicon {
	display:none;	
}

.btn-radbtn.active .reward_text .glyphicon, .btn-radbtn:active .reward_text .glyphicon, btn-radbtn:focus .reward_text .glyphicon, .btn-radbtn.active:hover .reward_text .glyphicon {
	margin-right:5px;
    color:green;
	display:inherit;
}

/*///////////////////////////////
/// END RADIO BUTTON STYLING ///
///////////////////////////////*/

.prize_description {
	padding:0px 15px;
	max-width:300px;
	text-align:left;
	display:block;
	margin-right:auto;
	margin-left:auto;
}

footer {
	background-color: #eaeaea;
	padding:20px;
	border-top:solid 2px #333;
	margin-top:100px;
}


.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.table-middle tbody>tr>td{
    vertical-align: middle !important;
}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}