/*
Theme Name: Engage Child
Theme URI: http://themeforest.net/user/Veented
Description: Multi-Purpose WordPress Theme
Version: 1.8.0
Author: Veented
Author URI: http://themeforest.net/user/Veented
Template: engage
*/


/* Your code goes below! */
@import url("https://use.typekit.net/gzi7sdi.css");
@import url('https://fonts.googleapis.com/css2?family=Squada+One&display=swap');
@font-face 
{
    font-family: uniform;
    src: url(https://mfaoil.wpengine.com/wp-content/themes/engage-child/font/uniform/uniformcondensed-bold-webfont.woff);
	font-display: swap;
}

@media screen and (min-width: 1900px) {
	.home-sections {
		margin-left: 0px;
		margin-right: 0px;
	}

}

/************** Opt In Banner **************/

h3.termstitle {
    background: #ffffff !important;
}

.tbrightcontent {
    height: 265px;
}

.tthebutton {
    width: 100% !important;
}

.termsdecline {
	font-size: 16px;
	border:none;
	font-weight: bold;
	margin-left: initial !important;
}

.termsagree {
	border:none;
	text-transform: capitalize !important;
}

.tbrightcontent {
	border-radius: 15px; !important;
}

/************** Opt In Banner **************/

.learn-more {
	
	bottom:20px;
	left: 0;
	right: 0; 
  position:absolute;
	
}
/* Caption*/
.page-content .alignright{
	text-align: justify; 
	
}
.wp-block-image{
	margin: 0px auto;
}

.size-full 
{
	max-width: 2000px;	
}

.size-large 
{
	max-width: 1024px;	
}

.size-thumbnail 
{
	max-width: 150px;	
}

.size-medium 
{
	max-width: 300px;	
}


.wp-block-image img {
	width: 100%;
}


figcaption {background: #efefef; padding: 10px; font-size: 15px;line-height: 20px;}

.wp-block-image figcaption{
	margin-top: 0px
}

/*Core style that breaks video*/
.wp-block-cover__video-background {
	height: auto;
	/*max-height: 100%*/ 
}

.wp-block-cover, .wp-block-cover-image {
	overflow: hidden;
}


.bill-pay {
	background: green
}

	.credit-btn {
		background:#9C1C32
}

.wp-block-coblocks-column {
	height: inherit
}
#header-widget-area {
	background-color:#9d000b;
	width: 100%;
	padding: 5px 0px
	
}
.p-uses-empty-spacer {width:100%}
.p-use-block{ border: 1px solid #fff; background: #fff !important; }

.p-use-block .has-medium-margin { 
	margin-top: 0px
}
.p-use-block:hover{ 
  box-shadow: 10px 5px 7px #ccc;
  border-radius: 10px;
  border: 1px solid #9D000B

}

.sales-search  {
	justify-content: center
}

.alert-widget p, .alert-widget strong, .alert-widget a{
	color:#fff !important;
	font-size: 13px;
}

.alert-widget a{
	text-decoration: underline !important;
	font-weight: normal !important
}

#logo a img {
	height:80px !important;
}

.wp-block-cover__video-background {
	height: auto
}

.ab-button:hover {
    background-color: #909090 !important;
}

body 
{ 
	min-width: 320px;
	color:inherit;
}
.post-archive {
	display: flex;
	flex-wrap: wrap;
	margin:30px 0px;
}

.post-image { 
width:200px;
height: auto;
max-height: 200px;
border-radius: 10px;
margin-right: 20px;
overflow: hidden

}

.pagenation{
	width: 100%;
}

.post-image img {
	border-radius: 5px
}
.posts-detials {
	width:70%
}
.profile { 
	text-align: center

}

::selection {
  background: #1c4e9c;
	color: #fff;/* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #1c4e9c; /* Gecko Browsers */
		color: #fff;
}
#header.header-not-sticky { position: relative !important; top: inherit !important}
h1, .page-content h1 
{
	 font-family: uniform;
	line-height: 120%;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
}


h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 
{
	font-family: "stevie-sans", arial !important;
	line-height: 120%;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
}
h1, h1.entry-title 
{
	font-size: 35px;
}

h2, .h2 
{
	font-size: 30px;
	color: #000!important;
	font-weight: 800;
}

h3, .h3 
{
	font-size: 28px;
	color: #3B4C5B !important;
	font-weight: 800;
}

h4, .h4 
{
	font-size: 25px;
	color: #3B4C5B !important;
	font-weight: 500;
}

h5, .h5 
{
	font-size: 23px;
	color: #000 !important;
	font-weight: 500;
}

h6, .h6 
{
	font-size: 20px;
	color: #555555!important;
	font-weight: 500;
}

/* TYPOGRAPHY: PARAGRAPHS
==========================================  */
p 
{
	font-size: 15px;
	color:#555555;
	margin:0 0 20px 0;
	line-height: 140%;
}

p, li, a, span, label, input 
{
	font-family: "stevie-sans";
}
p a { 
	text-shadow:none; 
}

strong {
	color: inherit
}
/* LINKS: Change the colors of your links here.  These will change he navigation as well.
* To override these color in navigation change the colors in the style-tablet.css file.
==========================================	*/

a, a:link, a:visited 
{
	color: #1C4E9C;
	text-decoration:none; 
	font-weight: 600;
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
a:hover, a:active, a:focus
{
	color: #82AFD7;
	font-weight: 600;
	text-decoration:none; /* change to none if you don't want links to be underlined wehn hovered */
}


/* LIST STYLES
==========================================  */

ol, ul 
{
	margin:0 0 20px 0;
	padding:0;
	font-size: 16px;
	line-height: 140%;
}
ul 
{
	list-style-type: none;
	list-style-position:outside;
}
ol 
{
	list-style-position:outside; 
}
li ol, li ul 
{
	margin:10px 0 10px 30px;
	padding:0;
}
li 
{
	margin:10px 0 10px 30px;
	color: #555555;
}
#main-content { 
	max-width:2000px; 
	margin:0px auto;
	min-width: 320px}
#main-menu li, #footer-main li 
{
	margin:0px;
}

.content-details h4 {
	color:#fff !important;
	text-align: center !important;
	font-size: 18px !important
}

.content-details p{
	font-size: 16px
} 

.content-details {
	min-height: 200px !important;
}
.content-details a {
	font-weight: normal !important;
	text-decoration: underline !important;
	font-size: 14px
}
#footer input[type="email"], #footer input[type="email"]:focus {
	background-color: #fff;
	color: #1C4E9C;
	padding: 0px 5px
}
#footer p {
	margin:0px;
	padding:5px 0px;
	font-weight: bold !important;
	font-size: 13px
}
#mc_embed_signup div.mce_inline_error {
	font-size: 13px
}
#footer-main label {
	font-size: 14px; 
}

ul li 
{
	list-style-image: url("images/bullet-3.png");
}

sup {font-size: 50%; top: -.50em}
.alignwide 
{
  /* Set these margins to work with your own theme. */
  margin-left: 0;
  margin-right: 0;
  max-width: 100vw;
	max-width: 2280px;
}

.alignfull 
{
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 2280px;
  min-width: 320px
}

.hero 
{ 
	min-height: 700px !important;
	
}

.hero-play { color: #82AFD7 !important}
.hero-play:hover { color: #1c4e9c!important}

.header-style-top-logo .main-nav.bottom-nav #main-menu { 
	display: flex;
	float: none;
}

.main-nav.bottom-nav #main-menu > ul {
	width:inherit
}

.header-image 
{
		min-height: 400px; 
		margin-bottom: 30px !important;
}
.header-image h1 
{
	font-size: 58px; 
	padding: 30px 0px;
}

.profile {
	text-align: center;
	padding: 30px 0px 0px 0px
}

.archive h2 {
	padding-bottom: 20px
}

.profile-description { font-size: 14px; font-weight: bold}

.profile-container{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0px auto;
	padding-bottom:30px;
	 justify-content:flex-start
	
}

.profile-post {
	width: 270px;
	padding:20px

}


.sidebar { float:right}
.profile-post h3 {
	font-size: 18px;
	margin: 10px 0px 0px 0px
}

 .widget_archive ul {
	font-size: 15px !important
}

.widget_archive a {
	padding: 0px !important; 
	
}
.thumb {
	width: 250px;
	height: 328px;
	overflow: hidden;
	border-radius: 10px 10px 10px
}

.thumb-profile img {
	width: 250px;
	height: 300px;
	overflow: hidden;
	border-radius: 10px 10px 10px
	
}
.thumb img {
	min-height: 328px; 
	width: auto
}
.page-without-vc .section-page > .container 
{
	padding: 0px;
	/* width: 100% */
}

#wrapper
{ 
	background-color: #F3F3F9;
}

.content-below-header > .section-page {
	padding-top: 0px;
}

.btn.btn-hover-accent:hover 
{ 
	background-color: #82AFD7 !important;
	border: #82AFD7;
}
.mfaoil-btn 
{ 
		font-family: "uniform", arial !important
}
.mfaoil-call 
{
		font-family: "uniform", arial !important
}
.mfaoil-call.btn.btn-hover-accent:hover
{
	background-color: #82AFD7 !important;
	border: 2px solid;
	border-color: #82AFD7 !important
}
nav 
{
	float:left;
}
#topbar {height: 30px}
#topbar { line-height: 0px;}
#topbar .topbar-menu > div > ul > li 
{
    margin: 0 !important;
}

#topbar .topbar-menu > div > ul > li:hover 
{
    background: #82afd7 ;
}

#topbar .topbar-menu > div > ul > li:last-child {
	border-right: none;
}

.topbar-mobile #topbar {padding:0px !important}
.topbar a:hover 
{
    color: #ffffff !important;
}

#topbar .topbar-menu > div > ul > li {
	line-height: 30px;
	border-left: none;
	height: 30px
}

#main-menu > ul > li:first-child > ul, .main-menu > ul > li:first-child > ul 
{
    margin-left: 0;
}
#mobile-nav .dropdown-menu
{
	background:none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#main-menu ul ul ul, .main-menu ul ul ul {
	left: 190px;
}
.mobile-nav a span 
{
	color: #ffffff;
	font-weight: bold;
}
.mobile-nav ul li ul li a span 
{
	font-weight: normal;
}
.mobile-nav li 
{ 

	list-style: none;
	margin-left: 0px;
}
.mobile-nav li ul 
{
	margin: 0px;
	padding: 10px;
	
}

.propane-uses img, .p-uses-empty-spacer {
	width: 100%;
	max-width: 530px
}



.frm_fields_container {
	width: 70%;
	margin:0px auto;
}
.search-main 
{
	float: right;
}
input.search, input[type=search] 
{ 
	margin:10px auto;
	color: #1C4E9C;
	width: 90%;
	height: 35px;
	background: #ffffff;
}
.current_page_item .menu-item-has-children
{
	margin: 0px; 
	padding: 0px;
}

.search-button 
{
	
    padding-right:0px;
    padding-top: 10px;
}

.store-search {
	display: flex;	
}
.wp-block-media-text .wp-block-media-text__content 
{
	padding: 0px 20%
}
.content-block 
{
	padding:10px 15% !important
}
.fuel .item img
{
	width: 30%; border-radius: 15px 15px 15px;
}

.mfa-flip a
{ 
	color: #EC1248;
}

.footer-main.footer-dark .widget .widget-title 
{
    color: #82AFD7 !important;
}


.page-with-vc .page-layout-no_sidebar > div > .row 
{ 
	margin: 0px
}

.page-width-stretch_no_padding .page-content 
{ 
	padding: 0px
}

.brand-container {
	display: flex;
	flex-wrap: wrap;
	width: 80%; 
	margin:0px auto
}

.brand-image {
	width: 120px;
	margin: 0px auto;
	padding-bottom: 30px; 

}

