/* Theme Name: Carris Reels 1.0 Theme URI: https://www.elegantthemes.com/gallery/divi/ Template: Divi Author: LMW Design Author URI: https://www.lmwdesign.com Description: The new Carris Reels, Inc. website designed by LMW Design, Inc. Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready Version: 3.15.1540921233 Updated: 2018-10-30 13:40:33 */ /* NOTES * * colors * green = #4b755f * green = #046A38 fixed * grey = #4d4d4d * * arrow * ➞ ➞ * * * */ /* TYPOGRAPHY */ /* h2 sup { font-size-adjust: 0.3; top: -0.4em; position: relative; vertical-align: baseline;} */ p sup { font-size-adjust: 0.4; top: -0.3em; vertical-align: top; position: relative; } @media screen and (-webkit-min-device-pixel-ratio:0) { h2 sup { font-size: 22px; top: -0.65em; position: relative; vertical-align: baseline;} h4 sup { font-size: 18px; top: -0.65em; position: relative; vertical-align: baseline;} p sup { font-size: 12px; top: -0.65em; position: relative; vertical-align: baseline; } } @-moz-document url-prefix() { } li ul li { list-style-type: circle; } /* UBERMENU */ /* hide the texture * #main-header { background-position: top center; background-repeat: no-repeat; background-image: url('https://carris.com/wp-content/uploads/2018/10/Carris-Reels-header-texture@2x.jpg'); } */ .footer-widget .widget_media_image img { margin: 0 20px; } ul#top-menu { font-family: "Roboto", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.04rem; } #ubermenu-carris_main-2-primary-menu-2 { letter-spacing: 0.04rem; } #menu-item-103 > a:nth-child(1) > span:nth-child(1), #menu-item-104 > a:nth-child(1) > span:nth-child(1) { text-transform: uppercase; } /* Reels / Accessories */ #menu-item-1424 > a:nth-child(1) > span:nth-child(1) { font-size: 18px; text-transform: uppercase; color: #FFFFFF; font-weight: bold; } /* Locations */ .ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop, .ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop { border-top: none !important; border: none !important; } .ubermenu-search-input { font-family: "Roboto", Helvetica, sans-serif; font-size: 14px; } .carris-uber-search:hover { cursor: pointer; } /* SHIFT NAV */ #menu-item-1318, #menu-item-1319 { margin-left: 20px; } #menu-item-1290, #menu-item-1291, #menu-item-1292, #menu-item-1293, #menu-item-1294, #menu-item-1295, #menu-item-1296, #menu-item-1297, #menu-item-1298, #menu-item-2423, #menu-item-2424 /* pad locations */ { padding-left: 20px; } #menu-item-1276, #menu-item-1277, #menu-item-1278 /* pad about */ { padding-left: 20px; } #menu-item-1284, #menu-item-1315, #menu-item-1281 /* pad about */ { padding-left: 20px; } .shiftnav-search .shiftnav-searchform { background: rgba(255,255,255,0) !important; } .shiftnav-search input.shiftnav-search-input { font-family: "Roboto", Helvetica, sans-serif; font-size: 16px; font-weight: 400; color: rgba(255,255,255,1.0) !important; padding: 14px 50px 14px 20px !important; border: none !important; } .shiftnav-search-submit { color: #adc4aa !important; } /* FOOTER NAV */ .bottom-nav { font-family: "Roboto", Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.04rem; text-transform: uppercase; text-align: center; } .bottom-nav li { padding-right: 8px; } .bottom-nav li a, .bottom-nav li a:link, .bottom-nav li a:active, .bottom-nav li a:visited { color:rgba(77,77,77,0.5); font-weight: 400; } .bottom-nav li a:hover { color:rgba(77,77,77,0.3); } .bottom-nav li:before { content: '\00a0\2022\00a0\00a0'; color:#999; color:rgba(77,77,77,0.5); font-size:11px; padding-right: 8px; } .bottom-nav li:first-child:before { content: ''; } /* FOOTER LOGOS */ .carris-footer-logo img { } .carris-footer-logo {} /* .pdf-icon img:hover { opacity: 0.7; } */ .pdf-hover:hover { opacity: 0.8; transform: scale(1.05); } .pdf-hover { transition: all .2s ease-in-out; } /* BREADCRUMBS */ #breadcrumbs { /* float: left; */ width: 75%; margin-bottom: 1em; position:relative; z-index:1; } .breadcrumb { font-size: 90%; font-family: "Roboto", Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02rem; } @media screen and (max-width: 980px){ #breadcrumbs { width: 100%; } } .breadcrumb-arrow { color: #4b755f; } /* WIDGETS */ #footer-widgets .footer-widget li::before { border-style: none; border-radius: 0; } #footer-widgets .footer-widget li { padding-left: 2px; font-family: "Roboto", Helvetica, sans-serif; font-weight: 400; } #footer-widgets .footer-widget li a:hover { color: #4b755f !important; } #footer-info a { font-weight: 500; } /* FORMS */ .quote-diagram img { width: 70px; height: auto; } .quote-diagram { padding: 0; } html .formcraft-css .fc-form .form-element .field-cover.heading-cover { margin-top: 0.5em; } .reel-capacity-calc { } .reel-capacity-calc table, .reel-capacity-calc tr td { border: none; border-top: none; padding: 6px 9px; } .reel-capacity-calc .main-label { font-family: "Roboto", Helvetica, sans-serif !important; text-align: right !important; line-height: 1.4em; } .reel-capacity-calc .sub-label { font-family: "Roboto", Helvetica, sans-serif !important; font-weight: 400; font-style: italic; font-size: .9em; margin-top: -1px; opacity: .8; } .reel-capacity-input { width: 100%; } input.reel-capacity-input { box-sizing: border-box; padding: .72em .9em .65em; border-radius: 2px; border: 1px solid #d6d8d9; background-color: #fafafa; line-height: 1.4em; font-family: "Roboto", Helvetica, sans-serif; height: auto; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; font-size: inherit; } input.reel-capacity-calc-button { box-shadow: none; height: auto; font-size: 1em; line-height: 1.5em; position: relative; text-transform: none; margin: 5px auto; padding: 9px 18px 9px 18px; border: 0; border-radius: 2px; width: auto; cursor: pointer; font-weight: 600; font-family: "Roboto", Helvetica, sans-serif; letter-spacing: 0; white-space: nowrap; transition: padding .25s; -webkit-transition: padding .25s; background: #4b755f; color: #fff; } input.reel-capacity-calc-button:hover { opacity: 0.85; } .fc_modal-backdrop { background: rgba(0,0,0,0.8); } .fc_modal-backdrop::before { content: 'Press ESC to close'; color: #666666; font-family: "Roboto", Helvetica, sans-serif !important; font-weight: 400; } /* escape */ .fc_modal .formcraft-css form.fc-form { background: #f5f5f5 !important; padding: 40px; } /* add background color for pop-up forms */ .quote-plywood-btn, .quote-nailed-wood-btn, .quote-recycled-btn, .quote-metal-bound-btn, .quote-hardboard-btn, .quote-plastic-btn, .quote-stamped-metal-btn, .quote-hybrid-btn, .quote-reelex-btn, .quote-reel-adaptors-btn, .quote-tubes-barrels-btn, .quote-shipping-cleats-btn, .quote-wire-ties-btn, .quote-reel-in-a-box-btn, .quote-caddies-btn { cursor: pointer !important; } /* PAGE ADJUSTMENTS */ .carris-video-overlay { background-color: #f5a623; } /*homepage background video */ .employee-owned-links .et_pb_blurb_content .et_pb_blurb_container { padding-left: 0; } /* fix blurb icons on Employee Owned page */ .products-landing-blurbs { } /* Products landing page */ .request-a-quote-blurbs .et_pb_main_blurb_image { margin-bottom: 0; } .plastic-reels-blurb h4 { font-size: 19px; font-weight: 500; line-height: 1.6em; } /* TIMELINE */ .cd-timeline-img .et-pb-icon, .et_pb_vertical_timeline_0 .cd-timeline-img .et-pb-icon { box-shadow: none !important; } .cd-timeline-img { box-shadow: 0px 0px 0px 4px #fafafa !important; } .et_pb_column_4_4 .cd-timeline-img { width: 40px !important; height: 40px !important; margin-left: -20px !important; } .et_pb_vertical_timeline_0 .cd-timeline-content, .cd-timeline-content { box-shadow: none !important; } .cd-timeline-content { background: none !important; } .carris-timeline h2 { margin-top: -18px; } /* RECYCLED REELS */ .recycled-reels-icons img { height: 120px; } .page-id-526 .mfp-figure figure { background: #fafafa; padding: 20px 40px; } /* fix lightbox bg color */ .page-id-526 .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #999999; opacity: 0.8; padding: 10px; } .page-id-526 img.mfp-img { } /* HYBRID REELS */ .page-id-622 .mfp-figure figure { background: #fafafa; } .page-id-622 .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #999999; opacity: 0.8; padding: 10px; } /* WP JOB BOARD */ .job .post-meta { display: none; } .wpjb-label, .wpjb-form input, .wpjb-breadcrumb, .wpjb-box-title { font-family: "Roboto", Helvetica, sans-serif; font-weight: 400 !important; } .wpjb-form legend, .wpjb-boxes-group-text { font-family: "Roboto", Helvetica, sans-serif; font-weight: 600 !important; } span.wpjb-glyphs.wpjb-icon-right-open { font-size: 80%; margin-left: 4px; } /* MONARCH - DIVI - SOCIAL MEDIA */ .et_monarch .et_social_3col li { width: auto; } .carris-monarch-follow { margin-bottom: 0 !important; } .et_monarch .et_social_sidebar_networks { z-index: 9999; } /* MONARCH - DIVI - SOCIAL MEDIA - FIX X TWITTER */ .et_monarch .et_social_icon_twitter:before, .et_monarch .et_social_icon_twitter:after { content: "\e61b"; font-family: "Font Awesome 6 Brands" !important; } /*replace Twitter icon with X in Divi Social Follow module*/ .et-social-twitter a.icon:before { content: "\e61b"; font-family: "Font Awesome 6 Brands" !important; } .et_monarch .widget_monarchwidget li.et_social_twitter { background-color: #000000 !important; } /* POJO ACCESSIBILITY PLUGIN */ #pojo-a11y-toolbar { z-index: 999999 !important; } /* ------------------- * * * * MOBILE + TABLET * * * * ------------------- */ /* ----------- DESKTOP - hide mobile menu ----------- */ @media screen and (min-width: 1025px) { #et_mobile_nav_menu { display: none; } } /* ----------- Fix Timeline dots ----------- */ @media screen and (max-width: 1169px) { .et_pb_column_4_4 .cd-timeline-img { margin-left: 0px !important; } } /* ----------- Just 1300px ----------- */ @media only screen and (max-width: 1300px) { /* UBERMENU STYLES */ #et_mobile_nav_menu { display: none; } #main-header .logo_container { float: none; } #main-header #logo { max-width: 100%; /* min-height: 100%; */} .et_header_style_left .logo_container { position: relative; width: 50%; height: 50%; margin: 0 auto; min-height: 120px; } /* .et_header_style_left #logo, .et_header_style_split #logo { max-width: 100%; } #main-header { min-height: 120px; } */ } /* ----------- Just 1560px to 1300px / logo fix ----------- */ @media only screen and ( min-width: 1300px) and ( max-width: 1560px) { .et_header_style_left .logo_container { height: 175px; } } /* ----------- Just 1300px to 1024px / logo fix ----------- */ @media only screen and ( min-width: 1024px) and ( max-width: 1300px) { .et_header_style_left .logo_container { width: 40%; height: 40%; } } /* ----------- Just 640px / logo fix ----------- */ @media only screen and ( max-width: 640px) { .et_header_style_left .logo_container { width: 70%; height: 70%; } } /* ---------- Divi FIXES @ 980 ----------- */ @media only screen and ( max-width: 980px) { .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title { font-weight: 300 !important; } /* FORMS */ .quote-diagram { top: 0; } } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPhone 6, 7, & 8 in portrait ------------ */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* FORMS */ .quote-diagram { top: 0; } } /* iPhone 6 LANDSCAPE ------------ */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { } /* iPhone 5 ----------- */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) { }