/*
Theme Name: www.tylerequipment.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
html, body {
	height:100%;
	width:100%;
}


/* UNIFORM STYLES */
h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif; color:#3e3e3e; letter-spacing: 1px;}
h1 {font-weight: 700; letter-spacing: .5px;text-transform: uppercase; font-size: 30px; line-height: 35px;}
h2, h3, h4 {font-weight: 700;}
h1, h2, h3 {text-transform: uppercase;}
p, body {font-size: 14px; line-height: 22px;font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}

.width-60 {width: 60%; margin: 0 auto;}
.width-70 {width: 70%; margin: 0 auto; }
.width-65 {width: 65%; margin: 0 auto;}
.width-80 {width: 80%; margin: 0 auto;}
.width-90 {width: 90%; margin: 0 auto;}
.width-95 {width: 95%; margin: 0 auto;}
.width-98 {width: 98%; margin: 0 auto;}

#padding25, .padding25 {padding: 25px 0;}
#padding50, .padding50 {padding: 50px 0;}
#padding100, .padding100 {padding: 100px 0}

.flex-center {display: flex; flex-direction: row; align-items: center}
.flex-stretch {display: flex; flex-direction: row; align-items: stretch;}

.bl-btn, .btn-success {background: #01007F; color:#fff; max-width: 350px; width: 100%; text-align: center; transition: .3s ease; padding: 10px 0;  font-weight: 700; border: none !important;}
.bl-btn:hover, .btn-success:hover, .btn-success:active {background:#de0000 !important; color:#fff; box-shadow: none !important; }

.red-btn {background: #de0000; color:#fff; max-width: 350px; width: 100%; text-align: center; transition: .3s ease; padding: 10px 0; font-weight: 700; border: none !important;}
.red-btn:hover {background:#000084; color:#fff;  box-shadow: none !important;}


.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}


/* HEADER */
#header {background: #dedede; padding: 10px 0;}
.header-flex {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}
.logo {width: 20%;}
.logo img {max-width: 200px; width: 100%;}
.header-right {width: 80%; }
.top-header {text-align: right; font-size: 15px;}
.top-header a {color:#000084; transition: .2s ease;}
.top-header a:hover {color:#C0080F}
.bottom-header {text-align: right;}


/* POP UP */

.widget-popup > div{
	width: 90% !important;
	max-width: 1200px !important;
	position: relative !important;
}

/* NAVIGATION */
#mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    right: 100% !important;
	left: auto !important;
    top: 0;
}
.mega-menu-toggle{
	display: none !important;
}
#mega-menu-wrap-menu-primary .mega-menu-toggle + #mega-menu-menu-primary {
    display: block !important;
}
#mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
	right: 0 !important;
	left: auto !important;
}

#mega-menu-wrap-menu-primary #mega-menu-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    width: 40px !important;
    text-align: center !important;
}


.mega-sub-menu{max-width: 500px !important;
	background: #dedede !important;}
.mega-menu-item{
	padding: 0 !important;
}
.manulogos {
    display: flex; flex-wrap: wrap;
}
.manulogo {
    width: 33.3333%;
}

.manulogo a {
	background: #dedede !important;
   	border: none !important;
	padding: 10px !important;
}
.manulogo a:hover {
	background: #fff !important;
   	border: none !important;
}
.manulogo a img {
    max-width: 100%;
}

/* NOTICE BANNER */


/* HOME PAGE TEMPLATE */
.announcement-banner {background: #000084; padding: 10px 0; text-align: center; transition: .3s ease; display: inline-block; width: 100%;}
.announcement-banner h2 a{color:#fff;}
.announcement-banner h2 a:hover  {color:#de0000 !important;}

.ql {width: 25%;    
	position: relative;
    font-size: 16px;
    font-size: 1rem;
    border-top: 2px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	 background: rgba(0, 0, 132, 1);
	background-blend-mode: color;
	overflow: hidden;
}

.zoom-bg {
    background-color: rgba(0, 0, 132, .5) !important;
	background-position: center center;
	background-blend-mode: darken;
	display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.zoom-bg:hover {
    background-color: rgba(0, 0, 132, .0) !important;
	transform: scale(1.25);
	box-sizing: border-box;
	overflow: hidden;
}
.ql h2 {font-size: 22px !important; color:#fff; font-weight: 700;margin-top:10%;text-shadow: 1px 2px 3px #000;}
/* CUSTOM PAGE TEMPLATE */
.lt-gray-bg {background: #eee;display: inline-block; width: 100%; padding-bottom: 50px;}
.lt-gray-bg h1 {
	color: #de0000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 20px;
}
.lt-gray-bg h2 {
	color:#000084;
	font-size: 22px; 
	font-weight: 600; 
	margin-top:10px;
	text-transform: uppercase;
	
}
.lt-gray-bg a {color:#333;}
.lt-gray-bg a:hover {color:#de0000 !important;}



/* ALL PAGES */
.wrap {
    max-width: 1300px;
    margin: 0 auto;
    width: 96%;
}

/* EQUIPMENT PAGE */

.image-zoom-container {
    list-style: none;
    font-size: 0px;
}
.zoom-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: calc(25% - 1px);
    font-size: 16px;
    font-size: 1rem;
    border-top: 2px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
}
.zoom-container .zoom-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 132, .5);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.zoom-container:hover .zoom-caption {
    background: none;
}
.zoom-container .zoom-caption h3 {
    display: block;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 10% 0 0;
    padding: 10px 0;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 70%);
}
.zoom-container img {

    display: block;
    width: 100%;
	height: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.zoom-container:hover img {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

#mapbox {
    background: #dedede;
    width: 21%;
    padding: 2%;
    float: left;
    margin-bottom: 50px;
    line-height: 28px;
}
.mobilepeople {
    display: none;
}
img {
    max-width: 100%;
    height: auto;
}
#map img {
    width: 100%;
    height: auto;
    float: left;
}
#map {
    width: 75%;
    float: left;
    margin-bottom: 50px;
    margin-top: -80px;
}

/* EQUIPMENT SUBPAGES */

.newfours {
    width: 94%;
    float: left;
    margin: 0 3%;
	text-align: left;
    min-height: 570px;
}
.newfours img {
    width: 100%;
}
.newfours h4, .newfours h4 a, .typography h4, .typography h4 a {
    color: #000084;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
	margin: 0 !important;
}
.newfours a:hover h4 {
    color: #de0000;
}

/* GENERIC */

.typography h6, .typography h6 a {
    color: #000084;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 16px;
}
.typography .no-margin {
    margin: 0!important;
}
.typography .mobile:before {
    content: "\f10b";
    color: #000084;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.typography .phone:before {
    content: "\f095";
    color: #000084;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.typography .email:before {
    content: "\f0e0";
    color: #000084;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.typography .address:before {
    content: "\f041";
    color: #000084;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.typography .fax:before {
    content: "\f1ac";
    color: #000084;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.typography .half {
    width: 98%;
    float: left;
    margin-right: 2%;
}
.thirds {
    width: 98%;
    float: left;
    margin: 0 2% 2% 0;
    text-align: center;
}


.no-heading h1{
	display: none !important;
}

/* STAFF */

.post-container-staff {
    display: flex;
    flex-wrap: wrap;
}


.post-staff-employeeimage{
	width: 100%;
	margin-bottom: 10px;
}
.column-padding-staff{
    min-height: 160px;
	margin-bottom: 20px;
}
.border-staff{
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}
.post-column-staff{
	text-align: left !important; 
}
.post-column-staff p{
	margin: 0 !important;
	
    font-size: 14px;
    line-height: 20px;
}
.post-column-staff p i, .post-column-staff a i{
	color: #000084 !important;
}
.post-column-staff a:hover i{
	color: #de0000 !important;
}
p.post-staff-employeename{
	
    font-size: 16px;
    color: #000084;
    font-weight: 700;
    text-transform: uppercase;
}


/* FOOTER */
.footerbg {background: #DEDEDE;}
.footer-flex {display: flex; flex-direction: row; align-items: stretch; width: 80%; margin: 0 auto; flex-wrap: wrap;}
.foot-col {width: 24%;margin:0 1%;}
.foot-col h6, .fours h6 {    
	color: #000084;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 16px;}

.fours {
    width: 23%;
    float: left;
    margin: 1% 1% 4%;
}
.foot-col p, .foot-col a, .fours p, .fours a {color:#000; line-height: 26px;}

.foot-news {
    width: 30%;
    float: left;
    margin-right: 3%;
}


.copyright {max-width: 780px;
    width: 67%;}

/* INVENTORY LISTINGS */




#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: montserrat, sans-serif !important;} /* Reset font, ignore icons */

#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}



#inv{
	padding: 3% 0;
	line-height: normal;
	letter-spacing: normal;
    font-size: 16px;
}


.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 0px !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px !important;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px !important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-top: 0 !important;
}

span.compare-label{padding-left: 4px !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .cs-btns a, .apply-button, .Manufacturer-button, .mobile-done-button { 
	background: #000084 !important; 
	color: #fff !important; 
	text-decoration: none !important; 
	
	transition: ease-in 0.2s all;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .faceted-search-content .selected-facets-container .selected-facet:hover, .list-content .list-listing-mobile .view-listing-details-link:hover, .list-content .list-listing-mobile .buy-now-link:hover, .list-content .list-listing-mobile .check-availability-link:hover, .list-content .list-listing-mobile .email-seller-link:hover, .detail-content .detail-main-body .main-detail-data .offer-btn:hover, .detail-content .detail-main-body .main-detail-data .buy-btn:hover, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .cs-btns a:hover { 
	background: #de0000 !important; 
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn, .mobile-done-button {background: #de0000 !important;	transition: ease-in 0.2s all;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .contact-btn:hover, .contact-options a:hover, .mobile-done-button:hover {background: #de0000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .breadcrumbs-element, .return-links *, .compare-title, .compare-price {color: #000084 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000084 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav, .contact-options a, .list-error-container .info button {background: #000084 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .back-button {border-color: #000084!important; color: #000084!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details, .grouped-faceted-header {background-color: #000084!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px; box-sizing: border-box;}







/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1342px) {		
	#map {
		margin-top: -50px;
	}
}
@media only screen and (max-width : 1030px) {		
	.zoom-container .zoom-caption h3, .zoom-container-fifth .zoom-caption h3 {
		font-size: 18px;
	}
	
	.header-right{
		flex-wrap: wrap !important;
		display: flex !important;
		justify-content: flex-end !important;
	}
	.top-header{
		
    padding-right: 60px;
	}
	
	.top-header a[href^="/contact-us/"]{
		display: none !important;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 940px) {
	.zoom-container .zoom-caption h3, .zoom-container-fifth .zoom-caption h3 {
		font-size: 22px;
	}
	.zoom-container, .zoom-container-fifth {
		
    width: calc(50% - 1px);
	}
	
	.fours {
    width: 31.33%;
    margin: 1% 1% 3%;
}.lastfour {
    width: 100%;
}
	
	
}
@media only screen and (max-width : 865px) {		
	.desktop {
		display: none;
	}
	.mobilepeople {
		display: block;
		float: right;
		width: 120px;
		margin: 0 0 0 10px;
	}
	#map {
		width: 100%;
		margin-top: 0px;
	}
	
	#mapbox {
		width: 96%;
		padding: 2%;
		margin-bottom: 0;
	}
	.newfours {
		margin: 0 3% 1%;
	}
	
	.typography .half {
		width: 100%;
		margin: 0 0 30px;
	}
}
@media only screen and (max-width : 767px) {
	.column-reverse > .row.sh-row{
		display: flex;
		flex-direction: column-reverse;
	}
	
.announcement-banner h2 a{font-size: 16px;}
	
	
	#menu-button {
		top: 10px;
	}
	
	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 575px) {
	
	.logo {
		width: 40%;
		float: none;
		margin: 0 auto;
	}
	.logo img {
		max-width: 100%;
		height: auto;
	}
	.header-right{
		width: 100%;
	}
	.top-header{
		width: 100%;
		padding: 0 !important;
		text-align: center !important;
    	font-size: 14px;
	}
	
	.newfours {
		margin: 0 3% 1%;
	}
	
	.fours, .lastfour {
		width: 48%;
		margin: 1% 1% 3%;
	}
	.foot-news{
		width: 100%;
		text-align: center;
	}
	.foot-news img{
		display: block;
		margin:  0 auto;
	}
	.copyright{
		width: 100%;
    text-align: center;
	}

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 380px) {
	
	.logo {
		width: 60%;
	}
	.zoom-container, .zoom-container-fifth {
		width: 100%;
	}
	.mobilepeople {
		float: left;
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.fours {
    width: 96%;
    margin: 0 0 30px;
    text-align: center;
}
	
	
}



/* start added styles for homepage updated design DSCompanyID=3648 */
/* text styles */
.multi-title {
	position: relative; width: 100%; margin-bottom: 8px; 
	display: flex; flex-direction: column; align-items: stretch; row-gap: 8px; 
}

.tyler-title, .title-lg, .subtitle {
	position: relative; width: 100%; font-family: 'Montserrat', sans-serif; 
}
.tyler-title, .title-lg { font-weight: 900; line-height: 1; font-style: normal; }
.tyler-title { font-size: 45px; }
.title-lg, .title.title-lg { font-size: 88px; }

.subtitle { font-size: 24px; font-weight: 700; line-height: 1.2; }

.txt-center, .multi-title.txt-center .title, .multi-title.txt-center .subtitle { text-align: center; }

.txt-ital { font-style: italic; }
.txt-upper { text-transform: uppercase; }

.fontweight-300, .title.fontweight-300, .title .fontweight-300, .subtitle.fontweight-300, .subtitle .fontweight-300 { font-weight: 300; }

.txt-white { color: #fff; }
.txt-red { color: #c00001; }
.txt-lightred { color: #f64139; }
.txt-blue { color: #020281; }
.txt-darkblue { color: #020057; }
.txt-lightestblue { color: #e3e3f3; }
.txt-notblack { color: #25252b; }

/* button/link styles */
.newbtn, .btn.newbtn, 
.newbtn-olined-blue, .newbtn.newbtn-olined-blue, .btn.newbtn.newbtn-olined-blue {
	position: relative; padding: 10px 28px; box-sizing: border-box; min-width: 200px; min-height: 50px; 
	display: flex; justify-content: center; align-items: center; column-gap: 8px; 
	border-width: 3px; border-style: solid; border-radius: 25px; 
	font-size: 17px; font-weight: 700; text-align: center; letter-spacing: 0; 
	cursor: pointer; transition: .25s ease all; 
}
.newbtn, .btn.newbtn, 
.newbtn-red, .newbtn.newbtn-red, .btn.newbtn.newbtn-red {
	background: #c00001; color: #fff; border-color: #c00001; 
}
.newbtn-white, .newbtn.newbtn-white, .btn.newbtn.newbtn-white {
	background: #fff; color: #c00001; border-color: #fff; 
}
.newbtn-olined-blue, .newbtn.newbtn-olined-blue, .btn.newbtn.newbtn-olined-blue {
	background: #fff; color: #020281; border-color: #020281; 
}
.newbtn-olined-white, .newbtn.newbtn-olined-white, .btn.newbtn.newbtn-olined-white {
	background: rgba(255, 255, 255, 0); color: #fff; border-color: #fff; 
}

.newbtn:hover, .btn.newbtn:hover, 
.newbtn-olined-blue:hover, .newbtn.newbtn-olined-blue:hover, .btn.newbtn.newbtn-olined-blue:hover, 
.newbtn-red:hover, .newbtn.newbtn-red:hover, .btn.newbtn.newbtn-red:hover {
	background: #020281; border-color: #020281; color: #fff; 
}
.newbtn-olined-white:hover, .newbtn.newbtn-olined-white:hover, .btn.newbtn.newbtn-olined-white:hover {
	background: #fff; border-color: #fff; color: #020281; 
}

/* section styles */
.content-sect {
	position: relative; box-sizing: border-box; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; row-gap: 16px; 
}
.content-sect.cs-center, .content-sect.jc-center { justify-content: center; }

.content-sect .title-lg, .content-sect .title-sm, .content-sect p { width: 100%; }
.content-sect p { font-size: 18px; line-height: 1.4; letter-spacing: .25px; margin-bottom: 24px; }

.newmission {
	position: relative; width: 100%; padding: 0!important; 
	display: flex; align-items: stretch; 
}
.newmission .content-sect, .newmission .missionimg, .newmission > img { position: relative; width: 50%!important; }
.newmission .content-sect { padding: 5%; }
.newmission .missionimg, .newmission > img { 
	height: auto; min-height: 320px; max-height: 800px; object-fit: cover; object-position: center; max-width: unset!important; 
}

.newhero {
	position: relative; width: 100%; background: #000084; display: flex; 
}
.newhero div { width: 100%; }

.bg-red { background: #c00001; }

.hero-sb, .bg-bluegradient {
	background: #000084; 
	background-image: url('/wp-content/themes/www.tylerequipment.com/img/hero-bg-gradient.jpg'); 
	background-size: 100% 100%; background-repeat: no-repeat; 
}
.hero-sb {
	position: relative; width: 100%; 
	padding: 32px 0; box-sizing: border-box; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; 
}
.hero-sb:before, .hero-sb:after, .hero-overlay-content:before {
	position: absolute; content: ""; background-repeat: no-repeat; box-sizing: border-box; 
}
.hero-sb:before, .hero-sb:after {
	z-index: 2; left: 50%; transform: translateX(-50%); width: 100%; height: 300px; background-position: 50% 100%; 
	background-image: url('/wp-content/themes/www.tylerequipment.com/img/hero-ellipse.png'); background-size: 100% auto; 
}
.hero-sb:before {
	top: 0; transform: rotateX(180deg) translateX(-50%); 
	filter: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(3656%) hue-rotate(239deg) brightness(75%) contrast(127%); 
}
.hero-sb:after { bottom: -2px; }


.hero-overlay-content {
	position: relative; z-index: 5; width: 50vw; padding: 32px 0 0 max(calc(50vw - 1200px), 8vw); align-content: flex-start; 
}
.hero-overlay-content:before {
	z-index: -1; top: 44px; left: 0; width: 4.25vw; height: 120px; 
	background-image: url('/wp-content/themes/www.tylerequipment.com/img/hero-flourish.png'); 
	background-size: 100% 100%; background-position: 0% 0%; 
}
.hero-overlay-content .title-lg { position: relative; color: #fff; }
.hero-overlay-content p { font-size: 19px; }

.hero-sb img.hero-cutout {
	position: relative; z-index: 4; width: 60vw; height: 500px; padding: 0 max(calc(50vw - 1200px), 3.75vw) 0 0; 
	margin: 0 0 -132px min(-10vw, 150px); 
	object-fit: contain; object-position: center; box-sizing: border-box; 
}

.belowherosection {
	position: relative; width: 100%; padding: 100px 5% 0 5%!important; 
}

.newinvbtnsslider { position: relative; width: 100%; padding: 24px 0 60px 0!important; }

.post-container-inventory-categories { width: 94%!important; margin: 0 3%!important; overflow: hidden; }
.newinvbtnsslider .slick-track { padding: 24px 0!important; }

.newinvbtnsslider .slick-arrow, .newinvbtnsslider .slick-prev, .newinvbtnsslider .slick-next, 
.newinvbtnsslider .slick-arrow.slick-prev, .newinvbtnsslider .slick-arrow.slick-next, 
.advancedresults53 .slick-arrow, .advancedresults53 .slick-prev, .advancedresults53 .slick-next { 
	width: 50px!important; height: 50px!important; border-radius: 10px!important; 
	background: #020281!important; color: #fff!important; opacity: 1!important; 
	display: flex!important; justify-content: center; align-items: center; 
	text-align: center; transition: .2s ease all; top: 50%!important; transform: translateY(-40px)!important; 
}
.newinvbtnsslider .slick-prev, .newinvbtnsslider .slick-arrow.slick-prev, .advancedresults53 .slick-prev { 
	left: 25px!important; 
}
.newinvbtnsslider .slick-next, .newinvbtnsslider .slick-arrow.slick-next, .advancedresults53 .slick-next { 
	right: 25px!important; 
}

.newinvbtnsslider .slick-arrow i, .newinvbtnsslider .slick-prev i, .newinvbtnsslider .slick-next i, 
.newinvbtnsslider .slick-arrow.slick-prev i, .newinvbtnsslider .slick-arrow.slick-next i, 
.advancedresults53 .slick-arrow i, .advancedresults53 .slick-prev i, .advancedresults53 .slick-next i { 
	font-size: 20px; text-align: center; color: #fff!important; opacity: 1!important; transition: .2s ease all; 
	-webkit-text-stroke: 1px #020281; text-stroke: 1px #020281;
}
.newinvbtnsslider .slick-prev i:before, .newinvbtnsslider .slick-arrow.slick-prev i:before, .advancedresults53 .slick-prev i:before { 
	content: "\f053"!important; 
}
.newinvbtnsslider .slick-next i:before, .newinvbtnsslider .slick-arrow.slick-next i:before, .advancedresults53 .slick-next i:before { 
	content: "\f054"!important; 
}
.newinvbtnsslider .slick-arrow:hover, .advancedresults53 .slick-arrow:hover { background: #c00001!important; opacity: 1!important; }
.newinvbtnsslider .slick-arrow:hover i, .newinvbtnsslider .slick-prev:hover i, .newinvbtnsslider .slick-next:hover i, 
.newinvbtnsslider .slick-arrow.slick-prev:hover i, .newinvbtnsslider .slick-arrow.slick-next:hover i, 
.advancedresults53 .slick-arrow:hover i, .advancedresults53 .slick-prev:hover i, .advancedresults53 .slick-next:hover i { 
	-webkit-text-stroke: 1px #c00001; text-stroke: 1px #c00001; 
}

.column-padding-inventory-categories, .newinvbtnsslider .slick-slide, .newinvbtnsslider .slick-slide div { 
	padding: 0!important; margin: 0!important; 
	display: flex!important; flex-direction: row!important; align-items: stretch!important; justify-content: stretch; 
}
.column-padding-inventory-categories, .newinvbtnsslider .slick-slide div { 
	width: 100%!important; flex-grow: 1; 
}
.newinvbtnsslider .slick-slide { }

/* <a class="newinvbtn" href="$IC_Inventory_Link[link]" target="$IC_Inventory_Link[target]" title="$IC_Inventory_Link[text]">
	<img src="$IC_Image" alt="$IC_Name"><span class="newinvbtn-title">$IC_Name</span>
</a> */
.newinvbtn {
	position: relative; padding: 20px 10px; box-sizing: border-box; border-radius: 12px; background: #fff; 
	width: calc(100% - 32px)!important; flex-grow: 1; 
	display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; 
	margin: 0 16px!important; box-shadow: 0 0 12px rgba(0, 0, 0, .15); transition: .3s ease all; 
}
.newinvbtn img {
	width: 100%; height: 140px; object-fit: contain; object-position: center; transition: .2s ease all; filter: brightness(1.07); margin: 0!important; padding: 0!important; 
}
.newinvbtn-title { 
	font-size: 20px; font-weight: 800; color: #020057; text-transform: uppercase; text-align: center; letter-spacing: -.2px; 
	padding: 10px 10px 0 10px; height: calc(100% - 140px); 
	display: flex; justify-content: center; align-items: center; 
	transition: .2s ease all; 
}

.newinvbtn:hover { margin: -2px 16px 2px 16px!important; box-shadow: 0 2px 14px rgba(0, 0, 0, .3); }
.newinvbtn:hover .newinvbtn-title { color: #c00001; }

.banner-cta {
	position: relative; width: 100%; padding: 80px 5%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; 
	column-gap: 50px; row-gap: 24px; 
}
.banner-cta img { 
	position: relative; width: auto; max-width: min(500px, 100%); height: auto; max-height: 300px; 
	object-fit: contain; object-position: center; 
}
.banner-cta .tyler-title { margin-bottom: 0; }

/* other styles */
.opacity80 { opacity: .8; }

.has-tr-cornerflourish, .has-tl-cornerflourish, .has-br-cornerflourish, .has-bl-cornerflourish { position: relative; }
.has-tr-cornerflourish:before, .has-tl-cornerflourish:before, .has-br-cornerflourish:before, .has-bl-cornerflourish:before {
	position: absolute; content: ""; width: 300px; height: 300px; 
	background-image: url('/wp-content/themes/www.tylerequipment.com/img/corner-flourish.png'); 
	background-size: contain; background-position: 100% 0%; background-repeat: no-repeat; 
}
.has-tr-cornerflourish:before { top: 0; right: 0; }
.has-tl-cornerflourish:before { top: 0; left: 0; transform: rotateY(180deg); }
.has-br-cornerflourish:before { bottom: 0; right: 0; transform: rotateX(180deg); }
.has-bl-cornerflourish:before { bottom: 0; left: 0; transform: rotateX(180deg) rotateY(180deg); }

/* forced styles */
.force-width-unset { width: unset!important; }

/* responsive */
@media only screen and (min-width: 2401px) { /* mind the min-width */
	.hero-overlay-content:before { width: max(100px, calc(50vw - 1280px)); }
}

@media only screen and (max-width: 2000px) { 
	.has-tr-cornerflourish:before, .has-tl-cornerflourish:before, .has-br-cornerflourish:before, .has-bl-cornerflourish:before { width: min(250px, 20vw); }
}

@media only screen and (max-width: 1420px) { 
	.tyler-title { font-size: 40px; }
	.title-lg, .title.title-lg { font-size: 80px; }
	.subtitle { font-size: 22px; }
}

@media only screen and (max-width: 1350px) { 
	.hero-sb img.hero-cutout { padding-right: 2.5vw; }
}

@media only screen and (min-width: 1321px) { /* mind the min-width */
	/*.newinvbtnsslider .slick-slide { max-width: 300px!important; }*/
	.newinvbtnsslider .col-lg-4, .column-padding-inventory-categories, .newinvbtnsslider .slick-slide div.col-lg-4 { width: 20%!important; }
}

@media only screen and (max-width: 1310px) { 
	.subtitle { font-size: 21px; }
	
	.newinvbtnsslider .slick-prev, .newinvbtnsslider .slick-arrow.slick-prev, .advancedresults53 .slick-prev { left: 15px!important; }
	.newinvbtnsslider .slick-next, .newinvbtnsslider .slick-arrow.slick-next, .advancedresults53 .slick-next { right: 15px!important; }
	
	.newinvbtn { width: calc(100% - 24px)!important; margin-left: 12px!important; margin-right: 12px!important; }
	.newinvbtn:hover { margin-left: 12px!important; margin-right: 12px!important; }
}

@media only screen and (max-width: 1250px) { 
	.hero-overlay-content { width: calc(520px + 5.5vw); padding: 24px 0 0 5.5vw; }
	.hero-overlay-content:before { width: 2.5vw; top: 36px; height: 116px; }
	.hero-sb img.hero-cutout { width: unset; flex-grow: 1; }
}

@media only screen and (max-width: 1200px) { 
	/*.newinvbtnsslider .col-lg-3, .column-padding-inventory-categories, .newinvbtnsslider .slick-slide div.col-lg-3 { width: 25%!important; }*/
}

@media only screen and (max-width: 1150px) {
	.hero-overlay-content { width: min(100%, calc(520px + 4vw)); padding: 16px 0 0 4vw; }
	.hero-overlay-content:before { width: 1.5vw; }
	
	.belowherosection { padding-top: 80px!important; }
	.newinvbtnsslider { padding-bottom: 40px!important; }
}

@media only screen and (min-width: 1025px) { /* mind the min-width */
	.hero-sb:before { display: none!important; }
}

/* switch to mobile (stacked) hero */
@media only screen and (max-width: 1024px) { 
	.hero-sb { flex-direction: column-reverse; padding: 32px 0 62px 0; background-size: auto 100%; background-position: 20% 50%; }
	.hero-sb:before { background-size: 150vw 18vw; }
	.hero-sb:after { background-size: 120vw 84px; }
	.hero-sb img.hero-cutout { width: 100%; height: auto; max-height: 500px; margin: 0; padding: 0 4vw!important; }
	.hero-overlay-content { width: 100%; justify-content: center!important; padding-left: 6.5vw; padding-right: 4vw; }
	
	.newmission { flex-direction: column; }
	.newmission-cr, .newmission.newmission-cr { flex-direction: column-reverse; }
	.newmission .content-sect, .newmission .missionimg, .newmission > img { width: 100%!important; }
	.newmission .content-sect { padding: max(6%, 40px) 6%; }
	.newmission .missionimg, .newmission > img { max-height: 500px; }
}

@media only screen and (max-width: 767px) { 
	.has-tr-cornerflourish:before, .has-tl-cornerflourish:before, .has-br-cornerflourish:before, .has-bl-cornerflourish:before { display: none!important; }
}

@media only screen and (max-width: 700px) { 
	.title-lg, .tyler-title.title-lg { font-size: 70px; }
}

@media only screen and (max-width: 550px) { 
	.title-lg, .tyler-title.title-lg { font-size: 60px; }
}

@media only screen and (max-width: 500px) { 
	.title-lg, .tyler-title.title-lg { font-size: 50px; }
	
	.hero-sb { padding-top: 24px; padding-bottom: 52px; }
	.hero-sb:before { background-size: 130vw 20vw; }
	.hero-sb:after { background-size: 130vw 74px; }
}

@media only screen and (max-width: 350px) { 
	.title-lg, .tyler-title.title-lg { font-size: 40px; }
}

@media only screen and (max-width: 300px) { 
	.title-lg, .tyler-title.title-lg { font-size: 32px; }
	.subtitle { font-size: 18px; }
}

/* end added styles for homepage updated design */