.footer-map-search{
	background-color: #82AFD7; 
	padding: 30px 0px
}

.footer-search-container {
	width: 700px; 
	margin: 0px auto; 
} 


.footer-map-search h4 {
	padding:0px;
	margin:0px 10px 0px 0px; 
	font-family:uniform, arial !important; 
	font-size: 2em;
	text-align: center;
	color: #fff !important;
}

.store-finder { padding: 3px;
margin: 0px}

.footer-search-container input {
	width: 200px;
	margin: 0px;
}

.footer-search-container #search-btn {
	margin: 0px;
	width: 120px;
	padding: inherit
}

.footer-search-container {
	display: flex;
	flex-wrap: wrap
}

	/* GLOBAL
==========================================  */
.divider 
{
	margin: 30px auto;
	border-bottom: 3px solid #82AFD7;
	clear: both;
	display: block;
	float: none;
	max-width: 100%; 	
}

blockquote, .page-content .wp-block-quote 
{
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 0px;
    padding: 0 5% 0px 25px;
    border-left: 3px solid #9D000B;
    position: relative;
}

.page-content blockquote p:before, .page-content blockquote p:after 
{
    display:none;
}

.wp-block-image img 
{
	border-radius: 15px;
}

.page-title-wrapper .page-title-bg, #page-title.page-title-with-bg + section.section-page 
{
	max-width: 2000px;
	margin: 0px auto;
	
}

#page-title.page-title-with-bg 
{
	background-color: #F3F3F9 !important;
}

/* PAGEBREAK STYLES
======================================== */
.pagebreak {
	padding: 50px 0;
	background: #EFEFEF;
	max-width: 2000px;
	margin: 0px auto;
}

.pagebreak_white {
	padding: 50px 0;
	background: #fff;
}

.pagebreak:after, .pagebreak_white:after 
{
	display: block;
	content: '';
	width: 100%;
	height: 0;
	clear: both;
}
.pagebreak_left, .pagebreak_right, .pagebreak_white 
{
	padding: 0;  
} 
.pagebreak_fix, .pagebreak_white_fix 
{
	padding: 50px 0;
	max-width: 2000px;
	margin: 0px auto;
	background: #ffffff;
}
.pagebreak_fix:first-child, .pagebreak_white_fix:first-child 
{
	padding-top: 0;
}

.pagebreak_right_content, .pagebreak_left_content, .pagebreak_white_content 
{
	padding: 50px 25px;
}

.pagebreak .pagebreak_left_img, .pagebreak .pagebreak_right_img, .pagebreak_white_img 
{
	max-height: 250px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.pagebreak_wide 
{
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	position: relative;
	max-width: 2000px;
	margin: 0px auto;
}
.pagebreak_wide .pagebreak_wide_inner 
{
	padding: 60px 5%;
	width: 100%;
	margin:0 auto;
	z-index: 99999;
	position: relative;
}

.pagebreak_wide p, .pagebreak_wide h2, .pagebreak_wide h3, .pagebreak_wide h4, .pagebreak_wide h5, .pagebreak_wide h6, , .pagebreak_wide li 
{
	color: #fff !important;
	text-shadow: 0 0 5px #335a76, 0 0 10px #335a76;
	opacity: 1;
}

.pagebreak_wide:after 
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background: rgba(107,142,173,.65);
	z-index: 9;
	top: 0;
}

.pagebreak_wide a, .pagebreak_wide a:link, .pagebreak_wide a:visited 
{
	color: #fff;
	text-shadow: 0 0 5px #335a76, 0 0 10px #335a76;
	opacity: 1;
	font-weight: 400;
	text-decoration: underline;
}

.pagebreak_wide a:hover, .pagebreak_wide a:active 
{
	text-shadow: 0 0 5px #335a76, 0 0 10px #335a76;
	opacity: 1;
	text-decoration: none;
}

.pagebreak_wide a.btn-mayecreate.large, .pagebreak_wide a.btn-mayecreate.large:hover 
{
	text-shadow: 0 0 0;

	text-decoration: none;
}


.contain 
{
	background-size: contain !important;
}

	/* TYPOGRAPHY: HEADINGS
==========================================  */
.page-header 
{
	margin-top: 0; 
	border-color: transparent;
}



.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details p 
{
	color: #fff;
	text-align: center;
}

.cool-timeline-horizontal .content-title 
{
	display: none;
}

.cool-timeline-horizontal .full-width img.story-img 
{
	min-height: 270px;
	max-height: 270px;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li .ctl-story-time:after 
{
	background: #9D000B;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li span.ctl-story-time {
  font-weight: bold !important;
}

.noline 
{
	text-decoration: none !important;
}

.wp-block-kadence-tabs .kt-tabs-title-list li 
{
	font-size: 16px;
}

.logo-dark 
{
	margin:inherit !important
}

#logo a img {
	top: 20%;
}

.main-menu ul li span 
{ 
		font-weight: bold;
}

#header
{ 
	margin: 0 auto;
}

.header-extra-text a
{ 
	font-size: 1.5em;
	font-weight: bold;
	color:#1c4E9C;
}

.posts h1 {
	margin-bottom: 30px
}

.post-holder h1 {
	margin-top: 20px
}
.post-holder {padding-top: 20px;}

.post-holder .store-header { margin-top: 0px}

.blog-style-left_image .post-no-media .post-info {width: 100%}

.post-holder .post-more, .post-more
{
	color: #82AFD7;
	font-weight: bold;
	font-size: 18px;
	display: inline-block
}
.post-holder .post-more:hover, .post-more:hover 
{
	color:#1c4E9C;
}

.post-meta li {
	margin: 0px	;
	font-size: 15px;
	font-style: italic
}

.header-extra-text 
{ 
	background-image: url(https://mfaoil.wpengine.com/wp-content/themes/engage-child/images/phone.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 23px;
}

.mobile-header 
{
		display: none;
}

.bottom-nav-wrapper 
{
		background-color:#82AFD7; 
}
.topNav
	{	 
		color: #fff;
		text-align: right;
		background: #1C4E9C;
		padding-right: 20%
	}
.topNav li {
	display: inline;
}
.topNav a 

{
font-size: 15px;
	color: #fff;
	
}
.topNav a:hover{
	color:#82AFD7;
}
#topbar .topbar-right > div 
{
	font-family: arial;
}
.header-style-top-logo .main-nav #main-menu > ul > li:first-child > a
{
	padding-left: 0; 
}

.bottom-nav #main-menu > ul > li > a 
{ 
	height: 55px;
	text-shadow: 2px 1px 2px #807272; 
	font-size: 1em;
}

.bottom-nav-wrapper li ol, li ul 
{
	margin:10px 0 10px 30px;
	padding:0;
}

.header-light #main-menu > ul > li > a 
{
	padding: 0px 25px;
}

.main-nav.bottom-nav .main-nav-wrapper 
{
	height: 120px; 
}

.hero-heading,
#page-title.page-title-with-bg h1, .wp-block-cover__inner-container h1
{
	text-shadow: 2px 2px 4px #333;
	font-family: uniform;
	color:#fff !important;
}
.page-content .store-header {
	text-shadow: none;
	
}

.page-title-with-bg.title-align-center h1,
.page-title h1
{ 
	font-size: 58px;
	line-height: 1.2em;
}

/* MAYECREATE BUTTONS: From Shortcodes
==========================================  */
.callout, .homecallout 
{
	/*background-color: #efefef;
	background: rgb(255,255,255, .6);*/
	background-color: #ffffff;
    border: 1px solid #ACACAC;
    border-radius: 10px;
    /*padding: 20px 20px 0px 20px;*/
  
	margin: 10px auto;
	font-weight: 800;
	display: block;
	margin-bottom: 60px;
}

.homecallout {
	margin-bottom:0px
}

.homecallout h5 {
	color: inherit!important;
}

.homecallout .credit {
	text-align:center;
	font-size: 60px
}

.homecallout .credit h5:hover{
	color: red;
}


.mono-background-overlay{
	background: #efefef;
	background: rgb(255,255,255, .6);
	border-radius: 20px;
}

.sidebar {
	background: rgb(255,255,255, .8);
}

.homecallout img 
{
	border-radius: 10px;
	height: auto;
}

.homecallout p {
	padding: inherit
}

.callout:hover, .homecallout:hover 
{
    border: 1px solid #9D000B;
	box-shadow: 0 0 20px #D9DCF2;
}

.callout:hover, .homecallout .prebuy:hover {
  border: 1px solid pink !important
}

 #page-content .prebuy h3 {
	padding: 0px 0px 20px 0px
} 

a .callout .callouttext, a .homecallout .homecallouttext 
{
    color: #707070;
	text-decoration: none !important;
	border-bottom: none !important;
	font-weight: 800;
	padding-top: 15px;
}

a .homecallout .homecallouttext 
{
	font-size: 18px;
	font-size: 1.8rem;
}

a:hover .callout .callouttext, a:hover .homecallout .homecallouttext 
{
    color: #555555;
	text-decoration: none !important;
	font-weight: 800;
}

.callout .linktext, .homecallout .linktext 
{
    color: #1C4E9C;
	text-decoration: none;
	font-weight: 800;
}

a:hover .callout .linktext, a:hover .homecallout .linktext 
{
    color: #82AFD7;
	text-decoration: underline;
	font-weight: 800;
}

.btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited 
{
	color:#ffffff !important; 
	box-shadow:none;
	border-radius: 10px;
    font-weight: 600;
	display: table;
	padding: 11px 20px;
	text-align: center;
	line-height: 120%;
	max-width:600px;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 20px
}

a.btn-mayecreate:hover, a.btn-mayecreate:active, a.btn-mayecreate:focus, .wp-block-button a:hover, .wp-block-button a:active, .btn-mayecreate:hover 
{
	border-radius: 10px !important;
    color: #fff !important;
	text-decoration: none;
}

.wp-block-button.aligncenter 
{
	display: table;
	margin-bottom: 0;
}


a.btn-mayecreate.large.red-btn 
{
	font-size: 15px !important;
	font-size: 1.5rem !important;
	padding: 11px 25px !important;
	background-color: #9D000B !important;
	border: 1px solid #9D000B;
}

a.btn-mayecreate.large.red-btn:hover 
{
	background-color: #1c4e9c !important;
	border: 1px solid #1c4e9c !important;	
}

.littlebtn, a.littlebtn:link, a.littlebtn:visited 
{
	color:#ffffff !important; 
	box-shadow:none;
	background-color: #82afd7 !important;
	border-radius: 10px;
    font-weight: 600;
	border: 2px solid #82afd7 !important;
	display: table;
	padding: 11px 20px !important;
	text-align: center;
	line-height: 120%;
	max-width:550px;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0 0 0 !important;
}

a.littlebtn:hover, a.littlebtn:active, a.littlebtn:focus, .btn.btn-hover-accent:hover 
{
	border-radius: 10px !important;
    color: #fff !important;
   	background-color: #909090 !important;
    border-color: #909090 !important;
    padding: 11px 20px !important;
}

.outlinebtn, a.outlinebtn:link, a.outlinebtn:visited 
{
	color: #ffffff; 
	box-shadow:none;
	background-color: #3b4c5b;
	border-radius: 10px;
	font-size: 15px;
    font-weight: 600;
	border: 2px solid #ffffff ;
	display: table;
	padding: 11px 20px;
	text-align: center;
	line-height: 120%;
	max-width:350px;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
}

a.outlinebtn:hover, a.outlinebtn:active, a.outlinebtn:focus 
{
	background-color: #82afd7 !important;
    border-color: #82afd7 !important;
}

.btn i 
{
    margin-left: 5px;
    vertical-align: middle;
    font-size: 18px;
}

.btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited, .wp-block-button.large a:link, .wp-block-button.large a:visited 
{
	font-size: 12px;
	font-size: 1.2rem;
	display: table;
}

.propane_btn 
{
	background: url("images/BOSS-Red-Diesel.jpg") center 25px no-repeat;
	background-size: 120px;
	content: '';
	display: table;
	padding: 75% 25px 25px 25px;
	margin:0 auto 20px auto;
	text-align: center;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}

.propane_btn:hover 
{
	background: url("images/BOSS-Clear-Diesel.jpg") center 25px no-repeat;
	background-size: 125px;
	text-decoration: none;
}

.propane_btn h3 
{
	color: #1C4E9C;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}

.propane_btn:hover h3 
{
	color: #82afd7;
}



.center 
{
	margin: 0 auto !important;
}

.block 
{
	display: block !important;
}

.smooth-hover 
{
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}



/* MAYECREATE BUTTONS: From Shortcodes END  */

/* CONTACT BUTTON IN FOOTER
======================================*/
.footer-width 
{
	max-width: 185px !important;
	padding: 11px 12px !important;
}
/* END CONTACT BUTTON IN FOOTER */

.btn
{
	text-transform:none;
}

.column-breaker 
{ 
	border-right: 1px solid #82afd7
}

.btn.btn-outline.btn-white
{ 
	font-family: "stevie-sans";
	background-color:#9D000B;
	border:none;
	border-radius: 10px 10px 10px;
	font-size: 1.5em; 
}

.btn-align-center 
{ 
	margin: 40px;
}

.btn, .wpcf7-submit, body a.button, body .button, #respond #submit 
{
  font-size: 20px;
}

input[type="submit"], .littlebtn 
{
    font-size: 16px;
}

.hero-btn.hero-btn2 
{
		color:#fff;
		font-family: "stevie-sans";
		border-radius: 10px 10px 10px;
		background: none !important;
		font-size: 1em;
		border: 2px solid #fff !important;
		padding: 12px 28px; 
}



.btn.btn-outline.btn-white:hover 
{ 
		color:#ffffff !important; 
		box-shadow:none;
		background-color: #1c4e9c !important; 
}

 .hero-btn.hero-btn2:hover  
{
	    color:#EC1248 !important; 
		box-shadow:none;
		text-shadow: none;
}

#wrapper .btn.btn-shadow
{
	border-radius: 10px;
    color: #fff;
	font-weight: 600;
}

#wrapper .btn-text 
{
    border-radius: 10px !important;
    color: #fff !important;
	background-color: #1c4e9c !important;
	padding: 11px 20px !important;
}

#wrapper .btn-text:hover
{ 
	border-radius: 10px !important;
    color: #fff !important;
	background-color: #EC1248 !important;
	border-color: #EC1248 !important;	
    padding: 11px 20px !important;
}



.mfaoil-call:hover 
{
	background-color:#82AFD7; 
	font-family: "union-condense";
} 

.btn.btn-shadow
{
    box-shadow: none !important;
}

.hero-subtitle 
{ 
	font-weight: bold;
	text-shadow: 2px 2px 4px #333;
}

.copyright a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline
}
#footer-main p 
{ 
	line-height: 20px;
}

.widget input[type="submit"]
{ 
	margin: 10px 0px;
    text-transform: none;
    padding: 5px;
    float:left;
    width: 60%;
}

.widget.engage_widget_menu ul > li > a
    
{ 
	padding-top:0px !important;
	padding-bottom:0px;
}

.vntd-social-icons a 
{
	border-radius: 100px;
	border: 1px solid #FFF;
}

.widget.engage_widget_menu ul > li > a 
{ 
	padding-left:0px;
}

.widget.engage_widget_menu ul > li > a:before 
{
	content:none;
	margin-left:0px;
	padding-left:0px;
}

.subcribe-footer 
{
	display:flex;
}

.subscribe-logo 
{
	flex-direction: row;
}

.subscribe-form 
{
	flex-direction:row;
			width: 50%; 
}

.subscribe-btn input, .littlebtn 
{ 
	background-color:#82AFD7 !important;
	color:#fff !important;
	border: none !important;
	padding: 10px 15px !important;
	font-weight: 400;
} 
.subscribe-btn input:hover, .littlebtn:hover 
{ 
	background-color:#fff !important;
	border: none !important;
	color:#82AFD7 !important;
		padding: 10px 15px;
	font-weight: 400;
}

.center-column-3 { 
	border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF 
}

#footer-main p,
#footer-main li a,
#footer-main label,
#footer-main p  
{ 
	font-size: 15px !important;
}

.row 
{
	display:flex;
    flex-wrap: wrap;
    justify-content: normal;
}

#footer .lists-no-separators .widget ul li, #footer-main label 
{
	line-height: 25px;
	list-style: none;
}

#footer .footer-widget .widget-title
{ 
		font-size: 18px !important;
		font-family: uniform, arial
}

#footer input[type="text"] 
{ 
	color: #1C4E9C;
	background: #ffffff !important;
	font-size:16px;
}

#footer-main .row .col-lg-4 
{
	width: 15%;
}

.topnav-mobile 
{
	display: none 
}

#wpcontent .ef-icon:before,
.engage-icon-icon:before,
.dashicons-admin-engage:before 
{
	color: #fff; 
}

.flex-container 
{  display:flex;
	flex-wrap: wrap;
	width: 100%; 
}

.thumbnail-left 
{
	flex: 1;
    margin-bottom: 15px;
    flex-flow: row wrap;
}

.content-left 
{ 
	flex:5;
 	margin-bottom: 15px;
}
/*.flex-grid 
{
	display: flex
}*/
.col 
{ 
	flex: 1; margin-right: 10px;
}

.post-date 
{ 
	font-size: 14px;
	font-style: italic
}

.mobile-hide 
{
	display: none;
}

/* BUTTONS */
.red-btn a 
{
	background-color: #9d000b; 
	border:1px solid #9d000b;
	margin: 20px 0px;
}

.red-btn a:hover 
{ 
	background-color: #1c4e9c;
	border: 1px solid #1c4e9c;
}
.blue-btn a 
{
	background-color: #1c4e9c; 
	border:1px solid #1c4e9c;
	margin: 20px 0px;
}

.blue-btn a:hover 
{ 
	background-color:#9d000b;
	border: 1px solid #9d000b ;
}

.wp-block-cover h2 
{
	max-width: inherit
}
/*Map Store Page */
.map {
        height: 380px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }
#map
{
	height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}


.results-container-scroll {
	display: none;
}

.store-container 
{
	display: flex;
	flex-wrap: wrap;
}
.store-container h3 
{
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	text-align: left;
	
}
.store-container h2, .store-container h1
{
	text-align: center;
}
.store-container h4 
{
	
	margin: 0px;
	font-size: 1em;
	padding: 20px 0px 10px 0px;
	
}
.store-container ul 
{
	padding: 0px
}
.map-left {
	flex: 1.25;
	padding-left: 20px;
}
.map-left h4 
{
	clear: both
}

.map-center
{
	flex: 1.25;
	padding-right: 20px;
		
}


.feature-image 
{
	 width: 300px;
    margin-left: auto;
    margin-right: 0px;
    padding: 20px 0px;
}
.map-right 
{
	flex: 1
}
.more-filters { display:none;} 
.more-filters-col ul { display: flex; width:400px; flex-wrap: wrap }

.more-filters-col li:nth-child(even){
	flex: 1 50%;
}
.more-filters-col li:nth-child(odd){
	flex: 1 50%; 
}	


.day 
{
	flex: 1 40%
}

.day p {
	color: #82AFD7;
	font-weight: bold
}
.time 
{ 
	flex:1 60%
}
.time p {
	line-height: inherit;
	font-size: 17px
}
.map-right p 
{
	margin: 0px;
	font-size: 17px;
	line-height: inherit;
}
.hour-row {
	width: 100%;
		display: flex;
	flex-flow: wrap
}


.contact 
{
		font-size: 18px;
		text-align: center;
}
.contact ul li 
{
	list-style: none;
}
.contact p { 
	line-height: 25px;
}
.contact ul, .contact li {
	margin:0px;
	padding: 0px;
}
.contact ul li:first-child
{
	padding-right: 10px; margin-right: 10px;
	list-style: none; 
}
.contact a:hover { 
	color: #82afd7;

}
#location-offer 
{
	font-size: 18px; 
	text-align: center
}
.aminities 
{
	
	margin: 0px;
	display: flex; 
	flex-wrap: wrap
}
.aminities li {
	display: inline-block;
	width: 50%;
	font-size: 15px;
	vertical-align: middle;
	padding: 0px;
	line-height: 25px;
	margin:5px 0px 0px 0px;
}

.aminities img, .aminities-results img 
{
	width: 25px;
	height: auto;
	border-radius: 5px;
	margin-right: 5px
}
.notes { 
	margin-top: 20px !important}
.store-container 
{ 
	margin: 15px
}
.fueling 
{
	text-align: left;
	font-weight: bold;
	color: #82AFD7 !important;
	padding:0px;
	font-size:18px;
}
.fueling h4 {
	padding:0px !important;
}

.store-search-box 
{
	flex: 1;
	height: 300px;
	width: 250px;
}

.store-search-box input 
{
    width: 250px;
    text-align: center;
	font-size: 40px;
	height: 40px;
}

.store-map 
{
	
	flex: 3; 
	background-color: #ccc;
	height: 500px
	
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a 
{
    color: #1c4e9c !important;
}

.store-search-box h1 
{
	font-size: 1.5em;
	width: 250px;
	text-align: center;
}
.listings-container 
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 10px;
	
}

.four-column .wp-block-coblocks-row__inner {
	padding: 20px 20% !important;
	
}
.four-column img {
	max-width:200px;
	width: auto;
	height: 200px;
	padding-right: 15px;
}

.listings-container:nth-child(odd)
{
	background-color: #efefef;
}
.listings-container p 
{
	margin:0px;
	padding:0px;
}
.location-contact 
{
	display: flex;
	width: 80%;
	margin: 0px auto;
}
.location-name 
{
	font-size: 25px;
	margin: 0px;
	padding: 0px;
}
.location-contact p 
{
	flex:1;
}
.listing 
{
	flex: 1;
    margin: 15px 0px;
	width: 50%;
	padding: 15px
}

.filter
{
	float:left; 
	width: 50%;
	font-size: 14px;
}
.filter input 
{
	width: 0px;
	height: 20px;
}

.vc_custom_heading h2 
{
	color: #fff;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
}
.vc_gitem-post-data 
{
	margin-bottom: 0px !important;
}
.profile-name a 
{ 
	color: #1c4e9c !important
}
.title 
{
	font-family: "stevie-sans", arial !important;
	padding: 5px 0px; 
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

.profile-thumb 
{
	border-radius: 15px;
	margin: 0px;
	padding: 0px;
}

.col {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding: 40px 0px; 
	width: 100%;
	margin:0px auto
}

.profile-content {
	width: 75%
}

h1.hero-heading, h1 
{ 
	font-family: uniform;
}

.vc_gitem_row .vc_gitem-col 
{
	padding: 0px 10px 10px 10px !important;
}

.vc_gitem-row-position-bottom:hover 
{
	display: none !important;
}


.back 
{ 
	font-size: 14px
}
.faqs-header 
{
	background-color: #1c4e9c !important;
}
.faqs-header h3 
{
	color: #fff !important; 
	padding: 10px
}

.col-md-12 
{
	width: 100% !important;
}

.pre-buy-boxes 
{
	text-shadow: 0 0 0 !important;
	color: #000 !important;
}

.wp-block-cover, .wp-block-cover-image 
{
	min-height: 400px;
	height: 600px
}


.mono h3{
	font-size: 30px; 
	color: #fff !important;
}
/* Monochromatic background image with text*/
.mono {
	min-height: 350px;
}

.wp-block-cover__inner-container 
{
	max-width: 2000;
	padding: 20px 18%;

}


.wp-block-cover__inner-container {
		color: inherit !important
}
.header-statement 
{
	padding:20px 10px 30px 10px;
}
/* Little Blue Button*/
.littleBlue_btn 
{
	padding-top: 10px !important;
}
.littleBlue_btn a 
{
	background-color: #82afd7;
	border: #82afd7; 
	font-size: 16px;
}
.littleBlue_btn a:hover {
	background-color: #909090;
	border-color: #909090
}
@media screen and (max-width: 767px) 
	.littleBlue_btn {
		padding-top: 5px !important;
		
	}
/*STORE LOCATOR STYLES*/
.map-container { 
	width: 100%;
	height: 100%;
	background-repeat:round;
	max-width: 2000px; 
	min-width: 400px;
	margin: 0px auto;

	}

 #map  { 
height: 1030px !important;
}

