/***************************************

  Theme Name: Compactor
 | Shared by WPTry.org
  Theme URI: http://themes.webdevia.com/compactor-heavy-construction-equipment-rentals-machinery-wordpress-theme
  Description: Heavy & Construction Equipment Rentals & Machinery WordPress Theme

  Author: Mymoun
  Author URI: http://www.webdevia.com/
  Version: 1.0.1
  Text Domain: compactor

  Domain Path: /languages
  License: Envato
  License URI: https://themeforest.net/licenses

  Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu
  
***************************************/
/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops..

  All Sass files are located in the /scss folder.
  Please note that none of your scss files will be compiled to /css/app.css before you run
  'npm run watch', 'npm run build', "compass compile" or "compass watch",

  More info on how to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  For Define a table of contents please check /scss/app.scss.

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
/*-------common for all device------*/
.portfolio_style-1 .portfolio_grid--item .info {
    background: var(--footer-background);  
}

.animated-item a {
    color: #ffffff!important;
}

.wd-btn.btn-small, .woocommerce .entry-summary form.cart .btn-small.single_add_to_cart_button, .post-password-form input.btn-small[type="submit"], .wpcf7 .wpcf7-form input.btn-small[type="submit"], #commentform .btn-small#submit[type="submit"], .blog-posts form .btn-small.small.radius, .l-main .wp-block-button .btn-small.wp-block-button__link {    
    font-size: 16px!important;
}
.first-footer .contact-details li {
    font-size: 16px!important;
}

.first-footer .block #menu-footer-menu.menu .menu-item a {   
    font-size: 17px!important;  
}

.best-services .text-icon__text {
    font-size: 17px!important;
 }

.first-footer .textwidget p {
    font-size: 17px!important;   
}

.p-small, .wd-post--multicolumn .wd-post__body p, .large-up-1 .wd-post__body p, .team-list-style3 li .team-member__desc, .text-icon__text {
    font-size: 17px!important;
}

.text-icon--icon-left_position .text-icon__icon-box {
   -ms-flex: none!important;
    flex:none!important; 
}

@media screen and (min-width: 64em) {
header.l-header .top-bar-container.devia-nav .site-navigation.top-bar .top-bar-left .top-bar-title .logo-wrapper img {
    max-height: 115px!important;
}

header.l-header .top-bar-container.devia-nav .site-navigation.top-bar .top-bar-left .top-bar-title
  {
    min-height: 115px;
  }
  .single_image-bg:after {
    background: #19971A!important;
  }
  .first-footer .contact-details li a {
    color: #ffffff!important;
    }
	
	.blog .titlebar {   
    	padding: 80px 0px 130px!important;
  	}
}
	
}

/*common for all device*/
.speciality-box{border:1px solid #e3e3e3;margin-right:10px;}

br {
  margin: 0px 0!important;
}
br {
  line-height: 0!important;
  content: " ";
}
.header-info-box-wrapper {
  align-items: baseline!important;
  padding-top: 40px;
}


element.style {
}
.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}
.wp-block-pullquote {   
    padding: 1em 0!important;
	margin: 0 0 0em!important;
}

.header-info-box__text br { content: normal !important;}

/*TAB css*/
.vc_tta-tabs-list li {
	border: 4px solid #DDD!important;
	padding: 10px 15px 10px 15px!important;
	background-color: #FDB900!important;
	border-radius: 10px;
}
.vc_active a {
  color: #000 !important;
  font-weight: 600;
}
.vc_active a:hover {
  color: #F00 !important; 
}
.vc_tta-container .wpb_text_column {
	padding: 20px;  	
	border: 8px solid #eee;
}
.vc_tta-tabs-list {
	margin-bottom: -10px!important;
	padding-left: 14px!important;
}
.vc_tta-color-black.vc_tta-style-classic .vc_tta-tab > a {
  color: #000!important;
  font-weight:bold;
}

.vc_tta-tab {margin: 0 3px!important;}
.vc_tta-container .vc_tta-tab a {
	padding: 8px 0px!important;
}

.txt-center {
  text-align:center!important;
}

/*calculator*/

.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	margin-bottom: 0rem!important;
}

.float-end {
	float: right !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.fgr.row label {
	text-align: right;
	line-height: 2rem;
}

.fgr.row {
  margin-left: 0px;
  margin-right: 0px;
}

.container {
	padding-left: 2px;
	padding-right: 2px;
}

@media (min-width: 1200px)
.container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1140px;
}

@media (min-width: 992px)
.container-lg, .container-md, .container-sm, .container {
  max-width: 960px;
}

.container {
  padding-left: 2px;
  padding-right: 2px;
}

@media (min-width: 1200px)
.container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1140px;
}

@media (min-width: 992px)
.container-lg, .container-md, .container-sm, .container {
  max-width: 960px;
}

