body {font-family: "Roboto",sans-serif; background-color: #F0F0F0;/* font-weight: 300;*/}
h1,h2,h3,h4,h5,h6 {font-weight: 500; font-family: 'Roboto Condensed', sans-serif;}
.lato{font-family: 'Lato', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}
.robotocondensed {font-family: 'Roboto Condensed', sans-serif;}
.oleo {font-family: 'Oleo Script', cursive;}
.articleh1 {font-family: 'Oleo Script', cursive; font-size: 2.25rem; font-weight:400; letter-spacing: -1px; padding-top: .75rem; margin: 0;}
.author {font-size: .9rem; font-style: italic; font-weight: 400;}
.formhead {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size:2.5rem; letter-spacing: -1px;}
.bigfont {font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 4.5rem; letter-spacing: -1px;}
.topnav {background-color: #303030; font-size: 13px; line-height:3;}
.topnav a {color: #fefefe; text-shadow: 1px 1px 2px #000; padding: 7px;}
a.headlink {font-variant:small-caps; color: #424242; text-decoration: none; font-weight: 300;}
.addlink {color: #b4b4b4; text-decoration: none; font-weight: 500; font-size: 13px; font-family: 'Roboto', sans-serif; }
.addlink:hover {color: #4b4b4b; cursor: pointer;}
.tiny {
  font-size: .675em;
}
.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom:0;
    list-style: none;
    background-color: rgba(0,0,0,.07);
    border-radius: 0;
    background-size: auto;
    background-position: right;
    background-repeat: no-repeat;
}
strong {font-weight: 700;}
.strong {font-weight: 700;}
.strong-roboto {font-family: "Roboto",sans-serif; font-weight: 500;}
.small {font-size:15px;}
.breadcrumb, .breadcrumb a {font-size: .9rem; color: #2d2d2d;}
.page-content {width: 90%; max-width: 1200px; margin: auto;}
.navbar {padding: .5rem 0;}

.alert {font-size: .9rem;  position: absolute;right: 10px; top: 10px;z-index: 10002; }
.alert i {font-size: .9rem; padding: .05rem;}
#mainNavContainer {
    transition: transform 0.3s ease-in-out;
}

#mainNavContainer.hidden {
    transform: translateX(-100%);
    position: absolute;
}

#toggleNav {
    position: fixed;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 140px;
	border-radius:0;
}

.bg-yellow{background-color: rgba(251, 221, 32,1.0); color:#093961!important;}

.bg-xlight {background-color: #F0F0F0;}
.box {background-color: #fff; border: 1px solid #d8d8d8; box-shadow: 2px 1px 2px #ddd;}
.box-content {width:75%;}
.box-80 {max-width: 80%; margin:auto;}
.box-90 {max-width: 90%; margin:auto;}
.vstack a {text-decoration:none!important; color: rgba(9,57,97,.8); display: block;}
.vstack a:hover{background-color: rgba(0,0,0,.05); cursor: pointer; color: rgba(9,57,97,1.00);}
.border-top-thick {border-top: 3px solid #212529;}

.border-top-thick-dark {border-top:3px solid rgba(9,57,97,1.00);}
.border-top-thick-light {border-top:3px solid #7A7A7A;}

.mainmenu a.active {background-color: rgba(0,0,0,.05); color: rgba(9,57,97,1.0); font-weight: 400;}
.mainmenu a.active:after {content:"❯"; float:  right;}
.mainmenu a.add:after {content:" + "; float:left; padding-right:10px; color:rgba(14,135,0,1.00);}
/*
.mainmenu a.clicklink:after {content:"❯"; float: right; transform: rotate(0.25turn);color: rgba(9,57,97,0.5);}
.mainmenu a.clicklink:hover::after {transform: rotate(-0.5turn); color: rgba(9,57,97,1.0);}
.mainmenu a.active.clicklink:after {content:"❯"; float: right; transform:inherit;}
*/

.mini-box {background-color: #FFFFFF; color: #424242;}
h5.mini-box-city { font-size:1.15em; font-weight: 800; margin: 0; padding:.5vh 1vh .25vh 1vh; color:rgba(255,255,255,1.0);  text-transform: uppercase;background-color:rgba(0,0,0,.5);
-webkit-border-top-left-radius: 0.5rem;
-webkit-border-top-right-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
-moz-border-radius-topright: 0.5rem;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.mini-box .mini-title {font-size:.9em; text-transform: uppercase; padding:.75vh;}
.mini-box .month {background-color:rgba(0,0,0,.5);  border-bottom:1px solid  rgba(0,0,0,.4); color:rgba(255,255,255,.85); font-size: .95em; font-weight: 600; padding:.25vh  1vh; }
.mini-box ol {font-size: .85em;}
.mini-box ol li {padding: 7px inherit; text-transform: uppercase; font-weight: 700;}

.background-mini:nth-child(even) > .mini-box { opacity: .7;}
.background-mini:nth-child(even) > .mini-box h5.mini-box-city,
.background-mini:nth-child(even) > .mini-box .mini-title
{ color: #828282;content:""!important;}
/*
.background-mini:nth-child(even) > .mini-box { background-color: #f0f0f0;color: rgba(0,0,0,.3);}
.background-mini:nth-child(odd) > .mini-box li:first-child {font-size: 1.05em; font-weight: 900;}

.background-mini:nth-child(even) > .mini-box .mini-title {}
.background-mini:nth-child(even) > .mini-box .month {background-color: rgba(0,0,0,.1); border-top:1px solid  rgba(0,0,0,.2); border-bottom:1px solid  rgba(0,0,0,.2);}
.background-mini:nth-child(even) > .mini-box ol {}
*/

/*Cols*/
.cols-2,.col-3,.cols-4,.cols-5,.cols-6 { column-gap: 25px; column-rule: 1px solid #d8d8d8;}
.cols-2.border-0,.col-3.border-0,.cols-4.border-0,.cols-5.border-0,.cols-6.border-0 { column-gap: 25px; column-rule: none; line-height:2.5;}
.cols-2 {columns: 2;}
.cols-3 {columns: 3; }
.cols-4 {columns: 4;}
.cols-5 {columns: 5;}
.cols-6 {columns: 6;}

.trumbowyg-editor-visible {background-color: #fefefe!important;}	
.trumbowyg-box {
		background-color: blue;
		height:auto;
		min-height:auto;
		margin: auto;
		flex: 1;
	}
.small td {padding: 1.3em .6em;}
.table > :not(:first-child) {
  border-top: 2px solid #8d8d8d;
}
table.recentorders  th {
  font-weight:500!important;
  color: #3A3A3A!important;
}
table.recentorders  td {
  font-size:13px!important;
  color: #3A3A3A!important;
}
.home-bg .lead {font-family: 'Roboto Condensed', sans-serif;font-weight: 400; font-size:1.5rem; line-height:1;text-shadow: 1px 1px 3px #000000; padding-top: 20px;}
.close:hover {cursor:pointer;}
.hover {cursor: pointer;}
/*ADS*/
.big-font {font-family: 'Roboto Condensed', sans-serif; font-size: 3rem; font-weight: 700;}
.color-ad, a.color-ad,.color-ad a {display:block;width: 100%; text-align: center; background-color: rgba(101,48,128,1.00); color: rgba(255,255,255,.5); text-decoration: none;}
a.color-ad:hover, .color-ad a:hover {text-decoration: none; color: rgba(255,255,255,.75);}
.headings {

margin: 0 auto 36px;
background: linear-gradient(90deg,#d5d9db,#d5d9db) 50%/100% 2px no-repeat;
text-align: center;
color: #525252;

}
.headings span {
    display: inline;
    padding: 0 48px;
    background: #f5f7f8;
	}
/******CANVAS***************/
.offcanvas.offcanvas-start { 
	width:60%!important;
}

/***FORMS*****/

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:active,
.form-select:focus,
.form-control:focus,
.form-check-input:focus{   
  border-color: rgba(2,8,13, 0.08);
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 1px rgba(12,8,13, 0.6);*/
  box-shadow: none;
  outline: 0 none;
}
.form-check-input:checked {
    background-color: rgba(12,8,13, 1.00);
    border-color: rgba(12,8,13, 1.00);
}
/*Buttons*/
.bg-primary {background-color: rgba(9,57,97,1.00)!important;}
.btn-row {text-align: right;}

.btn-promo {padding-top:0; padding-bottom:0; font-weight: normal!important;text-transform: capitalize!important; color: #e8e8e8!important;background-color: rgba(9,57,97,1.00)!important; line-height: 22px; border: none;
}
.btn-promo i {display: inline-block; line-height: 22px; border-left:1px solid rgba(255,255,255,.15); padding:6px 0 6px 9px; margin-left: 7px;color: rgba(255,255,255,.60);}
.btn-promo.btn-lg i {padding-left: 13px; margin-left: 13px;}
.btn-promo:hover i {color: rgba(255,255,255,.90);}
.btn-promo:hover {color: #fff;}

.btn-promo.next {background-color: rgba(9,57,97,1.00)!important; width: 100px!important; height: inherit!important;
max-width: 100px; padding: 0 8px; line-height: 44px; font-size: 12px!important;  margin-left: 8px;}
.btn-promo:hover, .btn-promo.next:hover {background-color: rgba(9,57,97,0.85)!important;}
.btn-promo.prev {background-color: rgba(112,112,112,1.00)!important;}
.btn-promo.prev:hover {background-color: rgba(112,112,112,0.85)!important;}
.btn-primary { 
background: #0D1216;
background: rgb(9,57,97);
background: -moz-linear-gradient(top,  rgba(9,57,97,1) 0%, rgba(9,57,97,.95) 100%);
background: -webkit-linear-gradient(top,  rgba(9,57,97,1) 0%,rgba(9,57,97,.95) 100%);
background: linear-gradient(to bottom,  rgba(9,57,97,1) 0%,rgba(9,57,97,.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3e4c', endColorstr='#0d1216',GradientType=0 );
border:1px solid transparent;
}
.btn-primary:hover {
    color: #fff;
    border-color: transparent; 
background: rgb(9,57,97);
background: -moz-linear-gradient(top,  rgba(9,57,97,.95) 0%, rgba(9,57,97,1) 100%);
background: -webkit-linear-gradient(top, rgba(9,57,97,.95) 0%,rgba(9,57,97,1) 100%);
background: linear-gradient(to bottom,  rgba(9,57,97,.95) 0%,rgba(9,57,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1216', endColorstr='#2d3e4c',GradientType=0 );

}
.copy-btn { 
background: #0D1216;
background: rgb(9,57,97);
background: -moz-linear-gradient(top,  rgba(9,57,97,1) 0%, rgba(9,57,97,.95) 100%);
background: -webkit-linear-gradient(top,  rgba(9,57,97,1) 0%,rgba(9,57,97,.95) 100%);
background: linear-gradient(to bottom,  rgba(9,57,97,1) 0%,rgba(9,57,97,.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3e4c', endColorstr='#0d1216',GradientType=0 );
border:1px solid transparent;
}
.copy-btn:hover {
    color: #fff;
    border-color: transparent; 
background: rgb(9,57,97);
background: -moz-linear-gradient(top,  rgba(9,57,97,.95) 0%, rgba(9,57,97,1) 100%);
background: -webkit-linear-gradient(top, rgba(9,57,97,.95) 0%,rgba(9,57,97,1) 100%);
background: linear-gradient(to bottom,  rgba(9,57,97,.95) 0%,rgba(9,57,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1216', endColorstr='#2d3e4c',GradientType=0 );

}
.btn i{
    transform:rotate3d(0, 0, 0, 0) translate(0,0);
    transition: transform .5s, color 1.5s;
}
.btn:hover i{
    /*transform:rotate3d(1, 2.0, 3.0, 1080deg) translate(0,0);*/
    transform:rotate3d(0, 0, 0, 0) translate(0,0);
    color: #8fc800;
}
.btn {
    transform:scale(1.00) translate(0,0);
    transition: transform .05s;
    
    
}
.btn:hover {
    transform:scale(0.99) translate(0,0);
}
.btn:focus,
button:focus,
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus,.form-control:focus {
  box-shadow: none!important;
}

label {font-size:95%; line-height: 1.25; font-weight:500; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #353437;}

.light-labels label {font-weight: 300;color: #424242;}
.light-labels label .bold {font-weight: 500; color: #323232;}
.light-labels h4 {font-weight: 400; font-family: "Saria",'Roboto', sans-serif;  }

.form-control,.form-select {border-radius: 0;}
.form-select option {border:none!important; color: #242424!important;}

.small-list {font-size: 12px;}

/*Vehicles*/
.vehicle-card {}
.vehicle-card .card-title {font-size:15px; font-weight: 700; font-family: 'Roboto', sans-serif; max-width: 100%; overflow: hidden; white-space: nowrap;}
.vehicle-card .card-text {font-size:1rem; }
.vehicle-card .card-body {padding-bottom:.75rem;; }
.vehicle-card .list-group-item {font-size:13px; font-weight: 400; padding: .25rem .5rem;border: none; }

/*Feeds*/
.feeditem-title {font-size: 1.05rem; line-height: 1; font-family: "Roboto Condensed",cursive; font-weight: 400;}
.feeditem-description {font-size:.75rem;}
.line-1 {line-height: 1!important;}
a .line-1 {color:#424242;}
a .feeditem-title, a .feeditem-description {color:#424242;}
a:hover .feeditem-title, a:hover .feeditem-description {text-decoration: none!important; color:#242424;}
a.hover:hover{text-decoration: none!important;}
.feedplain .box {background-color: transparent; border: none; box-shadow: none; width:32%; padding-top: 1.5rem!important; padding-right:1rem!important; display:inline-block;}

/*Admin*/
.profile-bar {background-color: rgba(0,0,0,.05);}
.profile-bar a.nav-link {color: rgba(0,0,0,0.55); font-size: .75rem; font-weight: 600!important; text-transform: uppercase;}
.profile-bar a.nav-link:hover, .profile-bar a.nav-link.active {color: rgba(0,0,0,0.95); }


/*.post img {max-height: 350px; max-width: 350px;}*/
.post img.firstimg {max-width: 100%!important;}
.post .big-font {font-family: 'Roboto Condensed', sans-serif; font-size: 5rem; font-weight: 300;}
/*Tabs*/
.nav-tabs#featuredBlock .nav-link.active {
    color: #495057;
    background-color:transparent!important;
    border-color:transparent;
    font-weight: 700;
}
.nav-tabs#contentSEO .nav-link.active {
    color: #495057;
    background-color: #F8F9FA!important;
    border-color: #dee2e6 #dee2e6 #EFF1F3;
}
ul#myTab.nav.nav-tabs > button {
 line-height: .75;
font-size: .9rem;
font-weight: 500;
font-variant: small-caps;
letter-spacing: .5px;
}
ul#settingTab.nav.nav-tabs > button {
 line-height: .75;
font-size: .9rem;
font-weight: 500;
font-variant: small-caps;
letter-spacing: .5px;
}
.nav-tabs#settingTab .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
    color: #495057;
	font-weight: 300;
}
.nav-tabs#settingTab  button.nav-link.active{
    font-weight: 500;
    color: #495057;
}
/**DATATABLES**/

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {background-color: inherit!important; color: #242424;}
.dataTables_wrapper .form-control, .dataTables_wrapper select.form-control.form-control-sm {
    margin: 0 10px;
    padding: 5px !important;
    height: 2rem;
    min-height: 2rem;
}
tbody, td, tfoot, th, thead, tr {
    border-color:#d8d8d8;
    border-style: solid;
    border-width: 0;
}
.dataTable tbody td {
    font-size:.75rem;
    font-weight: 400;
}
.dealertable tbody td{
  padding: .25rem 1.5rem;
  line-height: 1.2!important;
}

.pagination li a:hover { background-color: transparent!important;}

.input-group-text {padding: 0; background-color: transparent!important;border: none!important;}

.categorycontainer {height: 350px; overflow-y: scroll;}

.btn-gallery-add {font-size: 125%; text-align: center; color: #c8c8c8; border:4px dashed #dfdfdf; padding: 1.5rem;}
.btn-gallery-add:hover, .btn-gallery-add:focus {color: #525252;border-color: #525252;}
.btn-gallery-add span{font-size-adjust: 0.4;}

.fitlist a {color: #2A3858!important;font-size:13px;}
.fitlist a:hover {color: #1E4BB3!important;}
.fitlist a:hover:before {content:"❯"; padding-right: 10px;}

.addcallink:hover {cursor: pointer; color: cornflowerblue!important;} 
a.add-link {text-decoration: none; color: #424242;}
a.add-link:hover {color: rgba(13,60,155,1.00);}

@media (min-width: 992px) { 
    #sitenav {text-align: right!important;}
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: right;
        float: right;
    } 
.navbar-expand-lg .navbar-collapse {
    display: revert !important;
    
    }
}

@media (max-width: 768px) {
    .article-page h1 {font-size: 2rem;}
    .cols-2,.col-3,.cols-4,.cols-5,.cols-6 {column-gap: 15px;}
    .cols-2 {columns: 2;}
    .cols-3 {columns: 2; }
    .cols-4 {columns: 2;}
    .cols-5 {columns: 2;}
    .cols-6 {columns: 2;}
    .feedplain .box {background-color: transparent; border: none; box-shadow: none; width:100%; padding: inherit!important; display:block;}
    .box-80 {max-width: 100%;}
    
}

@media (max-width: 576px) {
    .articleh1 { line-height: 1; font-size: 1.75rem; margin-bottom: .5rem;}
    .bigfont {font-size: 2.5rem;}
    .formhead {font-size:1.75rem;}
    .cols-2,.col-3,.cols-4,.cols-5,.cols-6 { column-gap:normal; column-rule:hidden;}
    .cols-2 {columns: 1;}
    .cols-3 {columns: 1; }
    .cols-4 {columns: 1;}
    .cols-5 {columns: 1;}
    .cols-6 {columns: 1;}
}

@media (max-width: 415px) {

}