.results-container 
{
position: absolute;
top: 10px;
left: 10px;	
z-index: 100;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px #707070; 
	width: 400px;
	border-radius: 10px 10px 0px 0px;

}
.ament {padding: 0px 3px 3px 0px; border-radius: 7px 7px 7px 7px}

.ament-row { 
	width: 100%;
}
.more-filters-col li {
	margin: 0px;
	padding: 0px;
	font-size:15px;
}
	
.results-container-scroll
{
		
	height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
		
}



#result-header 
{
	display:none;
	background-color: #1C4E9C;
	width: 100%;
	color: #ffffff;
	padding: 15px 0px;
		
}
.result-search 
{

	background-color: #82AFD7;
	border-radius: 10px 10px 0px 0px;

}

.result-search-container
{
	width: 350px;
	margin: 0px auto; 
	padding: 10px 0px;
}
.result-search h2 label 
{
	font-family: uniform, arial;
	font-size: 25px;
	padding:0px;
	margin: 0px;
	text-shadow: 1px 1px 2px #707070;
	color: #fff;
}
.result-search input 
{
	font-size: 18px;
	color: #707070;
	padding:5px 0px;
	width: 70%;
	max-width: 350px;
	text-align: center;
	margin: 0px auto;
		
}
.result-search .filters p
{
	font-size: 15px;
	padding:10px 0px ;
	margin:0px
	
		
}

.no-posts { margin: 20px 0 20px 20px;}
	
.brand-filters label, .additional-filters label
{
	margin-right: 0px;
	font-size: 1em;
	padding: 0px;
	margin-top:10px;
	font-weight: bold;
		
}
.more-filters-col label {
	font-size: 14px;
	font-weight: normal;
} 
.additional-filters{
	margin-top: 5px
}
.additional-filters img {
	border-radius: 5px
	}

	

.header-bottom-nav #page-title .page-title-wrapper, #page-title .page-title-wrapper {margin-top: 0px;}
#page-title .page-title-wrapper {padding-top: 10px; height: 0px}

#page-title {
	height: 0px;
}

#brandLabel {
	text-shadow: none;
}

.blog-style-left_image .post-holder{
	max-height: 300px;
}

.blog-style-left_image .post-medias {
	width: 100%;
	max-width: 320px;
}

.pagination li{
	margin:2px;
	
}


.posts {
	margin-top: 20px
}

.post-holder h1 {
	text-shadow: none;
	
}

.post-holder p {
	line-height: inherit;
}

.post-holder .post-medias {
	background: none;
}
.result-search .filters a 
{
	color:#fff;

}
.result-search .filters a:hover 
{
	color:#fff;
	text-decoration: underline;
}
.results 
{
   display: flex;
   padding: 10px 0px;
   border: 1px solid #ccc;
	  
}
	
.results:hover
{
	border: 1px solid #9C1C32;
}
	
.results-c:nth-child(even)
{
	background-color: #EFEFEF;
}
#result-header p 
{
	padding:0px 15px;
	font-weight: bold;
	margin: 0px;
	font-family: stevie-sans, arial;
	color: #fff
}
#result-header h2 {
	font-family: uniform;
	padding: 0px 15px;
	margin:0px;
	color: #fff !important;
}
.results-img 
{
	width: 150px;
	height: auto;
	padding: 15px;
	margin-top: 0px
}
.results-img img 
{
	width: 100px;
	margin-bottom: 20px

}
.result-details 
{
	margin-right: 10px;
	margin-top: 10px;
	padding-left: 5px; 
	font-size: 16px
}

.map-image { width: 80px; margin:0px 80px}
.map-marker { width: 220px}
.results-miles 
{
	width: 100%;
	text-align: right;
	font-weight: bold;
		
}
.result-details h3 
{ 
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	 
}
.results-contact a, .results-contact a:link, .results-contact a:visited {
	font-weight: normal;
}
#distance { 
	color: #000;
	width: 100%;
	text-align: right;
}

.result-details p 
{ 
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	 
}
.results-contact ul, .results-search-filters ul  
{
	padding: 0px;
	margin: 0px;
}
.results-contact li 
{
	display: inline-block; 
	margin:0px; 
	padding: 0px 5px;
	font-size: 15px; 

}


.aminities-results {
	padding: 0px; 
	margin: 0px;
}

.aminities-results li {
	display: inline
}
.results-search-filters li 
{
	display: inline-block;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.aminities-results img  {
	margin-right: 2px
}

.brand-filters p 
{
	text-align: left;
}
.brand-filters input 
{
	text-align: left
}

#search-btn 
{
    font-size: 15px !important;
	background-color: #9C1C32;
	width: 30%; 
	margin: 0px 0px 0px 10px;
	padding: 6px 5px;
	border-radius: 10px;
	border: 0px;
	color: #FFF;
	font-weight: bold;	
}
#search-btn:hover {
	background-color: #1C4E9C; 
	
}
.result-search p {
	font-size: 15px;
}
.result-search a {
	color: #fff;
	font-weight: normal;
}
.result-search a:hover{
	color: #fff;
	text-decoration:underline
}
.brand-filters 
{ 
	padding: 5px 0px;
	margin: 0px;
	text-align: left;
	border-bottom: 1px solid #ccc
}
.brand-filters ul 
{ 
	padding:0px; 
	margin: 0px; 
	text-align: left;
	width: 100%
}
.brand-filters li 
{ 
	display: inline-block;
	margin: 0px;
	padding: 0px 5px; 
	white-space: nowrap;
}
	
.brand-filters input[type=checkbox] + label img
{
	-webkit-filter: drop-shadow(3px 2px 2px #707070);
	filter: drop-shadow(3px 2px 2px #707070); 
}
.brand-filters input[type=checkbox] + label img:hover  
{
	 -webkit-filter: drop-shadow(0px 0px 0px #707070);
  	filter: drop-shadow(0px 0px 0px #707070)
		
}
.more-filters 
{ 
	display: none;
	padding-bottom: 20px
}
.more-filters-col 
{ 
	flex: 1;
	padding: 2px;
}
.brand-filters.more-filters-col li input [type=checkbox] 
{
	text-align: left;
}
.brand-filters input 
{
width: inherit;
}
.more-filters-col input 
{ 
	width:inherit;
	text-align: left
}
.more-filters-col ul 
{ 
	padding: 0px;
	margin:0px 
}
.more-filters-col li 
{
	text-align: left; 
	list-style: none;
}
.map-container h1 {
	color: #fff;
	font-family: uniform, arial;
	font-size: 30px; 
	text-shadow: 1px 1px 2px #707070;
	width: 300px;
	margin: 0px auto; 
	text-align: center
}

.filters {
	background: #efefef;
	padding: 0px 20px
}
.map-container h2{
	font-size: 25px;
}
.map-container h2, .map-container h3, .map-container li{
	color: #1c4e9c;
}
.map-container li { font-size: 14px}

.show {
	display:block !important;
}

.content-cover-image, .content-cover-container .wp-block-coblocks-column__inner{
	height: 100% !important;
	max-height: none;
	min-height: none;
}

.lube-advisor-modal {
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	bottom: 0px;
	right: 0px;
	background-color: green;
	border-color: #fff;
	border:solid;
	border-width: 1px 0px 0px 1px; 
	z-index: 1000; 
	opacity: .8;
	padding: 5px 5px 10px 5px;
	border-radius: 10px 0px 0px 10px;
	color: #fff;
	width: 300px
}
#bigo-tires-badge{
	justify-content: flex-start;
	background-color: inherit;
	border:0px;
	padding:0px; 
	left: 0px
}

.modal-content{ 
	padding: 0px 10px; 
	border:none;
	background:none; 
	text-align: center
}
.modal-content  #advisor-headline {
	font-size: 17px;
	padding-bottom: 0px;
	margin:0px; 
	font-family: uniform, "stevie-sans", arial !important;
	
}
 #advisor-description{
	 padding: 0px 10px;
	display:none; 
	 font-size: 14px;
	 font-weight: normal;
	 line-height: normal;
	 text-align: center
}

.modal-content {
	font-size: 15px;
	padding-bottom: 0px;
	margin:0px;
	
}
.modal-image{
	align-items: center;
	font-size: 18px
}



.lube-advisor-modal:hover #advisor-description {
	display: block;

}


.modal-content .fa-external-link-alt {
	font-size: 13px;
	margin-left: 5px
	
	}

/*single Post */
.full-color{
	background-color: #efefef;
}
/*End single Post */

/*News and Magazine */

.pagenation-btn {
	margin: 0px auto;
	width: 100%
}


.more-releases{
	margin: 20px auto;
	padding: 20px 30px;
	background-color: #999;
	width: 80%;
	text-align: center;
	box-shadow: 0 8px 6px -6px #999;
	
}

.vntd-pagination-container {
	width: 100%
}


.more-releases p {
	color: #fff !important;
	font-family: uniform, arial !important;
	text-transform: uppercase
}

.subForm-container{
	width: 200px;
	
}

.more-releases:hover{
	background-color: #82AFD7;
	box-shadow: none;
	
}

.more-releases p{
	margin:0px;
	padding: 0px
}

.page-content.full-block {
	padding-top:30px
}

.momentum-posts-links{ 
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.momentum-right a{
	font-size: 14px
}

.news-slider {
	max-width: 1200px !important;
	margin:0px auto;
	
}

.pagination ul > li {
	display: inline;
	padding:5px
} 

.mag .wp-block-buttons{
	display: inline-block !important;
}

.post-content h3, .post-content h2  { padding-top: 20px}

.post-feature img {
	margin-top:-5%
}
.container-flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.news-section-heading {width: 100%; text-align: center}
.news-tabs { padding: 20px 0px}
.news-tabs ul { display: flex; justify-content: center; }
.news-tabs li { 
	list-style: none;
	cursor: pointer
}

.news-tabs li a{
	color: #1C4E9C;
}

.news-tabs li a:hover, .news-tabs li a:active {
	color: #82AFD7; 
}







.relpost-thumb-container {
	display: flex;
	justify-content: center;
	max-width: 1400px; 
	width: 100%;
	height: 337px;
	overflow: hidden;
	margin: 0px auto
}
.related { width: 100%;
		 max-width: 1400px;
		margin: 0px auto}
.relpost-block-single {
	padding: 0px 0px 6px 3px
	
}

.relpost-block-single-text {
	width: 350px
}

.relpost-block-container {
	display: flex;
	max-width: 1400px;
	justify-content: center
}
.postNation{
	max-width: 1400px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	padding: 20px 0px
	
}

.page-item {
	font-size: 14px
}

.nav-tabs > a {
    float:none;
    display:inline-block;
    zoom:1;
}

.nav-tabs {
    text-align:center;
}

.nav-tabs {
	width: 100%
}
.post {
	margin:20px 0px
}
.post h1 {
	padding-top: 20px
}
.full-width img {
	
	max-width:1400px;
	width: 100%
}
.full-width{
	max-height: 600px;
	overflow: hidden;
	max-width:1400px;
	width: 100%;
	margin: 0px auto;

}

.post-content{
	max-width:1400px;
	margin: 0px auto;
	background-color: #ffffff;
	padding: 20px 50px 20px 50px;
	box-shadow: 0px 4px 12px -5px #999;
	border-radius: 5px;
}

.solid {
	background-color: #efefef;
	
}
.issues-block { display: flex;
flex-wrap: wrap;
width: 100%; 
align-items: flex-start;

}
.issues-block h2 { width: 100%}
	.post-box-container {
		display: flex;
		flex-wrap: wrap;
		width: 75%;
		justify-content: center;
		
		
	}

.post-box-container.full { 
	width: 100%;
	max-width: 1900px;
	margin: 0px auto
}
#new-box{ 
	width: 80%;
	max-width: 1900px;
	margin: 0px;
}

