![]() Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/askdragao.com/wp-content/themes/seos-football/ |
/* Theme Name: Seos Football Author: seosbg Author URI: https://seosthemes.info/wordpress-football-theme Theme URI: https://seosthemes.com/wordpress-football-theme Description: Seos Football is clear, easy to customize WP template.Seos Footballis a modern multi-purpose HTML5 theme with a responsive 2 column layout. The theme is excellent for a football, sport, fitness, photography, blog, eatery, newspaper, images, photos, publishing, news, blog, portfolio or other editorial websites. To learn more about the theme please go to the theme uri and read the documentation. Version: 1.2.0 Tested up to: 6.0 Requires PHP: 5.6 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: seos-football Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, rtl-language-support, translation-ready, theme-options, flexible-header, custom-header, custom-logo, full-width-template, sticky-post, custom-background, custom-menu, custom-colors, featured-image-header, featured-images, threaded-comments, blog, news, e-commerce */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Header # Image Hover Effects # Links # Navigation # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Footer # Other # Media ## Captions ## Galleries # Media Screen --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #111111; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button { overflow: visible; } button, select { text-transform: none; } .link-more { margin-top: 20px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; color: #FFFFFF; } .submit { padding: 5px; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #C0C0C0; } td, th { padding: 0; border: 1px solid #C0C0C0; padding: 3px; } #page { margin: 0 auto; -webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1); -moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1); box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1); display: block; overflow: hidden; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #eee; font-family: sans-serif; font-family: 'Roboto','Helvetica Neue',Arial,Verdana,sans-serif; } h2, h3, h4, h5, h6 { font-family: 'Jockey One', sans-serif; font-weight: 100; padding: 10px 0 10px 0; } p { padding: 0; margin: 0; } article p, aside a, main p { line-height: 18px; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; background: #F0F0F0; display: inline-block; border-left: 4px solid #888; padding: 4px; font-style: italic; word-wrap: break-word; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { width: 100%; } .blog-image img { min-width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"] { border: none; box-shadow: inset 0 0 0 #111111, inset 0 1px 84px #111111, inset 0 0 0 #111111; outline: 0 ; margin: 0 ; box-shadow: none ; padding: 5px; border-radius: 0px; color: #fff; background: #333; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #555; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active { outline: 0 ; margin: 0 ; box-shadow: none ; border-radius: 0px; color: #fff; } input[type="submit"] { border: none; outline: 0; margin: 0; box-shadow: none ; border-radius: 0px; min-width: 100%; color: #fff; background: #333; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea { border: none; outline: 0 ; margin: 0 ; box-shadow: none ; padding: 10px; border-radius: 0px; color: #fff; background: #333; min-width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea[name="mn-message"]:focus, textarea:focus { border: none; outline: 0 ; margin: 0 ; box-shadow: none ; border-radius: 0px; color: #fff; background: #333; } input[type="text"], input[type="email"], input[type="url"], input[type="password"]{ border: none; outline: 0 ; margin: 0 ; box-shadow: none ; border-radius: 0px; color: #fff; background: #333; } input[name="mn-name"], input[name="mn-phone"], input[name="mn-email"], input[name="mn-subject"], textarea[name="mn-message"] { border: none; outline: 0 ; margin: 0 ; box-shadow: none ; border-radius: 0px; color: #fff; background: #333; } body select, .select2-container--open .select2-dropdown--below { color: #fff !important; background-color: #333 !important; } .select2-container { background-color: #333 !important; } textarea[name="mn-message"] { padding: 8px; } .noselect, .mn-sum { padding: 10px !important; } .Seos Restaurant-center { max-width: 1400px; margin: 0 auto; min-height:100%; } .app-form input, .app-form textarea { min-width: 100%; margin: 0 auto; display: inline-block; padding: 10px; } .enter-the-sum { margin-top: 10px; } /*-------------------------------------------------------------- # Boxes --------------------------------------------------------------*/ blockquote:before, blockquote:after, .seos-boxes:before, .seos-boxes:after { display:block; clear: both; float: none; } .seos-boxes .seos-box{ vertical-align: top; width: 23%; padding: 20px; display: inline-block; } .seos-boxes { color: #111111; width: 100%; display: block; text-align: center; padding: 4px; margin: 20px 0 20px 0; } .seos-boxes .fa { font-size: 10vw; } /*-------------------------------------------------------------- # About Us --------------------------------------------------------------*/ .sw-about-us { max-width: 100%; padding: 0; text-align: center; display: block; margin: 0; overflow: hidden; } .sw-about-title { font-size: 5vw; font-weight: 100; font-family: 'Jockey One', sans-serif; padding: 60px 0 60px 0; } .sw-about-us .sw-person { width: 300px; display: inline-block; text-align: center; vertical-align: top; margin: 20px; padding: 100px 20px 20px 20px; } .sw-about-us .sw-person img { width: 150px; height: 150px; display: inline-block; border-radius: 50%; background: #fff; padding:3px; bottom: 100px; position: relative; border: 1px solid #C0C0C0; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-about-us .sw-person img:hover { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); overflow: hidden; } .sw-border { border: 1px solid #D8D8D8; padding: 20px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .sw-border1 { border: 1px solid #C0C0C0; padding: 2px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .sw-border1:hover { background: #F7F7F7; } .sw-about-us .about-name { text-align: center; font-weight: bold; font-size: 22px; bottom: 50px; position: relative; border-bottom: 1px solid #eee; padding-bottom: 25px; } .sw-about-us .about-text { overflow: hidden; display: inline-block; max-height: 80px; position: relative; bottom: 20px;margin: 0 auto; max-width: 1300px; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ header .site-branding { position: relative; top: 30%; color: #fff; width: 100%; text-align: center; display: block; z-index: 999; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } header .site-title { position: relative; margin: 3px 0 0 0; z-index: 1003; display: inline-block; font-family: 'Jockey One', sans-serif; font-size: 3em; word-wrap: break-word; font-weight: 100; } header .site-title a { color: #E5E5E5; font-size: 0.8em; padding: 0; font-weight: 900; text-shadow: -1px 0 black, 0 1px black, 2px 0 black, 0 -2px black; } header .site-title img { max-width: auto; height: 100%; } header .site-description { font-size: 0.8em; margin: 0; padding: 0; position: relative; z-index: 1003; text-shadow: -1px 0 black, 0 1px black, 2px 0 black, 0 -2px black; } header .site-home { top: 35%; float: none; text-align: center; width: 100%; position: relative; z-index: 1111111; overflow: hidden; } header .site-home .home-title { font-family: 'Jockey One', sans-serif; font-size: 50px; margin: 0 auto; word-wrap: break-word; font-weight: 100; } header .site-home .home-title a { color: #fff; word-wrap: break-word; text-decoration: none; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } header .site-home .home-title a:hover { color: #C61717; } header .site-home .home-description { text-align: center; color: #fff; font-family: 'Jockey One', sans-serif; font-size: 18px; margin: 0; padding: 10px 0 10px 5px; } .alll { height: 100%; position: static; display: inline-block; } .site-header { width: 100%; min-height: 76px; position: relative; display: inline-block; z-index: 1; } .header-img { width: 100%; height: 250px; position: relative; display: block; z-index: 1; background-position: center top; background-repeat: no-repeat; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size:cover; background-size: cover; -webkit-box-shadow: inset 0px -84px 239px -20px rgba(58, 119, 76, 0.8) !important; overflow:hidden; } .av-container { padding: 0 10px 0 10px; } .mn-ads { border: 1px solid black; width: 600px; height: 90px; float: right; margin: 10px; } .ads { width: 728px; height: 90px; margin-left: auto; margin-right: auto; margin-top: 1em; } .ads-header { margin-right: 20px; display: block; right: 0; margin-top: 18px; text-align: center; float: right; max-width: 728px; overflow: hidden; } .ads-footer { width: 728px; height: 90px; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; } .social { width: 100%; padding: 10px; margin: 0 auto; text-align: center; background: #111111; box-shadow: inset 0 0 0 #111111, inset 0 1px 84px #111111, inset 0 0 0 #111111; color: #ffffff; border-top: 1px solid #444444; border-bottom: 1px solid #000; position: relative; height: 46px; } .social .fa-icons { padding-left: 10px; padding-right: 10px; margin: 0; text-align: left; } .social .fa-icons i { color: #C0C0C0; font-size: 17px; padding: 5px; opacity: 0.8; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .social .fa-icons i:hover { color: #C61717; opacity: 0.8; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .soc-right { position: absolute; right: 20px; top: 15px; font-size: 15px; } .soc-right span { padding: 15px; border-left: 1px solid #222; border-right: 1px solid #000; } .social .fa-icons a:hover { background: #eee; } .soc-footer .social .fa-icons { text-align: center; } .soc-right { color: #999; } .fa-icons a { border:1px solid #666; padding:3px; } .social .ap-cart a { float: right; margin: 0; color: #fff; padding-right: 10px; line-height: 1em; font-size: 0.6em; } .ap-cart { padding: 10px; margin: 0; width: 100%; text-align: center; display: block; } .ap-cart a { color: #fff; padding: 5px 8px 5px 8px; background: #111111; position: relative; z-index: 7; text-align: center; } .social input { color: #FFFFFF !important; } .mn-headline { width: 100%; position: relative; min-height: 322px; overflow: hidden; background: #f2f2f2; margin-top: 20px; } article .mn-headline img { margin-bottom: 20px; width: 100%; height: auto; display: inline; } .entry-header { height: auto; } .entry-header .entry-title { padding-top: 0; text-transform: uppercase; } .mn-excerpt { line-height: 18px; margin: 0; } #home-buttons { margin: 0 auto; width: 100%; position:relative; top: 45%; } #home-buttons .button-1, #home-buttons .button-2 { position: relative; font-size: 18px; border: 2px solid #DBDBDB; max-width: 200px; display: block; text-align: center; margin: 0 auto; margin-top: 10px; padding: 8px; border-radius: 20px; background: rgba(0, 0, 0, 0.3); color: #FFFFFF; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } #home-buttons .button-1:hover, #home-buttons .button-2:hover { color: #E5E5E5; border: 2px solid #7F7C77; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; background: rgba(0, 0, 0, 0.5); } #content-center { max-width: 1400px; margin: 0 auto; } .menu-button { border: 1px solid #fff; border-radius: 2px; margin: 12px 0 0 10px; width: 40px; height: 8px; display: block; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .menu-toggle:hover .menu-button { background: #fff; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } #menu-icon { width: 52px; display: block; } /*-------------------------------------------------------------- # Home Articles --------------------------------------------------------------*/ #content .ig-home article { width: 46%; float: none; margin-left: 20px; vertical-align: top; } .ig-home .app-first .app-sub, .ig-home .app-basic img:hover, .ig-home .app-basic img { width: 100%; height: auto !important; } body .ig-home main { padding: 0; } /*-------------------------------------------------------------- # Container Images --------------------------------------------------------------*/ .gallery-caption, .container-images .sp-title { display: none; } .container-images { max-width: 100%; text-align: center; display: block; margin: 0 auto; padding-top: 20px; } .container-images .sp-image { width: 28%; display: inline-block; margin: 5px; position: relative; z-index: 1; } .sp-image:hover .sp-title { position: absolute; text-align: center; z-index: 70; color: #fff; padding: 20px; width:100%; display: block; top: 20%; font-size: 2vw; text-transform: uppercase; font-weight: bold; opacity: 1; } .container-images .sp-overlay { z-index: 1; } .container-images .sp-image:hover .sp-overlay { width: 100%; height: 99%; display: inline-block; background-color: rgba(0, 0, 0, 0.7); z-index: 3; padding: 20px; position: absolute; display: block; } .container-images img { width: 30vw; height: 15vw; position: relative; z-index: 2; } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ a { color: #eee; text-decoration: none; font-family: 'Jockey One', sans-serif; font-weight: 100; } a:hover { color: #C61717; } a:hover, a:active { outline: 0; } .nav-links { display: block; clear: both; margin-top: 20px; width: 100%; text-align: center; } .postpagination { margin-top: 10px; width: 100%; font-family: 'Jockey One', serif; } .pagination a { font-size: 14px; } .nextpage { padding: 10px 0 10px 0; } .prevpost { float: left; } .nextpost { float: right; } .edit-link { padding: 5px; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .nav-center { width: 100%; text-align: center; display: inline-block; background: rgba(0, 0, 0, 0.9); text-align: center; border-top: 1px solid #222; position: relative; } #site-navigation { display: inline-block; margin: 0 auto; font-weight: bold; font-size:13px; text-decoration: none; position: relative; z-index: 999999; text-align: center; } .main-navigation:after { float: none; display: block; } .main-navigation ul { position: relative; list-style: none; color: #FFFFFF; margin: 0 auto; z-index: 99999; padding: 8px; display: none; } .main-navigation ul ul { display: none; position: absolute; z-index: 99999999999999; border-radius: 0px; padding: 0; min-width: 150px; } .main-navigation ul li:hover > ul { display: block; padding-top: 15px; } .main-navigation ul:after { content: ""; clear: both; display: block; } .main-navigation ul li { float: left; text-align: center; } .main-navigation ul ul li a:hover { color: #FFFFFF; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1); -moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1); box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1); } .main-navigation ul li:hover { -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .main-navigation ul li:hover a { -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .main-navigation ul li a { display: block; padding: 12px; color: #DEDEE2; text-decoration: none; font-size: 17px; text-transform: uppercase; } .main-navigation ul ul li { position: relative; float: none; min-width: 100px; z-index: 9999; text-align: left; margin: 0; background-color: rgba(0,0,0,0.6); } .dotted { position: relative; width: 100%; height:100%; z-index: 1111111; background-repeat: repeat; background-image: url(framework/images/back1.png); } .main-navigation ul ul li a { font-size: 12px; } .main-navigation ul ul li a:hover { -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .main-navigation ul ul:hover ul { padding-top: 0px; } .main-navigation ul ul ul { position: absolute; left: 100%; top: 0; width: 100%; } .main-navigation:after { content: ""; clear: both; display: block; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .menu-toggle { padding: 0 0 15px 0; font-size: 22px; } /** * 2.0 - Genericons */ #secondary ul li > a:before, .menu-item-has-children a:after, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: middle; } .main-navigation ul li > a:after { color: #DEDEE2; content: "›"; font-size: 12px; left: 10px; bottom: 0px; position: relative; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-navigation ul ul li > a:after, .main-navigation ul ul ul li > a:after { padding-left: 10px; color: #DEDEE2; content: "›"; font-size: 11px; left: 1px; bottom: 2px; position: relative; display: inline-block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .main-navigation li > a:only-child:after { content: ''; } .main-navigation ul li:hover > ul { display: block; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 99999; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 111111100; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Contacts --------------------------------------------------------------*/ .seos-cont-form { border-bottom: 1px solid #222; } .seos-cont-form table { border: none; padding: 1px; width: 100%; } .seos-cont-form .fa { color: #eee; font-size: 40px; padding-bottom: 10px; text-align: center; width: 100%; } .seos-cont-form a { color: #eee; } .seos-cont-form td { background: #111111; height: auto; font-size: 20px; padding: 10px; text-align: center; width: 33.3%; margin-top: 40px; border: none; } .seos-maps { min-width: 100%; } .seos-maps iframe { width: 100%; margin: 0; padding: 0; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 111111100; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1em; } .alignright { display: inline; float: right; margin-left: 1em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .social:after, .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .clear { content: ""; clear: both; display: block; float: none; } .menu-toggle:after, .menu-toggle:before, .news-widget:after, .news-widget:before { content: ""; clear: both; display: block; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } .tagcloud, #calendar_wrap, .textwidget { padding: 10px; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } .news-widget { text-align: left; margin-right: 5px; padding-bottom: 5px; } .news-widget a { font-size: 12px; font-family: 'Jockey One', sans-serif; } .widget_search { border: none !important; position: relative; } .widget_search .search-submit { position: absolute; right: 0px; top: 0; min-width: auto; padding: 5px; } .widget_search .search-form .search-field { width: 100%; margin: 0; line-height: 17px; padding: 5px; border: 1px solid #D2D3CD; } .search-form { position: relative; } .search-form input { line-height: 20px; min-width: auto; } .seos-top-serach .search-form { position: absolute; width: 200px; top: 17px; left: 7px; z-index: 99; } .seos-top-serach .search-form input { line-height: 5px; background: #444; color: #eee !important; border: 1px solid #555; display: inline-block; line-height: 25px; box-shadow: none; } .seos-top-serach .search-form input:focus, .seos-top-serach .search-form input:active { outline: 0 !important; border: 1px solid #000; background: #333; color: #fff; } .seos-top-serach .search-form:focus input{ background: red !important; } .seos-top-serach .search-form .search-submit { display: none !important; } .seos-top-serach.search-field { color: #eee; } .search-field { padding: 3px; } .widget-title { margin-bottom: 0; } #content aside .widget_nav_menu { border: none; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .site-content { margin: 0 auto; margin-top: 22px; display: block; clear: both; float: none; } #content main { float: right; width: 73%; padding: 0px 40px 20px 0; } .main-full-width { width: 100% !important; padding: 0px 40px 0px 40px !important; } .mn-left-sidebar { float: left; } .mn-right-content { float: right; } .mn-left-content { float: left !important; padding: 0 0 0 40px !important; } .mn-right-sidebar { float: right !important; padding: 20px 40px 0 0 !important; } article , .entry-content{ word-wrap: break-word; } article header, article header h1, article header h2 { margin: 0; font-weight: 100; color: #eee; font-family: 'Jockey One', sans-serif; } article header h1 { padding: 10px 0 10px 0; } article .fa { color: #C61717; padding: 3px; } article p, aside a { line-height: 1.5em; font-size: 14px; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ #content .sticky { background: #111111; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 0; } .no-results { padding: 10px; } .page-links { clear: both; margin: 0 0 1.5em; } .postnav { margin-top: 10px; padding-bottom: 10px; } .nav-previous { float: left; background: #111; padding: 8px; } .nav-next { float: right; background: #111; padding: 8px; } .seos-banner-top { width: 100%; text-align: center; } .seos-banner-top img { margin-top: 10px; width: 70vw; height: 9vw; text-align: center; } .seos-cart-center { text-align: center; margin-top: 40px; width: 100%; } .seos-cart-center a { padding: 5px 10px 5px 10px; text-align: center; background: #111; } #today { background: #C61717; } #today a:hover { color: #C0C0C0; } .wp-block-search .wp-block-search__button { color: #fff; background: #333; border: none; margin-left: 0; } .wp-block-search .wp-block-search__input { color: #333; } .wp-block-search .wp-block-search__button:hover { background: #555; } .wp-block-search .wp-block-search__label { display: none; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ #content aside { width: 24%; padding: 20px 0 20px 40px; float: left; word-wrap: break-word; } #content .widget { background: #111111; } #content aside ul { list-style-type: none; margin: 0; padding: 10px 20px 10px 20px; } aside ul ul li { padding-left:5px; } #content aside h2 { background: #C61717; padding: 10px 20px 10px 20px; color: white; font-size: 17px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } #content article { display: inline-block; width: 100%; background: #111111; margin-top: 20px; margin-bottom: 0; padding: 20px; } #content section, .widget-title { margin-top: 0; } aside section, article { background: #FFFFFF; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } #page #content .sr-no-sidebar { float: none; width: 100% !important; padding: 0px 40px 20px 40px; } /********* Custom Menu Widget Sidebar **********/ #secondary .menu { list-style: none; margin: 0; padding: 0; width: 100%; } #secondary .menu ul, .menu ul li{ margin: 0; padding: 0; list-style: none; } #secondary .menu li{ background: #C61717; box-shadow: inset 0 0 0 #111111, inset 0 1px 84px #111111, inset 0 0 0 #111111; cursor: pointer; width: 100%; } #secondary .menu li:hover{ position: relative; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; color: #fff; background: #7A5E02; box-shadow: none; } #secondary .menu li a { padding: 10px; color: #ffffff; display: inline-block; text-decoration: none; font-size: 14px; border-top: 1px solid #C61717; border-bottom: 1px solid #351111110; cursor: pointer; width: 100%; } /**** SECOND LEVEL MENU ****/ #secondary .menu li ul{ position: absolute; display: none; } #secondary .menu li:hover ul{ left: 100%; top: 0; display: block; } #secondary .menu li ul li a { color: #fff; display: inline-block; width: 200px; } /**** THIRD LEVEL MENU ****/ #secondary .menu li:hover ul li ul { position: absolute; display: none; } #secondary .menu li:hover ul li:hover ul { display: block; left: 200px; top: 0; } #secondary .menu li:hover ul li:hover ul li a { color: #ffffff; } .clear{ clear: both; } /********* Menu Arrow **********/ #secondary .menu li > a:after { padding-left: 10px; color: #fff; content: ' ›'; font-size: 14px; } #secondary .menu li > a:hover:after { color: #fff; content: ' ›'; } #secondary .menu li > a:only-child:after { content: ''; } #secondary .menu ul { display: none; } /********* Menu Animation **********/ #secondary .menu li:hover > ul { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.6s !important; animation-duration: 0.6s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 99999; } @media screen and (max-width: 66.5em) { #secondary .menu li ul, #secondary .menu li, #secondary .menu li ul li, #secondary .menu li:hover ul li ul { position:static; display:block; } #secondary .menu li:hover > ul { -webkit-animation-name: none; animation-name: none; } } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-reply-title{ padding-top: 20px; } .comments-area { padding: 10px; margin-top: 10px; background: #111; } .comment-form p { margin-top:10px; border-radius: 0; } .comment-form input, .comment-form textarea { border-radius: 0; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #colophon { background: #111111; padding: 10px; color: #8E8E8E; font-size: 11px; border-top: 1px solid #000000; } .site-info { text-align: center; font-size: 12px !important; } .site-footer .site-info a { color: #ffffff; } .site-footer .site-info a:hover { opacity: 0.7; } .site-footer .search-form input { line-height: 19px; margin-top: 1px; } .entry-footer, .entry-meta { font-size: 12px; } .entry-footer { padding-top: 20px; font-weight: 900; } .entry-meta a { color: #CCCCCC; } #colophon { padding: 10px; height: 100%; border-top: 1px solid #222; } .footer-center { margin: 0 auto; width: 100%; text-align:center; background: #111; border-top: 1px solid #222; border-bottom: 1px solid #000; } .site-info a { color: #B5B5B5; } .site-info p { padding: 10px; } .footer-widgets { vertical-align: top; width: 20.4%; font-size: 16px; line-height: 20px; height: auto; text-align: left; word-wrap: break-word; margin: 0 auto; padding-top: 20px; display: inline-block; } .footer-widgets a{ color: #B5B5B5; } .footer-widgets a:hover { color: #FFFFFF; } .footer-widgets .widget-title { border: none; } .footer-widgets ul { list-style-type: none; padding: 5px 0 0 0; margin: 0 10px 0 0; } .footer-widgets ul li{ padding: 0 0 5px 0; } .footer-widgets ul li a { width: 100%; } .footer-widgets h2{ margin-top: 20px; } .footer-widgets .widget-title { color: #fff; margin-top: 0; } .footer-widgets .widget { margin: 0 2.5em 2.5em; } .footer-widgets .thumb-news img { margin-top: 8px; } .banner-center { width: 100%; margin: 40px 0 30px 0; text-align: center; display: inline-block; height: 90px; } .banner-app { width: 728px; height: 90px !important; margin: 0 auto; text-align: center; display: inline-block; } .site-footer .gallery-item { margin: 5px 5px 0; max-width: 28% !important; line-height: 15px !important; } .site-footer .gallery-item:hover { opacity: 0.7; } /*-------------------------------------------------------------- # Other --------------------------------------------------------------*/ #totop { position: fixed; right: 10px; z-index: 999999999999; bottom: -60px; display: none; outline: none; width: 135px; height: 135px; text-align: center; color: #FFFFFF; padding: 5px; } #totop:hover { opacity: 0.7; display: block; } .pagination a, .pagination span { padding: 4px 8px; margin: 0; display: inline-block; color: #fff; font-size: 15px; background-color: #C61717; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 1px; box-shadow: inset 0 0 0 #111111, inset 0 1px 84px #111111, inset 0 0 0 #111111; } .pagination span { background-color: #C61717; box-shadow: none; } .pagination a:hover, .pagination span:hover { box-shadow: none; } .tags-links a { padding: 2px 4px; margin: 2px; display: inline-block; line-height: normal; color: #C0C0C0; font-size: 10px; background-color: #222; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .tags-links a:hover { color: #fff; } header .site-title, .tags-links a, .tags-links, h1, h2, h3, h4, h5, h6, nav ul li a, header .site-description { font-family: 'Jockey One', sans-serif; font-weight: 100; } .mn-today { padding: 10px; font-size: 11px; font-weight: bold; } .mn-news img { overflow: hidden; width: 270px; height: 270px; position:relative; border: 5px solid #fff; box-shadow: 0px 0px 5px #aaa; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .thumb-news { margin-top: 5px; } .thumb-news img { float: left; width: 100px; height: 80px; display: block; border: 1px solid #C0C0C0; margin-right: 5px; margin-top: 3px; box-shadow: inset 0 0 0 #111111, inset 0 1px 84px #111111, inset 0 0 0 #111111; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .thumb-news img:hover { opacity: 0.8; } .news-widget-date { font-size: 11px; margin-top: 5px; } .news-widget-title { font-size: 0.9em; margin-top: 0 !important; padding-top: 0 !important; line-height: 1em; } .wpcf7-submit { padding: 5px; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .seos-top-serach ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #eee; } .seos-top-serach ::-moz-placeholder { /* Firefox 19+ */ color: #eee; } .seos-top-serach :-ms-input-placeholder { /* IE 10+ */ color: #eee; } .seos-top-serach :-moz-placeholder { /* Firefox 18- */ color: #eee; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } #secondary .gallery { text-align: center; padding: 5px; } #secondary .gallery-item { margin: 5px 5px 0; max-width: 27% !important; line-height: 15px !important; } #secondary .gallery-item:hover { opacity: 0.7; } footer .gallery { text-align: center; padding: 5px; } footer .gallery-item { margin: 5px 5px 0; max-width: 25% !important; line-height: 15px !important; } footer .widget_media_gallery .widget-title { margin-left: 20px; } footer.gallery-item:hover { opacity: 0.7; } .attachment img { float: left; padding-right: 10px; padding-bottom: 10px; } /*-------------------------------------------------------------- # Media Screen --------------------------------------------------------------*/ @media screen and (min-width: 665px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } @media screen and (max-width: 665px) { #content .ig-home article { width: 100%; margin: 0 0 20px 0; } .ads, .ads-footer { overflow: hidden; width: 100%; padding: 0; margin: 0; } .menu li, .menu ul ul li, .menu ul li a, .menu ul ul li a { display: block; width: 100%; float: none; clear: both; position: relative; } nav ul li:hover > ul { -webkit-animation-name: none !important; animation-name: none !important; -webkit-transform-origin: none !important; transform-origin: none !important; } .slick-prev { left: -10px !important; top: 25%; } .slick-next{ right: -10px !important; top: 25%; } #primary, body, #page, #site-navigation, .main-navigation, .mn-headline, .mn-headline h3, #content main, .content-area, main, #main, .site-main, section, aside, footer, header, form, #content aside, figure, .hentry { display: block; width: 100%; float: none; clear: both; position: static; margin: 0 auto; padding: 0; } .search-field { width: 93% ; } #site-navigation { background: #111111; } .menu-toggle { background: #111111; color: #fff; font-size: 24px; border: none; position:relative; z-index: 99999; margin: 0 auto; width: 100%; } .main-navigation li { background: #111111; } .menu-toggle ul { display: block; position: static; margin: 0 auto; } .slick-slide { padding: 0; } .container-slider h3 { font-size: 8px; } .social .ap-cart, .social .fa-icons, .social { display: block; clear: both; float: none; width: 100%; position: static; text-align: center; margin: 0 auto; height: 100%; padding: 0; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { padding: 30px !important; } .main-navigation ul ul, .main-navigation ul ul ul, .main-navigation ul ul li { display: block; position: relative; float:none; position: static; clear: both; } .search-form { margin-top: 10px !important; } .main-navigation ul ul li a, .main-navigation ul ul li { min-width: 100%; } .main-navigation ul li a { border-top: 1px solid #222; border-bottom: 1px solid #111111; } .social .ap-cart a { float: none; clear: both; } main article { padding: 20px !important; } .site-info { padding-bottom: 10px; } .widget_search .search-form .search-field { margin-bottom: 10px; } .mn-headline h3 a { font-size: 4vw !important; padding: 10px; position: static !important; } .ads-header { display: block; float: none; clear: both; position: static; max-width: 728px; margin-left: auto; margin-right: auto; margin-bottom: 20px; overflow: hidden; padding-right: 0; } .ads-header img { overflow: hidden; } header .site-branding{ text-align: center; width: 100%; float: none; right: auto; top: 20%; } .ap-cart, header .site-home .site-description { position: static; width: 100%; text-align: center; } .sm-logo { padding-left: 0; } footer .footer-widgets, .news-widget { width: 100%; margin: 0 auto; float: none; clear: both; text-align: center; height: auto; } .main-navigation ul li > a:after, .main-navigation ul ul li > a:after { float: none; } .nav-center { position: static; height: auto; text-align: center; } #home-buttons .button-1, #home-buttons .button-2 { font-size: 16px; max-width: 150px; padding:3px; } header .site-home .home-title { font-size: 5vw; } .menu-rre-container { padding-left:10px; } .main-navigation li, .main-navigation li a, .main-navigation ul { text-align: left; } #site-navigation ul li a { padding-bottom: 10px; } #secondary .menu li:hover { background: #C61717; } .main-navigation ul li a { padding-bottom: 0; } header .site-home { top: 47%; } #secondary .menu li ul li a { width: 100%; } .main-navigation #primary-menu { padding-top: 0; } .title-testimonials { font-size: 7vw !important; } body #content aside { width: 100% !important; } body header .site-title a, .book_wrapper h1, .entry-header .entry-title, body #content aside h2 { font-size: 5vw !important; } .seos-cont-form td { font-size: 2vw !important; } header .site-description { font-size: 2vw !important; } body, p, .about-text, article p { font-size: 3vw !important; } .seos-boxes .seos-box { width: 100%; } .sp-image:hover .sp-title { top: 5%; } body .header-img { background-attachment: initial !important; } .social .fa-icons, .soc-right { display: block; text-align: center; position: static; line-height: 37px; width: 100%; } .seos-top-serach .search-form { position: static !important; margin-bottom: 10px; } .soc-right span { border-left: none; } .social .fa-icons i { padding:5px; font-size: 11px; } } @media screen and (max-width: 365px) { body .header-img { max-height: 250px; } #page #content .sr-no-sidebar { padding: 0 !important; } .app-first .app-sub { float: none !important; } .sw-about-us .sw-person, .testimonial-view .testimonial-mask, .testimonial-view img, .testimonial-view { width: 250px !important; margin: 0 auto; } footer .widget_media_gallery .widget-title { margin-left: 0; } } @media screen and (max-width: 250px) { body #content main { width: 100% !important; } }