/*
Theme Name: Storefront Child
Theme URI: https://restaurantvalues.net
Author: CJ's Web Services
Author URI: https://cjswebservices.com
Description: Child theme from Storefront
Template: storefront
Text Domain: storefront
*/

body {
	font-family: 'Roboto Condensed', "Helvetica Neue";
}
img {
	max-width: 100%;
	height: auto;
	border:0;
}

.storefront-primary-navigation {
	background: #ffffff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    margin-top: 2%;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	color: #252525;
	text-transform: uppercase;
	background: transparent;
	border-radius: 2px;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.main-navigation ul.menu > li > a:hover, .main-navigation ul.nav-menu > li > a:hover {
	color: #fff;
	background: #0381c0;
	transition: all 0.25s;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
	color: #f2f2f2;
	background-color: #0381c0;
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
	background-color: #191919;
	color: #fff;
}

.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
    padding: 0 2%;
}
h1, .alpha {
	font-size: 200%;
}
p {
    padding: 0 2%;
}
ul.topinfo {
	display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 1% 0 0 0;
    background-color: #f5f5f5;
}

.topinfo li {
	display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
}

a:hover {
	color: #2a6496;
	text-decoration: underline;
}

.logos {
position: relative;
	display: flex;
	justify-content: space-evenly;
}

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
	padding-top: 0;
}

.widget-area .widget a:not(.button) {
	font-weight: 500;
	text-decoration: none;
}

.widget-area .widget {
	font-size: .8em;
}

.pswp__caption__center {
	text-align: center;
	font-variant: small-caps;    
}

.fa-file-pdf {
	color:#D10A0A;
}

/* make youtube embed responsive */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-bottom: 2%;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-max-w {
	max-width: 560px;
	margin: 0 auto;
}

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
        max-width: 100%;
}

.input-text, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea {
	background-color: #d9d9d9;
}

.widget-area .widget {
	font-size: .9em;
}
ul.fawesome {
	list-style: none;
}

.fa-check {
	color:green;
}

.blue {
	color: blue;
}

.underline {
	text-decoration: underline;
}

.readyness {
	text-decoration: underline;
	font-weight: bold;
}

ol li {
	padding-bottom: 2%;
}

table td, table th {
	padding: 1%;
	text-align: left;
	vertical-align: top;
	border: 1px solid #000;
}

table:not(.has-background) th {
	background-color: #b3b3b3;
}

.readyness-title {
	text-align: center;
	font-weight: bold;
}

.quote-contact {
	margin: 0;
}