.post-block-container-heading {
	text-align: center;
	padding:30px 0px;
	margin:0px auto
}

.author-block{
	padding: 30px 0px;
	max-width: 1400px;
	width: 100%;
	margin: 40px 0px;
	border-top: 1px solid #ccc
		
}
.author-block p {
	font-size: 16px
}

.author-block h3 {
	font-size: 20px
}

.issue-sidebar{
	width: 370px;
	
}

.issue-sidebar {
	
	padding: 10px; 
	text-align: center; 
	border-radius: 5px 5px 5px;
	background-color: #efefef; 
	align-items: center
}
.mag {
	margin-bottom: 10px;
	border-radius: 5px
}

.mag img { 
box-shadow: 0 8px 6px -6px #333;}
.mag img:hover {
box-shadow: none;	
}
.mag, .editor-contact {
	padding: 15px;
	width: 100%
}


.mag, .editor-contact li {
	list-style: none;
	margin:5px 0px
}


.mag p {
	font-size: 14px;
	margin-top: 10px;
	color: #1C4E9C
}

.mag p:hover {
	color: #82afd7
	
	
}
.mag-breadcrumbs {
	font-size: 14px;
	padding:0px 0px 10px 0px;
	margin:0px;
	width: 100%
}
.editor-contact p {
	padding:0px;
	margin:0px;
	line-height: 25px;
	font-size: 14px;
	color: inherit
	
}

.editor-contact p:hover{
	color:inherit;
	
}
.editor-contact h4, .mag h4 {
	font-size: 20px; 
	font-family: 'uniform', 'stevie-sans', Arial !important;
	
}
.editor-contact{
	background-color: #fff;
	border-radius: 5px 
}

	.post-block { 
		width:28%;
		border: solid 1px #efefef;
		margin: 20px;
		background-color: #fff;
		box-shadow: 0 8px 6px -6px #999;
	}
.post-block:hover{
	box-shadow: none;
}


.post-block.full-width{
	width: 100%;
}





.excerpt, .entry-summary{
	   background: -webkit-linear-gradient(#686868, #ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	color: #686868;
	
}
.excerpt:hover, .entry-summary:hover {
	  background: -webkit-linear-gradient(#686868, #686868);
	-webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	 
}
.excerpt p {
	line-height: 20px
}
.post-block-image {
	max-height: 250px;
	overflow: hidden
}
	.post-block-image img{
		width: 100%;
		overflow: hidden

	}

	.post-block-content{
		padding: 10px;
		 
	}
.post-block-content h3 {
	text-align: center;
}
.post-block-content.full-width {
	padding: 20px;
}

.post-block-content .full-width.excerpt{
	-webkit-text-fill-color: #686868;
	
}



.post-block-image.full{
	padding: 10px
}
.post-block-content.full-width h3 {
	text-align: left;
	
}
	.post-block-content h3 a {
		font-size: 22px;
		 font-family: uniform, 'stevie-sans', Arial;
	}
	.post-block-content p{
		font-size: 14px
	}
	.post-block-content .meta{
		font-size: 13px;
		
	}
.post-block.full-width.flex {
	display: flex;
	
}

.author-heading {
	margin: 30px 10px
}

.post-tag {
	padding:0px; 
	margin: 0px
}

.vntd-pagination li span.current, #page-content .woocommerce-pagination li span.current {
	background: #1c4e9c;
	
}
.searchNews {
	margin:0px auto
}

.searchNews li {
	margin:3px
}
.searchNews form li input[type="submit"], .searchNews form li select, .searchNews form li input[type="text"] {
	margin:0px auto;
	width:400px
}
.searchNews form li input[type="submit"] {
	background-color: #1c4e9c;
}

.searchNews form li input[type="submit"]:hover {
	background-color: #82AFD7; border-color: #82AFD7;
}
.searchNews form {
	max-width: 400px;
	
}

.news-content {
	display:none;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}



.post_tags ul li {
	display: inline-block;
	font-size: 15px;
	padding: 10px;
	margin:0px 10px 10px 0px;
	background-color: #1C4E9C;
	border-radius: 10px
	
}
.post_tags li a {
	color: #fff;
}

.post_tags ul li:hover{
	background-color: #82AFD7
}

/* END News and Magazine  */


/* Magazine Issues */

	#mag-sec {
		background-color: #efefef;
	}

	.issue-container{
		display: flex;
		flex-wrap: wrap; 
		width: 100%;
		max-width: 1800px;	
		align-content: center;
		margin:0px auto;
		padding-bottom: 30px

	}

	.issue {
		width: 15%;
		background-color: #ffffff;
		border:1px solid #ccc;
		min-height: 200px;
		margin: 10px;
		box-shadow: 0 0 10px #D9DCF2;
		border-radius: 5px;
		overflow: hidden

	}
	.issue img {
		width: 100%;
	}
	.issue h4{
		text-align:center;
		padding-top: 15px;
		color:#1c4e9c !important; 
		font-size: 17px;
	}
	.issue:hover{
		border:2px solid #9C1C32;
	}

/* Magazine Issues End*/

/*Foundation page*/
.entry-title{
	text-align: center;
}



/*Foundation Page End */

/*Career Search */

.page-id-14540 .footer-map-search{
	display: none;
}

.careers {
	display: flex;
	justify-content: center;
	margin: 25px 0px;
}

.career-footer{
	background-color: #EFEFEF;
	padding:  20px 10px;

}

.career-footer-flex-container{
	display: flex;
	justify-content: center;
}


.career-footer-right{
	width: 80%;

}

.career-footer-left{
	width: 250px;
	padding:0px 20px 0px 0px;
	align-self: center;
	text-align: center;

}

.career-footer-left img{
	margin:10px;
}

.career-footer-right p, .career-footer-left p{
	font-size: 15px;
} 

.careers-mobile-header {
	display: none;
}

.careers-header-container{
	background: url('/wp-content/uploads/Careers-Banner-for-Web_2000x600.jpg');
	height: calc(600px - 100px);
	display: flex;
	align-items: flex-end;
	background-size: 100%;
	background-repeat: no-repeat
	
}

.job-listing-header-container h1, .job-listing-header-container p {
	color: #fff;
	text-align: center;
	width: 100%;
	
}

.job-listing-header-container{
	height: calc(500px - 100px);
	display: flex;
	align-items: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color:#000;
	
}


.job-listing-header-content-container {
	align-items: center;
	width: 100%;

}

.job-listing-header-container h1{
	font-family: uniform;
	padding-bottom: 0px;
	text-shadow: 2px 2px #333;
}

.job-listing-header-container p{
	font-weight: bold;
	text-shadow: 2px 2px #333;
}

.job-listing-header-container p a {
	color: #fff;
	text-decoration: underline
}

.career-search{
	background-color: rgba(130, 175, 215, .8); 
	width: 100%;
	padding: 20px 0px;
}

.career-search form {
	width: 500px;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	
	
}

.career-search>form>input {
	width: 75%;
	padding: 5px 0px;
	margin-bttom: 10px;
	margin-right: 5px;
}

.career-search>form>label{
	color: #fff ;
	font-weight: bold;
	font-size: 40px;
	font-variant-caps: all-small-caps;
	font-family: uniform;
	width: 100%
	
	
}

.career-search-btn, .careers-redbtn,.careers-bluebtn
{
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	width: 100px;
	background-color: #9C1C32;
	padding: 12px 0px 
}

.careers-redbtn, .careers-bluebtn{
	width: 300px
}

.career-search-btn:hover, .careers-redbtn:hover{
	background-color: #1c4e9c;
}

.careers-bluebtn{
	
	background-color: #1c4e9c;
}

.careers-bluebtn:hover{
	
	background-color: #9C1C32;
}

.careers-redbtn, .careers-bluebtn{
	margin:0px auto;
	margin-bottom: 10px
}

.careers-redbtn a, .careers-bluebtn a{
	color: #fff;
	margin: 0px auto
	
}

.careers-container{
	
	width: 80%;
	margin: 10px 10px;
		
}

.career-openings {
	border: 1px solid #ccc;
	
}

.careers-sidebar{
	width: 20%;
	min-width: 300px;
	background-color: #efefef;
	padding: 20px;
	align-self: flex-start
	
}

.job-meta{
	padding: 20px 0px;
	border-bottom: 1px solid #ccc
}
.highlights{
	padding: 20px 0px;
	display:flex;
	flex-wrap: wrap;
}

.highlights h4{
	width: 100%;
}
.highlight-img {
	width: 20%;
	min-width: 60px;
	margin-top: 10px;

}
.highlight-description{
	width:70%;
	margin-bottom: 10px;
	
}

.highlight-description p {
	font-size: 14px
}
.careers-sidebar p{
	padding:5px;
	margin:0px;
	font-size: 15px;
	
}
.careers-sidebar h4{
	text-align: center;
	font-family: uniform !important;
}

.listing-description{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 0px !important;
	
}
.listing-description .careers-container{
	width: 70%;
}

.career-filter-container{
	background-color: #efefef;
	padding: 15px;
	width: 250px;
	margin: 10px 0px;
	align-self: flex-start
}
.career-filter-container h3 {
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc
}

#toggle-filter {
	display: none;
}
.career-filter {
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}
.career-filter h4{
	font-size: 15px;
	font-weight: bold;
}
.career-filter label{
	display: contents !important;
	font-size: 14px;
}
.career-filter-label-container{
	max-height: 200px;
	overflow: auto;
}
.job-total {
	background-color: #EFEFEF;
	padding: 15px;
	display: flex;
	justify-content: space-between
}
.career-mobile-filter{
	display: none;
}

.job-total > p {
	margin:0px;
	padding: 0px;
	font-size: 14px
}

.job-listing {
	margin: 20px;
	border-bottom: 2px solid #efefef;
	width: 95% !important;
}

.job-listing-container div:last-child, .career-filter-container div:last-child {
	border-bottom:none;
}


.job-listing> h2 {
	font-size: 26px;
	padding:15px 0px;
	
}

.job-listing>.career-meta, .job-listing>.career-time
{
	font-size: 14px;
	font-weight: bold
}

.job-listing>.career-time {
	text-align: right;
}

.career-pagenation{
	margin-top: 10px
}
.career-pagenation li {
	display: inline
	
}


/*Career Search End */


@media (max-width: 1920px){
	
	.page-content-right {
		   padding: 20px 70px 0px 70px !important
	}

}
@media (max-width: 1996px)
{
	.page-content-left{
	padding:20px 70px 0px 70px !important;
	}
		
}

@media(max-width: 1647px){
/* News and Magazine */	
	.post-box-container { width: 70%; }
	
	
/*End News and Magazine */
	.issue-sidebar {
		width: 300px
	}
	
	/*Career search*/
	.careers-header-container{
	height: calc(600px - 200px);
	}
	/* End Career Search*/
}