@media (min-width: 768px)
.container-md, .container-sm, .container {
  max-width: 720px;
}

@media (min-width: 576px)
.container-sm, .container {
  max-width: 540px;
}

@media (min-width: 1200px)
.container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1140px;
}

@media (min-width: 992px)
.container-lg, .container-md, .container-sm, .container {
  max-width: 960px;
}

@media (min-width: 768px)
.container-md, .container-sm, .container {
  max-width: 720px;
}

@media (min-width: 576px)
.container-sm, .container {
  max-width: 540px;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  width: 70%;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
  margin-right: auto;
  margin-left: auto;
}

#mainCol, .col-xl-12 {
	padding-left: 0;
	padding-right: 0;
	width:100%;
}

.col {
	flex: 1 0 0%;
}

@media (min-width: 1200px)
.col-xl-12 {
  flex: 0 0 auto;
  width: 100%;
}

form.calculator {
	background-color: #fcfcfc;
	padding: 1em .1em;
	border: 1px solid #ddd;
	border-radius: .25rem;
	margin-bottom: 1em;
}

.align-items-center {
	align-items: center !important;
}

.justify-content-center {
	justify-content: center !important;
}

.fgr {
	margin-bottom: .5rem;
}

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
	padding-right: 4px;
	padding-left: 4px;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

*, ::before, ::after {
	box-sizing: border-box;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group > .form-control, .input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

.tool input {
	text-align: right;
}

input[type="number"] {
	padding-right: .3rem;
}

.form-control, .input-group-text {
	padding: .2rem .24rem;
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.d-grid {
	display: grid !important;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

div#calcResult {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #b2cedc;
	border-radius: .25rem;
	padding: 5px 2px 6px 2px;
	margin-top: 25px !important;
}

div#calcResult h3 {
	text-align: center;
	color: #fff;
	background-color: #020625;
	padding-top: 10px;
	padding-bottom: 12px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	margin-bottom: 4px;
}

.toolresult {
	font-size: 1.1rem;
	margin-bottom: 0;
}

.table {
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: #212529;
	--bs-table-striped-bg: rgba(0,0,0,.05);
	--bs-table-active-color: #212529;
	--bs-table-active-bg: rgba(0,0,0,.1);
	--bs-table-hover-color: #212529;
	--bs-table-hover-bg: rgba(0,0,0,.075);
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	vertical-align: top;
	border-color: #dee2e6;
	border-collapse: collapse;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

.table > tbody {
	vertical-align: inherit;
}

thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}

thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

div#calcResult .table-striped > tbody > tr:nth-child(2n+1) > td, div#calcResult .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #eaf3f7;
}

.table > :not(caption) > * > * {
	padding: .5rem .5rem;
	background-color: var(--bs-table-bg);
	/*border-bottom-width: 1px;*/
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.text-end {
	text-align: right !important;
}

td.copyres {
	width: 22px;
	font-size: 1.4rem;
	line-height: 1rem;
	margin: -.2rem;
}

.table td, .table th {
	padding: .75rem;
	vertical-align: top;	
	color: #000;
}

div.fgr span.input-group-text {
	color: #6c6c6c;
	background: #f1f4f7;
}

.form-control, .input-group-text {
	padding: .2rem .24rem;
}

.input-group-text {
	display: flex;
	align-items: center;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.input-group > .form-control, .input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

input[type="number"] {
	padding-right: .3rem;
}

#mainCol .btn-lg, #mainCol .btn-group-lg > .btn {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: .3rem;
}

.btn-primary:hover {
	color: #222;
	background-color: #efefef;
	border-color: #9ab7db;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}

.btn-primary {
	color: #222;
	background-color: #f8f9fa;
	border-color: #b3c5db;
	border-width: 2px;
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

button, select {
	text-transform: none;
}

input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

svg:not(:root).svg-inline--fa {
	overflow: visible;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.svg-inline--fa.fa-w-12 {
	width: .75em;
}

.svg-inline--fa {
	display: inline-block;
	display: var(--fa-display,inline-block);
	height: 1em;
	overflow: visible;
	vertical-align: -.125em;
}

#mainCol .btn-lg, #mainCol .btn-group-lg > .btn {
	font-size: 1.25rem;
}

#mainCol #rowwidth .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-left: calc(var(--bs-gutter-x) * -.5);
	margin-left: 0;
	margin-right: 0;
}

#mainCol .row > * {
	flex-shrink: 0;
	/*width: 100%;
	max-width: 100%;*/
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}

.input-group > .form-control, .input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

@media (min-width: 1200px)
.col-xl-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 1200px)
.col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1200px)
.col-xl-12 {
  flex: 0 0 auto;
  width: 100%;
}

#mainCol .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
}

@media only screen and (max-width: 600px) {
    .table td, .table th {
      width: 100%;
      float: left;
    }
}