/* responsive iframe */
.resp-container {
    position: relative;
    overflow: hidden;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.make-offer {
	font-size: 110%;
	padding: 1% 0 1% 0;
}

.fa-money-bill-alt {
	color: green;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.row-three {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 72%;
  margin: 0 auto;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1
}
.column-icons {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
    padding: 2%;
}
.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 2
}
.nostretch {
	align-self: center;
}

.listing-title {
	font-weight: 400;
}

.row-border {
	border-bottom: 2px solid #000;
}

.preowned-meta {
	    margin: 1% 0 1% 0;
}
.red {
	color: #ff0000;
}

/*** call to action button added 01-28-2020 */
button.call-to-action {
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(top, #eeeeee, #cccccc);
	border: 3px solid #F70909;
	border-radius: 25px 10px / 10px 25px;
	color: #333;
	padding: 1%;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	font-weight: bold;
	width: 100%;
}

button.call-to-action:hover {
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
	background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: linear-gradient(top, #dddddd, #bbbbbb);
	border: 2px solid #F70909;
	cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.make-an-offer {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 0.6180469716em 1.41575em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
}

.no-marginbold {
	margin: 0;
	font-weight: bold;
}

.centerit-bold {
	text-align: center;
	font-weight: bold;
}

.centerit {
	text-align: center;
}

.center-photo {
	text-align: center;
	margin: 0 auto;
}

/* home page advert added 03/18/21 */
.temp-width {
	width: 886.95px;
}

.advert-background {
	background-color: #00cccc;
	padding: 1%;
}

.blue-box {
	color: #FFFF00;
	background-color: #0000ff;
	padding: 1%;
	width: 98%;
	margin: 2% auto;
}

.white-box {
	color: #000;
	background-color: #fff;
	padding: 1%;
	width: 98%;
	margin: 2% auto;
}

.white-box-rect {
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0 1%;
}

.red-box-rect {
	background-color: #ff0000;
	width: 100%;
	margin: 0;
	padding: 2% 2% 1% 2%;
}

.yellow {
	color: #FFFF00;
}

.red {
	color: #ff0000;
}

.big-price {
	font-size: 144%;
}

.small-text {
	font-size: 75%;
}

.white-text {
	color: #fff;
}

.highlight-txt {
	background: #fff;
	color: #000;
	text-align: center;
}

.no-strech {
	align-self: center;
}

/* CTA button that replaces old one 04-14-21 */
.button-cta {
  background-color: #f44336;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.9);
}

.button-box {
	background-color: #eeeeee;
	background-image: linear-gradient(to bottom, #a9a9a9, #eee);
	border: 3px solid #F70909;
	border-radius: 20px;
	color: #333;
	padding: 2% 1%;
	text-align: center;
	font-weight: bold;
	width: 100%;
}
.button-box-black {
	background-color: #000;
	color: #fff;
	padding: 2% 1%;
	text-align: center;
	font-weight: bold;
	width: 100%;
}
.free-request {
	margin-top: 0;
}

.vfb-item, .vfb-item-text {
	margin-bottom: 2%;
}

.button-spa {
  background-color: #ff0000;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 font-size: 16px;
  margin: 15px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.9);
}

ul.ndot {
	list-style: none;
}

.ndot li {
	/*margin-bottom: 2%;  not sure if this is in use */
    padding-bottom: 1%;
}
ul.circleit {
    list-style-type: circle;
}
.circleit li {
    padding-bottom: 0;
  margin-left: 2%;
}
ul.squareit {
    list-style-type: square;
}
.desktop-appaisals {
    font-size: 125%;
    font-weight: 700;
    color: #ff0000;
    text-align: center;
    margin: 0 0 2% 0;
}
.above-footer {
    background-color: #191919;
    text-align: center;
  padding: 1%;
}
.bold-italic {
    font-weight: 800;
    font-style: italic;
}
#EANA, #USPAP, #DEFINITIONS, #METHODOLOGY, #VS, #VALUATIONS, #aboutcompany, #profile, #jobcost, #Procurement, #Mission, a {
    text-decoration: none;
}
.real-estate {
    margin: 4% 0;
}
.woocommerce-breadcrumb {
	background-color: #f5f5f5;
}
.site-main {
	padding: 2%;
}
 /* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}
.col-full {
    background-color: #fff;
 }
.footer-color {
    width: 100%;
    background: #191919;
}
.qdeal {
    font-size: 112.50%;
    text-align: center;
    font-weight: 800;
}
/* add pdf icon */
a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
        content: "\f1c1";
        display: inline-block;
        padding-right: 1%;
        vertical-align: middle;
        font-weight: 900;
    color: #D10A0A;
}
.blue-box-background {
    background-color: #22306B;
    color: #fff;
    text-align: center;
    padding: 1%;
    margin-bottom: 2%;
}
.blue-box-background h3 {
    color: #fff;
}
.page-id-630 .entry-title {

   display: none;

}
/* media queries */

@media screen and (max-width:1024px) {
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	padding: 1.618em 7px;
  }
    h1, .alpha {
	font-size: 180%;
  }
    h2 {
	font-size: 150%;
  }
	.listing-title {
	font-size: 100%;
  }
	.advert-margin {
		margin-left: 4%;
	}

    /* messes up new home icons
	.entry-content img {
		max-width: 50%;
	}
    */
}
@media screen and (max-width:980px) {
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	padding: 1.618em 10px;
  }
}
@media screen and (max-width:970px) {
    .footer-widgets.col-4 .block {
	width: 22.7391304348%;
	margin-right: 3%;
  }
}
@media screen and (max-width:900px) {
    .footer-widgets.col-4 .block {
	width: 24%;
	margin-right: 1%;
  }
}
@media screen and (max-width:810px) {
   h2 {
	font-size: 130%;
  }
    h3 {
	font-size: 120%;
  }
    
}
@media (min-width:768px) {
  .page-template-template-homepage-php .content-area {
   background-color: #fff;
  }
	.woocommerce-active .site-header .main-navigation {
	width: 100%;
  }
	.right-sidebar .widget-area {
	margin-top: 2%;
        padding: 1%;
  }
	.col-full {
	max-width: 75.000em;
	padding: 0;
  }
	.woocommerce-active .site-header .site-branding {
	width: 100%;
  }
	.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {
	background-color: rgba(128, 128, 128, 0.2);
  }
    .storefront-breadcrumb {
	margin: 0;
  }
    .site-header {
	background-color: #f5f5f5;
  }
    .site-branding {
	margin-bottom: 0;
  }
    .footer-widgets {
	background-color: #191919;
  }
    .site-info {
	background-color: #191919;
  }
}

@media screen and (max-width:768px) {
	.row {
	display: block;
	}
    .row-three {
        display: block;
        width: 100%;
    }
	.big-price {
	font-size: 125%;
  }
	.button-cta {
		font-size: 88%;
	}
    .column-icons {
	text-align: center;
  }
}

@media screen and (max-width:720px) {
	.button-cta {
		font-size: 100%;
	}
    .desktop-appaisals {
	font-size: 100%;
  }
    .storefront-primary-navigation {
	background: #f5f5f5;
	box-shadow: none;
  }
    .main-navigation {
        background-color: #f5f5f5;
    }
    .footer-widgets.col-4 .block {
	width: 50%;
	margin: 1% auto;
  }
    .footer-widgets {
        background: #191919;
    }
}

@media screen and (max-width: 640px) {
	ul.topinfo {
	display: block;
  }
    .desktop-appaisals {
	font-size: 87.50%;
  }
}
@media screen and (max-width: 480px) {
    ul.fawesome {
	margin-left: 1%;
  }
}
@media screen and (max-width: 375px) {
    .desktop-appaisals {
	font-size: 80%;
  }
}