@media (min-width:1620px){
	
	.content-cover-image, .content-cover-container .wp-block-coblocks-column__inner{
		min-height: 300px
	}
}
@media (max-width: 1995px)
{
	.page-content-right {
		   padding: 20px 70px 0px 70px !important
	}
	
	.issue-sidebar {
		width: 300px
	}
	
	#mobile-career-filters {
		display: none !important;
	}
}

@media (min-width: 1996px)
{
		 .prebuy-image {
    background:none !important;
	}

	.pre-buy-row {
		background-image: url("/wp-content/uploads/pillow-2000.png");
		background-position: inherit
	}
	.footable_parent{
		width:90% !important;
		margin:0px auto
	}
	.page-content-right {
		   padding: 20px 0px 0px 70px !important
	}
	
	.page-content-left .alignleft .littleBlue_btn {
		margin-left: 50px 
	}
	
	.content-cover-image, .content-cover-container .wp-block-coblocks-column__inner{
		min-height: 350px
	}

	.propane-uses img, .p-uses-empty-spacer {
	max-height: 370px;
}
	
	
	.prebuy-image {
		background-position: 60%;
	}
	
	
	.hero 
{ 
	min-height: 800px !important;
	margin: 0px auto !important;
}
	
	.container{
		max-width: 2000px !important;
	}
	.profile-container {
		max-width:60% !important;
		margin: 0px auto;
		padding-top: 30px
	}
	.profile-post h3 {
		padding: 0px 50px !important;
		text-align: center
	}
	.profile-content h1 {
		padding:0px 50px 20px 50px;
	}
	.profile-img .thumb-profile {
		width: 400px;
		height: auto
	}
	.profile-description {padding: 0px !important; text-align: center}
	
	.profile-img .thumb-profile img{
		width:100%; height: auto
	} 
	#logo a img {
	top: 20%;
	}
	.profile-content {
		width: 70%
	} 
	.profile-img {
		width: 30%
	}
	.alignfull
	{
		margin: 0px auto;
	}
	.page-content-left 
	{
		padding: 0px !important;
	}
	.topNav{
	padding-right: 28%
	}
	#page-content p, #page-content ul {
		padding:0px 50px;
	}
	#page-content h2, #page-content.h2{
		padding:30px 50px 20px 50px;
	}
	#page-content h3, #page-content.h3{
		padding: 30px 50px 20px 50px;
	}
	
	#page-content .kt-accordion-header-wrap {
		padding: inherit;
		width: 90%; 
		margin: 0px auto
		
	}
	
		#page-content h4, #page-content.h4{
		padding: 15px 50px 15px 50px;
	}
	
	#page-content .page-content-right p, #page-content .page-content-right .h2, #page-content .page-content-right h2, #page-content .page-content-right h2, #page-content .page-content-right h3, #page-content .page-content-right .h3 {
		padding-left: 0px
	}
	.frm_form_field p{
		padding: inherit !important
	}
	

	
	.ad-space {max-width: 1500px!important;
	margin:0px auto}
	
	/*News and Magazine */
	
	.shared-counts-wrap { margin: 0px 0px 20px 50px}
	
	.post-box-container {
		width: 80%;
		
	}
	
	.author-heading{
		padding: 30px 50px
	}
	
	.author-heading h1 {
		margin-left: 25px !important;
	}

	#page-content.issues-block h3 {
		padding:0px 
	}
	
		#page-content.issues-block p, #page-content.full-block p {
		padding:0px 20px
	}
	.mag-breadcrumbs { 
		width: 100%;
	
		
	}
	.mag-breadcrumbs{
		padding: 0px 50px
	}
	
/*End News and Magazine */	
	
	/*Career Search */
	.career-filter-container > h3, .career-filter h4 { padding: inherit !important}
	
	
	/*Career Search End */
	
	/*Careers*/
	
}

@media(max-width: 1610px){
	.hero 
	{ 
	min-height: 600px !important;
	
	}

}
@media(max-width: 1373px){
	.hero 
{ 
	min-height: 550px !important;
	height: 550px
	
}
}

@media (max-width: 1600px)
{
	.page-content-left 
	{
		padding: 30px;
	}

	.page-content-right 
	{
		padding: 30px;

	}
	
	.pre-buy-row .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
		 width: 100%;
	}
	
	
}
@media (min-width: 1550px) {
	.container 
	{
		max-width: 1240px;
		width: 95%;
		margin: 0 auto;
	}
	
	


		/* Place to add stylesheets if you want to target monitors 
		bigger than a desktop. */

		/* TYPOGRAPHY: HEADINGS
	==========================================  */
	.page-header
	{
		margin-top: 0;
		border-color: transparent;
	}
	h1
	{
		font-family: uniform;
		line-height: 120%;
		margin: 0 0 10px 0;
		-webkit-font-smoothing: antialiased;
	}

	h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 
	{
		font-family: "stevie-sans", arial !important;
		line-height: 120%;
		margin: 0 0 10px 0;
		-webkit-font-smoothing: antialiased;
	}
	/*h1, h1.entry-title 
	{
		font-size: 60px;
	}

	h2, .h2 
	{
		font-size: 40px;
		color: #000;
	}

	h3, .h3 
	{
		font-size: 30px;
		color: #3B4C5B;
	}

	h4, .h4 {
		font-size: 27px;
		color: #3B4C5B;
	}

	h5, .h5 
	{
		font-size: 24px;
		color: #000;
	}

	h6, .h6 
	{
		font-size: 22px;
		color: #555555;
	}*/

	/* TYPOGRAPHY: PARAGRAPHS
	==========================================  */
	p 
	{
		font-size: 18px;
		color:#555555;
		margin:0 0 20px 0;
	}

	ol, ul 
	{
		font-size: 18px;
	}

	.pagebreak .wp-block-kadence-rowlayout 
	{
		width:  100% !important; 
	}

}

@media (max-width:1502px){
	/*Career Search */
	.careers-container {
		width:70%;
	}
	/*Career Search End */
}

@media (max-width: 1446px) 
{
	/*News and Media */
	.post-box-container {
		width: 70%;
		justify-content: flex-start;
	}
	
	.issue-sidebar { margin: 0px auto;
	width: 370px}
	/* End News and Media */
}
@media only screen and (max-width: 1442px) {
	
	/*Career Search */

	.career-footer-flex-container{
		flex-wrap: wrap
	}
	
.career-footer-right{
	width: 100%;
	padding: 0px;
}

.career-footer-left{
	width: 100%;
	padding: 0px 0px 20px 0px;
	}
	.career-footer-left img {
		margin: 0px auto;
		padding-bottom: 10px
		
	}

	.career-footer h4{
		text-align: center
		
	}
/*Career Search End */
@media (max-width: 1440px) 
{
	.propane-uses img {
		overflow: hidden;
		max-height: 176px;
	}
	
	.results-container {
		left:2%;
	}
	.page-content-left 
	{
		padding: 30px 
	}
	.page-content-right 
	{
		padding: 30px
	}
	.topNav{
	padding-right: 12%
	}
	
	.four-column img {
	max-width:150px;
	height: 150px;
}
	.hero {
		width: 100%
	}


}

@media (max-width:1372px){
	
	.post-box-container {
		width: 100%;
	}


}

@media (max-width:1363px){
	
	/* Magazine Issues */
	.issue{
		width: 23%
	}
	
}

@media (max-width:1362px){
	#menu-main-menu{
		font-size: inherit;
	}
}
@media (max-width:1333px){
	/*Career search*/
	.careers-header-container{
	height: calc(600px - 300px);
	}
	/*End Career search*/
}

@media (min-width: 1300px) 
{
	
	.container 
	{
		max-width: 1240px;
		width: 95%;
		margin: 0 auto;
	}
	
	
}

@media (max-width: 1248px){
	/*Menu update to include careers*/
	.header-light #main-menu > ul > li > a{
		padding: 0px 15px
	}
}



@media(max-width: 1198px){
/*Magazine Issues */
	.issue {
		width: 40%;
		margin: .5rem auto;
	}
/*Magazine Issues End*/	
}

@media(max-width: 1130px){
	.hero 
		{ 
			min-height: 450px !important;
			height: 450px

		}
	}


@media only screen and (max-width: 1024px) 
{
	.early-stack .wp-block-coblocks-row__inner.is-stacked-on-mobile {
		flex-direction: column-reverse;
	}
	
	.early-stack.page-content-left {
		width: 100% !important
	}
	.early-stack .wp-block-coblocks-column {
		width: 100% !important;
		
	}
	
	 .prebuy-image {
    background:none !important;
	}

	.pre-buy-text {
		max-width: 70%;
	}
	.pre-buy-row {
		background-image: url("/wp-content/uploads/pillow-1024.png");
		background-position: inherit
	}

	.propane-uses img {
	max-height: 130px;
}
	.header-image {
		margin-top: 0px;
	}
	
	.page-content-left {
		padding: 20px !important 
	}

	.page-content-right {
		padding: 20px !important 
	}
	
	.wp-block-cover, .wp-block-cover-image{
		height: 400px;
	}
	
	.profile-content {
		width: 70%
	}
	.hero 
	{ 
	min-height: 400px !important;
	height: 400px
	}
	.blog-style-left_image .post-medias {
		max-width: 300px;
	}
	.topNav{
	padding-right: 5%
	}
	.wp-block-cover .alignwide.cover 
	{
		margin-left: 0px !important;
    	margin-right: 0px !important;
	}
	.results-container {
		left: 2%
	}
	
		
		/* TYPOGRAPHY: HEADINGS
	==========================================  */
	.page-header 
	{
		margin-top: 0;
		border-color: transparent;
	}
	h1
	{
		font-family: 'font-family: uniform;';
		line-height: 120%;
		margin: 0 0 10px 0;
		-webkit-font-smoothing: antialiased;
	}

	h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 
	{
		font-family: "stevie-sans", arial !important;
		line-height: 120%;
		margin: 0 0 10px 0;
		-webkit-font-smoothing: antialiased;
	}


	h1, h1.entry-title 
	{
		font-size: 2.5em;
	}

	h2, .h2 
	{
		font-size: 1.5em;
		color: #000;
	}

	h3, .h3
	{
		font-size: 28px;
		color: #3B4C5B;
	}

	h4, .h4 
	{
		font-size: 25px;
		color: #3B4C5B;
	}

	h5, .h5
	{
		font-size: 23px;
		color: #000;
	}

	h6, .h6 
	{
		font-size: 20px;
		color: #555555;
	}
	.content-left 
	{ 
			margin-left: 15px;
	}
	
	#footer input[type="text"] 
	{
		width: 100%;
	}

	.header-light #main-menu > ul > li > a 
	{
		padding: 0px 15px;
	}

	.bottom-nav #main-menu > ul > li > a 
	{
		font-size: .90em;
	}

	.row .col-lg-4 #footer-main, .col-lg-2 
    { 
		width:50%;
		margin:10px 0px
	}

	 .main-nav .nav-right
	{
		display:none;
	}

	.mobile-menu-btn .toggle-menu span:not(.menu-label)::after, 
	.mobile-menu-btn .toggle-menu span:not(.menu-label)::before,
	.header-light .toggle-menu span:not(.menu-label)::after,
	.header-light .toggle-menu span:not(.menu-label)::before
	{
		background: #1c4E9C !important
	}

	.header-light .toggle-menu span:not(.menu-label) 
	{
		background: #1c4E9C 
	}
	
	.aminities li {
		width: 100%;
	}
	.map-right p { 
		font-size: 15px;
	}

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

	/* Place to add stylesheets if you want to target monitors 
	bigger than a desktop. */
	.container
	{
		max-width: 90%;
		width: 95%;
		margin: 0 auto;
	}


	/* PAGEBREAKS
	=========================================== */

	.pagebreak_left_content, .pagebreak_left_img, .pagebreak_white_img, .pagebreak_white_content 
	{
		float: left;
		width: 50%;
		padding-right: 17%;
		padding-left: 50px
	}
	.pagebreak_right_content, .pagebreak_right_img 
	{
		float: right;
		width: 50%;
		padding-left: 17%;
		padding-right: 50px
	}

	#left-cover-image .page-content-left 
	{
			padding: 0px !important;
	}
	.wp-block-cover, .wp-block-cover-image
	{
			margin: 0px;
	}
	.wp-block-embed
	{ 
			margin-bottom: 0px
	}
	.page-content-left.cover 
	{
			padding: 0px
	}
}
@media only screen and (max-width: 1199px){
	.bottom-nav #main-menu > ul > li > a {
		font-size: 16px;
	}
	.wp-block-coblocks-row .alignfull {
		margin-top: 0px 
	}
		/*Career Search */
	
	.listing-description .careers-container{
		width: 60%;
	}
	/*Career Search End*/
	
}
	
