/* Theme Name: Seatbelt Sheriff Theme Theme URI: http://www.seatbeltsheriff.ie/ Description: Seatbelt Sheriff built on Sage, a WordPress starter theme. Contribute on GitHub Version: 8.5.2 Author: Fusio Author URI: http://www.fusio.net/ Text Domain: sage License: MIT License License URI: http://opensource.org/licenses/MIT */ a:focus { outline: none; } .content .page-title h2 { padding-top:0; margin-bottom: 0.5rem; } .contact .ajax-loader, .order-packs .ajax-loader, .feedback .ajax-loader { display: none !important; } @media (max-width: 319px) { h1 { font-size: 3rem; } } /* Buttons */ @media (max-width: 374px) { .packs .btn.btn-large, .first-class-competition .btn.btn-large, .second-class-competition .btn.btn-large { font-size: 1.5rem; height: auto; padding: .375rem 0.825rem; } .competitions .twotone-box > span.btn { font-size: 1.5rem; line-height: 1.2; } } @media (min-width: 375px) and (max-width: 575px) { .packs .btn.btn-large, .first-class-competition .btn.btn-large, .second-class-competition .btn.btn-large { font-size: 1.625rem; height: auto; padding: .375rem 0.825rem; } .competitions .twotone-box > span.btn { font-size: 1.625rem; line-height: 1.2; } } @media (max-width: 319px){ .competitions .twotone-box > span.btn { font-size: 1rem; line-height: 2; } } .close { left: 5px !important; padding: 4px 15px; z-index: 10000; } @media (max-width: 767px) { #fancybox-left, #fancybox-right { visibility: visible; } #fancybox-right span { left: auto; right: 20px; } #fancybox-left span { left: 20px; } } @media (max-width: 319px) { .navbar-light .navbar-nav>.nav-item>.nav-link, .navbar-light .navbar-nav .nav-link { font-size: .75rem; } } /* HALL OF FAME */ .gallery .tab-content .fancybox img { height:150px; width:150px; object-fit:cover; } @media (min-width: 768px) { .gallery .tab-content .fancybox img { height:175px; width:175px; } } .gallery .btn:active, .gallery .btn:focus { color: #fff; } @media (max-width: 319px) { .gallery .tab-content .fancybox img { height: 100px; width: 100px; } } /* CONTACT US */ @media (max-width: 991px) { .contact-map .embed-responsive.ml-3 { margin-left: 0 !important; } } @media (min-width: 992px) { .contact-map .embed-responsive { margin-top: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .contact .page-title h2 { font-size: 2.25rem; } } /* Order Packs */ .order-form .btn { border: none; } .wpcf7-not-valid-tip { color: red !important; } .checkbox-validation { display: inline-block; } .alert-warning { text-align: center; color: #ff0000; } .alert-success { text-align: center; } .errormessage { color: red; } .checkterms { color: red; } /* Feedback */ .feedback .contact-form form .btn { border: none; display: block; margin: 1rem auto; min-width: 14rem; width: auto; } /* Header: Menu */ @media (min-width: 768px) { .navbar-nav .dropdown-toggle:after, .navbar-nav a:not([href]):not([tabindex]), .navbar-nav a:not([href]):not([tabindex]):focus, .navbar-nav a:not([href]):not([tabindex]):hover { display: none!important; } } /* Menu hovers */ @media (min-width: 768px) { .navbar-light .navbar-nav > .nav-item > .nav-link:hover { background: url(/app/themes/seatbeltsheriff/dist/images/wood-texture.png) repeat 80% 80%/550px #ef574d; } .navbar-light .navbar-nav > .nav-item > .nav-link:focus { background: url(/app/themes/seatbeltsheriff/dist/images/wood-texture.png) repeat 80% 80%/550px #439824; } .menu-item.menu-item-has-children.nav-item > ul > li > a:hover { background: url(/app/themes/seatbeltsheriff/dist/images/wood-texture.png) repeat 80% 80%/550px #ef574d; } .menu-item.menu-item-has-children.nav-item > ul > li > a:focus { background: url(/app/themes/seatbeltsheriff/dist/images/wood-texture.png) repeat 80% 80%/550px #439824; } } @media (min-width: 992px) { .navbar-expand-md .nav li.menu-item.menu-item-has-children:hover > ul { background-color: #704a2d; } } /* Seatbelt Sheriff Page */ @media (min-width: 992px) { .seatbelt-sheriff .page-title:before { background: url(/app/themes/seatbeltsheriff/dist/images/cactus1.png) no-repeat 400px 0 / contain; content: ''; display: block; height: 350px; right: 0; position: absolute; top: 42px; width: 50%; z-index: 1; } .seatbelt-sheriff .page-title:after { background: url(/app/themes/seatbeltsheriff/dist/images/cactus2.png) no-repeat 100% 0 / contain; content: ''; display: block; height: 200px; left: 0; position: absolute; top: 77px; width: 54%; z-index: 1; } } /* Hi-Glo Silver Page */ @media (min-width: 992px) { .hi-glo-silver .page-title:before { background: url(/app/themes/seatbeltsheriff/dist/images/cactus4.png) no-repeat 400px 0 / contain; content: ''; display: block; height: 327px; right: 0; position: absolute; top: 15px; width: 50%; z-index: 1; } .hi-glo-silver .page-title:after { background: url(/app/themes/seatbeltsheriff/dist/images/cactus3.png) no-repeat 100% 0 / contain; content: ''; display: block; height: 220px; left: 0; position: absolute; top: 45px; width: 56%; z-index: 1; } } /* Side boxes (on Sheriff & Hi-Glo pages) */ .box-side.box-link a, .box-side.box-link a:hover { color: #603813; } @media (max-width: 319px) { .box-side.box-link a { padding: 1rem; } .box-side h2 { font-size: 2.5rem; } } /* Competitions Page */ .competitions .box-gallery h2 { background-size: 90px auto; margin-top: -1rem; } .competitions .box-green > img { margin-left: 1rem; } @media (max-width: 767px) { .competitions .twotone-box .page-cartoon img { margin-top: 0; } } @media (min-width: 992px) { .competitions .twotone-box { padding-right: 0; border-right: 5px solid #fff; } .competitions .twotone-box + .twotone-box { border-right: 0; border-left: 5px solid #fff; padding-left: 0; } .competitions .twotone-box.pink-yellow { background-color: #fff795; } .competitions .twotone-box.blue-pink { background-color: #f4cfb3; } } @media (min-width: 1200px) { .competitions .twotone-box .page-title .col-xl-7 { margin-left: 0; } .competitions .box-gallery h2 { background-size: auto; } } @media (min-width: 1400px) { .competitions .twotone-box:before { top: 165px; } .competitions .twotone-box+.twotone-box:before { top:150px; } } @media (min-width: 1600px) { .competitions .twotone-box:before { background-size: contain; left:10px; height:275px; width:210px; } .competitions .twotone-box+.twotone-box:before { background-size: contain; left:auto; height:290px; right:10px; width:225px; } } @media (max-width: 319px) { .page-cartoon img { max-width: 220px; } .prize-info { height: 12rem; } } /* Wallpapers Page */ @media (max-width: 767px) { .wallpapers .download-boxes .row .col-lg-4.box:last-child { display:none; } } /* Cactus (CSS only): @media (min-width: 992px) { .packs .page-title:after { background: url(/app/themes/seatbeltsheriff/dist/images/cactus4.png) no-repeat 100% 0 / contain; content: ''; display: block; height: 140px; left: -22px; position: absolute; top: 95px; width: 72px; z-index: 1; } } @media (min-width: 1200px) { .packs .page-title:after { left: 4%; } }*/ /* Cactus Placements (IMG in HTML) */ @media (min-width: 992px) { .first-class-competition .page-title > img, .second-class-competition .page-title > img { left: -10px !important; } .packs .page-title > img { left: -22px !important; } .order-packs .page-title > img, .the-ranch .page-title > img, .wallpapers .page-title > img, .hall-of-fame .page-title > img { height:130px !important; left:-20px !important; } } @media (min-width: 1200px) { .first-class-competition .page-title > img, .second-class-competition .page-title > img { left: 3% !important; } .packs .page-title > img { left: 4% !important; } .order-packs .page-title > img, .the-ranch .page-title > img, .wallpapers .page-title > img, .hall-of-fame .page-title > img { height:170px !important; left: 2% !important; } } /* Two Tone: Homepage */ .home .twotone-box.yellow-blue:before { background: url(/app/themes/seatbeltsheriff/dist/images/sheriff-home.png) no-repeat top right / contain; content: ''; display: block; height: 237px; right: 10px; position: absolute; top: 85px; width: 115px; z-index: 1; } .home .twotone-box.blue-pink:before { background: url(/app/themes/seatbeltsheriff/dist/images/silver-home.png) no-repeat top right / contain; content: ''; display: block; height: 256px; right: 9px; position: absolute; top: 37px; width: 165px; z-index: 1; } .home .twotone-box .page-title h1, .twotone-box .page-title h2 { margin:0; padding: 2rem 1rem 1.5rem; position: relative; z-index: 2; } .home .twotone-box.yellow-blue .page-intro .container > p { margin-right: 6.5rem; } .home .twotone-box.blue-pink .page-intro .container > p { margin-right: 7rem; } .home .twotone-box.pink-yellow .page-intro .container > p { margin-bottom: 2rem; } .home .twotone-box.pink-yellow a, .home .twotone-box.pink-yellow a:hover { color: #000; } .home .twotone-box a:hover { text-decoration: none; } @media (min-width: 768px) { .home .twotone-box.yellow-blue:before { top: 58px; right: 20px; width: 178px; } .home .twotone-box.blue-pink:before { width: 206px; } } @media (min-width: 992px) { .home .twotone-box.yellow-blue { background-color: #5cd0e0; } .home .twotone-box.blue-pink { background-color: #f4cfb3; } .home .twotone-box.pink-yellow { background-color: #ffde16; } .home .twotone-box.yellow-blue:before { right: 10px; top: 68px; width: 145px; } .home .twotone-box.blue-pink:before { top: 47px; width: 165px; } .twotone-box .page-title h2 { padding: 2rem .5rem 1.5rem; } } @media (min-width: 1200px) { .home .twotone-box.yellow-blue:before { right: 20px; top: 58px; width: 178px; } .home .twotone-box.blue-pink:before { top: 37px; width: 206px; } .home .twotone-box.yellow-blue .page-intro .container > p { margin-right: 7.5rem; max-width: 14rem; } .home .twotone-box.blue-pink .page-intro .container > p { margin-right: 9rem; max-width: 14rem; } .twotone-box .page-title h2 { padding: 2rem 1.5rem 1.5rem; } } @media (max-width: 319px) { .home .content-boxes .container-fluid .box-wide h2, .twotone-box .page-title h1, .twotone-box .page-title h2 { font-size: 3rem; } .home .twotone-box .page-title h1, .home .twotone-box .page-title h2 { padding: 2rem .5rem 1.5rem; } } /* Homepage: Counters */ .competition-counter { text-shadow: 0 1px 0 rgba(0,0,0,.25); } .download-counter { margin-top: 2rem; } .competition-counter p, .download-counter p { font-weight: bold; } .download-counter p { text-shadow: 0 1px 0 rgba(255,255,255,.25); } .competition-counter > strong { font-size: 2.625rem; } .competition-counter .counter { background: url(/app/themes/seatbeltsheriff/dist/images/countdown-bg.png) repeat-x; border-radius: 4px; color:#444; font-size: 3.375rem; padding: 2px 10px 1px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); } /* Homepage video */ .video-loop { position: relative; width: 100%; } @media (max-width: 991px) { .video-overlay { position: relative; } .video-player { height: auto; position: relative; background-repeat: no-repeat; background-size: cover; background-position-y: 33.33334%; padding: 0; overflow: hidden; z-index: 1; } .video-loop { margin: 0 0 -16%; } } @media (min-width: 992px) { .video-overlay { background: none; height: auto; } .video-wrapper { height: 31.25rem; position: relative; background-repeat: no-repeat; background-size: cover; background-position-y: 33.33334%; padding: 0; overflow: hidden; z-index: 1; } .video-loop { height: auto; left: 50%; min-width: 100%; position: absolute; top: 0; z-index: 0; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); } } /* Homepage video: button */ .video-play-button { background: url(/app/themes/seatbeltsheriff/dist/images/video-play-button.png) no-repeat; height: 100px; left: 50%; margin: -50px 0 0 -50px; position: absolute; top: 50%; width: 100px; } /* Homepage video: Overlays */ .video-overlay { background: url(/app/themes/seatbeltsheriff/dist/images/vid-overlay-bg.png) repeat-x; height: 180px; } .video-overlay-sheriff { background: url(/app/themes/seatbeltsheriff/dist/images/sheriff-thisaway.png) no-repeat 50% 50% / contain; height: 100%; position: absolute; right: 20px; top: 0; width: 42%; } .video-overlay-silver { background: url(/app/themes/seatbeltsheriff/dist/images/silver-thataway.png) no-repeat 50% 50% / contain; height: 100%; left: 20px; position: absolute; top: 0; width: 50%; } @media (min-width: 992px) { .video-overlay-sheriff { height: 304px; margin-top: -152px; top: 50%; width: 359px; } .video-overlay-silver { height: 247px; margin-top: -123px; top: 50%; width: 425px; } } @media (min-width: 1200px) { .video-overlay-sheriff { right: 10%; } .video-overlay-silver { left: 10%; } } /* Homepage: Wide boxes */ @media (max-width: 767px) { .home .content-boxes .container-fluid .box-wide.box-pink h2:before { background-size: auto 36px; left: -25px; } .home .content-boxes .container-fluid .box-wide.box-pink h2:after { background-size: auto 36px; background-position: 100% 50%; right: -25px; } .home .content-boxes .container-fluid .box-wide.box-brown a { padding: 2rem 0.4rem 1rem; } } @media (max-width: 374px) { .home .content-boxes .container-fluid .box-wide.box-pink h2:after, .home .content-boxes .container-fluid .box-wide.box-pink h2:before { bottom: 3rem; } } @media (max-width: 319px) { .content-boxes .container-fluid .box-link a { padding: 2rem .5rem 1rem; } } /* Cian - 14.11.17 - Year dropdown - /the-ranch/hall-of-fame/ */ .btn:hover, .tab-content .tab-pane .nav-item .btn:hover { margin-bottom: 0; } .tab-content .tab-pane .dropdown .dropdown-menu { background-color: #704a2d; margin: 0; padding: 0; } .tab-content .tab-pane .dropdown .dropdown-menu .dropdown-item { color: #fff; } .tab-content .tab-pane .dropdown .dropdown-toggle:hover, .tab-content .tab-pane .dropdown .dropdown-menu .dropdown-item:hover { background: url(/app/themes/seatbeltsheriff/dist/images/wood-texture.png) repeat 80% 80%/550px #ef574d; } /* Have to overwrite styles here for Competitions page for when the competitions are closed - Cian - 20.11.17 */ .competitions .twotone-box .page-title { padding: 4rem 0 2.5rem; } .competitions .twotone-box .page-title a { padding: 0; } @media (min-width: 992px) { .competitions .twotone-box .page-title { padding: 2.5rem 0 1.5rem; } } /* Footer */ footer .col-lg-4 img { width: 300px; }