img { width: auto; } html .q_logo a { visibility: visible !important; } @media all and (max-width: 768px){ .cta h2 { padding: 0px !important; } .footer_bottom { padding: 20px 0px !important; width: 375px !important; } iframe.map { height: auto !important; width: 100% !important; margin-left: 0px !important; } .footer_top .textwidget { text-align: center; } .four_columns { width: auto; } body .footer_top { margin-top: -75px !important; } .footer_top { padding-top: 0px; } footer .container_inner { width: auto !important; } .footer_top .footer_col4 { width: 100% !important; } .footer_top .footer_col3 .widget { width: 100% !important; } .footer_top .footer_col3 { width: 100% !important; } .footer_top .column1.footer_col1 { display: none; } .footer_top .footer_col2 { width: 100% !important; } .footer_top .footer_col2 .widget { width: 100% !important; } .q_logo { padding-left: 0px !important; } .hero h1 .smaller { font-size: 23px !important; line-height: 33px !important; font-weight: 400; display: block; margin-top: 10px; } .hero h1 { font-size: 45px !important; line-height: 53px !important; } } header { max-width: 1700px; } footer .container_inner { position: relative; width: 1200px; } .fa-inverse { color: #5a9b43; } @media all and (min-width: 768px){ .alignright, .alignleft { height: 250px; } .sec-padding { padding-top: 80px !important; padding-bottom: 80px !important; } .cta { padding-top: 100px !important; padding-bottom: 150px !important; } } body .footer_top { padding-bottom: 0px !important; } p { font-size: 17px; line-height: 25px; } @media (min-width: 1200px) and (max-width: 1400px) { html body p { font-size: 13px !important; line-height: 20px !important; } } header { position: fixed; top: 0px; box-shadow: 0px 2px 20px rbga(0,0,0,0.2); } body .hero { padding-top: 280px; } span.ccpa { padding: 0px 265px; } body .header_bottom { padding: 20px 0px; } body img.dark { padding-top: 20px !important; height: 75px !important; } @media all and (min-width: 1000px) and (max-width: 1445px) { html body header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton, body header.dark .header_bottom_right_widget_holder a.qbutton { font-size: .9vw!important; } body .header_inner_right p { padding-left: 0px; } body .header_bottom_right_widget_holder { padding-right: 10px; padding-left: 5px; } } .footer_top .single-icon .fa-stack { float: left; margin-right: -5px; } .footer_top .single-icon p { } .footer_top .single-icon .fa-circle { color: #fff; } p { margin-bottom: 20px; } .archive .container_inner.default_template_holder.clearfix { display: block; margin-top: 121px; } html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) { padding: 0px!important; } .archive .title_holder { display: none; } .archive .title.title_size_small.position_left { display: none; } @media all and (min-width: 1000px) and (max-width: 1120px) { body .sticky .q_logo img { /* height: 20px!important; */ /* max-height: 40px!important; */ /* min-height: 60px; */ } .sticky .mega-menu-toggle { margin-top: 12px; } .mega-menu-toggle { margin-top: 30px; } .q_logo img { /*min-height: 70px;*/ } } @media all and (max-width: 768px) { body div#popmake-3823 .pum-content { padding: 30px; } } .pum-theme-3815 .pum-container, .pum-theme-lightbox .pum-container { border: none!important; } html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding: 0px!important; } div#popmake-3823 a.btn-login { margin-right: 20px; background: #f99f28; } div#popmake-3823 a { margin-top: 30px!important; display: inline-block; } div#popmake-3823 .pum-content { padding: 50px 180px; text-align: center; } .post_text_inner { min-height: auto!important; } .single-post .post_image img { margin-bottom: 30px; } .single-post .post_image { margin-top: 30px; } a.mega-menu-link { font-family: 'Sora', sans-serif!important; font-weight: 600!important; } .single-post .blog_holder.blog_single article h3 { font-size: 24px; line-height: 22px; } .single-post .blog_holder.blog_single article h2 { font-size: 28px; line-height: 36px; } .single-post .blog_holder.blog_single article h2.entry_title { font-size: 40px!important; } .q_icon_list i, .q_progress_bar .progress_content, .q_progress_bars_vertical .progress_content_outer .progress_content, .qbutton:hover, .vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover, .vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover, .post-password-form input[type='submit']:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .qbutton.white:hover, .qbutton.green, .call_to_action, .highlight, .testimonials_holder.light .flex-direction-nav a:hover, .q_dropcap.circle, .q_dropcap.square, .q_message, .q_price_table.active .active_text, .q_icon_with_title.boxed .icon_holder .fa-stack, .q_font_awsome_icon_square, .q_icon_with_title.square .icon_holder .fa-stack:hover, .box_holder_icon_inner.square .fa-stack:hover, .box_holder_icon_inner.circle .fa-stack:hover, .circle .icon_holder .fa-stack:hover, .q_list.number.circle_number ul>li:before, .q_social_icon_holder.circle_social .fa-stack:hover, .social_share_dropdown ul li.share_title, .latest_post_holder .latest_post_date .post_publish_day, .q_masonry_blog article.format-link:hover, .q_masonry_blog article.format-quote:hover, #wp-calendar td#today, .vc_text_separator.full div, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .q_pie_graf_legend ul li .color_holder, .q_line_graf_legend ul li .color_holder, .q_team .q_team_text_inner .separator, .circle_item .circle:hover, .qode_call_to_action.container, .qode_carousels .flex-control-paging li a.flex-active, .animated_icon_inner span.animated_icon_back i, .q_circles_holder .q_circle_inner2:hover, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a, .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover, .portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a, .portfolio_main_holder .item_holder.slow_zoom .icons_holder a, .qode_video_box .qode_video_image:hover .qode_video_box_button, .blog_holder.masonry_gallery article.format-link:hover, .blog_holder.masonry_gallery article.format-quote:hover, .blog_holder.blog_chequered article.format-link:hover, .blog_holder.blog_chequered article.format-quote:hover, .qode-pricing-calculator .qode-pricing-calculator-switch input:checked+.qode-pricing-calculator-slider, .qode-icon-holder.qode-icon-circle, .qode-icon-holder.qode-icon-square, .qode-qbutton-main-color, .qode-advanced-tabs .qode-advanced-tabs-nav li, .qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover, header.menu_bottom .header_bottom_right_widget_holder .header_bottom_widget.widget_search form>div input[type=text], .qode-advanced-call-to-action.qode-advanced-cta-gradient-animation .qode-advanced-cta-background-3, .tt_tabs .tt_tabs_navigation li a, .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected, .tabs_box_navigation.sf-timetable-menu li ul li a:hover, .tabs_box_navigation.sf-timetable-menu li ul li.selected a:hover, #qode-multi-device-showcase.qode-mds-appear-effect #qode-mds-spinner .qode-mds-pulse { background-color: #97c93d; } body .qode-accordion-holder .qode-title-holder.ui-state-active { background: #f99f28; } body .call_to_action.normal { background: #96c93d!important; } header .footer-only { display: none!important; } footer #text-13 .fa-stack { background: #f99f28!important; } body .footer_top h5 { color: #5a9b43; font-weight: 800; } body header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton:hover, body header.dark .header_bottom_right_widget_holder a.qbutton:hover { background: #4c4c4c!important; } body #mega-menu-wrap-top-navigation #mega-menu-top-navigation > li.mega-menu-item > a.mega-menu-link { padding: 0px 10px 0px 10px!important; } .header_bottom_widget ul { display: none; } body header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton, body header.dark .header_bottom_right_widget_holder a.qbutton { background: #5a9b43!important; color: white!important; padding: 5px 15px!important; height: auto!important; line-height: 30px; font-size: 14px!important; } a.qbutton { font-family: 'Sora', sans-serif; letter-spacing: 1px; font-size: 16px!important; font-weight: 800; } .sec-padding { padding-top: 60px; padding-bottom: 60px; } @media all and (min-width: 1000px) and (max-width: 1400px) { HTML body nav.main_menu ul li a { font-size: 13px!important; } img.dark { /*max-height: 44px!important;*/ } } body nav.main_menu ul li a { font-size: 15px!important; padding-left:5px!important; padding-right:5px!important; } @media all and (max-width: 1675px) and (min-width: 999px) { } .post_text iframe { width: 560px; height: 315px; max-width: 100%; } body .blog-button { font-size: 12px!important; font-weight: 600!important; color: white!important; background: #999!important; border-color: #999!important; } body aside .widget a.blog-button:hover { color: white!important; } body .blog-button:hover { background: #333!important; border-color: #333!important; color: white!important; } .widget #searchform { margin-top: 30px; border: 2px solid #999; } .call_to_action_text a { color: white; } div#recent-posts-9 { margin-top: 30px; } .single-post .title_holder { display: none; } .single-post .title { display: none; } .drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 { text-transform: none; font-size: 16px; font-weight: 400; letter-spacing: 0px; } .drop_down .second .inner ul li a span { color: #777; } .drop_down .second .inner ul li a:hover span { color: #000; } .q_logo { padding-left: 15px; } div#text-20 { margin-top: 50px; } .q_elements_item { background-repeat: no-repeat; } .white h1, .white h2, .white h3, .white h4, .white h5, .white p { text-shadow: 0px 0px 20px rgba(0,0,0,.6); } header.centered_logo .q_logo { top: 0; margin-top: -50px; padding-bottom: 25px; } header.sticky.centered_logo .q_logo { margin: 0px!important; } .sticky .q_logo img { margin: 0px!important; } .header-right-from-logo-widget p { padding-top: 10px; } @media only screen and (min-width: 1001px) { .header_bottom { padding: 0px; } } .sticky .q_logo img { width: auto!important; max-height: 60px!important; margin-top: 20px!important; } .sticky .q_logo img { height: auto!important; top: -50px!important; max-height: 100px; } .header_inner_right p { float: right; padding: 3px 0px 0px 10px; font-weight: 400; } .footer_top { padding-top: 80px; } nav.main_menu > ul > li > a { padding: 0 6px!important; font-size: 16px!important; } img.sticky { width: auto!important; top: -50%; } img.dark { padding-top: 10px!important; height: 65px!important; } } .drop_down .second .inner ul.right li a, .drop_down .second .inner ul.right li h5 { text-align: left; } .blog .content .title_holder .container { background: transparent!important; } .blog_holder.blog_single article { padding-bottom: 60px; } .post_more a { background: #aed234!important; } h2.entry_title, h2.entry_title a { font-size: 28px!important; } .blog .content .container, .single-post .content .container { background: #f5f5f5!important; } span.post_author { display: none; } a.post_comments, .blog_like, span.dots { display: none; } .blog_holder article .post_info a { color: #f99f28!important; } .blog_holder article .post_text h2 .date { color: #8CC63C!important; } .single-top .content { background-color: #f5f5f5!important; } .title_holder span, .subtitle { text-shadow: 0px 0px 10px rgba(0,0,0,1); } .title { background-position: top!important; height: 500px!important; margin-top: 70px; } .title .title_holder { padding-top: 200px!important; } nav.main_menu > ul > li > a { padding: 0 10px!important; } .two_columns_75_25 { padding-top: 0px!important; } div#text-13 { margin-bottom: 40px; } .footer_top img { max-height: 200px; } .footer_top_holder, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a { background-color: #fff!important; } .vc-hoverbox-front:before { background: black; content: 'blank'; opacity: 0.2; color: black; width: 100%; min-height: 100%!important; position: fixed; z-index: -5; } .title-pantry h2:before { content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/pantry-before.png); transform: scale(0.7); height: 50px; background-size: contain; background-repeat: no-repeat; margin: 0px auto; display: block; margin-bottom: 40px; transition: all 0.2s ease; } .title-coffee h2:before { content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/coffee-before.png); transform: scale(0.7); height: 50px; background-size: contain; background-repeat: no-repeat; margin: 0px auto; display: block; margin-bottom: 40px; transition: all 0.2s ease; } .title-markets h2:before { content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/market-before.png); transform: scale(0.7); height: 50px; background-size: contain; background-repeat: no-repeat; margin: 0px auto; display: block; margin-bottom: 40px; transition: all 0.2s ease; } .title-vending h2:before { content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/vending-before.png); transform: scale(0.7); height: 50px; background-size: contain; background-repeat: no-repeat; margin: 0px auto; display: block; margin-bottom: 40px; transition: all 0.2s ease; } .drop_down .narrow .second .inner ul li a:hover { color: #bb2a1f!important; } nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu span { color: #285d8a; } nav.mobile_menu ul li, nav.mobile_menu ul li, nav.mobile_menu ul li ul li, nav.mobile_menu ul li.open_sub > ul { border-color: rgba(0, 0, 0, 0.23); } .mejs-overlay-button { background: url(http://mmsalescompany.com/wp-content/uploads/2017/10/play.png) no-repeat!important; } .drop_down .second .inner>ul, li.narrow .second .inner ul { background-color: white; border-color: white; } .footer_bottom a { color: #000; } nav.main_menu ul li.active a { color: #8bc63f!important; } .qode-elliptical-slide-elements-holder p { font-size: 22px; line-height: 30px; } h3.larger { font-size: 40px; font-weight: 700; line-height: 48px; } nav.main_menu ul li:hover a { color: black!important; } .teaser:hover img { margin-top: -50px; margin-bottom: 50px; } .teaser { width: 19%; display: inline-block; margin-top: 50px!important; } a.prev-slide { left: -100px!important; } a.next-slide { right: -100px!important; } header.dark:not(.sticky) .textwidget span:not(.qode-btn-text) { color: white!important; } .post_text_inner ul { margin-bottom: 22px!important; list-style-position: outside!important; padding-left: 20px!important; } nav.main_menu > ul > li > a, .dark.header_style_on_scroll nav.main_menu>ul>li.active>a, .dark.header_style_on_scroll nav.main_menu>ul>li:not(:first-child):before, .dark.header_style_on_scroll nav.main_menu>ul>li>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a { color: #555; } header.dark:not(.sticky) .textwidget span { color: white!important; } .scrolled img { margin-top: 0px!important; max-height: 55px; } .iconlist-2 { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; float: left; } .iconlist-2 .icon { width: 18px; height: 18px; padding: 0px; margin: 3px 0px 0px 0px; float: left; font-size: 14px; text-align: center; line-height: 15px; color: #000; border-radius: 100%; } .iconlist-2 .text { padding: 0px 0 0 28px; margin: 0px; display: block; font-size: 18px; line-height: 26px; margin-bottom: 10px; text-align: left; } .q_elements_holder.two_columns .q_elements_item { background-size: cover; } .no-shadow h2, .no-shadow h1, .no-shadow h3, .no-shadow p { text-shadow: none!important; } .arrow-left .q_elements_item { background-position: right center!important; } .arrow-right .q_elements_item { background-position: left center!important; } .white h2, .white h3, .white p { text-shadow: 0px 0px 10px black; } .white h1, .white h2, .white h3, .white h4, .white h5, .white p { color: white; } h1, h2, h3, h4 { margin-bottom: 15px!important; } @media all and (max-width:760px) { .q_logo img { min-height: auto!important; min-width: auto!important; } iframe { max-width: 100%; } .flexslider, .portfolio_slider { margin: 0px!important; } .footer_top img { max-width: 200px; } .footer_bottom { font-size: 14px; line-height: 22px; padding: 20px 50px; color: white; } .footer_top .four_columns { padding: 30px; } .qode-elliptical-slider .qode-elliptical-slide { height: 620px!important; } .call_to_action .column2.button_wrapper .qbutton { width: auto; text-align: center; } .call_to_action_text { padding: 0px!important; } .full_width_inner .mobile-more-bottom-padding { padding-bottom:100px!important; } .mobile-no-bottom-padding { padding-bottom: 0px!important; } .desktop-only { display: none!important; } .page-header { padding: 50px 0px!important; } .section_inner_margin .vc_custom_1506449127253 { padding-top: 40px!important; } .app-buttons img { margin-bottom: 20px!important; } h2 { font-size: 30px!important; line-height: 38px!important; } h4 { font-size: 30px!important; line-height: 38px!important; } .footer_top p, .footer_top h5, .footer_top li { text-align: center; } .footer_top img { margin: 0px auto; display: block; } h1 { font-size: 24px; line-height: 32px; } .teaser { width: 100%; } .qbutton.white, .qbutton.small { letter-spacing: 1px; } .parallax { background-attachment: scroll!important; } } @media all and (min-width: 760px) { .single-post .content { margin-top: 0px; } .blog_holder.blog_small_image article .post_image, .blog_holder.blog_small_image article .post_text { width: 100%; } .page-header { padding: 100px 0px!important; } .mobile-only { display: none!important; } #recent-posts-3 { padding-left: 50px; } } .qbutton.small { padding: 10px 20px!important; } .parallax { background-size: cover; background-attachment: fixed; background-position: center; } .footer_top h5 { color: #15a99c; font-weight: 400; font-size: 28px; } .footer_bottom p, .footer_bottom span { font-weight: 500; } .footer_top ul.sub-menu { display: none!important; } .footer_top a:hover { color: #b3d237!important; } .white h2, .white h3, .white h4, .white p { color: white; } .darkpolygon .angled-section polygon { fill: #80bd01!important; } .textcenter{text-align:center} .accent{ color:#5a9b43; } #mega-menu-item-4501{ display:none!important; } @media all and (max-width: 768px) { #mega-menu-item-4501{ display:block!important; } } .wrapper { max-width: 1700px; margin: 0px auto; }