.slick-slider {
position: relative;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-prev, .slick-next {
line-height: 0;
position: absolute;
top: 83%;
display: block;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
z-index: 999;
font-size: 30px;
background-color: #fcc637!important;
color: #2b3559;
}
.slick-next i {
position: relative;
left: 2px;
}
.slick-prev i {
position: relative;
right: 2px;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev {
left: 80px;
}
.slick-next {
right: 80px;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 9px;
height: 9px;
margin: 0 4px;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 9px;
height: 9px;
cursor: pointer;
color: transparent;
border-radius: 50%;
outline: none;
padding: 0;
background: #244daa;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
li.slick-active button {
background: #fcc536;
} #loader {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 45%;
z-index: 999;
}
#loader span{
display: inline-block;
width: 11px;
height: 11px;
border-radius: 100%;
border: 2px solid #2b3559;
margin: 35px 2px;
}
#loader span:nth-child(1){
animation: bounce 1s ease-in-out infinite;
}
#loader span:nth-child(2){
animation: bounce 1s ease-in-out 0.33s infinite;
background: #2b3559;
width: 8px;
height: 8px;
}
#loader span:nth-child(3){
animation: bounce 1s ease-in-out 0.66s infinite;
background: #2b3559;
width: 8px;
height: 8px;
}
@keyframes bounce{
0%, 75%, 100%{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25%{
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
}body,
.entry-content {
background: none;
font-family: "Open Sans", "HelveticaNeueLight", Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 16px;
}
.entry-content,
.entry-content p,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
font-family: inherit;
font-size: inherit;
line-height: 28px;
}
blockquote {
border-color: #FCC536;
}
blockquote cite {
color: #FCC536;
font-weight: 700;
font-size: 24px;
}
a {
text-decoration: none;
color: #2b3559;
}
.wp-block-button__link {
text-decoration: none!important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 800;
font-family: "Open Sans", "HelveticaNeueLight", Arial, Helvetica, sans-serif!important;
color: #474748;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin: 0 auto 10px;
font-family: inherit;
}
h1, h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 18px;
}
hr.wp-block-separator {
margin: 20px auto 30px;
background: none;
border-top: 1px solid #f2f2f2;
clear: both;
}
hr.wp-block-separator:before,
hr.wp-block-separator:after {
display: none;
}
.alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
max-width: 100%;
}
.post-inner {
padding: 0;
}
.container,
.header-titles-wrapper.container {
max-width: 1010px;
margin: 0 auto;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
max-width: 1000px;
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 100%;
}
#site-header {
background-color: #2b3559;
}
.header-inner {
flex-wrap: wrap;
max-width: 1010px;
padding-top: 0;
}
.header-titles-wrapper {
max-width: 100%;
width: 100%;
margin-top: -15px!important;
}
.header-titles {
margin: 0;
width: 100%;
justify-content: space-between;
align-items: flex-end!important;
}
.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
margin: 0;
}
.site-logo img {
max-width: 300px;
}
.menu {
display: flex;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: -0.0277em;
flex-wrap: wrap;
justify-content: flex-end;
position: relative;
z-index: 999;
}
.menu > li {
margin: 0;
}
.menu a {
text-decoration: none;
padding: 12px 18px;
display: block;
font-size: 20px;
text-transform: uppercase;
color: #2b3559!important;
}
.menu a:hover,
.menu li.current-menu-item > a,
.menu li.current-menu-item > .link-icon-wrapper > a {
color: #FCC637!important;
text-decoration: none;
}
.top-menu a:hover,
.bottom-menu a:hover,
.top-menu li.current-menu-item > a,
.top-menu li.current-menu-item > .link-icon-wrapper > a,
.bottom-menu li.current-menu-item > a,
.bottom-menu li.current-menu-item > .link-icon-wrapper > a {
color: #fff!important;
}
.top-menu-wrapper {
width: 100%;
background: linear-gradient(to right, #2b3559 0%,#2b3559 50%,#2b3559 50%,#fcc637 50%,#fcc637 100%);
}
ul.top-menu {
background: url(//www.westpromachinery.com/wp-content/uploads/2020/05/top_nav_bg.png) no-repeat 91%;
}
.top-menu a {
padding: 8px 15px;
font-size: 13px;
}
.top-menu a .trp-flag-image {
display: none;
}
.contact-menu a {
padding: 0 15px;
color: #fff!important;
}
.contact-menu li a:before {
content: '\f0e0';
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
}
.contact-menu li:last-child a:before {
content: '\f095';
font-size: 16px;
transform: rotate(90deg);
display: inline-block;
}
.primary-menu-wrapper {
background-color: #fff;
margin: 15px 0 5px;
}
ul.primary-menu {
margin: 0 auto;
justify-content: flex-start;
font-weight: 600;
}
.primary-menu a {
font-size: 16px;
}
.primary-menu a:after {
content: '';
width: 2px;
height: 15px;
background-color: #fcc636;
position: absolute;
top: 13px;
right: 0px;
transition: .3s;
}
.primary-menu li:last-child a:after {
display: none;
}
.primary-menu a:hover:after {
top: 11px;
}
.bottom-menu-wrapper {
position: absolute;
z-index: 999;
bottom: -52px;
width: 100%;
padding-left: 100px;
background: url(//www.westpromachinery.com/wp-content/uploads/2020/05/yellow_bar.png) no-repeat -100px;
}
ul.bottom-menu {
justify-content: flex-start;
}
.bottom-menu a {
font-weight: 400;
position: relative;
padding: 12px 25px;
}
.bottom-menu a:after {
content: '';
width: 2px;
background-color: #2a3659;
position: absolute;
height: 30px;
right: 0;
top: 12px;
}
.bottom-menu li:last-child a:after {
display: none;
}
#menu-footer-menu {
display: grid;
grid-template-columns: auto auto;
justify-content: start;
}
#menu-footer-menu a {
text-transform: none;
font-size: 13px;
padding: 4px 0;
font-weight: normal;
}
#menu-footer-menu li:nth-child(odd) a {
padding-right: 40px;
} .trp-language-switcher-container.menu-item-85 span {
display: none;
}
.trp-language-switcher-container.menu-item-85 a:after {
content: 'Español';
}
.translatepress-en_US header .menu-item-86 {
display: none;
} .translatepress-es_MX header .menu-item-85 {
display: none;
}
.translatepress-es_MX header ul.top-menu {
background-position: 65%;
}
.translatepress-es_MX header .primary-menu a {
font-size: 13px;
}
.translatepress-es_MX header .bottom-menu-wrapper {
padding-left: 40px;
}
.footer-nav-widgets-wrapper,
#site-footer,
.footer-nav-widgets-wrapper a {
color: #fff!important;
}
.footer-nav-widgets-wrapper {
background-color: #3A3934;
}
.footer-widgets-outer-wrapper {
border: none;
padding: 30px 0 40px;
}
#site-footer {
background-color: #2d2d29;
padding: 10px 0;
position: relative;
}
.footer-widgets h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px!important;
color: #fff;
}
.footer-widgets p {
font-weight: 400;
font-size: 15px;
}
.footer-copyright {
opacity: .75;
font-size: 13px;
font-weight: 300;
}
.to-the-top {
position: absolute;
right: 20px;
bottom: 60px;
text-decoration: none!important;
font-size: 30px;
border: 2px solid;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff!important;
opacity: .2;
transition: .5s;
}
.to-the-top:hover {
opacity: .5;
}
.to-the-top .to-the-top-long {
display: none;
}
.to-the-top:before {
content: '\f077';
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.column-three .textwidget p {
font-size: 13px;
line-height: 1.5;
display: flex;
align-items: center;
}
.column-three .textwidget p:before {
content: '\f3c5';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 30px;
margin-right: 15px;
color: #FCC637;
}
.column-three .textwidget p a {
text-decoration: none;
}
.column-three .textwidget p a:hover {
color: #FCC637!important;
}
.ACFormWidget + .widget {
margin-top: 10px;
}
.ACFormWidget + .widget .textwidget {
display: flex;
}
.ACFormWidget + .widget a {
font-size: 25px;
color: #3A3934!important;
background-color: #fff;
border-radius: 5px;
width: 35px;
height: 35px;
justify-content: center;
align-items: center;
display: grid;
text-decoration: none;
margin-right: 8px;
}
.slider-wrapper {
height: 45vw;
max-height: 700px;
min-height: 570px;
margin: 0!important;
}
.acf-slider,
.acf-slider .slick-list,
.acf-slider .slick-track,
.acf-slider .slide {
height: 100%;
}
.acf-slider .slide {
position: relative;
background-position: center!important;
background-size: cover!important;
outline: none!important;
}
.acf-slider .banner-content {
padding: 30px;
background-color: rgba(0,0,0,.4);
color: #fff;
max-width: 100%;
margin-left: 30px;
position: relative;
display: inline-block;
top: 150px;
}
.acf-slider .banner-content h2 {
text-shadow: 2px 2px 2px rgba(57, 56, 56, 0.7);
font-size: 45px;
position: relative;
margin: 0 0 15px;
padding-bottom: 15px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #fff!important;
}
.acf-slider .banner-content h2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 45px;
background-color: #fcc637;
}
.acf-slider .banner-content p {
font-size: 22px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 25px;
}
.acf-slider .banner-content a {
color: #fff;
text-decoration: none;
border: 2px solid #fff;
font-size: 16px;
padding: 10px 23px;
}
.acf-slider .banner-content a:hover {
color: #474748;
background-color: #fff;
}
.inquiry {
position: fixed;
z-index: 1000;
transform: rotate(90deg);
top: calc(50% - 15px);
box-shadow: 1px -2px 7px rgba(0,0,0,0.5);
left: -101px;
border-radius: 5px 5px 0px 0px;
padding: 10px 20px;
background: #fcc637;
color: #2b3559;
font-weight: 800;
font-size: 20px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
}
.translatepress-es_MX .inquiry {
left: -127px;
}
.inquiry:hover {
color: #fcc637;
background-color: #2b3559;
}
.menu-modal.active {
z-index: 1001;
}
.nav-toggle {
right: 20px;
outline: none;
top: auto;
bottom: 20px;
width: 50px;
height: 50px;
border: 1px solid #fff!important;
border-radius: 5px!important;
text-decoration: none!important;
}
.nav-toggle .toggle-inner {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.nav-toggle .toggle-text {
color: #fff!important;
position: static!important;
width: 100%!important;
text-align: center;
margin-top: 5px;
}
.nav-toggle .toggle-icon {
fill: #fff;
width: 100%!important;
}
.nav-toggle .toggle-icon svg {
width: 100%!important;
}
.close-nav-toggle {
outline: none;
text-decoration: none!important;
}
.to-the-top-short {
display: none;
}
.modal-menu a {
color: #2b3559!important;
}
.intro-wrapper {
margin: 0 0 40px!important;
background: url(//www.westpromachinery.com/wp-content/uploads/2020/05/strip01_background.png) left top fixed #f2f2f2;
}
.intro {
max-width: 720px!important;
padding: 18px 20px;
border-top: 5px solid #fcc637;
background-color: #fff;
margin: 0 auto!important;
position: relative;
top: -100px;
z-index: 999;
}
.intro h1 {
margin-bottom: 10px;
}
.intro h5 {
text-transform: uppercase;
}
h1.underline:after,
h2.underline:after {
content: "";
width: 25px;
height: 4px;
background-color: #FCC536;
display: inline-block;
margin-left: 18px;
}
.intro h5 {
margin: 0 0 15px;
font-weight: 700;
}
.intro p  {
margin-bottom: 10px;
}
.intro p strong {
font-size: 18px;
color: #474748;
}
.intro .wp-block-buttons,
.intro .wp-block-button,
.intro .wp-block-button__link {
margin: 0;
width: 100%;
}
.intro .wp-block-button__link {
font-size: 25px;
padding: 15px;
font-weight: 700;
border: 2px solid #fcc637;
}
.intro .wp-block-button__link:hover {
background: none!important;
color: #fcc637!important;
}
.featured-products,
.featured-products .product {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: start;
align-items: center;
}
.featured-products .product,
.home-news .news,
.news-container .news {
border-left: 2px solid #FCC536;
margin-bottom: 20px;
padding: 13px 10px;
}
.featured-products .product .content {
align-self: start;
}
.featured-products .product img {
padding-right: 10px;
}
.featured-products .product:nth-child(odd) .content {
padding-right: 10px;
}
.featured-products .product p,
.home-news .news p,
.news-container .news p {
font-size: 14px;
line-height: 22px;
}
.featured-products h5,
.home-news .news h5,
.news-container .news h5 {
margin: 0 0 10px;
font-weight: 900;
}
.featured-products h5 a:hover,
.home-news .news h5 a:hover,
.news-container .news h5 a:hover {
color: #FCC536;
}
.carousel-wrapper {
position: relative;
margin: 0!important;
margin-top: 15px!important;
padding: 40px 0;
}
.parallax-bg {
transform: translate3d(0%, 0px, 0px);
transition-duration: 0ms;
position: absolute;
left: 0;
top: 0;
width: 130%;
height: 100%;
background-size: cover;
background-position: center;
}
.acf-carousel {
margin-bottom: 0!important;
}
.acf-carousel .slick-dots {
bottom: -30px;
}
.acf-carousel .slide {
outline: none;
}
.carousel-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
max-width: 1280px;
}
.acf-carousel .image {
width: 33.333%;
max-width: 400px;
margin-top: 50px;
z-index: 0;
}
.acf-carousel .left-side {
width: 33.333%;
max-width: 200px;
position: relative;
}
.acf-carousel .slick-list {
overflow: visible;
}
.acf-carousel .number-title {
background: #D8A430;
z-index: 2;
width: 200%;
max-width: 400px;
height: 250px;
position: absolute;
right: 0;
top: -40px;
padding: 10px 20px;
color: #FFFFFF;
}
.acf-carousel .slide:nth-child(even) .number-title {
background-color: #293b6d;
}
.acf-carousel .number-title .number {
font-size: 80px;
line-height: .9;
font-weight: 700;
}
.acf-carousel .number-title h3 {
color: #fff;
font-size: 38px;
font-weight: 100;
text-align: right;
margin: -20px 0 0;
padding-left: 25px;
}
.acf-carousel .icon {
box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
position: relative;
background-color: #FBC536;
position: relative;
z-index: 3;
top: 120px;
}
.acf-carousel .slide:nth-child(even) .icon {
background-color: #244da9;
}
.acf-carousel .text {
margin-top: 0;
width: 40%;
max-width: 510px;
padding: 25px 10px 40px 30px;
border-left: 1px solid #a5a5a5;
margin-left: -1px;
float: left;
color: #515151;
background-color: rgba(255,255,255,0.8);
z-index: 0;
}
.acf-carousel .text P {
line-height: 22px;
}
.acf-carousel .slick-prev,
.acf-carousel .slick-next {
top: 50%;
font-size: 150px;
width: auto;
height: auto;
background: none!important;
color: #fcc638;
text-shadow: 2px 2px 4px rgba(57, 56, 56, 0.7);
}
.acf-carousel .slick-prev {
text-shadow: -2px 2px 4px rgba(57, 56, 56, 0.7);
}
.acf-carousel .button {
outline: none;
text-transform: none;
background-color: #293142;
font-weight: 300;
font-size: 18px;
padding: 10px 100px 10px 30px;
font-family: inherit;
margin-left: -30px;
margin-top: 5px;
}
.acf-carousel .button:hover {
background-color: #2a3c63;
}
.home .map {
background-size: auto;
background-color: #303235;
background-repeat: no-repeat;
align-items: flex-start;
justify-content: center;
padding: 55px 0;
margin: 0;
position: relative;
}
.home .map:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(//www.westpromachinery.com/wp-content/uploads/2020/05/strip03_background.png) center center no-repeat;
}
.home .wp-block-cover__inner-container {
max-width: 740px;
}
.home .map h2 {
font-size: 33px;
line-height: 1.4;
max-width: 480px!important;
}
.map .wp-block-group {
margin: 0!important;
margin-top: 240px!important;
max-width: 350px!important;
float: right;
}
.map .wp-block-group p {
line-height: 36px;
font-size: 24px;
}
.map .wp-block-button {
margin: 0!important;
}
.wp-block-button__link {
background-color: #474748;
font-size: 14px;
font-weight: 300;
font-family: inherit;
text-transform: none;
padding: 10px 20px;
transition: .3s;
}
.wp-block-button__link:hover {
background-color: #fcc637;
}
.map .wp-block-button__link:hover {
background-color: #fcc637;
color: #303235!important;
}
.map .wp-block-button__link {
font-size: 18px;
}
.quad {
display: flex;
flex-wrap: wrap;
max-width: 100%!important;
align-content: center;
margin-bottom: 0!important;
}
.quad .box {
min-height: 600px;
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
text-align: center;
position: relative;
overflow: hidden;
}
.quad .box:before,
.quad .box:after {
content: '';
position: absolute;
width: 100%;
height: 50%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.3);
transition: .5s;
}
.quad .box:after {
top: auto;
bottom: 0;
}
.quad .box:hover:before {
top: -50%;
}
.quad .box:hover:after {
bottom: -50%;
}
.quad .move {
position: relative;
bottom: -60px;
transition: .5s;
}
.quad .box:hover .move {
bottom: 0;
}
.quad .box a {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: .5s;
z-index: 1000;
}
.quad .box .icon:before {
position: absolute;
}
.quad .box .icon:after {
opacity: 0;
transition: .5s;
}
.quad .box:hover .icon:after {
opacity: 1;
z-index: 1000;
position: relative;
}
.quad h3 {
text-transform: uppercase;
font-size: 30px;
color: #fff;
padding: 0 15px;
font-weight: 600;
margin-bottom: 0;
}
.quad p {
padding: 0 50px;
font-size: 18px;
text-transform: uppercase;
color: #fff;
opacity: 0;
transition: .5s;
}
.quad .box:hover p {
opacity: 1;
}
.home-news .container {
display: flex;
}
.home-news {
margin: 0 auto!important;
background: url(//www.westpromachinery.com/wp-content/uploads/2020/05/strip04_background.png) 30px top no-repeat;
}
.home-news .news,
.news-container .news {
margin-right: 20px;
min-height: 150px;
}
.home-news h2,
.home-news h5,
.news-container h2,
.news-container h5 {
max-width: 460px!important;
margin: 0 auto;
}
.home-news h5,
.news-container h5 {
color: #9a9a9a;
margin-top: 5px;
font-weight: 700;
font-size: 20px;
}
.home-news p,
.news-container .news p {
margin-bottom: 0;
}
.home-news .date,
.news-container .date,
body.single-post .date {
color: #9a9a9a;
font-size: 12px;
}
body.single-post .date-container {
text-align: right;
margin-bottom: 15px;
}
.news-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news-container .news {
min-height: auto;
width: calc(50% - 30px);
}
.news-container .news p {
font-size: 18px!important;
margin-bottom: 10px!important;
}
.singular .entry-header {
padding: 0;
}
.content-with-banner {
padding: 40px 30px 20px!important;
border-top: 5px solid #fcc637;
background-color: #fff;
margin: 0 auto!important;
margin-top: -100px!important;
z-index: 999;
position: relative;
max-width: 1020px!important;
}
body:not(.home) .entry-content h1,
body:not(.home) .entry-content h2,
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h4,
body:not(.home) .entry-content h5,
body:not(.home) .entry-content h6 {
margin: 0 auto 10px!important;
color: #2C3559;
}
body:not(.home) .entry-content > h1 {
margin-top: 100px!important;
}
.entry-content .center {
text-align: center;
}
.entry-content h6 {
text-transform: none;
letter-spacing: 0;
}
.entry-content ul,
.entry-content ol {
margin-left: 0;
}
.entry-content ul li,
.entry-content ol li {
line-height: 1.7;
}
.entry-content .wp-block-image figure.alignright {
margin: 0 0 10px 10px!important;
}
.entry-content .wp-block-image,
.entry-content .wp-block-image figure {
margin: 0 auto 5px!important;
}
.entry-content .wp-block-image + h6 {
font-size: 20px;
}
.entry-content .wp-block-image + h6 a {
color: #474748!important;
}
.entry-content .wp-block-image + h6 a:hover {
color: #FCC536!important;
}
.related-projects,
.modular-systems {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30px;
}
.related-projects .project,
.modular-systems .system {
width: calc(25% - 20px);
text-align: center;
margin-bottom: 30px;
}
.modular-systems .system {
width: calc(33.333% - 30px);
}
.modular-systems .system:last-child {
margin-right: 0;
}
.related-projects .project img,
.modular-systems .system img {
margin-bottom: 5px;
width: 100%;
height: auto;
}
.related-projects .project h5,
.modular-systems .system h5 {
margin-bottom: 5px;
text-transform: uppercase;
font-size: 20px;
}
.modular-systems .system h5 {
text-transform: none;
}
.related-projects .project h5 a,
.modular-systems .system h5 a {
color: #474748;
}
.related-projects .project h5 a:hover,
.modular-systems .system h5 a:hover {
color: #FCC536;
}
.related-projects .project p,
.modular-systems .system p {
line-height: 22px;
font-size: 14px;
}
.modular-systems .system p {
font-size: 16px;
}
.entry-content h4 {
font-weight: 700;
font-size: 24px;
letter-spacing: 0.5px;
}
.wp-block-columns {
margin: 0 auto!important;
}
.wp-block-image figure {
max-width: 100%;
}
figcaption {
font-size: 12px!important;
font-weight: 300;
font-family: inherit;
color: #000!important;
margin-top: 10px!important;
}
.product-sidebar {
padding-left: 30px;
}
.translatepress-en_US .product-sidebar .spanish-files {
display: none;
}
.translatepress-es_MX .product-sidebar .english-files {
display: none;
}
.product-sidebar .inquiry-btn {
display: block;
padding: 15px 20px;
background-color: #fcc637;
color: #2C3559;
font-size: 20px;
font-weight: 300;
text-align: center;
line-height: 1;
transition: .3s;
margin-bottom: 10px;
}
.product-sidebar .inquiry-btn:hover {
padding: 25px 20px;
color: #fcc637;
background-color: #2C3559;
}
.download-btn,
.wp-block-file a {
text-align: center;
display: block;
padding: 20px 20px 17px;
background-color: #2C3559;
color: #fff;
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
line-height: 1;
border-bottom: 4px solid #2C3559;
transition: .3s;
text-decoration: none!important;
}
.wp-block-file,
.wp-block-file a {
font-size: 16px;
font-family: inherit!important;
}
.download-btn:hover,
.wp-block-file a:hover {
border-color: #fcc637;
}
body:not(.home) .entry-content .product-sidebar h5 {
font-weight: 700;
text-transform: uppercase;
color: #474748!important;
margin: 25px 0!important;
font-size: 18px;
line-height: 25px;
border-left: 3px solid #FCC637;
padding-left: 5px;
}
.ac-form-div input,
.ac-form-div select,
.ac-form-div textarea {
font-family: inherit;
padding: 8px 10px!important;
}
.ac-form-div textarea {
height: 90px;
}
.ac-form-div input[type=submit] {
background-color: #FCC637;
color: #2C3559;
font-weight: bold;
border-radius: 4px;
padding: 12px 40px!important;
transition: .3s;
outline: none !important;
border: none;
text-decoration: none!important;
}
.ac-form-div input[type=submit]:hover {
background-color: #FCC637;
color: #2C3559;
box-shadow: 0 3px 20px 0 rgba(0,0,0,0.5);
}
.product-sidebar h4 {
font-weight: 700;
text-transform: uppercase;
font-size: 24px;
}
table {
margin-top: 10px;
border: none;
font-family: inherit!important;
} table td,
table th {
border: none;
} table thead strong {
font-weight: 700;
}
table thead th {
vertical-align: middle;
font-size: 16px;
}
.fw-700 {
font-weight: 700;
}
.table-col-3 table thead tr th:nth-child(3n):not(:last-child),
.table-col-3 table tbody tr td:nth-child(3n):not(:last-child) {
padding-right: 40px;
}
.h-320px {
height: 320px;
}
table tbody strong {
font-weight: 700;
color: #2C3559;
}
.wbreak-normal * {
word-break: normal !important;
} table tbody td strong:before {
content: '';
height: 23px;
width: 5px;
background-color: #fcc637;
display: inline-block;
position: relative;
top: 6px;
left: -6px;
} table tbody tr td {
text-align: left;
color: #000;
}
table tbody tr:first-child td {
text-align: left;
}
.entry-content h4 {
background: #fcc637;
padding: 10px 15px;
}
.mb-0 table {
margin-bottom: 0 !important;
}
.fs-13 table tbody {
font-size: 13px;
}
.border-left {
border-left: 3px solid #fcc637;
padding-left: 6px;
}
.yellow-bg {
background-color: #fcc637;
padding: 10px 20px;
text-transform: uppercase;
}
.wp-block-buttons,
.wp-block-button {
margin: 0 auto!important;
}
.wp-block-button.block,
.wp-block-button.block a {
display: block;
width: 100%;
}
.wp-block-button.block a {
text-transform: none;
font-weight: 800;
font-size: 22px;
padding: 15px 20px;
background-color: #fcc637;
color: #2b3559;
transition: .3s;
}
.wp-block-button.block a:hover {
background-color: #2b3559;
color: #fcc636;
}
.tribox h5 a {
color: #474748;
}
.tribox h5 a:hover {
color: #fcc636;
}
.entry-content h6 + ul {
margin: 0 auto 20px;
}
.entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="__inner-container"] > .alignright {
position: static;
}
.yellow-strip {
margin: 0!important;
background-color: #fcc636;
padding: 10px 0 50px;
}
.leadership.container {
margin: 0 auto;
width: 1100px!important;
}
.leadership.container h3 {
font-size: 36px;
}
.leadership.container p {
color: #474748;
}
.about-tribox {
padding: 0!important;
}
.about-tribox .wp-block-column,
.about-tribox .wp-block-cover {
margin: 0!important;
}
.about-tribox .wp-block-cover:before {
transition: .5s;
}
.about-tribox .wp-block-cover:hover:before {
opacity: .2;
}
.about-tribox a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 500px;
color: #fff!important;
font-size: 36px;
}
body.page-id-28 .footer-nav-widgets-wrapper {
margin-top: 0;
}
.widget.ACFormWidget {
margin-top: 10px;
}
.footer-inner .ac-form-row input,
.footer-inner .ac-form-row select,
.footer-inner .ac-form-row textarea {
padding: 5px 10px!important;
font-size: 14px;
font-family: inherit;
}
.footer-inner .ac-form-row .ac-form-control input {
border: 2px solid #fff;
border-radius: 0;
color: #fff;
background: none;
text-transform: none;
font-weight: 400;
font-size: 13px;
padding: 7px 15px!important;
text-decoration: none;
}
.footer-inner .ac-form-row .ac-form-control input:hover {
color: #3A3934!important;
background-color: #fff!important;
}
.pagination-wrapper {
margin-top: 60px;
}
.pagination-wrapper .current {
color: #fcc636;
}
.maps .wp-block-columns {
margin-bottom: 20px!important;
}
.faq,
.faq .answer {
margin: 0 auto!important;
}
body:not(.home) .entry-content .faq h5 {
font-size: 18px;
color: #474748!important;
line-height: 20px;
transition: .2s;
cursor: pointer;
font-weight: 700;
padding: 15px 0 15px 25px;
border-left: 3px solid #FCC637;
margin: 0!important;
position: relative;
}
body:not(.home) .entry-content .faq h5:hover {
color: #FCC536!important;
}
body:not(.home) .entry-content .faq .answer h5 {
padding: 0;
border: none;
margin-bottom: 10px!important;
color: #474748!important;
}
body:not(.home) .entry-content .faq .answer h5:after {
display: none;
}
.faq h5:after {
content: '↓';
position: absolute;
right: 0;
top: 12px;
font-weight: 900;
font-size: 30px;
transition: .3s;
}
.faq h5.active:after {
transform: rotate(180deg);
}
.faq .answer {
padding: 10px 25px;
background: #FCC637;
display: none;
}
.buttons-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.buttons-container a.download-btn {
width: calc(33.333% - 15px);
display: flex;
justify-content: center;
align-items: center;
padding: 10px 10px 7px;
font-size: 16px;
line-height: 22px;
min-height: 61px;
}
.careers-container {
display: block;
}
.careers-container .news {
width: 100%;
text-align: left;
}
.careers-container .news h5 {
max-width: 100%!important;
}
.careers-container .tags {
margin-bottom: 5px;
}
.careers-container .button {
background-color: #fcc637;
color: #2b3559;
transition: .3s;
padding: 8px 15px;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
.careers-container .button:hover {
background-color: #2b3559;
color: #fcc637;
}
.careers-container .tags span {
font-weight: 900;
}
.careers-container .tags span:not(:last-child):after,
.single-career .tags span:not(:last-child):after {
content: '|';
display: inline-block;
margin: 0 3px;
font-weight: 300;
font-size: 22px;
}
.single-career .tags span:after {
font-size: 16px!important;
}
.single-career ul {
margin: 0 auto;
}
.single-career .wp-block-button {
display: block;
}
.single-career .wp-block-button a {
display: block;
text-transform: none;
font-weight: 900;
color: #2b3559;
background-color: #fcc637;
transition: .3s;
font-size: 22px;
letter-spacing: 0;
padding: 18px;
}
.single-career .wp-block-button a:hover {
color: #fcc637;
background-color: #2b3559;
}
.page-id-36 .ac-form-div {
padding-bottom: 20px;
}
.page-id-36 .ac-form-row .ac-form-control input {
text-decoration: none;
letter-spacing: 0;
padding: 10px 25px!important;
}
.page-id-36 .ac-form-row input,
.page-id-36 .ac-form-row select,
.page-id-36 .ac-form-row textarea {
padding: 5px 10px!important;
font-size: 14px;
border: 1px solid #e0e0e0;
}
.page-id-36 .ac-form-row label {
font-size: 14px;
}
input[type="checkbox"]:checked::before {
top: 0;
left: 3px;
}
.page-id-36 .ac-form-row {
margin-bottom: 15px;
}
.page-id-36 .ac-form-div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-id-36 .ac-form-div .ac-form-row:nth-child(1),
.page-id-36 .ac-form-div .ac-form-row:nth-child(2),
.page-id-36 .ac-form-div .ac-form-row:nth-child(3) {
width: calc(33.333% - 5px);
}
article.product .wp-block-image {
margin-left: 0!important;
}
td.has-text-align-center {
text-align: center!important;
}
.links-list {
margin-top: 20px!important;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.links-list li {
width: 33.333%;
margin-left: 0;
position: relative;
padding-left: 10px;
margin-bottom: 5px;
}
.links-list li:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background-color: #FCC637;
}
.links-list li a {
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
}
.links-list li a:hover {
color: #FCC637;
}
body.page-id-301 .entry-content h4 {
background: url(//www.westpromachinery.com/wp-content/uploads/2020/06/title-bullet.png) no-repeat left top;
padding-bottom: 15px!important;
padding-top: 3px!important;
padding: 3px 0 15px 55px!important;
margin-bottom: 0!important;
}
.page-id-301 h4 + p {
padding-left: 55px!important;
}
h4 a:hover {
color: #fcc637;
}
body.blog main > .container {
padding: 0 15px;
}
#acForm_26f66 {
margin-top: 30px;
}
#acForm_26f66 select {
padding: 7px 10px!important;
}
#acForm_26f66 .ac-form-div {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 10px;
row-gap: 15px;
align-items: end;
}
#acForm_26f66 .ac-form-div .ac-form-row {
margin: 0;
}
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(1):before,
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(9):before {
content: 'Contact Information';
font-weight: 900;
font-size: 22px;
color: #474748;
display: block;
margin: 20px 0 20px;
}
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(9):before {
content: 'Questionnaire';
}
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(9) {
grid-column-start: 1;
}
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(17),
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(18),
#acForm_26f66 .ac-form-div .ac-form-row:nth-child(19) {
grid-column-start: 1;
grid-column-end: span 3;
}
.wp-block-media-text {
grid-gap: 10px 40px;
}
.search-toggle-wrapper {
margin-left: auto;
margin-right: 15px;
}
.search-toggle {
position: static;
}
.search-toggle .toggle-text {
display: none;
}
.search-toggle svg {
fill: #fff;
}
.search-toggle svg:hover {
fill: #FCC637;
}
button,
input[type="search"]:focus {
outline: none;
}
.search .archive-title {
font-size: 36px;
font-weight: 800;
font-family: "Open Sans", "HelveticaNeueLight", Arial, Helvetica, sans-serif!important;
}
.search .archive-title .color-accent {
color: #2b3559;
}
.search .archive-header {
padding-top: 10rem;
padding-bottom: 20px;
}
.search .archive-subtitle {
margin-top: 5px;
}
.search .news-container .news .search-excerpt p {
color: #9a9a9a;
font-size: 13px!important;
}
@media all and (max-width: 1300px) {
body:not(.home) .slick-prev,
body:not(.home) .slick-next {
top: 75%;
}
}
@media all and (max-width: 1140px) {
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
padding: 0 15px;
}
}
@media all and (max-width: 999px) {
.quad .box {
min-height: 350px;
}
.slick-prev,
.slick-next {
top: 75%;
}
.quad {
height: auto;
margin-top: 50px;
}
.quad .box {
width: 50%;
}
.header-titles-wrapper {
margin-top: 0!important;
padding-right: 60px;
}
.header-titles {
display: flex;
justify-content: space-between;
align-items: center!important;
padding: 15px;
}
.contact-menu-wrapper {
position: relative;
top: 10px;
}
.search-toggle-wrapper {
position: relative;
top: 10px;
margin-left: 20px;
margin-right: auto;
}
.acf-slider .banner-content {
top: 65px;
}
.top-menu-wrapper {
background: #fcc637;
}
#menu-footer-menu li:nth-child(odd) a {
padding-right: 15px;
}
.ACFormWidget {
max-width: 400px;
}
.bottom-menu-wrapper {
padding-left: 0;
}
.related-projects .project, .modular-systems .system {
width: calc(33.333% - 20px);
}
.entry-content h6 + ul {
margin-left: 15px;
}
}
@media all and (max-width: 850px) {
.acf-carousel .image,
.acf-carousel .left-side {
width: 50%;
}
.acf-carousel .number-title {
width: 170%;
height: 210px;
}
.acf-carousel .image {
margin-top: 120px;
}
.acf-carousel .text {
width: 100%;
padding: 30px;
margin-top: 30px;
max-width: calc(100% - 50px);
}
.acf-carousel .button {
margin-left: 0;
padding: 10px 30px;
}
.acf-carousel .slick-prev, .acf-carousel .slick-next {
top: 41%;
font-size: 60px;
}
.featured-products {
display: block;
}
.featured-products .product {
border: 1px solid #eee;
border-left: 2px solid #FCC536;
}
.featured-products .product .content {
align-self: center;
}
.home-news h2,
.home-news h5 {
text-align: center;
}
.home-news .news h5 {
text-align: left;
}
}
@media all and (max-width: 781px) {
.leadership {
background-color: #fcc636;
background-image: none!important;
}
.leadership .wp-block-columns .wp-block-column {
flex-basis: 100%!important;
margin: 0;
}
.about-tribox .wp-block-column {
flex-basis: 100%!important;
margin: 0;
}
.about-tribox .wp-block-column .wp-block-cover {
min-height: 300px!important;
}
.about-tribox a {
line-height: 300px;
}
.buttons-container a.download-btn {
width: calc(50% - 15px);
}
.related-projects .project, .modular-systems .system {
width: calc(50% - 20px);
}
}
@media all and (max-width: 699px) {
.product-sidebar {
padding-left: 0;
}
.entry-content .wp-block-image figure.alignright {
float: none!important;
margin-left: 0!important;
margin-bottom: 15px!important;
}
.bottom-menu-wrapper {
background: #fcc637;
}
.menu a {
font-size: 16px;
}
.top-menu a {
padding: 8px 10px;
font-size: 12px;
}
.bottom-menu-wrapper {
bottom: -48px;
}
.slick-prev {
left: 20px;
}
.slick-next {
right: 20px;
}
.inquiry {
display: none;
}
.quad .box {
width: 100%;
min-height: 300px;
}
.home-news .container {
flex-wrap: wrap;
}
.home-news .news,
.news-container .news {
width: 100%;
margin-right: 0;
}
.wp-block-column {
flex-basis: 100%!important;
margin-left: 0!important;
}
}
@media all and (max-width: 650px) {
.search-toggle-wrapper {
margin: 10px auto;
}
.entry-content ul, .entry-content ol {
margin-left: 10px;
}
.home .map:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,.5);
}
.home .map .wp-block-cover__inner-container {
position: relative;
z-index: 999;
}
.acf-slider .banner-content h2 {
font-size: 30px;
}
.acf-slider .banner-content p {
font-size: 18px;
}
.header-titles {
padding: 10px 20px 20px;
flex-direction: column;
}
.home .map {
min-height: 500px!important;
}
.home .map .wp-block-group {
float: none;
max-width: 100%;
margin-top: 50px!important;
}
.buttons-container a.download-btn {
width: 100%;
}
.related-projects .project, .modular-systems .system {
width: 100%;
}
}
@media all and (max-width: 400px) {
.acf-slider .banner-content {
margin-left: 0;
}
.bottom-menu a {
padding: 12px;
}
.bottom-menu a:after {
top: 10px;
}
.acf-carousel .text {
max-width: 100%;
}
.slick-next {
right: 4px;
}
.slick-prev {
left: 4px;
}
.content-with-banner {
padding: 40px 15px 20px!important
}
}
.featured-products-slider {
grid-template-columns: 1fr !important;
max-width: 960px!important;
}
.featured-products-slider .wp-block-group {
padding: 0 20px;
}
.featured-products-slider .slick-prev {
left: -60px;
top: calc(50% - 22px);
}
.featured-products-slider .slick-next {
right: -60px;
top: calc(50% - 22px);
}
.bg-color-wrapper {
padding-top: 0!important;
padding-bottom: 0!important;
} @media all and (max-width: 1024px) {
.featured-products-slider .slick-prev {
left: 15px;
}
.featured-products-slider .slick-next {
right: 15px;
}
} .content-with-banner .wp-block-group.alignfull {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
max-width: 100vw;
overflow-x: hidden; }
@media (max-width: 768px) {
.content-with-banner .wp-block-group.alignfull {
width: 100%;
left: 0;
transform: none;
margin-left: -20px; margin-right: -20px;
width: calc(100% + 40px);
}
}@font-face {
font-family: "Inter var";
font-weight: 100 900; font-style: normal;
font-display: swap;
src: url(//www.westpromachinery.com/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900; font-style: italic;
font-display: swap;
src: url(//www.westpromachinery.com/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-italic-var.woff2) format("woff2");
}