@media only screen and (max-width: 1000px)	
{
	.p-use-block{
		margin-bottom: 30px
	}
	 .pre-buy-row {

		background-image: url("/wp-content/uploads/pillow-1024.png");
	}

	.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"]{
			max-width: inherit !important;
		}
	
	.wp-block-cover__inner-container {
		padding:inherit
	}
		.frm_forms.frm_style_big-picture-background.with_frm_style {
		max-width: 90% !important;
	}
	
	.red-btn a {
		font-size: 18px !important
	}
	
	.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"]{
		max-width: inherit;
	}
	
	.page-content-right
	#topbar {display: block}
	
	.mobile-nav li:not(:last-child)
		{ border-bottom:none; }
    
	.topbar  
		{ background:#1C4E9C;
		  display:none}
	.topNav {
		text-align: left;
	}
    .mobile-nav  
		{ background: #82AFD7;
		 width: 100%;
		}
	
    .mobile-nav a 
		{ color: #FFFFFF;
		  padding: 5px 0px;
		  font-size: 1em; }
	#logo a img {
	height: 60px !important;
	margin-top:0px !important}
	
	.posts-container.blog-style-left_image .post-info {
		width: 100% !important;
	}
	.blog-style-left_image .post-holder{
			max-height: inherit;
		}
	
	.posts-container.post-no-media {
		width: 100% !important;
		
	}
	
	.wp-block-coblocks-row:not([data-columns="1"]) .wp-block-coblocks-row__inner {

		flex-wrap: wrap
	}
	
	#no-reverse .wp-block-coblocks-row:not([data-columns="1"]) .wp-block-coblocks-row__inner {

	}
	
		.wp-block-coblocks-row:not([data-columns="1"]):nth-child(even) .wp-block-coblocks-row__inner {

		flex-wrap: wrap
	}
	
	.feature-image { 
		order: 1;
		margin:0px auto;
	}
	.page-content-right, .page-content-left {
		order:2 
	}
	.wp-block-coblocks-column {width: 100% !important}
	

	#page-title .page-title-inner { padding:0px!important}
	
	.has-medium-gutter>[class*="wp-block-coblocks-"]:not(:first-child) {
		width: 100%;
		margin-left: 0px;
	}
		
	.has-medium-gutter>[class*="wp-block-coblocks-"]:not(:last-child) {
		margin-right: 0px;
	}
	
	.propane-uses img{
		width: 90%;
		height: auto;
		max-width: none;
		max-height: none
	}
	
}
@media (max-width: 999px) 
{
	.topbar-mobile #topbar {
		display: block;
	}
	
	.excerpt{
		-webkit-text-fill-color: inherit;
		
	}
}	
@media (min-width: 992px) 
{
	
	.pagebreak .pagebreak_left_img, .pagebreak .pagebreak_right_img, .pagebreak_white_img 
	{
		min-height: 350px;
		max-height: 100%;	
	}
	/* Place to add stylesheets if you want to target monitors 
	bigger than a desktop. */
	.container 
	{
		width: 95%;
		margin: 0 auto;
	}
	
	/* PAGEBREAKS
	=========================================== */

	.pagebreak_left_content, .pagebreak_white_content 
	{
		width: 50%;
		float: left;
		padding-right: 17%;
	}
	
	.pagebreak_right_content 
	{
		width: 50%;
		float: right;
		padding-left: 17%;
	}
	
	.pagebreak_left_img, .pagebreak_white_img
	{
		width: 50%;
		float: left;
	}
	
	.pagebreak_right_img 
	{
		width: 50%;
		float: right;
	}
	
		/* TYPOGRAPHY: HEADINGS
	==========================================  */
	.page-header {
		margin-top: 0;
		border-color: transparent;
	}
	
	h1 
	{
		font-family: uniform;
		line-height: 120%;
		margin: 0 0 10px 0;
		-webkit-font-smoothing: antialiased;
	}

	h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 
	{
		font-family: "stevie-sans", arial !important;
		line-height: 120%;
		margin: 0 0 10px 0;
		-webkit-font-smoothing: antialiased;
	}
	h1, h1.entry-title 
	{
		font-size: 2.5em;
	}

	h2, .h2 
	{
		font-size: 1.5em;
		color: #000;
	}

	h3, .h3
	{
		font-size: 27px;
		color: #3B4C5B;
	}

	h4, .h4
	{
		font-size: 24px;
		color: #3B4C5B;
	}

	h5, .h5 
	{
		font-size: 21px;
		color: #000;
	}

	h6, .h6 
	{
		font-size: 18px;
		color: #555555;
	}

	/* TYPOGRAPHY: PARAGRAPHS
	==========================================  */
	p 
	{
		font-size: 17px;
		color:#555555;
		margin:0 0 20px 0;
	}

	ol, ul 
	{
		font-size: 17px;
	}

	.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details 
	{
		min-height: 155px;
	}
}
	@media (max-width: 991px){
		/*Career Search */
	.careers-container {
		width:60%;
	}
	/*Career Search End */
	
}
	@media (max-width: 964px){
		
		.careers-mobile-header {
	display: block;
}	
	
	.careers-header-container{
	height: calc(300px + 10%);
	background: none;
	display: block;
	
}
	}
		
@media(max-width: 896px){
	.hero 
	{ 
		min-height: 350px !important;
		height: 350px

	}
}

@media only screen and (max-width: 849px) {
	.post-archive { display: block; padding: 5px 0px; margin: 0px}
	.posts-detials { width: 100%; padding-bottom: 10px}
	.post-image {margin: 0px auto !important;}
	
			/*News and Media */
	.post-block, .full >.post-block {
		width: 40%
	}
	
	.post-block.full-width{
		width: 100%;
		
	}
	/*News and Media End */
	
	/*Career Search */
	
	.listing-description .careers-container{
		width: 100%;
	}
	
	.careers-sidebar{
		width:100%; 
	}
	.job-meta{
		width: 300px;
		margin: 0px auto
	}
	.highlights{
		width: 300px;
		margin: 0px auto;
	}
	.highlight-description{
		text-align: center;
		margin:0px auto;
		padding-bottom: 20px !important
	}
	
	.highlight-img{
		width: 150px;
		margin: 0px auto
	}
	.listing-description {
		padding:20px 0px 0px 0px !important;
	}
	/*Career Search End */
}


@media only screen and (min-width: 768px) 
{ 
	
/* 5 column layout*/	
.propane 
	{ width: 20% !important;}
	/* MAYECREATE SCREEN SIZE ADDITIONS
========================================== */

	/* Place to add stylesheets if you want to target monitors 
	bigger than a desktop. */
	
	.container 
	{
		width: 95%;
		margin: 0 auto;
	}
	
		/* Odditie TYPOGRAPHY: HEADINGS
==========================================  */
.page-header {
	margin-top: 0;
	border-color: transparent;
}
	
h1 {
	font-family: uniform;
	line-height: 120%;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
}	
	
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
	font-family: "stevie-sans", arial !important;
	line-height: 120%;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
}
h1, h1.entry-title {
	font-size: 35px;
}

h2, .h2 {
	font-size: 29px;
	color: #000;
}

h3, .h3 {
	font-size: 26px;
	color: #3B4C5B;
}

h4, .h4 {
	font-size: 23px;
	color: #3B4C5B;
}

h5, .h5 {
	font-size: 20px;
	color: #000;
}

h6, .h6 {
	font-size: 17px;
	color: #555555;
}

/* TYPOGRAPHY: PARAGRAPHS
==========================================  */
p {
	font-size: 16px;
	font-size: 1.6rem; /* 10 ÷ $rembase */
	color:#555555;
	margin:0 0 20px 0;
}
	
ol, ul {
	font-size: 16px;
}
.profile-content {
		width:78%
	}	
	
}

@media only screen and (max-width: 768px) {
	
	.homecallout, .homecallout:hover {
		border: 0px solid;
		box-shadow: none
	} 
	
	.service-programs {
		margin: 30px 0px !important
		
	}
	.lube-advisor-modal {
		width: 100%;
		border-radius: 0px 
	}
	.modal-image{font-size: 15px}
	#advisor-header {font-size: 15px}
	#advisor-description{
	display:block;
	width: 100%; 
	text-align: center;
	font-size: 13px

	}

	.pre-buy-row {
		background-position: -120px
	}
	
	.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"].alignwide {
		max-width: inherit
	}
	
	.video-hero .wp-block-cover__video-background { display: none;}
	.video-hero {background-image: url('/wp-content/webp-express/webp-images/uploads/mobile-video-1024x436.jpg.webp')}
	
	.topbar-mobile #topbar .container > div { max-width: 480px !important; margin: 0px auto; font-size: 13px !important}
	.page-content {
		padding:0px 30px
	}
	
	.profile-content {
		width:60%;
	}
	.wp-block-cover, .wp-block-cover-image {
		height:inherit;
	}
	
	.page-content-left {
		padding:30px !important;
	}
	
	.four-column .wp-block-coblocks-row__inner {
		padding: 0px 20px !important
	}
	.page-content .alignright{
		float:none;
		margin:0px auto;
	}
	.page-content-left
	.page-content-right {
		padding: 0px !important
	}

	.footer-search-container { width: 90%}
	.hero 
		{ 
		min-height: inherit!important;
		height: 320px
		}

	#logo a img {
	height: 60px !important;
	margin-top:-40px !important}
		
	.map-left {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.map-right {
			padding-left: 20px
		}
	.aminities li {
		width: 50%;
	}
		.day { 
		flex: 1 0%;
		}
		.time {
			flex: 1 70%;
		}
	#logo a img 
	{
	top: 60%;
	height: 60px !important;
	}

	.hero-section 
		{ 
			height: 600px !important;
	}
	.header-image
	{
		margin-top: 0px;
	}
	.header-spacer
	{
		height: 0px !important;
	}

    a.veented-slider-scroll-button 
		{ display:none;}
    
	.topnav-mobile 
		{ display: inline;}
	
    .topnav-mobile li 
		{ display:inline;
			margin: 35px;}
    
	.mobile-nav li:not(:last-child)
		{ border-bottom:none; }
    
	.topbar  
		{ background:#1C4E9C;
		  display:none}
	.topNav {
		text-align: left;
	}
    .mobile-nav  
		{ background: #82AFD7;
		 width: 100%;
		}
	
    .mobile-nav a 
		{ color: #FFFFFF;
		  padding: 5px 0px;
		  font-size: 1em; }
		
  	/* MC CUSTOM ADDITIONS END */
	.column-breaker { 
	  border-right: none
	}
	
	.col-md-6
	{
		width: 100%;
		text-align: center;
	}
	.widget input[type="submit"] 
	{
		float: none;
		margin: 20px auto;
	}
	#wrapper .btn.btn-shadow 
	{
		margin: 20px auto;
	}
	.wp-block-coblocks-column 
	{
		width: 100% !important
	}
	#menu-mobile-top-bar 
	{
		margin-bottom: 0px;
	}
	.page-content-left 
	{
		padding: 30px !important
	}
	.page-content-right 
	{
		padding: 30px !important
	}
	.side-image img 
	{
		height: 300px !important;
		width: 100%
	}
	
/*STORE LOCATOR */

	.results-contact li 
	{
			margin: 5px 0px; 
			padding: 0px;
			display: block;
	}
		.map-container { padding-top: 0px }
		.results-container {
			position: relative;
			width:100%; 
			margin-left: 0px;
			left: 0px;
		}
		#map {
			height:520px !important;
		}
		.post-holder h1 {margin-top: 20px}
		.store-container{
		display: block;
	}
		.results-container-scroll {
			height: inherit;
		}

}
@media only screen and (max-width: 767px){
	
	/*News and Media */
	.post-block.full-width.flex {
	flex-wrap: wrap
}
	/*News and Media End */
	/*Career Search */
	#career-listings.container {max-width: 100%} 
	/*Career Search End */
	
} 

