/* Theme Name: Fastenright Template: Divi */ /*16/1/2020*/ /*@import url("../Divi/style.css");*/ @import "https://www.fastenright.com/wp-content/themes/Fastenright/print.css"; .slide-meta-comments, .slide-meta-del { display: none!important; } .related.products::before { content: "Is there a term you’re not sure of in the name or description of this product? \A Click the \201c Glossary\201d link in the top menu to learn more."; padding: 20px 25px; display: block; background: #FFFFFF; margin: -5px 15px 15px; border: 1px solid #9C1706; color: #000000; font-size: 1.1em; line-height: 1.5em; font-weight: bold; text-align: center; /* white-space: pre;*/ clear: both; } /*.et_pb_image_container img, .et_pb_post a img {display: none;}*/ /*--------------------------------------------*/ /*------------- STYLES BEGIN -----------------*/ /*--------------------------------------------*/ .tagged_as{float:left;} /* adds spacing next to TAG label and puts on new line */ /*------------- COVID BEGIN -----------------*/ #covid19 {background-color:#ff0000; height:40px;} #covid19 p { font-weight:bold; color:#FFFFFF; text-align:center; padding:10px 0px 10px 0px;} /*------------ COVID END ---------------------*/ /*------------- STYLES BEGIN -----------------*/ /* Body color importand added and posted_in a and tagged_as a set to black and blue */ /* this due to DIVI meddling with colours */ /*----------------------------------------------------------------------------------*/ body {font-size: 13px !important;color:#000000!important;} .posted_in a, .tagged_as a {font-weight: 500;color: #00437f; text-decoration: none;} #et-main-area p a {text-decoration: underline;color: #00437f;} .product_list_widget li a { color: #00437f;} /*----------------------------------------------------------------------------------*/ /* Body color importand added and posted_in a and tagged_as a set to black and blue */ /* this due to DIVI meddling with colours */ /*----------------------------------------------------------------------------------*/ #page-container {background-color: #ececec;} .ButtonEnds:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; margin-left: 5px; } .ButtonEnds:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; margin-right: 5px;} .container{position:relative;width: 100%!important;max-width: 1200px!important;margin:auto;} /*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 1200px !important; max-width: 1200px !important;}*/ h3 {font-size: 16px !important;} sup {bottom: 0.3em;} #et-main-area p a{text-decoration:underline;} #et-main-area .FtEnquiry p a {text-decoration:none!important;} #et-main-area .FtSpecialEnquiry p a {text-decoration:none!important;} .LowerSpace {padding-bottom:20px;} #et-main-area #tab-description p a { text-decoration: none; } /*--------------------------------------------*/ /* disable lightbox due to small images used */ /*--------------------------------------------*/ .woocommerce-product-gallery__image {pointer-events: none;} .single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {display: none;} /*----------- END GENERAL STYLES -------------*/ /*--------------------------------------------*/ /*------------- HEADER STYLES ----------------*/ /*--------------------------------------------*/ #main-header {background-color: transparent; box-shadow: none; z-index: 2;} #main-header .container {background-color: #ffffff; padding-bottom: 5px;} .et_header_style_left .logo_container {position: relative !important; width: auto; height: auto; float: left;} #logo {max-width: 100%; padding: 15px;} #HeadCentre {text-align: center; float: left; margin-top: 35px; margin-left: 30px;} .HeadCentreImage {width: 473px; height: 78px; margin: 0 auto;} .HeadCentreText {font-size: 1.35em; font-weight: bold; color: #897E84;} .Sec {color: #04457A;} .Gen {color: #1b87e1;} #HeadRight {float: right; font-weight: bold; color: #ffffff; font-size: 1.1em;text-align: center; margin-top: 15px; margin-right: 10px;} #HeadRight p {width: 250px; height: 32px; padding: 3px; margin-bottom: 10px;} #HeadRight p.ButtonEnds:before, #HeadRight p.ButtonEnds:after {background-size: 15px; background-repeat: no-repeat; width: 15px; height: 15px; margin-top: 5px;} .HeadRightQuote {background-color: #0a6fc1; border: 1px solid #898989; box-shadow: 0px 3px 5px #555555; } .HeadRightQuote a {color: #ffffff; } .HeadRightCall {background-color: #04457a; border: 1px solid #898989; box-shadow: 0px 3px 5px #555555;} .HeadRightCall a {color: #ffffff; } .HeadRightSocial {} .HeadRightSocial img {padding: 0px 5px;} /*------------ END HEADER STYLES -------------*/ /*--------------------------------------------*/ /*--------------- MENU STYLES ----------------*/ #et-top-navigation {border: 1px solid #898989; clear: both; padding-left: 0px !important; float: none; /*background-color: #04457a;*/background-color: #356390;} #main-header .nav li ul {background-color: #356390 !important;} #et-top-navigation.ButtonEnds:before {position: absolute; left: 10px; float: none; margin-top: 12px;} #et-top-navigation.ButtonEnds:after {position: absolute; right: 10px; float: none; margin-top: -30px;} .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding-top: 0px !important;} nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {text-align: center !important; float: none;} #top-menu li {font-size: 16px;} .nav li ul {padding: 0px;} #top-menu li, .fullwidth-menu li {padding: 0px !important;} #top-menu li li a {width: 215px;padding: 6px 20px;} /* Wider to accept stainless item RBP */ .et_header_style_left #et-top-navigation nav > ul > li > a {padding: 13px 0px 13px 5px !important; color: #ffffff; font-weight: normal !important;} .et_header_style_left #et-top-navigation nav > ul > li > a:after {content: "|" !important; color: #ffffff; font-weight: bold; margin-left: 7px; position: relative !important; font-family: Open Sans !important;} .et_header_style_left #et-top-navigation nav > ul > li:last-child > a:after {border: 0px; content: none !important;} .nav {margin-bottom: 0px !important;} #main-header .nav li ul a {color: #ffffff;} /* DIVI update changed submenu color to black */ .nav li ul { border-top:0px;} /*------------- END MENU STYLES --------------*/ /*--------------------------------------------*/ /*---------------- BREADCRUMBS ---------------*/ #main-content #breadcrumbs .container {padding-top: 10px; color: #000000;padding-left: 15px; font-size: 0.9em;} #main-content #breadcrumbs .container p {margin-right: 10px; float: left;} #breadcrumbs {margin-bottom: 20px;} /*------------- END BREADCRUMBS --------------*/ /*--------------------------------------------*/ /*--------------- CONTENT STYLES ------------*/ .et_pb_section {background-color: transparent!important;}/* RBP */ .et_pb_row {background-color: #ffffff; padding: 0 10px !important;} .et_pb_column_single {padding: 2.855% 0 0;} .et_pb_section:last-of-type .et_pb_row:last-of-type {padding-bottom: 20px !important;} .et_section_specialty > .et_pb_row {padding: 0 10px;} .et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {width: 23.75%;} .et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {margin-right: 2%;} .et_pb_widget_area_left {padding-right: 1%; border-right: 0px;} .et_pb_column_3_4 .et_pb_row_inner {padding-bottom: 0px;} /*.et_pb_map {height: 250px;}*/ .et_pb_column_single, .et_pb_row_inner {padding-top: 20px !important;} /* Material and finishes buttons */ p.FtMaterials a {text-decoration:none!important; color:#FFFFFF!important;} .FtMaterials {max-width: 60%;} .FtMaterials a {font-size: 1.2em; font-weight: bold;} .FtMaterials a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #228b22; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtMaterials a:hover {background-color: #cccccc; color: #000000!important;} /* Material and finishes buttons */ /*-------------------------------------------------------------------------------------------*/ et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left {margin-bottom:6.02%;} /*----- MAKE RIGHT COLUMN APPEAR LEFT --------*/ .et_section_specialty > .et_pb_row > .et_pb_column:first-child {float: right; margin-right: 0px; margin-bottom: 25px;} .et_section_specialty > .et_pb_row > .et_pb_column_1 {padding-bottom: 2%;} /*----- HOME BOXES -----*/ .ActionButtons .et_pb_module {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555; font-size: 1.05em;} .ActionButtons .et_pb_module img {width: 100%;} .ActionButtons .et_pb_module p {padding-bottom: 0px;} .ActionButtons .et_pb_module p:last-child a {display: block; padding: 10px 0px; text-align: center; color: #ffffff!important ;background: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #356390; background-size: 30px; border-top: 1px solid #325d8f;} .ActionButtons .et_pb_module:hover p a {background-color: #cccccc !important; color: #000000;} .ActionButtons .et_pb_module.GenFix p a {background-color: #1c87e0; border-color: #4989c2;} .ActionButtons .et_pb_module.GenFix {border-color: #4989c2;} .ActionButtons .et_pb_module.SecFas p a {background-color: #04457A; border-color: #325d8f;} .ActionButtons .et_pb_module.SecFas {border-color: #325d8f;} .ActionButtons .et_pb_module.StainFas p a {background-color: #666666; border-color: #325d8f;} .ActionButtons .et_pb_module.StainFas {border-color: #325d8f;} .ActionButtons .et_pb_module .fluid-width-video-wrapper {margin-bottom: -1px;} .ActionButtons .et_pb_module .ytp-title {display: none !important;} /*---- END HOME BOXES ----*/ /*-------------- END CONTENT STYLES -------------*/ /*----------------------------------------------*/ /*------------- BOTTOM CONTENT STYLES ----------*/ .FtBoxes h3 {color: #ffffff; text-align: center; font-size: 1.07em; background-color: #356390; padding: 10px; border-bottom: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} .FtBoxes .et_pb_column {border: 1px solid #154f81; box-shadow: 0px 2px 5px #555555; min-height: 230px;} .FtBoxes .et_pb_row {overflow: visible;} .FtBoxes .et_pb_text p {padding: 15px 14px 0 14px; font-size: 0.928em;} .FtBoxes .et_pb_text ul {font-size: 0.928em; padding: 15px 15px 0 50px;} /* RBP 29/6/20 move buttons left and make wider */ .FtBoxes a {padding: 5px 25px 5px 10px; position: absolute; bottom: 5px; color: #ffffff!important; background-color: #356390; margin-left: 5px; width: 240px; border: 1px solid #154f81;} .FtBoxes a:hover {background-color: #cccccc; color: #000000;} .FtBoxes a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #356390; background-size: 22px;} /*.FtBoxes .Newsletter p {float: left; height: 30px;}*/ .FtBoxes .Newsletter p.input {float: right;} .FtBoxes .Newsletter .wpcf7-form p:last-of-type {position: absolute; bottom: 46px;} .FtBoxes .Newsletter .wpcf7-submit {padding: 6px 35px 7px 10px; bottom: 31px; color: #ffffff; background: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat;background-position: right; background-color: #356390;background-size: 22px; margin-left: 131px; width: 120px; border: 1px solid #154f81; cursor: pointer; font-size: 0.928em; max-height: 30px;} .FtBoxes .Newsletter .wpcf7-submit:hover {background-color: #cccccc; color: #000000;} .FTBoxVideo {max-width: 277.453px;} .FTBoxVideo {border: 1px solid #154f81; box-shadow: 0px 2px 5px #555555; min-height: 230px;} .FTBoxVideo h3 {color: #ffffff;text-align: center; font-size: 1.07em; background-color: #356390; padding: 10px; border-bottom: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} .FTBoxVideo p {padding: 15px 14px 0 14px; font-size: 0.928em;} .FTBoxVideo a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #356390; background-size: 22px; display: block; border: 1px solid #154f81; padding: 6px 35px 7px 10px; color: #ffffff; margin-bottom: 10px;} .FTBoxVideo p a:hover {background-color: #cccccc; color: #000000;} .FtEnquiry {} .FtEnquiry {max-width: 25%;} .FtEnquiry p {font-size: 1.2em; font-weight: bold;} .FtEnquiry a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #db4936; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtEnquiry p a:hover {background-color: #cccccc; color: #000000;} #et-main-area .FtSpecialEnquiry a {text-decoration:none!important; COLOR:#ffffff;} .FtSpecialEnquiry p a {text-decoration:none!important;} .FtSpecialEnquiry {max-width: 75%;} .FtSpecialEnquiry p {font-size: 1.2em; font-weight: bold;} .FtSpecialEnquiry a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #db4936; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtSpecialEnquiry p a:hover {background-color: #cccccc; color: #000000!important;} /*-------------------------------------------------*/ /* VCITA replacement */ /*-------------------------------------------------*/ #et-main-area .FtChatEnquiry a {text-decoration:none!important; COLOR:#ffffff;} .FtChatEnquiry p a {text-decoration:none!important;} .FtChatEnquiry p {font-size: 1.2em; font-weight: bold;} .FtChatEnquiry a {background-color: #2CA349; display: block; border: 1px solid #821C1C; padding: 10px 45px 10px 45px; color: #ffffff;} .FtChatEnquiry p a:hover {background-color: #cccccc; color: #000000!important;} /*-------------------------------------------------*/ /* VCITA replacement end */ /*-------------------------------------------------*/ #et-main-area .FtCatEnquiry a {text-decoration:none!important; COLOR:#ffffff;} .FtCatEnquiry {max-width: 85%;} .FtCatEnquiry a {font-size: 1.2em; font-weight: bold;} .FtCatEnquiry a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #db4936; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtCatEnquiry a:hover {background-color: #cccccc; color: #000000!IMPORTANT;} /* 29-01-2020 */ /*#et-main-area */ p.FtCTAEnquiry a {text-decoration:none!important; color:#FFFFFF!important} .FtCTAEnquiry {max-width: 85%;} .FtCTAEnquiry a {font-size: 1.2em; font-weight: bold;} .FtCTAEnquiry a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #db4936; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtCTAEnquiry a:hover {background-color: #cccccc; color: #000000!important;} /*#et-main-area */ p.FtBlogEnquiry a {text-decoration:none!important; color:#FFFFFF!important;} .FtBlogEnquiry {max-width: 85%;} .FtBlogEnquiry a {font-size: 1.2em; font-weight: bold;} .FtBlogEnquiry a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #228b22; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtBlogEnquiry a:hover {background-color: #cccccc; color: #000000!important;} /* 29-01-2020 */ /*#et-main-area */ p.FtMaterials a {text-decoration:none!important; color:#FFFFFF!important;} .FtMaterials {max-width: 60%;} .FtMaterials a {font-size: 1.2em; font-weight: bold;} .FtMaterials a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #228b22; background-size: 35px; display: block; border: 1px solid #821C1C; padding: 10px 60px 10px 15px; color: #ffffff;} .FtMaterials a:hover {background-color: #cccccc; color: #000000!important;} /*------------- END BOTTOM CONTENT STYLES -----------*/ /*-------------------------------------------*/ /*------------- FT VIDEOS ------------------------*/ .FTVideo .et_pb_text p a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; padding: 10px 10px; background-color: #356390; color: #ffffff; background-size: 30px; width: 100%; display: block; border: 1px solid #154f81;} .FTVideo .et_pb_text p a:hover {background-color: #cccccc; color: #000000;} /*------------------------------------------------*/ /* Override image style */ #img-setting {margin-left: 40px;min-height:85px;} #img-setting img {margin-bottom: 0px !important; margin-left: 8px;} /*------------------------------------------------*/ /*-------------- SLIDER STYLES ---------------------*/ .Slider .et_pb_row {padding: 0 !important;} .Slider .flex-viewport {overflow: visible !important;} .Slider .et_pb_column {overflow: hidden;} .Slider .metaslider .slides img {opacity: 0.4;} .Slider .flex-active-slide img {opacity: 1 !important;} .Slider .metaslider .caption-wrap {display: none;} .Slider .flex-active-slide .caption-wrap {display: block;} .Slider .metaslider .caption-wrap {opacity: 1; background: -moz-linear-gradient(left, rgba(51,93,143,1) 0%, rgba(51,93,143,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,93,143,1)), color-stop(100%,rgba(51,93,143,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(51,93,143,1) 0%,rgba(51,93,143,0.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(51,93,143,1) 0%,rgba(51,93,143,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(51,93,143,1) 0%,rgba(51,93,143,0.2) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(51,93,143,1) 0%,rgba(51,93,143,0.2) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335d8f', endColorstr='#33335d8f',GradientType=1 );*/ /* IE6-9 */ } .Slider .metaslider .caption {padding: 10px 15px; font-size: 1.23em; line-height: 1.35em;} /*----------------- END SLIDER STYLES --------------*/ /*-------------------------------------------------*/ /* Products sub menu underlapping product wording 21/3/2020*/ .nav li ul.sub-menu { top: 30px;} /* Products sub menu underlapping product wording */ /*-------------------------------------------------*/ /*-------------- SIDEBAR STYLES ------------------*/ #menu-genfix-menu li a, #menu-secfas-menu li a, #menu-stainless-menu li a {padding: 12px 16px 15px 15px !important; display: block; color: #ffffff; font-size: 1.23em; max-height: 50px;} #menu-genfix-menu li a, #menu-secfas-menu li a, #menu-stainless-menu li a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right;background-color: transparent;} #menu-genfix-menu li a:hover, #menu-secfas-menu li a:hover, #menu-stainless-menu li a:hover {background-color: #cccccc !important; color: #000000;} #menu-genfix-menu li.GenMenu {border: 1px solid #4989c2; background-color: #1c87e0 ;}/*------ important makes menu blue but also subs as well-------*/ #menu-secfas-menu li.SecMenu {border: 1px solid #325d8f; background-color: #04457A; } #menu-stainless-menu li.StainMenu {border: 1px solid #325d8f; background-color: #666666; } #menu-genfix-menu li, #menu-secfas-menu li, #menu-stainless-menu li {margin-bottom: 15px; box-shadow: 0px 3px 5px #555555;} /* Add white */ #menu-secfas-menu li ul.sub-menu li, #menu-genfix-menu li ul.sub-menu li, #menu-stainless-menu li ul.sub-menu li{margin-left: 0px; box-shadow: none; margin-bottom: 0px;} #menu-secfas-menu li ul.sub-menu li a, #menu-genfix-menu li ul.sub-menu li a, #menu-stainless-menu li ul.sub-menu li a {border-bottom: 1px solid #325d8f;} #menu-secfas-menu li ul.sub-menu li:hover, #menu-genfix-menu li ul.sub-menu li:hover, #menu-stainless-menu li ul.sub-menu li:hover {background-color: #cccccc;} #menu-secfas-menu li ul.sub-menu li a:hover, #menu-genfix-menu li ul.sub-menu li a:hover, #menu-stainless-menu li ul.sub-menu li a:hover {color: #000000 !important;} #menu-secfas-menu li ul.sub-menu li ul.sub-menu {margin-top: 0px; background-color: #e2e2e2; /*background-color: #04457A;*/ box-shadow: inset 0px 0px 10px #00223E;} #menu-genfix-menu li ul.sub-menu li ul.sub-menu {margin-top: 0px; background-color: #e2e2e2; /*background-color: #1C87E0;*/ box-shadow: inset 0px 0px 10px #cccccc;} /*#menu-secfas-menu li ul.sub-menu li ul.sub-menu a, #menu-genfix-menu li ul.sub-menu li ul.sub-menu a {color: #ffffff;}*/ #menu-stainless-menu li ul.sub-menu li ul.sub-menu {margin-top: 0px; background-color: #e2e2e2; /*background-color: #1C87E0;*/ box-shadow: inset 0px 0px 10px #cccccc;} #menu-secfas-menu li ul.sub-menu li ul.sub-menu > li:hover, #menu-genfix-menu li ul.sub-menu li ul.sub-menu > li:hover, #menu-stainless-menu li ul.sub-menu li ul.sub-menu > li:hover {background-color: #cccccc;} #menu-secfas-menu li ul.sub-menu li ul.sub-menu li a, #menu-genfix-menu li ul.sub-menu li ul.sub-menu li a, #menu-stainless-menu li ul.sub-menu li ul.sub-menu li a {padding-left: 30px;} #menu-secfas-menu li ul.sub-menu li a, #menu-genfix-menu li ul.sub-menu li a, #menu-stainless-menu li ul.sub-menu li a {background-image: none; color: #000000; padding: 8px 10px 5px 10px !important; font-size: 1em;} #menu-secfas-menu li ul.sub-menu li ul.sub-menu li a, #menu-genfix-menu li ul.sub-menu li ul.sub-menu li a, #menu-stainless-menu li ul.sub-menu li ul.sub-menu li a {padding: 8px 10px 5px 20px !important;}/* RBP 3/12/19 */ /*#menu-stainless-menu li ul.sub-menu li ul.sub-menu li a {padding: 8px 10px 5px 30px !important;}*/ #menu-secfas-menu li ul.sub-menu li a:hover, #menu-genfix-menu li ul.sub-menu li a:hover, #menu-stainless-menu li ul.sub-menu li a:hover {background-color: transparent !important; } /* DCJQ RBP extra ? */ #menu-secfas-menu li.SecMenu > a.dcjq-parent.active {border-bottom: #325d8f; box-shadow: 0px 3px 5px #555555; background-color:#04457A; } #menu-genfix-menu li.GenMenu > a.dcjq-parent.active {border-bottom: #4989c2; box-shadow: 0px 3px 5px #555555; background-color:#1c87e0; } #menu-stainless-menu li.StainMenu > a.dcjq-parent.active {border-bottom: #4989c2; box-shadow: 0px 3px 5px #555555; background-color:#1c87e0; } #menu-secfas-menu ul ul.sub-menu li.current-menu-item a {color: #000000 !important;} /*#menu-secfas-menu ul ul.sub-menu li.current-menu-parent a {color: #000000 !important;}*/ /*rbp*/ #menu-secfas-menu ul.sub-menu, #menu-genfix-menu ul.sub-menu, #menu-stainless-menu ul.sub-menu {margin: 1px 0 0; background-color: #ffffff;} #menu-secfas-menu ul.sub-menu, #menu-genfix-menu ul.sub-menu, #menu-stainless-menu ul.sub-menu {margin: 1px 0 0; background-color: #ffffff;} #menu-secfas-menu li ul.sub-menu li.current-menu-item, #menu-genfix-menu li ul.sub-menu li.current-menu-item a, #menu-stainless-menu li ul.sub-menu li.current-menu-item a {background-color: #cccccc; color: #000000 !important; box-shadow: inset 0px 0px 10px #555555;} #menu-secfas-menu li ul.sub-menu li.current-menu-parent, #menu-genfix-menu li ul.sub-menu li.current-menu-parent a, #menu-stainless-menu li ul.sub-menu li.current-menu-parent a {background-color: #cccccc;} /* 1st aa tag query */ #menu-secfas-menu li ul.sub-menu li li.current-menu-parent, #menu-secfas-menu li ul.sub-menu li li.current-menu-parent a, #menu-stainless-menu li ul.sub-menu li li.current-menu-parent a {background-color: transparent !important;} .page #menu-secfas-menu .sub-menu, .page #menu-genfix-menu .sub-menu, .page #menu-stainless-menu .sub-menu {display: none !important;} .page #dc_jqaccordion_widget-3 {margin-bottom: 0px !important;} #menu-secfas-menu li img, #menu-genfix-menu li img, #menu-stainless-menu li img {max-width: 40px;} #menu-secfas-menu li li img, #menu-genfix-menu li li img, #menu-stainless-menu li li img {max-width: 35px;} .et_pb_widget_area_left {margin-bottom: 0px !important;} .et_pb_widget_area .et_pb_widget {margin-bottom: 15px !important;} .et_pb_widget_area .et_pb_widget.widget_nav_menu {margin-bottom: 0px !important;} #dc_jqaccordion_widget-2 {margin-bottom: 0px !important;} .et_pb_widget_area .et_pb_widget .textwidget img {display: block; margin: 0 auto;} /* Set menu to block */ .product_parent_cat_security-fasteners #menu-secfas-menu > li > ul.sub-menu {display: block !important;} .product_parent_cat_general-fixings #menu-genfix-menu > li > ul.sub-menu {display: block !important;}/* 1st > */ .product_parent_cat_stainless-steel-fasteners #menu-stainless-menu > li > ul.sub-menu {display: block !important; }/* important > */ .product_parent_cat_exotic-material-fasteners #menu-stainless-menu > li > ul.sub-menu {display: block !important; }/* important > 16/1/2020*/ .search-results li.product_cat-general-fixings h2 {background-color: #1C87E0 !important; } .tax-product_brand.product_parent_cat_security-fasteners #menu-secfas-menu > li > ul.sub-menu {display: block !important;} /*---------------- Stainless addition ----*/ #menu-stainless-menu li a, #menu-stainless-menu li a {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right;background-color: transparent;} #menu-stainless-menu li a:hover, #menu-stainless-menu li a:hover {background-color: #cccccc !important; color: #000000;} #menu-stainless-menu li.GenMenu {border: 1px solid #4989c2; background-color: #1c87e0 ;} #menu-stainless-menu li, #menu-stainless-menu li {margin-bottom: 15px; box-shadow: 0px 3px 5px #555555;} /*-------------- Stainless addition -----*/ /*------- PRODUCT SEARCH GENERAL CATEGORIES BLUE h2 ---------*/ .search-results li.product_cat-threaded-rod h2, .search-results li.product_cat-sex-bolts-barrel-nuts h2, .search-results li.product_cat-bolting-products h2, .search-results li.product_cat-furniture-fixings h2, .search-results li.product_cat-handwheels-knobs h2, .search-results li.product_cat-inserts-for-plastics h2, .search-results li.product_cat-micro-fasteners h2, .search-results li.product_cat-nuts h2, .search-results li.product_cat-pins-keys-clips h2, .search-results li.product_cat-plastic-nylon-fasteners h2, .search-results li.product_cat-rivet-nuts h2, .search-results li.product_cat-rivets h2, .search-results li.product_cat-screw-packs h2, .search-results li.product_cat-self-locking-nuts h2, .search-results li.product_cat-self-tapping-screws h2, .search-results li.product_cat-sheet-metal-fasteners h2, .search-results li.product_cat-socket-screws h2, .search-results li.product_cat-special-fasteners h2, /*.search-results li.product_cat-stainless-steel-fasteners h2, RBP */ .search-results li.product_cat-thread-forming-screws h2, .search-results li.product_cat-u-bolts h2, .search-results li.product_cat-washers h2, .search-results li.product_cat-window-screws h2 {background-color: #1C87E0 !important; } /*------- END PRODUCT SEARCH GENERAL CATEGORIES BLUE h2 ---------*/ .search-results.product_parent_cat_general-fixings ul.products li h2 {background-color: #1C87E0 !important;} /*.search-results ul.products li.product_cat-general-fixings h2 {background-color: #1C87E0 !important; }*/ .search-results.product_parent_cat_security-fasteners ul.products li h2 {background-color: #04457a !important;} .search-results.product_parent_cat_stainless-steel-fasteners ul.products li h2 {background-color: #666666 !important;} .search-results.product_parent_cat_exotic-material-fasteners ul.products li h2 {background-color: #666666 !important;}/*16/1/2020*/ .search-results ul.products li.product_cat-general-fixings h2 {background-color: #1C87E0 !important; } .search-results ul.products li.product_parent_cat_security-fasteners h2 {background-color: #04457a !important; } .search-results ul.products li.product_parent_cat_stainless-steel-fasteners h2 {background-color: #666666 !important; } .search-results ul.products li.product_parent_cat_exotic-material-fasteners h2 {background-color: #666666 !important; }/*16/1/2020*/ .search-results.product_parent_cat_general-fixings ul.products li:hover h2, .search-results ul.products li.product_cat-general-fixings:hover h2 {background-color: #cccccc !important;} .search-results #menu-genfix-menu li > ul.sub-menu {display: none !important;} .search-results #menu-secfas-menu li > ul.sub-menu {display: none !important;} .search-results #menu-stainless-menu li > ul.sub-menu {display:none!important;} .search-results div.page-description, .search-no-results div.page-description {display: none;} .search-no-results .woocommerce-result-count {display: none;} /* RBP was commented out */ /*.post-type-archive-product li.product-category.first h3 {background-color: #04457A;} */ /*.post-type-archive-product li.product-category product h3 {background-color: #FF0000;} test */ /*.post-type-archive-product li.product-category.last h3 {background-color: #666666;} 666666 1C87E0 */ /*.post-type-archive-product li.product-category.first h2 {background-color: #1C87E0;} */ .post-type-archive-product li.product-category.product.first h2 {background-color: #04457A;} .post-type-archive-product li.product-category.product h2 {background-color: #1C87E0;} .post-type-archive-product li.product-category.product.last h2 {background-color: #666666;} /* 666666 1C87E0 */ /* query */ .product_parent_cat_general-fixings #menu-secfas-menu ul.sub-menu {display: none;} .product_parent_cat_security-fasteners #menu-genfix-menu ul.sub-menu {display: none;} .product_parent_cat_security-fasteners #menu-secfas-menu ul ul.sub-menu {display: none;} .product_parent_cat_security-fasteners #menu-secfas-menu ul li.current-menu-item ul.sub-menu, .product_parent_cat_security-fasteners #menu-secfas-menu ul li.current-menu-parent ul.sub-menu {display: block !important;} /*------------------General Fixings ---------------------*/ /* was commented out*/ .product_parent_cat_general-fixings #menu-secfas-menu ul.sub-menu {display:none;} .product_parent_cat_general-fixings #menu-stainless-menu ul.sub-menu {display:none;} .product_parent_cat_stainless-steel-fasteners #menu-secfas-menu ul.sub-menu {display:none;} .product_parent_cat_stainless-steel-fasteners #menu-genfix-menu ul.sub-menu {display:none;} .product_parent_cat_exotic-material-fasteners #menu-secfas-menu ul.sub-menu {display:none;}/*16/1/2020*/ .product_parent_cat_exotic-material-fasteners #menu-genfix-menu ul.sub-menu {display:none;}/*16/1/2020*/ .product_parent_cat_security-fasteners #menu-genfix-menu ul.sub-menu {display:none;} .product_parent_cat_security-fasteners #menu-stainless-menu ul.sub-menu {display:none;} /*RBP*/ .product_parent_cat_stainless-steel-fasteners #menu-stainless-menu ul.sub-menu {display:none;} .product_parent_cat_exotic-material-fasteners #menu-stainless-menu ul.sub-menu {display:none;}/*16/1/2020*/ /*.product_parent_cat_stainless-steel-fasteners #menu-stainless-menu ul ul.sub-menu {display:none;}*/ /*RBP*/ .product_parent_cat_security-fasteners #menu-secfas-menu ul li.current-menu-item ul.sub-menu, .product_parent_cat_security-fasteners #menu-secfas-menu ul li.current-menu-parent ul.sub-menu {display: block !important;} .product_cat_general-fixings #menu-genfix-menu ul li.current-menu-item ul.sub-menu, .product_cat_general-fixings #menu-genfix-menu ul li.current-menu-parent ul.sub-menu {display: block !important;} /*------------------Security Fixings ---------------------*/ .single-product.product_parent_cat_security-screws #menu-secfas-menu ul ul.sub-menu {display: block !important;} /*.single-product.product_parent_cat_security-screws #menu-secfas-menu ul li.current-product-ancestor {background-color: #cccccc; box-shadow: inset 0px 0px 10px #555555;}*/ .menu ul li.menu-item-has-children > a:after {content: "\43"; font-family: ETMODULES !important; float: right; color: #04457A; font-size: 2em; margin-top: 4px; margin-right: -5px;} /* .single-product li.current-menu-parent a {background-color: #ffffff !important;} Err. makes Stainless products lose main menu button color */ /*------------------Security Fixings ---------------------*/ .product_parent_cat_exotic-material-fasteners #menu-stainless-menu ul li.current-menu-item ul.sub-menu, .product_parent_cat_exotic-material-fasteners #menu-stainless-menu ul li.current-menu-parent ul.sub-menu {display: block !important;} /*---- NEW ARRIVAL -----*/ .et_pb_widget_area h4 {font-size: 1.23em; text-align: center; color: #ffffff !important; background-color: #04457a; box-shadow: 0px 2px 5px #555555; padding: 17px 10px 16px;} .et_pb_widget_area h4:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-repeat: no-repeat; margin-top: -2px;} .et_pb_widget_area h4:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-repeat: no-repeat; margin-top: -2px;} .et_pb_widget_area .widget_text {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} .et_pb_widget_area .widget_text .textwidget {padding: 15px 10px 10px;} /*----- END NEW ARRIVAL ----*/ /*----- WOOCOMMERCE NEW ARRIVAL -- was 7---*/ #sidebar #text-7.et_pb_widget h4 {font-size: 1.23em; text-align: center; color: #ffffff !important; background-color: #04457a; box-shadow: 0px 2px 5px #555555; padding: 17px 10px 16px;} #sidebar #text-7.et_pb_widget h4:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-repeat: no-repeat; margin-top: -2px;} #sidebar #text-7.et_pb_widget h4:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-repeat: no-repeat; margin-top: -2px;} #sidebar #text-7.et_pb_widget {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} #sidebar #text-7.et_pb_widget .textwidget {padding: 15px 10px 10px;} #sidebar #text-7.et_pb_widget img {display: block; margin: 0 auto;} /* RBP Footer link changed in update */ #custom_html-2 a { color: #555 !important;} /* LP ADDED FOR NONE WIDGET AREAS - SIDEBAR */ #sidebar h4 {font-size: 1.23em; text-align: center; color: #ffffff !important; background-color: #04457a; box-shadow: 0px 2px 5px #555555; padding: 17px 10px 16px;} #sidebar h4:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-repeat: no-repeat; margin-top: -2px;} #sidebar h4:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-repeat: no-repeat; margin-top: -2px;} #sidebar .widget_text {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} #sidebar .widget_text .textwidget {padding: 15px 10px 10px;} #sidebar #text-8.et_pb_widget h4 {font-size: 1.23em; text-align: center; color: #ffffff !important; background-color: #04457a; box-shadow: 0px 2px 5px #555555; padding: 17px 10px 16px;} #sidebar #text-8.et_pb_widget h4:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-repeat: no-repeat; margin-top: -2px;} #sidebar #text-8.et_pb_widget h4:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-repeat: no-repeat; margin-top: -2px;} #sidebar #text-8.et_pb_widget {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} #sidebar #text-8.et_pb_widget .textwidget {padding: 15px 10px 10px;} #sidebar #text-8.et_pb_widget img {display: block; margin: 0 auto;} /*----- END WOOCOMMERCE NEW ARRIVAL -----*/ /*-------------- END SIDEBAR STYLES ----------------*/ /*-----------------------------------------------*/ /*-------------- CATALOGUE STYLES ---------------*/ .responsivetable thead {font-size: .9em;} /*Some tables too wide on desktop RBP*/ .single-product table td {padding: 0.857em 0.5em !important;} .entry-content table:not(.variations) { border: 1px solid #000!important; } /* RBP 4/6/2020 */ #contact-form {border-radius: 0px !important; padding: 10px 0 22px !important; } #contact-form #wdm-pep-trigger {font-size:1.1em; border-radius: 0px !important; background-color: #db4936 !important; border: 1px solid #BD1802 !important; color: #ffffff !important; font-weight: bold !important; padding: 5px 40px 5px 10px !important;background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-size: 30px;} #contact-form #wdm-pep-trigger:hover {background-color: #cccccc !important; color: #000000 !important; border-color: #555555 !important;} #contact-form button:after {font-family:"open sans"; content:none;} input.wpi-button {border-radius: 0px !important; background-color: #db4936 !important; border: 1px solid #BD1802 !important; color: #ffffff !important; font-weight: bold !important; padding: 5px 40px 5px 10px !important;background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-size: 30px;} input.wpi-button:hover {background-color: #cccccc !important; color: #000000 !important; border-color: #555555 !important;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: auto;} /*---------Product Figure Woocommerce v 3.0.1 update remove padding -----------------*/ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {transition: all cubic-bezier(.795, -.035, 0, 1) .5s; margin: 0!important;} /*.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {margin: 0!important;}*/ /*-----------------------------------------------------------------------------------*/ .single #left-area {float: right; padding-right: 0px !important; width: 74.25% !important;} .single #sidebar {float: left; margin-right: 2%; padding-left: 0px;} .product_meta {color: #000000; font-weight: bold;} .product_meta .sku_wrapper {float: left;} .product_meta .sku_wrapper .sku {font-weight: normal;} .product_meta .posted_in {clear: both; float: left; margin: 5px 20px 5px 0;} .product-category .count {display: none;} .woocommerce div.product div.images img {max-width: 200px;} div.related.products {clear: both;} #left-area ul.products {border-top: 1px solid #e2e2e2;} body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs {background: #ECECEC;} body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {background: #356390; border-right: 2px solid #d9d9d9;} body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a {color: #ffffff !important;} .woocommerce .woocommerce-result-count {margin: 15px 0 0 0; color: #356390; padding-bottom: 0px; font-weight: bold; clear: both;} body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel {padding: 15px;} .et_shop_image:hover .et_overlay {border: 0px;} /*-----------------------------------------------------------------*/ /* Post DIVI 4 fix to restore View option */ /*-----------------------------------------------------------------*/ .et_overlay {border: none !important;} /* Set to remove odd border appearing on hover/on/off */ .et_overlay { display: block; position: absolute; z-index: -1; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 99%; height: 100%; border: 1px solid #e5e5e5; opacity: 0; background: rgba(255, 255, 255, .6);/*rbp */ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -o-backface-visibility: hidden } .et_overlay:before { position: absolute; top: 55%; left: 50%; content: "View"; font-family: 'Open Sans'!important; font-size: 15px; margin: -10px 0 0 -28px; color: #ffffff !important; padding: 7px 10px; border: 1px solid #00437f; background-color: #356390; border-radius: 15px; } .et_overlay:hover:before { top: 50% } /*-----------------------------------------------------------------*/ /* Post DIVI 4 fix to restore View option */ /*-----------------------------------------------------------------*/ .woocommerce div.product {clear: both; padding-top: 20px; border-top: 1px solid #ececec;} .woocommerce div.product .summary {width: 70% !important;} .woocommerce .ProdSKU {position: absolute; top: 0; right: 5px; font-size: 0.8em;} .woocommerce-page ul.products li.first {clear: both !important;} /*------ CATALOGUE NAVIGATION ---------*/ .product_list_widget {padding: 0px !important;} .product_list_widget:first-of-type {float: right;} .product_list_widget:last-of-type {float: left;} .product_list_widget li {} /*------ CATALOGUE CATEGORIES --------*/ .tax-product_brand .brand-description img {width: 25%; float: left;} .term-description.brand-description {width: auto !important;} .tax-product_brand .brand-description .text {width: 70% !important; float: right;} .woocommerce.archive .term-description:not(.extra) {width: 70%;float: right; margin-bottom: 20px;} .woocommerce.archive #left-area > img {max-width: 25%; float: left;} .woocommerce.archive #left-area h1.page-title {width: 70%; float: right;} .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {clear: both; padding: 0.5em !important; background-color: #356390 !important; font-size: 1.1em !important;} /*----- CATALOGUE COLUMNS -----*/ #left-area .catprodlink { float: left; } #left-area .catprodlink span { display: block; background-color: #356390; border: 1px solid #356390; color: #FFF; padding: 5px 15px; font-weight: bold; text-align: center; } #left-area .catprodlink:hover span { background-color: #ccc; border-color: #aaa; color: #000; } /*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {max-height: 209px; min-height: 209px;}*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {border: 1px solid #356390; /*padding: 5px 0px;*/} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1% 2% 1% 0; width: 23.5% !important;} .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {margin: 15px auto 9px !important; height: 120px; width: auto;} .woocommerce-page ul.products li.product:nth-child(3n) {margin-right: 2% !important;} .woocommerce-page ul.products li.product:nth-child(4n) {margin-right: 0% !important;} .woocommerce-page ul.products li.product:nth-child(3n+1) {clear: none !important;} /* H2 stainless background */ /*.woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 {line-height: 18px; background-color: #666666;} */ /*.woocommerce .product_parent_cat_stainless-steel-fasteners ul.products li.product h2, .woocommerce-page ul.products li.product h2 {line-height: 18px; background-color: #666666;} */ /*.woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 {min-height: 63px; color: #ffffff; font-size: 15px; padding: 4px; border-top: 1px solid #356390;}*/ /* RBP Font 15px important added below change height from 63 to 77 furniture fixiings have more text */ .woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 {min-height: 77px; color: #ffffff; font-size: 15px!important; padding: 4px; border-top: 1px solid #356390;} .product_parent_cat_exotic-material-fasteners ul.products li h2 {background-color: #666666; font-size: 13px !important;} .product_parent_cat_stainless-steel-fasteners ul.products li h2 {background-color: #666666; font-size: 13px !important;} /* Stainless grey */ .product_parent_cat_security-fasteners ul.products li h2 {background-color: #04457a; font-size: 13px !important;} /* Security Blue */ .product_parent_cat_general-fixings ul.products li h2 {background-color: #1c87e0; font-size: 13px !important;} /* Gen fixings light blue */ ul.products {margin: 15px 0 2px !important;} ul.products li:hover h2 {background-color: #cccccc !important; color: #000000 !important;} /*----- END COLUMNS ------*/ /*----- SEARCH STYLES -----*/ #yith-ajaxsearchform .search-navigation{ display: inline!important;} #yith_woocommerce_ajax_search-2 {margin-bottom: 15px;} .yith_woocommerce_ajax_search .yith-ajaxsearchform-container input.yith-s {background-position: 15px 15px !important;} .yith-ajaxsearchform-container {height: 50px; background-color: #cccccc; box-shadow: 0px 3px 5px #555555;} #yith-ajaxsearchform label {display: none;} #yith-ajaxsearchform input.yith-s {border: 0px; padding: 10px 30px 8px 25px; /* RBP35px;*/ margin: 5px 0px 5px 8px; background-color: #ffffff; color: #000000; font-size: 1.23em; box-shadow: inset 5px 5px 10px #555555 !important; border-radius: 20px; max-width: 90%; width: 262px !important;} ::-webkit-input-placeholder, :-moz-placeholder {color: #000000 !important;} ::-webkit-input-placeholder { color: #000000 !important;} #sidebar .yith-ajaxsearchform-container input#yith-searchsubmit { left: 20%;}/* RBP icon position */ #yith-ajaxsearchform > div {background-repeat: no-repeat; background-color: transparent; background-position: 97.5% 14px; max-height: 50px;} .yith-ajaxsearchform-container input#yith-searchsubmit {background-color: transparent; width: 40px !important; height: 40px; border: 0px; cursor: pointer; margin-top: 5px; background-image: URL("https://www.fastenright.com/wp-content/uploads/search-hover.png"); background-repeat: no-repeat; /*margin-left: -40px;*/ position: absolute; left:83%;}/*83*/ /*RBP */ body.woocommerce .yith-ajaxsearchform-container input#yith-searchsubmit {background-color: transparent; width: 40px !important; height: 40px; border: 0px; cursor: pointer; margin-top: 5px; background-image: URL("https://www.fastenright.com/wp-content/uploads/search-hover.png"); background-repeat: no-repeat; position: absolute; left:20%;} /* RBP was left:20% */ body.single-post .yith-ajaxsearchform-container input#yith-searchsubmit {background-color: transparent; width: 40px !important; height: 40px; border: 0px; cursor: pointer; margin-top: 5px; background-image: URL("https://www.fastenright.com/wp-content/uploads/search-hover.png"); background-repeat: no-repeat; position: absolute; left:20%;} .yith-ajaxsearchform-container:hover input#yith-searchsubmit {background-image: URL("https://www.fastenright.com/wp-content/uploads/search2.png");} .yith-ajaxsearchform-container input#yith-searchsubmit:hover {background-image: URL("https://www.fastenright.com/wp-content/uploads/search2.png");} /*------ CATALOGUE SIDEBAR STYLES ------*/ .woocommerce #main-content .container {padding-top: 10px;} .woocommerce.et_left_sidebar #sidebar {padding-right: 0px;} .woocommerce #sidebar .et_pb_widget {margin-bottom: 15px !important;} .woocommerce #sidebar {padding-bottom: 0px;} .woocommerce #main-content .container:before {width: 0px; background-color: transparent;} body.woocommerce .yith-ajaxsearchform-container:before {left: 25px; top: 33px;} .woocommerce.et_pb_gutter.et_pb_gutters2 #sidebar {width: 23.75%;} .woocommerce.et_pb_gutter.et_pb_gutters2 #left-area {width: 76.25%;} .woocommerce.et_pb_gutters2.et_left_sidebar #left-area {padding-left: 0%;} .single-product.woocommerce #content-area {padding: 10px;} .woocommerce #main-content {background-color: #ececec;} .woocommerce #main-content .container {background-color: #ffffff;} #sidebar ul#menu-catalogue-menu {margin: 0px;} .woocommerce input, .woocommerce textarea, .woocommerce .uneditable-input {width: inherit !important;} .woocommerce textarea {max-width: 100%;} #sidebar #nav_menu-2 {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} #sidebar #nav_menu-2 h4 {font-size: 1.23em; text-align: center; color: #ffffff !important; background-color: #04457A; box-shadow: 0px 2px 5px #555555; padding: 17px 10px 16px; border-bottom: 1px solid #325d8f;} #sidebar #nav_menu-2 h4:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-repeat: no-repeat; margin-top: -2px;} #sidebar #nav_menu-2 h4:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-repeat: no-repeat; margin-top: -2px;} #sidebar #nav_menu-2 li {margin-bottom: 0px; border-bottom: 1px solid #325d8f;} #sidebar #nav_menu-2 li:hover {background-color: #cccccc;} #sidebar #nav_menu-2 li:last-of-type {border-bottom: 0px;} #sidebar #nav_menu-2 li a {display: block; padding: 5px 10px; color: #000000; font-size: 1em;} #sidebar #nav_menu-2 li.current-menu-item {background-color: #cccccc; box-shadow: inset 0px 0px 10px #555555;} #sidebar #nav_menu-2 li a img {max-width: 35px;} #sidebar #nav_menu-2 #menu-brands-menu {margin-top: 2px;} #sidebar #nav_menu-11 {border: 1px solid #325d8f; box-shadow: 0px 2px 5px #555555;} #sidebar #nav_menu-11 h4 {font-size: 1.23em; text-align: center; color: #ffffff !important; background-color: #04457A; box-shadow: 0px 2px 5px #555555; padding: 17px 10px 16px; border-bottom: 1px solid #325d8f;} #sidebar #nav_menu-11 h4:before {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-repeat: no-repeat; margin-top: -2px;} #sidebar #nav_menu-11 h4:after {content: ""; width: 20px; height: 20px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-repeat: no-repeat; margin-top: -2px;} #sidebar #nav_menu-11 li {margin-bottom: 0px; border-bottom: 1px solid #325d8f;} #sidebar #nav_menu-11 li:hover {background-color: #cccccc;} #sidebar #nav_menu-11 li:last-of-type {border-bottom: 0px;} #sidebar #nav_menu-11 li a {display: block; padding: 5px 10px; color: #000000; font-size: 1em;} #sidebar #nav_menu-11 li.current-menu-item {background-color: #cccccc; box-shadow: inset 0px 0px 10px #555555;} #sidebar #nav_menu-11 li a img {max-width: 35px;} /* Expanded Brands Menu settings */ #sidebar #nav_menu-2 #menu-brands-menu {margin-top: 2px;} #sidebar #nav_menu-11 #menu-brands-menu {margin-top: 2px;} /*------ END CATALOGUE SIDEBAR STYLES ------*/ /*------ CATALOGUE CATEGORY STYLES ------*/ .et_shop_image, .et_portfolio_image {min-height: 120px;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 22%; text-align: center;} li.product-category:hover {opacity: 0.8;} /*----- CATALOGUE BRANDS ------*/ .archive #sidebar {float: left; padding-left: 0px;} .archive #left-area {float: right; width:74.25%!important; padding-right:0!important;} .archive.et_pb_gutters2.et_right_sidebar #left-area {padding-right: 0%;} .archive.et_pb_gutters2.et_right_sidebar #left-area {padding-left: 0%;} .tax-product_brand .brand-description .text {width: 100%;} h4.secfas {color: #00437f; font-size: 21px;} #left-area ul.brand-thumbnails {padding: 0px; list-style-type: none;} /*--------------------------------------*/ /* RBP 2019-01-26 */ ul.brand-thumbnails li { margin: 0 1.8% 1em 0;} /*--------------------------------------*/ .brand-thumbnails li a:after {content: ""attr(title)""; color: #ffffff; text-align: center; background-color:#04457a; padding: 4px; border-top: 1px solid #356390; min-height: 27px; display: block;} .brand-thumbnails li:hover a:after {background-color: #cccccc; color: #000000;} .brand-thumbnails li a {display: block;} .brand-thumbnails li:hover img {opacity: 0.8;} .brand-thumbnails li {margin: 1% 2% 1% 0; width: 23.5% !important; border: 1px solid #356390;} .widget .brand-thumbnails li img, .brand-thumbnails li img {margin: 0px auto 0px !important; height: 120px; width: auto; display: block;} /*----- CATALOGUE BREADCRUMBS ------*/ #breadcrumbs { margin-bottom: 10px; padding: 5px 10px; background-color: #ECECEC; border: 1px solid #aaa; } /* Table links in products Blue and black on hover */ .tableContainer a {color: #00437F!important;} .tableContainer a:hover {color: #000000!important;} /*------ CATALOGUE TABLES ----------*/ /* !important added below as Edge browsers are overriding with align text left 5/3/20 */ .single-product table {/*margin-top: 15px;*/margin-top: -1px; border: 1px solid #000000; text-align: center!important; margin-bottom: 0px;} .single-product table:first-of-type {margin-top: 15px; margin-bottom: 15px;} .single-product table:last-of-type {margin-bottom: 15px !important;} .single-product table th {color: #ffffff;background: #356390; border-bottom: 1px solid #000000; padding: 0.857em 0.5em!important;} .single-product table tr {border-bottom: 1px solid #000000;} .single-product table tr:last-child {border-bottom: 0px solid #000000;} .single-product table tr td {border-top: 0px; border-right: 1px solid #000000;} .single-product table tr td:last-child {border-right: 0px;} .single-product table td:first-child {/*color: #ffffff; background-color: #356390; font-weight: bold;*/ /*width: 100px;*/} .single-product table td {padding: 5px 0px !important; border: 1px solid #000000 !important;} /*----- OLD SITE CSS ------*/ .bluebg {background-color: #356390 !important; color: #ffffff; width: 100% !important; border-color: #000000;} .bluebg tr {background-color: #356390 !important;} .bluebg td {border: 1px solid #000000 !important; padding: 1px;} .bluebg a {color: #ffffff !important; text-decoration: underline !important;} .greybg td {border: 1px solid #000000 !important; padding: 1px; background: #ffffff !important; color: #000000 !important;} .greybg td span {color: #000000 !important;} /*.greybg a {color: #046EBA !important;text-decoration:underline !important;} old code, links were blue, changed to white as they do not stand out*/ .greybg a {color: #00437F !important;text-decoration:underline !important;} /* RBP amend white links */ .greybg a:hover {color: #000000 !important;text-decoration:none !important;} .coloredcolumn {color: #ffffff; background-color: #356390; font-weight: bold;} .outer-scrollbar .tableContainer {width:102.1%; display: inline-block;} .outer-scrollbar table:nth-child(2) {/*height: 500px;*/ overflow: auto; /*display: block;*/} #content-area table td {max-width: 100% !important;} .tableContainer {max-height: 500px; overflow: auto; display: block; margin-top: -16px;} .single-product .tableContainer table:first-of-type {margin-top: 0px;} /*---------- CATALOGUE TABS --------------*/ .woocommerce-tabs:after { content: "All specifications and technical drawings are for guidance purposes only.\A Sizes and materials not listed are available to order.\A For quotes, queries or made to order requests, please call us or use the \201c Make an Enquiry\201d button above."; padding: 20px 25px; display: block; background: #DB4936; margin: -5px 15px 15px; border: 1px solid #9C1706; box-shadow: inset 0px 0px 25px #9C1706; color: #ffffff; font-size: 1.1em; line-height: 1.5em; font-weight: bold; text-align: center; white-space: pre; clear: both; } /*----- CATALOGUE VIDEOS ---------*/ .single-product #tab-video p {float: left; width: 50%; margin: 0 7px 10px; } .single-product .fluid-width-video-wrapper {height: 300px; padding-top: 0px !important;} /*----- CATALOGUE ENQUIRY FORM ------*/ #left-area .summary button.prodenq_button_prodpage {color: #ffffff; font-weight: bold; background-color: #db4936 !important; border: 1px solid #821C1C !important; background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png") !important; background-repeat: no-repeat !important; background-position: right !important; background-size: 35px !important; font-size: 1.2em; text-shadow: none; cursor: pointer; border-radius: 0px; margin-bottom: 12px; padding: 5px 60px 5px 15px !important;} #left-area .summary button.prodenq_button_prodpage:after {content: none;} #left-area .summary button.prodenq_button_prodpage:hover {background-color: #cccccc !important; color: #000000 !important;} .simplePopupBackground {z-index: 3;} .product_enquiry_heading h2 {margin-bottom: 20px; float: left; clear: both; text-align: center; line-height: 1.5em;} .product_enquiry_heading h2 span {float: left; color: #000000; width: 100%;} .simplePopup .wpcf7 p.label {float: left; width: 48%; padding-bottom:0.3em!important;} .simplePopup .wpcf7 p.input {padding-bottom:0.3em!important;} .simplePopup .wpcf7 p.informational { font-weight: bold; width: 90%; text-align: center; font-size: 1.3em;} .simplePopup .wpcf7 .wpcf7-recaptcha {margin-bottom: 10px;} .woocommerce .simplePopup .wpcf7 input {width: auto !important; max-width: 209px;} .woocommerce .simplePopup .wpcf7 .Upload input {max-width: 300px;} .simplePopup .wpcf7 input:focus, .simplePopup .wpcf7 textarea:focus {border-color: #555555 !important; box-shadow: inset 0px 0px 7px #A0A0A0 !important;} .simplePopup {max-width: 450px; max-height: 90%; overflow: auto;} .simplePopupClose {padding: 4px 10px; border-radius: 20px; border: 1px solid #000000; background-color: #ECECEC;} .simplePopupClose:hover {box-shadow: inset 0px 0px 15px #CCCCCC;} .wdm-modal-dialog {margin-top: 100px !important;} .pr_name {clear: both; float: left; color: #000000 !important; width: 100%; font-size: 0.9em;} .wdm-modal-header {margin-bottom: 0px; border-bottom: 1px solid #A0A0A0 !important; min-height: 80px !important;} .wdm-modal-title {font-size: 18px !important;;} .wdm-modal-body .form_input {width: 100%; margin: 10px 0px;} input.wdm-modal_text {color: #000000; border: 1px solid #999;} .wdm-modal-body .form_input input:focus, .wdm-modal-body .form_input textarea:focus {border-color: #555555 !important; box-shadow: inset 0px 0px 7px #A0A0A0 !important;} button.prodenq_button_prodpage {color: #ffffff; font-weight: bold; background-color: #1C9812 !important; border: 1px solid #096901 !important; background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-size: 35px; font-size: 1.2em; text-shadow: none; cursor: pointer;} .woocommerce .simplePopup .wpcf7 input.wpcf7-submit {color: #ffffff; font-weight: bold; background-color: #1C9812 !important; border: 1px solid #096901 !important; background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-size: 35px; font-size: 1.1em; text-shadow: none; cursor: pointer; width: 100% !important; max-width: none; padding: 5px 30px 5px 15px;margin-top:9%;} .woocommerce .simplePopup .wpcf7 input.wpcf7-submit:hover {background-color: #cccccc !important; color: #000000;} .wdm-modal-body #success {padding-bottom: 30px;} #left-area .term-description a.contactbutton {color: #ffffff;font-weight: bold; background-color: #db4936 !important; border: 1px solid #821C1C !important; background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png") !important; background-repeat: no-repeat !important; background-position: right !important; background-size: 35px !important; font-size: 1.2em; text-shadow: none; cursor: pointer; border-radius: 0px; margin-bottom: 12px; padding: 5px 60px 5px 15px !important;} #left-area .term-description a.contactbutton:hover {background-color: #cccccc !important;color: #000000 !important;} /*-------------- END CATALOGUE STYLES ------------*/ /*--------------------------------------------------*/ /*-------------- CONTACT FORM STYLES ----------------*/ #wpcf7-f798-p53-o1.wpcf7 p.label {float: left; width: 150px;} #wpcf7-f798-p53-o1.wpcf7 .wpcf7-recaptcha {margin-bottom: 10px;} #wpcf7-f798-p53-o1.wpcf7 input {width: auto !important; max-width: 200px;} /* RBP was 155px */ #wpcf7-f798-p53-o1.wpcf7 input:focus, .simplePopup .wpcf7 textarea:focus {border-color: #555555 !important; box-shadow: inset 0px 0px 7px #A0A0A0 !important;} #wpcf7-f798-p53-o1.wpcf7 input.wpcf7-submit {color: #ffffff; font-weight: bold; background-color: #1C9812 !important; border: 1px solid #096901 !important; background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-size: 35px; font-size: 1.1em; text-shadow: none; cursor: pointer; width: 170px !important; max-width: none; padding: 5px 30px 5px 15px;} #wpcf7-f798-p53-o1.wpcf7 input.wpcf7-submit:hover {background-color: #cccccc !important; color: #000000;} /*------------------------------------------*/ /*---------Miscellaneous styles ------------*/ /*------------------------------------------*/ #cookie-law-info-again {border-color: #FFFFFF !important; border-left: 1px solid #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; border-top: 1px solid #FFFFFF !important; background-color: #356390 !important; color: #ffffff !important; padding: 5px 10px !important; box-shadow: 0px 5px 30px 5px #000033; z-index: 999999; width: 70px; height: 50px; top: 65%;} #cookie-law-info-bar span {width: 75% !important; margin: 0 auto; display: block;} #cookie-law-info-bar span b {color: #248DBF; font-size: 1.1em;} #cookie-law-info-again:hover {background-color: #DB4936 !important;} #cookie-law-info-bar {box-shadow: 0px 5px 30px 10px #000033;font-size: 1em !important;padding: 10px 0 !important; z-index: 999999!important;} .cli-plugin-button, .cli-plugin-button:visited {margin: auto 0 !important;} /*------------------------------------------*/ /*------------------------------------------*/ /*-------------- FOOTER STYLES ----------------*/ a.mailblue {color:#04457A!important;} #main-footer {background-color: transparent;} #main-footer .container {padding: 10px; background-color: #e0e0e0;} #footer-bottom a {color: #E0E0E0;} #footer-bottom {background-color: transparent; padding-top: 0px;} #footer-bottom .container {background-image: url("https://www.fastenright.com/wp-content/uploads/logo.png"); background-repeat: no-repeat; background-size: 160px; background-position: 99% 50%;background-color: #04457a; color: #ffffff; min-height: 100px;} #footer-info {color: #E0E0E0; padding: 0px 10px 10px 15px; /*position: absolute; bottom: 0;*/} .footer-widget .et_pb_widget img {display: block; margin: 0 auto 10px;} #footer-widgets {padding: 1% 0 0;} #main-footer .footer-widget h4 {font-size: 1.14em; text-align: center; color: #ffffff !important; background-color: #04457a; border: 1px solid #898989; box-shadow: 0px 2px 5px #555555; padding: 10px;} #main-footer .footer-widget h4:before {content: ""; width: 15px; height: 15px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: left; background-size: 15px; background-repeat: no-repeat;} #main-footer .footer-widget h4:after {content: ""; width: 15px; height: 15px; background-image: url("https://www.fastenright.com/wp-content/uploads/tricone-button-ends.png"); float: right; background-size: 15px; background-repeat: no-repeat;} #main-footer .footer-widget .fwidget {width: 100%;} #main-footer .footer-widget .fwidget .textwidget {padding: 10px 7px; color: #000000; font-size: 0.928em;} .et_pb_gutters2.et_pb_footer_columns4 .footer-widget {width: 23.5%;} .et_pb_gutters2 .footer-widget {margin: 0 2% 0% 0;} #menu-footer-menu, #menu-footer-categories-menu {padding: 0px 0 5px 15px;} #menu-footer-menu li, #menu-footer-categories-menu li {display: inline-block;} #menu-footer-menu li:first-child, #menu-footer-categories-menu li:first-child {padding-left: 0px;} #menu-footer-menu li:after, #menu-footer-categories-menu li:after {content: " | "; color: #E0E0E0;} #menu-footer-menu li:last-child:after, #menu-footer-categories-menu li:last-child:after {content: none;} #copyright p {color: #E0E0E0; margin-left: 5%;} #copyright a {color: #E0E0E0!important;} /*-------------- END FOOTER STYLES -----------*/ /*--------------------------------------------*/ /* Blog */ /*--------------------------------------------*/ /*#left-area p.read-more a {color: #000000 !important; font-weight: normal;}*/ span.comments-number {display: none;} /* Remove the 0 comments #respond link */ /*--------------------- RBP -------------------*/ a.more-link {font-weight: bold; color: #FFFFFF!important; text-transform: uppercase;text-decoration:underline; border: 1px solid #333; width:20%; margin-top:10px; padding:5px; display: block; margin-bottom:20px;} a.more-link {background-image: URL("https://www.fastenright.com/wp-content/uploads/button-arrow.png"); background-repeat: no-repeat; background-position: right; background-color: #356390; background-size: 22px;} a.more-link:hover {color:#000000!important; background-color:#cccccc;text-decoration:none;} .et_pb_post {margin-bottom:0px;} .et_pb_post .entry-content {padding-top: 0px!important;} #BlogSidebar h3 {font-weight:bold;color:#FFFFFF;background-color:#04457a; padding:10px 0px 10px 10px; font-size:13px!important;} h3.Blog-widget-title {font-weight:bold;color:#FFFFFF;background-color:#04457a; padding:10px 0px 10px 10px; font-size:13px!important;} #recent-posts-2 ul, #categories-2 ul { line-height: 20px; list-style-type: none; padding: 0 0 25px 10px!important;} #recent-posts-2 ul li a:link, #categories-2 ul li a:link {font-weight:normal;} #recent-posts-2 ul li a:hover, #categories-2 ul li a:hover {font-weight:bold;} .et_pb_widget_area_left.et_pb_sidebar_0 {padding-right:0px;} .single-post #left-area .et_pb_post ul {line-height: 1.4em;} .single-post #left-area .et_pb_post ul li {padding-bottom: 5px;} /*#categories-2 ul li {padding:5px 0px 0px 5px;font-weight:bold;}*/ /*#recent-posts-2 ul li {padding:5px 0px 0px 5px;font-weight:bold;}*/ /*---------------------------------------------*/ #main-content .container:before {width: 0px;} #main-content .container {padding-top:3.735%;} #comment-wrap {padding-top: 50px;} #comment-wrap h3 {font-size: 1.2em; color: #245fad; padding-top: 0px;} .comment-form-url {display: none;} .form-allowed-tags {display: none;} #commentform {padding-bottom: 40px;} #commentform textarea, #commentform input[type="text"] {background-color: #ffffff;border: 1px solid #C5C5C5; color: #333333; font-size: 14px; padding: 5px;} .et_color_scheme_orange .et_pb_counter_amount, .et_color_scheme_orange .et_pb_featured_table .et_pb_pricing_heading, .et_color_scheme_orange .et_pb_pricing_table_button, .et_color_scheme_orange .comment-reply-link, .et_color_scheme_orange .form-submit input {background-color: #056839 !important;} .comment_avatar {display: none;} .form-submit:hover {color: #333333 !important;} #left-area #comment-wrap .form-submit input {font-size: 1em !important; font-weight: bold; border-radius: 20px 0 0 20px; padding: 5px 15px; color: #ffffff !important; background-color: #356390; border: 1px solid #444444;} #left-area #comment-wrap .form-submit input:hover {padding: 5px 15px !important; cursor: pointer; box-shadow: inset 0px 0px 10px #4169b1; background-color: #8394CA !important; color: #ffffff !important;} #respond {padding: 20px; background: #eeeeee; border: 1px solid #444444; } #left-area #comment-wrap .comment-reply-link {font-size: 1em !important; font-weight: bold; border-radius: 20px 0 0 20px; padding: 5px 15px; color: #ffffff !important; background-color: #245fad; border: 1px solid #444444;} #left-area #comment-wrap .comment-reply-link:hover {padding: 5px 15px !important; cursor: pointer; box-shadow: inset 0px 0px 10px #4169b1; background-color: #8394CA !important; color: #ffffff !important;} #left-area #comment-wrap .comment-reply-link:after {content: none;} .comment-body {margin-bottom: 0px; padding-left: 30px; min-height: 65px;} .comment .children {margin-left: 40px;} ol.commentlist > li {border-bottom: 1px solid #444444; margin-bottom: 10px;} ol.commentlist > li:last-child {border-bottom: 0px;} #comment-wrap span.fn, #comment-wrap span.fn a {font-size: 14px;} .et_pb_gutters2 .et_pb_column_3_4 .et_pb_row_inner.blog .et_pb_column_3_8 {width:74.25%;} .et_pb_gutters2 .et_pb_column_3_4 .et_pb_row_inner.blog .et_pb_column_3_8:last-child {width:23.5%; float:right;} .single-post #left-area article {width:74.25%; float:left;} #BlogSidebar {float:right; width:23.5%;} .archive #left-area #ArchiveContent {width:74.25%; float:left;} .single-post .menu li ul, .archive .menu li ul {display:none !important;} .et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a{color: #000!important;} /*--------------- End Blog -------------------*/ /*--------------------------------------------*/ /*--------------- 404 PAGE -------------------*/ .error404 #left-area {float: right; padding-right: 0px !important; width: 74.25% !important;} .error404 #sidebar {float: left; margin-right: 2%; padding-left: 0px;} .error404 #main-content {background-color: #ececec;} .error404 #main-content .container {padding: 20px 10px 10px; background-color: #ffffff;} .error404.et_pb_gutter.et_pb_gutters2 #sidebar {width: 23.75%;} .error404 #sidebar .et_pb_widget {margin-bottom: 15px !important;} /*--------------------- ARchive 494 ---------------*/ .single .menu li ul, .archive .menu li ul {display:none !important;} .archive #sidebar, .single-post #sidebar, .woocommerce-account #sidebar {float: left; margin-right: 0%; width:23.5%!important; padding-left: 0px;} .archive #main-content, .single-post #main-content, .woocommerce-account #main-content {background-color: #ececec;} .archive #main-content .container, .single-post #main-content .container, .woocommerce-account #main-content .container {padding: 20px 10px 10px; background-color: #ffffff;} .archive .et_pb_gutter.et_pb_gutters2 #sidebar, .single-post .et_pb_gutter.et_pb_gutters2 #sidebar, .woocommerce-account .et_pb_gutter.et_pb_gutters2 #sidebar {width: 23.75%;} .archive #sidebar .et_pb_widget, .single-post #sidebar .et_pb_widget, .woocommerce-account #sidebar .et_pb_widget {margin-bottom: 15px !important;} .woocommerce-account.et_pb_gutter.et_pb_gutters2 #left-area {width: 75.25%;} .woocommerce-account.et_pb_gutters2.et_right_sidebar #left-area {padding-right: 0px; float: right;} /*-------------------------------------------------*/ /*---------------------------------------*/ /*----------- SITEMAP -------------------*/ /* #sitemap_list li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; list-style-position: inside !important; list-style-type: none !important; margin: 0 !important; padding: 0 0 6px 20px !important; font-size: 1em !important; } */ #sitemap_list li a { color: #356390;} /*--------- END SITEMAP --------------*/ /*------------------------------------*/ /*---------- RESPONSIVE LAYOUTS --------------*/ @media only screen and ( min-width: 1320px ) and ( max-width: 1500px ) { .FtBoxes a {margin-left: 10%;} .FtBoxes .Newsletter .wpcf7-submit {margin-left: 105px;} .FtBoxes h3 {padding: 10px 1%;} .FtBoxes .et_pb_text p {padding: 15px 8px 0 8px;} .FtBoxes .et_pb_column {min-height: 265px;} } /*RBP 3/12/19 */ @media only screen and ( min-width: 1320px ) and ( max-width: 1554px ) { .menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {padding-left: 1px!important;} } /*RBP 3/12/19 */ /*-------------------[980px] ------------------*/ @media only screen and ( min-width: 980px ) { .yith-ajaxsearchform-container input#yith-searchsubmit {left: 83%;}/* RBP comment out*/ .single-post .yith-ajaxsearchform-container input#yith-searchsubmit {left:20% !important;} /*------------- COVID BEGIN -----------------*/ #covid19 {background-color:#ff0000; height:40px;} #covid19 p { font-weight:bold; color:#FFFFFF; text-align:center; padding:10px 0px 10px 0px;} /*------------ COVID END ---------------------*/ } /*-------------------[650px] to [1319px]------------------*/ /*----- HEADER RESPONSE STYLES TABLET --------*/ @media only screen and ( min-width: 650px ) and ( max-width: 1319px ) { .container, .et_pb_row {width: 95%;} #logo {max-width: 90% !important;} #HeadCentre {max-width: 60%; margin-left: 0px; margin-top: 10px;} .HeadCentreImage {max-width: 100%; padding: 0px; height: auto;} #HeadRight {width: 100%; margin-right: 0px;} #HeadRight p {width: 48%; float: left;margin: 0 1%;} #HeadRight p.HeadRightSocial {width: 100%; margin: 10px 0;} #top-menu {display: block;} #et_mobile_nav_menu {display: none;} .ActionButtons .et_pb_column {width: 32% !important; margin-right: 2% !important;} /* RBP June 19 */ .FtBoxes a.fancybox-inline { position: absolute; bottom: 6px!important; color: #ffffff!important; background-color: #356390; width: 50%!important;margin-left:44%; } /* RBP 20/3/2020*/ .FtBoxes a {position: absolute !important; width:90%; margin-left:0px;} /*----- SLIDER RESPONSE STYLES TABLET --------*/ .flex-direction-nav {display: none;} /*----- CATALOGUE SEARCH BOX STYLES TABLET ---------------*/ .yith-ajaxsearchform-container input#yith-searchsubmit {left: 86%;} /*RBP */ /*body.woocommerce .yith-ajaxsearchform-container input#yith-searchsubmit {left:86%!important;} RBP removed */ #yith-ajaxsearchform input.yith-s {width: 90% !important;} #yith_woocommerce_ajax_search-2 {margin-bottom: 15px !important} /*----- CATALOGUE RESPONSE STYLES TABLET --------*/ /*.product_parent_cat_general-fixings .woocommerce-tabs table {display: none;}*/ .archive #main-content .container, .single-post #main-content .container {padding: 20px 0px 10px;} .woocommerce.archive .term-description {width: 100%;} .woocommerce-page ul.products li.product:nth-child(n) {margin: 1% 1% 5px 1% !important; width: 48% !important;} .woocommerce-page ul.products li.product:nth-child(3n) {margin-right: 1% !important;} .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {height: 70px;} .et_shop_image, .et_portfolio_image {min-height: 70px;} .woocommerce div.product div.images img {max-width: 100px;} .woocommerce.archive #left-area > img {width: 15%;} .woocommerce.archive .term-description {width: 80%;} #left-area .summary button.prodenq_button_prodpage {width: 100%;} .woocommerce-tabs:after {white-space: normal;} .single #left-area, .archive #left-area, .archive #left-area #ArchiveContent {float: left; width: 100% !important;} .archive #sidebar, .single-post #sidebar {width: 100% !important;} .woocommerce.et_pb_gutter.et_pb_gutters2 #sidebar {width: 100%;} /*------ CONTENT AND SIDEBAR RESPONSE STYLES TABLET ---------*/ .et_pb_column .et_pb_widget:nth-child(n) {width: 100% !important;} /*--------- FOOTER RESPONSE STYLES TABLET ------------------*/ #footer-bottom .container {background-size: 130px; min-height: 110px;} .FtBoxes a {position: relative; bottom: 0px; margin-left: 0%; width: 92%;/* rbp was 100% */ display: block; text-align: center;} .FtBoxes .Newsletter .wpcf7-form p:last-of-type {position: relative; bottom: 0px; margin-left: 0px; width: 100%;} .FtBoxes .Newsletter .wpcf7-submit {display: block; width: 100%; margin-left: 0px;} .FtBoxes .et_pb_text p {padding: 15px 10px 0 10px;} .FtBoxes .et_pb_text ul {padding: 9px 12px 0 50px; line-height: 20px;} .FTBoxVideo {margin-top: 15px; max-width: 100%;} .FtBoxes .Newsletter p.input {max-width: 50%;} .FtBoxes .Newsletter p.input input {max-width: 100%;} } /*------------- COVID BEGIN -----------------*/ @media only screen and ( min-width: 649px ) and ( max-width: 913px ) { #covid19 {background-color:#ff0000; height:70px;} #covid19 p { font-weight:bold; color:#FFFFFF; text-align:center; padding:10px 0px 10px 0px;} /*------------ COVID END ---------------------*/ } /*-------------------[649px]------------------*/ @media only screen and ( max-width: 649px ) { /*------------- COVID BEGIN -----------------*/ #covid19 {background-color:#ff0000; height:90px;} #covid19 p { font-weight:bold; color:#FFFFFF; text-align:center; padding:10px 0px 10px 0px;} /*------------ COVID END ---------------------*/ /*----- HEADER RESPONSE STYLES MOBILE --------*/ .et_header_style_left .logo_container {float: none;} #logo {max-width: 65% !important; display: block; margin: 0 auto; padding-top: 0px;} .container, .et_pb_row {width: 95%;} #HeadCentre {float: none; margin: 0px;} .HeadCentreImage {max-width: 100%; padding: 0px; height: auto;} #HeadRight {float: none;} #HeadRight p {width: 100%;margin-left: 1.6%;} #et-top-navigation.ButtonEnds:before {left: 0px; margin-top: 7px;} #et-top-navigation.ButtonEnds:after {right: 0px; margin-top: -25px;} #et_mobile_nav_menu {float: none;} .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {padding-bottom: 0px;} .mobile_menu_bar {height: 32px;} .mobile_menu_bar:before {left: 30%; color: #ffffff !important;} .mobile_menu_bar:after {content: "Menu"; color: #ffffff !important; font-weight: bold; font-size: 1.4em; cursor: pointer;margin-top: -32px; line-height: 1.7em; width: 100%; display: block; text-align: center;} /* RBP June 19 */ .FtBoxes a.fancybox-inline { position: absolute; bottom: 6px!important; color: #ffffff!important; background-color: #356390; width: 50%!important;margin-left:43%; } /* rbp 20/3/2020 */ .FtBoxes a {width:95%; } /*----- CONTENT RESPONSE STYLES MOBILE --------*/ .et_pb_section.Slider .et_pb_row {padding: 11px 0 !important;} .et_pb_section .et_pb_row {padding: 5px 10px !important;} .et_section_specialty > .et_pb_row > .et_pb_column:first-child {margin-bottom: 0px;} .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {margin-bottom: 15px;} .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post, .et_pb_column .et_pb_widget:nth-child(n) {margin-bottom: 0px !important;} .et_section_specialty > .et_pb_row > .et_pb_column_1 {padding-bottom: 0px;} .input textarea.wpcf7-textarea {max-width: 100%;} /*----- SLIDER RESPONSE STYLES MOBILE --------*/ .flex-direction-nav {display: none;} .Slider .metaslider .caption {padding: 5px 5px; font-size: 1.1em; line-height: 1.1em;} /*------ BLOG RESPONSE STYLES MOBILE ----------*/ a.more-link {width: 100%;} .single-post #left-area article {width: 100%;} #BlogSidebar {width: 100%;} .single #left-area, .archive #left-area, .archive #left-area #ArchiveContent {float: left; width: 100% !important;} .archive #sidebar, .single-post #sidebar {width: 100% !important;} /*----- CATALOGUE RESPONSE STYLES MOBILE --------*/ .product_cat_general-fixings .woocommerce-tabs table {display: none;} #tab-description .tablescroll {display: none;} .product_cat_general-fixings .woocommerce-tabs table.responsivetable {display: block;} .product_cat_general-fixings .woocommerce-tabs:after {content: "Please view this product on a larger device to see any stock size information.\A For quotes, queries or made to order requests, please call us or use the \201c Make an Enquiry\201d button above.";} .product_cat_exotic-material-fasteners .woocommerce-tabs table {display: none;} .product_cat_exotic-material-fasteners .woocommerce-tabs table.responsivetable {display: block;} .product_cat_exotic-material-fasteners .woocommerce-tabs:after {content: "Please view this product on a larger device to see any stock size information.\A For quotes, queries or made to order requests, please call us or use the \201c Make an Enquiry\201d button above.";} /*rbp*/ .product_cat_security-fasteners .woocommerce-tabs table {display: none;} .product_cat_security-fasteners .woocommerce-tabs table.responsivetable {display: block;} .product_cat_security-fasteners .woocommerce-tabs:after {content: "Please view this product on a larger device to see any stock size information.\A For quotes, queries or made to order requests, please call us or use the \201c Make an Enquiry\201d button above.";} /*rbp */ .postid-2864.product_parent_cat_general-fixings .woocommerce-tabs:after, .postid-2857.product_parent_cat_general-fixings .woocommerce-tabs:after {content: "All specifications and technical drawings are for guidance purposes only.\A Sizes and materials not listed are available to order.\A For quotes, queries or made to order requests, please call us or use the \201c Make an Enquiry\201d button above.";} .product_cat_general-fixings .woocommerce-tabs .tableContainer {height: 0px;} .archive #main-content .container, .single-post #main-content .container {padding: 20px 0px 10px;} .woocommerce.archive .term-description {width: 100%;} .woocommerce-page ul.products li.product:nth-child(n) {margin-bottom: 5px !important; margin-left: 1% !important; width: 49% !important; margin-right: 0px !important;} .woocommerce-page ul.products li.product:nth-child(3n) {margin-right: 0% !important;} .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {height: 70px;} .et_shop_image, .et_portfolio_image {min-height: 70px;} .woocommerce div.product .summary {width: 100% !important;} .woocommerce div.product div.images img {max-width: 100px;} #left-area .summary button.prodenq_button_prodpage {width: 100%;} .woocommerce-tabs:after {white-space: normal;} /* RBP Brands not fitting on screen, set to 100% to fit in 2 x 2 rows */ /*#left-area ul.brand-thumbnails {padding: 0px; list-style-type: none;width:100%;}*/ .brand-thumbnails li {margin: 1% 1% 1% 0; width: 49% !important; border: 1px solid #356390;} /* #left-area li.brand-thumbnails .odd .even .first .last { margin: 1% 1% 1% 0; width: 49% !important; border: 1px solid #356390; } */ /*--------- PRODUCT ENQUIRY RESPONSE STYLES -------*/ .simplePopup {max-width: 90%; max-height: 90%; overflow: scroll; left: 15px !important;} /*----- CATALOGUE SEARCH BOX STYLES MOBILE ---------------*/ .yith-ajaxsearchform-container input#yith-searchsubmit {left: 83% !important;} #yith-ajaxsearchform input.yith-s {width: 90% !important;} #yith_woocommerce_ajax_search-2 {margin-bottom: 15px !important} /*----- PRODUCT TABLES RESPONSE STYLES MOBILE --------*/ /* Force table to not be like tables anymore */ .responsivetable table, .responsivetable thead, .responsivetable tbody, .responsivetable th, .responsivetable td, .responsivetable tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .responsivetable thead tr { position: absolute; top: -9999px; left: -9999px; } .responsivetable tr {max-width: 100% !important; padding: 0px !important} .responsivetable td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; max-width: 100% !important; } .responsivetable td:before { /* Now like a table header */ /* Top/left values mimic padding */ top: 3px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ .responsivetable td:before { content: attr(title); } .single-product table td {padding: 0.857em 0.5em !important;} .single-product table td:first-child {width: 100%;} /*--------- FOOTER RESPONSE STYLES MOBILE --------*/ #footer-bottom .container {min-height: 300px;background-position: 50% 70%;} .FtBoxes a {position: relative; bottom: 0px; margin-left: 0%; width: 100%; display: block; text-align: center;} .FtBoxes .Newsletter .wpcf7-form p:last-of-type {position: relative; bottom: -15px; margin-left: 0px; width: 100%;} .FtBoxes .Newsletter .wpcf7-submit {display: block; width: 100%; margin-left: 0px;} .FtBoxes .et_pb_text p {padding: 15px 10px 0 10px;} .FtBoxes .et_pb_text ul {padding: 9px 12px 0 50px; line-height: 20px;} .FTBoxVideo {margin-top: 15px; max-width: 100%;} } /* } check */ /*------------------15/4/20 responsive ---------------------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1095px ) { #menu-genfix-menu li a, #menu-secfas-menu li a, #menu-stainless-menu li a {font-size:1.0em; padding-left:0px;} .et_pb_widget_area h4 {font-size: 1.0em;} } /*----------------------------------------------------------------------*/ /*------------------15/4/20 responsive --------------------------------*/ @media only screen and ( min-width: 480px ) and ( max-width:980px ) { .et_pb_gutters2 .et_pb_column_1_4 {width: 100%;} } /*---------------------------------------------------------------------*/ /*------------------15/4/20 responsive ---------------------------------*/ @media only screen and ( min-width: 240px ) and ( max-width: 300px ) { .et_pb_gutters2 .et_pb_column_1_4 {width: 100%;} #menu-genfix-menu li a, #menu-secfas-menu li a, #menu-stainless-menu li a {font-size:1.0em; padding-left:0px;} .et_pb_widget_area h4 {font-size: 1.0em;} } /*----------------------------------------------------------------------*/ @media only screen and ( max-width: 485px ) { .woocommerce.archive .term-description { width: 95%; padding-right:10px; } } @media only screen and (max-width: 320px) { .yith-ajaxsearchform-container input#yith-searchsubmit { left: 83% !important; } /*------------- COVID BEGIN -----------------*/ #covid19 {background-color:#ff0000; height:100px;} #covid19 p { font-weight:bold; color:#FFFFFF; text-align:center; padding:10px 0px 10px 0px;} /*------------ COVID END ---------------------*/ }