.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important}
.topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1}




.form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed}




:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(76, 76, 76, 1.00);--secondary:rgba(204, 204, 204, 1.00);--success:rgba(102, 172, 224, 1.00);--warning:rgba(252, 100, 52, 1.00);--alert:rgba(239, 0, 68, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(0, 0, 0, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(46, 46, 46, 1.00);--secondary-dark:rgba(174, 174, 174, 1.00);--success-dark:rgba(72, 142, 194, 1.00);--warning-dark:rgba(222, 70, 22, 1.00);--alert-dark:rgba(209, 0, 38, 1.00);--header-color:rgba(0, 0, 0, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(0, 0, 255, 1.00);--link-color-hover:rgba(15, 128, 255, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.15);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1250rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(17rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(32rem/16)}h3,.h3{font-size:calc(30rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(32rem/16)}h3,.h3{font-size:calc(30rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(255, 255, 255, 1.00);}

form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}

@font-face{font-family:Open Sans;font-style:normal;font-weight:normal;src:url("/resources/open-sans-v34-latin-regular.woff2") format("woff2");}
 html,body, h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a, blockquote, a, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_2_6{font-family:"Open Sans",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Open Sans",sans-serif }
.h1-shadow{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);}
.header-shadow{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);}
.small-red-square{margin-right:0.5rem ;margin-bottom:0.25rem ;}  
         .menu li,   .menu>li>a{font-size:calc(18rem/16) !important;}@media only screen and (min-width:40em) {         .menu li,   .menu>li>a{font-size:calc(16rem/16) !important}}@media only screen and (min-width:64em) {         .menu li,   .menu>li>a{font-size:calc(16rem/16) !important}}
            .title-font{font-weight:600 !important;}
.offcanvas{transition:all 1500ms ease 0ms }
.offcanvas{border-color:var(--primary) ;border-width:0px 3px 0px 0px ;border-style:solid solid solid solid ;}
.position-bottom{position: absolute  ;z-index:1 ;top:unset ;bottom:20% ;left:unset ;right:unset ;}
.burger-position{position:fixed   ;z-index:999 ;top:0px ;bottom:unset ;left:unset ;right:8px ;}
.burger-shadow{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.60));}
.close-button{color:var(--primary) !important;}
            .close-button{font-size:calc(48rem/16) ;}@media only screen and (min-width:40em) {            .close-button{font-size:calc(48rem/16) }}@media only screen and (min-width:64em) {            .close-button{font-size:calc(48rem/16) }}
            .off-canvas-header{font-size:calc(24rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) {            .off-canvas-header{font-size:calc(24rem/16) }}@media only screen and (min-width:64em) {            .off-canvas-header{font-size:calc(24rem/16) }}
.off-canvas-header{color:var(--primary) ;}
@media screen and (min-width:1200px) and (max-width:10000px){.hidelarge{display:none !important}}
.mymenu{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(230, 230, 230, 1.00);--link-decoration:none;--link-decoration-hover:none}
.style-heading-pink{--header-color:rgba(241, 0, 102, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.stacks_in_3_35{line-height:0}.stacks_in_3_35 svg{display:inline-block;}.stacks_in_3_35.full-width svg{width:100%;height:auto}.stacks_in_3_35 svg *{fill:rgba(76, 76, 76, 1.00)}
.stacks_in_3_37{--offcanvas-size-small:300px;--offcanvas-size-medium:350px;--offcanvas-size-large:250px;}
@media screen and (min-width:0px) and (max-width:1199px){.hidesmall{display:none !important}}
 .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(0, 0, 128, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.03);--menu-caret-color:rgba(0, 0, 0, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.03);--menu-link-color:rgba(0, 0, 128, 1.00);--menu-caret-color:rgba(230, 230, 230, 1.00);--menu-link-color-hover:rgba(0, 0, 128, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(230, 230, 230, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(0, 0, 0, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(0, 0, 128, 1.00)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(230, 230, 230, 1.00);--menu-bg-color:rgba(255, 255, 255, 1.00);--menu-link-color:rgba(0, 0, 128, 1.00);--menu-link-color-hover:rgba(0, 0, 128, 1.00)}
 .mymenu2>.menu a, .menu.mymenu2 a{--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(102, 102, 102, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(0, 0, 0, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu2>.menu .menu-text, .menu.mymenu2 .menu-text{--menu-text-color:rgba(0, 0, 0, 1.00)} .mymenu2>.menu>li>a, .menu.mymenu2>li>a{padding-top:1.25rem;padding-bottom:1.25rem} .mymenu2>.menu .submenu>li>a, .menu.mymenu2 .submenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu2>.menu li.active>a, .mymenu2>.menu li.is-active>a, .mymenu2>.menu a.is-active, .menu.mymenu2 li.active>a, .menu.mymenu2 li.is-active>a, .menu.mymenu2 a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(102, 102, 102, 1.00);--menu-caret-color:rgba(102, 102, 102, 1.00);--menu-link-color-hover:rgba(102, 102, 102, 1.00)} .mymenu2>.menu .submenu li.active>a, .mymenu2>.menu .submenu li.is-active>a, .mymenu2>.menu .submenu a.is-active, .menu.mymenu2 .submenu li.active>a, .menu.mymenu2 .submenu li.is-active>a, .menu.mymenu2 .submenu a.is-active{--menu-caret-color:rgba(127, 127, 127, 1.00)} .mymenu2>.menu .submenu a, .menu.mymenu2 .submenu a{--menu-caret-color:rgba(0, 0, 0, 1.00)} .mymenu2>.menu .submenu, .menu.mymenu2 .submenu{--submenu-bg-color:rgba(255, 255, 255, 0.97);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .mymenu2>.menu .submenu a, .menu.mymenu2 .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(127, 127, 127, 1.00)} .mymenu2>.menu .submenu .menu-text, .menu.mymenu2 .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu2>.menu .submenu li.active>a, .mymenu2>.menu .submenu li.is-active>a, .mymenu2>.menu .submenu a.is-active, .menu.mymenu2 .submenu li.active>a, .menu.mymenu2 .submenu li.is-active>a, .menu.mymenu2 .submenu a.is-active{--menu-caret-color:rgba(127, 127, 127, 1.00);--menu-bg-color:rgba(255, 255, 255, 1.00);--menu-link-color:rgba(44, 52, 75, 1.00);--menu-link-color-hover:rgba(44, 52, 75, 1.00)}
.title-border{border-color:var(--primary) ;border-right-width:1px ;border-right-style:solid ;}
.shadow-bottom{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.60);}
@media screen and (min-width: 64em){.large-menu-container{height:56.00px ;}}@media only screen and (min-width:40em){.large-menu-container{height:56.00px }}@media only screen and (min-width:64em){.large-menu-container{height:56.00px }}

.hero-banner .img-slide-1{background-image:url('https://www.dropkickbooks.com/resources/Muddy-rugby-bootsw640.webp') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ; background-size:  cover ; }@media (hover:none) and (pointer:coarse){.hero-banner .img-slide-1{background-attachment:scroll!important}}@media only screen and (min-width:40em){.hero-banner .img-slide-1{background-image:url('https://www.dropkickbooks.com/resources/Muddy-rugby-bootsw1024.webp') }}@media only screen and (min-width:64em){.hero-banner .img-slide-1{background-image:url('https://www.dropkickbooks.com/resources/Muddy-rugby-bootsw1500.webp') }}
.hero-banner .slide-height{height:75.00vw ;}@media only screen and (min-width:40em){.hero-banner .slide-height{height:75.00vw }}@media only screen and (min-width:64em){.hero-banner .slide-height{height:40.00vw }}
.title-white{color:rgba(255, 255, 255, 1.00) ;}
.h1-shadow{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);}
.banner-header-bg{background-color:rgba(204, 204, 204, 0.71) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.banner-header-bg{background-attachment:scroll!important}}
.round{border-radius:10px ;}
.hero-banner{width:100% ;}  
            .slogan{font-size:calc(18rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .slogan{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .slogan{font-size:calc(22rem/16) ;line-height:1.50 }}
.slogan{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(17, 138, 0, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}