@media (max-width: 706px) {
	#mobile-career-filters {
		display: block !important;
	}
}

@media (max-width: 766px) 
{
	.profile-content {
		width: 100%
	}
}
	@media (max-width: 706px){
	/*Search Careers*/
	.career-mobile-filter{
		display: block
	}
	#desktop-career-filters {
		display: none;
	}
	
	#toggle-filter {
		display: none;
		width: 100%;
		margin-top:0px;
		border: 1px solid #ccc;
	}
	
	.careers-container{
		width: 100%;
		margin: 0px;
	}
	.listing-description .careers-container{
		margin: 0px 20px;
	}
	
}

@media (min-width: 600px) 
{
	
	.sales-search #search-btn{
		margin-top: 20px;
		width: 350px
	}

	/* TYPOGRAPHY: PARAGRAPHS
	==========================================  */
	p 
	{
		font-size: 18px;
		color:#555555;
		margin:0 0 20px 0;
	}

	ol, ul 
	{
		font-size: 18px;
	}

	/* PAGE ITEMS
	=========================================  */

	.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details 
	{
		min-height: 126px;
	}

	.mobile-hide
	{
		display:block !important;
	}
	
}

@media only screen and (max-width:600px){
	
	.map{
		display: none
	}
	.results-container 
	{
		width: 100%;
		margin-left: 0px;
			
	}


	.map-container 
	{ 
		width: 100%;
		height: auto;
		background-color: #ccc;
		background-image: none;
		padding-top: 0px;
		max-width: 2000px; 
		min-width: 300px;
		margin: 0px auto;
		overflow: visible;
	}
	.results-container-scroll
	{
		height: auto;
		overflow: visible;
		
	}
}

@media (max-width: 588px) {
	/*News and Media */
	 .full>.post-block {
		width: 100%
	}
	/*News and Media End */
		/*Career Search*/
	
	.job-listing-header-container{
		height:calc(400px - 100px);
	}
	}

@media only screen and (max-width:555px){
	/*Magazine Issues */
	.issue {
		width: 100%
	}
/*Magazine Issues End*/
	
	
}



@media (min-width: 544px) 
{
	.container 
	{
		width: 95%;
		margin: 0 auto;
	}
}
@media (max-width: 531px) {
	
	.pre-buy-row {

		background-image: url("/wp-content/uploads/pillow-545.png");
		background-repeat: no-repeat;
		height: inherit;
		background-position: 0px
	}

	
	#bigo-tires-badge img {
		min-width: 130px;
		    width: 50%;
		
	}
		/*News and Media */
	.post-block {
		width: 100%
	}
	/*News and Media End */
	.sales-search { 
	max-width: 350px !important}
		
}
	@media (max-width: 530px) and (min-width: 450px){
		.container { 
		padding-left: inherit !important;
		}
	}
	
	@media (max-width:510px){
	
	/*Career Search */
	


.career-search{
	background-color: rgba(130, 175, 215, .8); 
	width: 100%;
	padding: 20px 0px;
}

.career-search form {
	width: 310px;

}

.career-search>form>input {
	width: 100%;
	margin-bottom: 10px
}

.career-search-btn{
	width: 100%;
	padding: 5px 0px;

}




/*Career Search End */
}

@media(max-width: 500px){
	.related{
		display: none
	}

}

/* @media only screen and (max-width: 484px)
{
	.credit-btn {
			display: none !important
		}
} */

@media only screen and (max-width: 450px)
{
	.post-content {
		padding: 20px;
	}

	.pre-buy-row {
		background-image: url('/wp-content/uploads/pillow-425.png');
		background-repeat: no-repeat;
		height: inherit;
		background-position: 0px
		
	}
	.pre-buy-text { 
	max-width: 70%}
	.flex-container 
	{
			display: block
	}
	.mobile-header 
	{
		display: block;
	}
	.content-left h3 
	{
			display: none;
	}
	.thumbnail-left 
	{
		flex:none;
		width:200px;
		margin:0px auto;
	}
	.content-left 
	{ 
		flex: none;
		width: 100%;
		margin-left:0px;
	}
	.hero-section 
		{
			height: 400px !important;
		}
	a.veented-slider-scroll-button
	{
			display:none;
	}
	
	.page-content-left, .page-content-right 
	{
		padding:20px
	}
	.page-content-left .cover 
	{
		padding:0px !important
	}
	

	/*Image Content to Edge*/
		.wp-block-cover.alignwide
		{
			margin-right:0px !important; 
			margin-left: 0px !important;
		}
	
	/*Career Search */

	
	.job-listing-header-container{
		height:250px;
	}
	/*End Career Search */
		
}

@media only screen and (max-width: 425px) 
{
	.momentum-posts-links> .momentum-left >.back, .momentum-posts-links> .momentum-right >.back{
		padding: 0px
	}
	
	.pagination ul > li {
	padding:0px
} 

	.workhorse-construction{
		background-image: url('https://www.mfaoil.com/wp-content/uploads/Construction-narrow.jpg')
	}
	
	.red-btn a {
		font-size: 14px !important
	}
	
	h1, .page-content h1 {
		font-size: 35px
	}
	.profile-content, .back {
		width: 100%;
	 	padding: 15px;
	}
	
	.profile-img { margin: 0px 20%}
	h3 {font-size: 20px}
	.wp-block-coblocks-row:not([data-columns="1"]) .wp-block-coblocks-row__inner {
		padding:  0px;
	}
	.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"].alignwide {
		max-width: calc(6 * (120vw / 8.5))
		
	}
	.content-block { 
		padding: 10px 10% !important
		
	}
	.wp-block-cover, .wp-block-cover-image {
		height: 250px !important;
		min-height: 250px !important; 
		max-height: 250px !important;
	}
	.wp-block-cover__inner-container{
		padding: inherit; 
	}
	.mono {
		max-height: 400px !important;
		height: 400px !important;
	}

	.wp-block-spacer { height: 20px !important}
	.hero 
{ 
	min-height: inherit !important;
	height: 190px !important;
	max-height: 190px !important
}
	#footer input[type="email"] {
		width:100%
	}
	
	.wp-block-cover__inner-container h1 {
		
		font-size: 25px;
		margin-top:22px;
	}
	.aminities li {
		width:100%
	}
	
	.wp-block-button a:link, .wp-block-button a:visited {
		padding:10px;
		font-size: 15px
		
	}
	
	.wp-block-cover .wp-block-cover__inner-container {
		width:300px;
		margin: 0px auto !important;
		padding-top: 20px !important;
	}
	.red-btn {
		font-size: 16px !important;
		
	}
	.red-btn a {
		margin: 10px 0px;
	}
	
	.frm_fields_container {
		width:95%
	}
	.frm_forms.frm_style_big-picture-background.with_frm_style {
		max-width: 90% !important
	}
	
	.blog-style-left_image .post-medias{
		max-width: 100% !important;
	}
	.page-content .alignright {
		float:none;
		/*margin-left: 0px*/
	} 
	.single .post-holder {
		padding: 20px;
	}
	.page-content {
		padding:0px 20px;
	}
	.post-holder h1 {
		font-size: 2em;
	}
	.no-hero { margin-top: 0px;}
	.feature-image {
	 width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
	.time {
			flex: 1 30%;
		}
		.topbar  
		{ display:inline-block;
		  width: 100%; 
		  padding: 0px;
		  margin: 0px;
			}
	.topNav {
		display: none;
	}
	.topnav-mobile li
	{ 
			display:inline; 
			margin: 20px;
	}

	.col-lg-2, .col-lg-4 
	{
		width: 100%;
	}
	
	#footer-main .row .col-lg-4 
	{
		width: 100%
	}

	.widget input[type="submit"] 
	{
		width:100%;
	}
	#footer .footer-widget .widget-title 
	{
		text-align: center;
	}
	.header-image h1
	{
		font-size: 40px;
	
	}
	
	.footer-search-container #search-btn {
		width: 100%
	}
	.footer-map-search h4 {
		margin-bottom: 15px 
	}
	
	.store-finder { width: 40%}
	.footer-search-container input {
		width: 220px
	}
	#map {
			display: none;
		}
}
		
@media(max-width: 558px){
	.hero h1 
		{ 
			font-size: 1.5em
	
		}
		}
			

@media only screen and (max-width:414px){
	.shared-counts-wrap.style-rounded .shared-counts-button.print {display: none}
	
}
@media only screen and (max-width: 375px){
	
	
	

	.header-image h1 
	{
		font-size: 35px;
	}
	
	.footer-map-search h4 {
		font-size: 1.75em
	}
	
	.footer-search-container input {
		width: 100%;
		margin: 0px auto; 
	}
	.footer-search-container #search-btn {
		margin: 15px auto;
	}
	
	.footer-map-search {
		padding: 30px 0px 15px 0px
	}
	.store-finder {
		width: 100%;
	}
	
}

@media only screen and (max-width: 320px) 
{
	input.search, input[type=search] 
	{
		width: 85%
	}
	
	.topbar-mobile #topbar .container > div { width: 320px !important; font-size: 13px !important}
	
	.topbar-mobile #topbar .container i { display: none}
	.profile-img { margin: 0px 10%}
	.hero 
	{ 
		min-height: 430px
	}
	
	.topnav-mobile li 
	{
		display:inline;
		margin: 10px;
	}
	.wp-block-cover__inner-container {
		padding: 0px;
	}
	.result-search-container {
		width: 300px
	}
	
	.wp-block-cover, .wp-block-cover-image {
		height: 200px !important;
		min-height: 200px !important; 
		max-height: 200px !important;
	}
	
	.mono {
		max-height: 500px !important;
		height: 500px !important;
	}
}

.mobile-nav li .mobile-dropdown-toggle {
	top: -10px;
	width: 52px;
	padding: 5px;
}

.page-id-673 .footer-map-search {
	display: none;
}

	.p-uses-empty-spacer{
		width: 100% !important
	}

#kt-layout-id_965879-d2 {
 background-attachment: inherit !important;
}


@media print {
	.related-section, .footer-map-search, .footer, #header-widget-area, #breadcrumbs, .main-nav .header-extra-content, #topbar p, .menu-top-bar-container  { display: none}
	#logo a img{
		top:50px !important;
		width: 150px;
		height: auto !important;
		
	}
	
}


@media(max-width: 1198px){
/*Magazine Issues */
	.issue {
		width: 40%;
		margin: .5rem auto;
	}
	
	#new-box {
		width: 100%
	}
/*Magazine Issues End*/	
}