![]() 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/football-sports-club/ |
html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: 'Outfit', sans-serif; color: #b0a1bb; } h1,h2,h3,h4,h5,h6{ color: #222222; font-weight: bold; } pre { font-size: 1em; } a { color: #d50029; background-color: transparent; text-decoration: none; } hr { box-sizing: content-box; height: 0; overflow: visible; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-size: 1em; } small { font-size: 80%; } sub { bottom: -0.25em; } sup { top: -0.5em; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15; margin: 0; } img { border-style: none; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } input[type="text"]:focus, input[type="email"]:focus, textarea:focus{ outline: -webkit-focus-ring-color auto 1px; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * Alignment CSS */ .alignwide { margin-right : -80px; margin-left : -80px; } .alignfull { margin-right : calc( -100vw / 2 + 100% / 2 ); margin-left : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .alignfull img { width: 100vw; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ .custom-header *, .featured-header-image * { color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } .entry-content a, .textwidget a,.comment-content a, .woocommerce-product-details__short-description a,#page-content p a{ text-decoration: underline; } #masthead { margin-bottom: 2em; } .page-template-home-template #masthead { margin-bottom: 0; } /*-------------------------------------------------------------- # Scroll Back --------------------------------------------------------------*/ #button { display: inline-block; background-color: #d50029; width: 55px; height: 55px; text-align: center; position: fixed; bottom: 60px; left: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 999; padding: 18px 0; font-weight: bold; } a#button{ color: #fff !important; } #button:hover,#button:active { cursor: pointer; background-color: #d50029; } #button.show { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # Form --------------------------------------------------------------*/ .post-password-form input[type="password"] { margin-top: 0.4375em; } .top_header,.main-header { border-bottom: solid 2px #efefef; } .top_header span i,.social-link i:hover{ color: #d50029; } .top_header span { color: #222222; font-size: 15px; } .social-link i { color: #b0a1bb; font-size: 14px; } span.match-cl { color: #d50029; font-weight: bold; font-size: 12px; } /*-------------------------------------------------------------- ## Logo --------------------------------------------------------------*/ .navbar-brand { margin: 0; padding: 0; } .navbar-brand a { color: #222222; } .navbar-brand p { color: #222222; font-size: 15px; margin-bottom: 0; } .navbar-brand h1.site-title, p.site-title{ margin-bottom: 0; font-size: 25px; font-weight: bold; } /*-------------------------------------------------------------- ## Slider Section --------------------------------------------------------------*/ .slider-inner-box { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; right: 15%; } .slider-box{ color: #fff; } .slider-inner-box h1 a { color: #d50029; font-size: 65px; font-weight: bold; } .slider-box-btn a{ background: #fff; padding: 15px 25px; color: #d50029; font-weight: bold; font-size: 15px; } .slider-box-btn a:hover,.team-btn a:hover{ background: #d50029; color: #fff; } #top-slider button.owl-prev,#top-slider button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); } #top-slider button.owl-prev{ right: 20px; } #top-slider button.owl-next{ left: 20px; } #top-slider .owl-nav i { background: #fff; padding: 20px; color: #d50029; border-radius: 30px; font-size: 15px; } #top-slider .owl-nav i:hover{ background: #d50029; color: #fff; } #top-slider .owl-nav{ display: block; } button.owl-prev,button.owl-next { background: transparent; border: none; } /*-------------------------------------------------------------- ## Sports Activities --------------------------------------------------------------*/ .sports-activities h3 { color: #d50029; font-size: 40px; } .box-category,.box-image img { background: #eeeeee; border-radius: 8px; } .box-image { position: relative; margin-bottom: 20px; } .box-icon i { background: #d50029; width: 65px; height: 65px; text-align: center; padding: 14px 0; font-size: 30px; color: #fff; border-radius: 50%; border: solid 4px #19002d; } p.box-icon { position: absolute; bottom: -30px; margin-bottom: 0; left: 30px; } .box-category a { text-decoration: underline; font-weight: bold; } /*-------------------------------------------------------------- ## Sticky --------------------------------------------------------------*/ .stick_header { position: fixed; width: 100%; z-index: 999; top: 0; background: #ebebeb; } .admin-bar .main-header.stick_header { margin-top: 32px; } /*-------------------------------------------------------------- ## Preloader --------------------------------------------------------------*/ .dot { height: 20px; width: 20px; border-radius: 50%; display: inline-block; margin: 6px; animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite; } .loading { background-color: #fff; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: fixed; z-index: 99999; } @keyframes loading { 0%, 100% { transform: translatey(-2.5rem); background-color: #d50029; } 50% { transform: translatey(2.5rem); background-color: #d50029; } } /*-------------------------------------------------------------- ## Articale --------------------------------------------------------------*/ #latest_post h2 { font-size: 30px; } .postcat-name { font-size: 14px; color: #d50029 !important; font-weight: bold; } .article-box { background: #eeeeee; padding: 15px; border-radius: 10px; margin-bottom: 30px; } .article-box img { border-radius: 10px; } .article-box h3.entry-title { font-size: 20px; font-weight: bold; margin-bottom: 0; } .sidebar .search-from,.sidebar form.woocommerce-product-search { padding: 10px; } .sidebar input[type="submit"],.sidebar button[type="submit"] { width: 100%; background: #d50029; border: none; font-weight: bold; font-size: 14px; } h2.entry-title, h1.entry-title, h2.page-title { font-size: 45px; } .article-box a{ color: #d50029; } .author-date a { font-weight: 600; text-transform: capitalize; } a.btn-text { color: #d50029; font-weight: bold; } .meta-info-box span,.meta-info-box a { color: #b0a1bb; text-transform: uppercase; font-size: 13px; } .entry-summary p { line-height: 1.7; font-size: 15px; } /*-------------------------------------------------------------- ## Woocommerce Product CSS --------------------------------------------------------------*/ .woocommerce ul.products li span.price { margin: 0 5px; } .woocommerce ul.products li.product a img{ margin: 0; } p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #d50029; font-weight: bold; font-size: 14px; } span.onsale { position: absolute; top: 0; background: #d50029; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 10px; text-transform: uppercase; } .pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { padding: 12px 15px; color: #fff; font-size: 15px; background: #d50029; } .pro-button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: #d50029; color: #fff; } ins { text-decoration: none; } .woocommerce ul.products li { text-align: center; box-shadow: 0 0 5px 2px #efefef; padding: 5px 5px 10px !important; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { position: absolute; top: 15px; color: #242929; font-weight: bold; font-size: 10px; text-transform: uppercase; right: 15px; left: auto; background: #ffc53f; padding: 2px 5px; border-radius: 0px; margin: 0px; min-height: 20px; line-height: 1.5; } .woocommerce ul.products li.product .star-rating,.woocommerce .star-rating { margin: 0px auto 10px; color: #ffc53f; } .woocommerce .woocommerce-ordering select { background: #d50029; color: #fff; padding: 2px; border: 1px solid #e3e3e3; } .woocommerce .entry-summary { margin: 0; } .woocommerce .quantity .qty { padding: 8px; border: solid 2px #b0a1bb; } .woocommerce-message, .woocommerce-info{ border-top-color: #d50029; } .woocommerce-message::before, .woocommerce-info::before{ color: #d50029; } input[type="text"], input[type="email"], input[type="phno"], input[type="password"], textarea { border: 1px solid #bcbcbc; width: 100%; font-size: 16px; padding: 10px 10px; margin: 0 0 23px 0; height: auto; } span.woocommerce-input-wrapper, .checkout label, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content,.woocommerce form .form-row label,span.password-input,header.page-header { width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: initial; background: #d50029; padding: 10px; margin-left: 5px; font-size: 15px; font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a{ color: #fff; } h2.woocommerce-loop-product__title { font-size: 16px !important; padding: 8px 0 !important; } .woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2{ display: table-cell; max-width: 100%; float: none; } .woocommerce ul.products li.product .button{ margin-top: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .navigation_header .nav { justify-content: flex-end; } nav#site-navigation{ padding: 0; } .main-navigation .menu { display: inline-block; margin: 0; padding: 0; } .main-navigation .menu > li { display: inline; position: relative; } .main-navigation .menu > li > a { color: #222222; padding: 15px; display: inline-block; font-size: 14px; } .main-navigation .menu > li > a:hover{ color: #d50029; } .main-navigation .sub-menu { background-color: #d50029; list-style: none; padding-right: 0; position: absolute; opacity: 0; right: -9999px; z-index: 99999; width: 200px !important; } .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus { background: #d50029; color: #fff; } .main-navigation .sub-menu > li { display: block; float: none; position: relative; } .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { display: inline-block; position: absolute; width: calc( 24px + 1rem); left: 0; top: calc( .125 * 1rem); bottom: 0; color: white; line-height: 1; padding: calc( .5 * 1rem); } .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { margin-left: 0; } .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return { color: #fff; display: block; padding: 15px; font-weight: 600; } .main-navigation .sub-menu > li > .menu-item-link-return { width: 100%; font-size: 22px; font-weight: normal; text-align: right; } .main-navigation .sub-menu > li > a:empty { display: none; } .main-navigation .sub-menu > li.mobile-parent-nav-menu-item { display: none; font-size: 0.88889em; font-weight: normal; } .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum, .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { display: block; right: 0; margin-top: 0; opacity: 1; width: auto; min-width: 100%; } /*-------------------------------------------------------------- ## Next / Previous --------------------------------------------------------------*/ /* Next/Previous navigation */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; width: 100%; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: right; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; text-align: left; width: 50%; } .comment-content.card-block { padding: 20px; } .navigation.post-navigation { padding-top: 1.875rem; } .post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a { border: 1px solid #ddd; -webkit-border-radius: 0.98rem; -moz-border-radius: 0.98rem; border-radius: 0.98rem; display: inline-block; padding: 0.313rem 0.875rem; background: white; } .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover { background: #d50029; color: white; border: 1px solid #d50029; } .post-navigation .nav-next a::after, .posts-navigation .nav-next a::after { content: " \2192 "; } .post-navigation .nav-previous a::before, .posts-navigation .nav-previous a::before { content: "\2190 "; } .navigation.pagination { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .navigation.pagination .nav-links a, .navigation.pagination .nav-links span { border: 1px solid #ddd; -webkit-border-radius: 0.98rem; -moz-border-radius: 0.98rem; border-radius: 0.98rem; display: inline-block; padding: 0.13rem 0.875rem; background: white; } .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover { background: #d50029; color: white; border: 1px solid #d50029; } @media screen and (max-width: 560px) { .navigation.post-navigation .nav-links { display: flex; flex-flow: column wrap; } .navigation.post-navigation .nav-links .nav-previous, .navigation.post-navigation .nav-links .nav-next { margin-bottom: 14px; width: 100%; float: none; text-align: start; } .admin-bar .main-header.stick_header { margin-top: 0px; } .stick_header { position: static; background: #ebebeb; } } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .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; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: right; margin-left: 1.5em; } .alignright { display: inline; float: left; margin-right: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } a img .alignright { float: left; margin: 0.313rem 1.25rem 1.25rem 0; } a img .alignnone { margin: 0.313rem 0 1.25rem 1.25rem; } a img .alignleft { float: right; margin: 0.313rem 0 1.25rem 1.25rem; } a img .aligncenter { display: block; margin-right: auto; margin-left: auto; } .wp-caption .alignnone { margin: 0.313rem 0 1.25rem 1.25rem; } .wp-caption .alignleft { margin: 0.313rem 0 1.25rem 1.25rem; } .wp-caption .alignright { margin: 0.313rem 1.25rem 1.25rem 0; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .module-border-wrap { -moz-border-image: -moz-linear-gradient(to bottom left, #19b094 0%, #d50029 100%); -webkit-border-image: -webkit-linear-gradient(to bottom left, #19b094 0%, #d50029 100%); border-image: linear-gradient(to bottom left, #19b094 0%, #d50029 100%) 1; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-form-url input{ width: 100%; } .comment-respond input#submit { background: #d50029; border: none; color: #fff; padding: 10px 20px; font-weight: 600; border-radius: 5px; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-title { font-size: 1.125rem; } .comment-body .pull-left { padding-left: 0.625rem; } .comment-list { padding-right: 0; } .comment-list .comment { display: block; } .comment-list .pingback { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.563rem 0; } .comment-list .pingback a { margin-right: 5px; margin-left: 5px; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .error-404 input.search-field.form-control { width: 30%; } .error-404 input.search-submit.btn.btn-primary { width: 30%; margin-top: 5px; } .sticky .entry-title a { margin-right: 15px; } .sticky .entry-title::before { content: '\f08d'; font-family: "Font Awesome\ 5 Free"; font-size: 20px; font-weight: 900; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .posted-on, .byline, .comments-link { color: #9a9a9a; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #colophon { background: #d50029; color: #fff; } #colophon a { color: #fff; } .footer-menu li{ display: inline-block; padding-left: 10px; } .site-info { padding: 15px 0; } .footer-menu-left { text-align: left; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget a:hover, .widget a:focus { color: #d50029; } .widget ul li.recentcomments { display: block; padding: 5px 15px; } .widget .gallery-item, .textwidget { padding: 10px; } .widget #wp-calendar caption { caption-side: top !important; padding-top: 0; } .widget #wp-calendar tbody tr td { padding: .5rem; } .widget #wp-calendar tfoot { text-align: center; } .half-rule { margin: 2.5rem 0; width: 6rem; } .sidebar section { border: solid 1px #e7ebf1; margin-bottom: 30px; } .sidebar h5 { font-size: 20px; color: #fff; background: #d50029; padding: 15px 10px; margin-bottom: 0; letter-spacing: 2px; text-align: center; } .sidebar ul { list-style: none; padding: 0; } .sidebar li { color: #b0a1bb; padding: 10px; font-size: 15px; font-weight: 500; } .sidebar ul li a:before { content: '\f30b'; font-family: "Font Awesome\ 5 Free"; font-size: 15px; margin-left: 10px; font-weight: 900; } .sidebar ul li a:hover { color: #d50029; } .sidebar ul li a { color: #b0a1bb; } .sidebar .textwidget img, .sidebar .form-group { width: 100%; height: auto; } .sidebar select { padding: 10px; border: solid 1px #e3e3e3; background: transparent; font-size: 14px; width: 100%; color: #b0a1bb; } .sidebar .tagcloud a { border: 1px solid #e3e3e3; color: #b0a1bb; line-height: 20px; padding: 5px 10px; font-size: 12px !important; display: inline-block; margin-bottom: 5px; } .sidebar .tagcloud a:hover{ background: #d50029; color: #fff; } .sidebar .tagcloud { margin-top: 15px; } .sidebar input[type="search"]{ padding: 10px; width: 100%; border: solid 1px #e7ebf1; font-size: 15px; } .sidebar button[type="submit"] { padding: 8px; width: 100%; margin-top: 10px; color: #fff; } .sidebar table#wp-calendar { border: solid 1px #e3e3e3; text-align: center; margin-top: 15px; width: 100%; } .sidebar th,#theme-sidebar td { border-left: solid 1px #e3e3e3; padding: 10px 0; } .sidebar tr { border-bottom: solid 1px #e3e3e3; } /*-------------------------------------------------------------- # Infinite Scroll --------------------------------------------------------------*/ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # 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%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { background-color: #fff; border: 1px solid #dee2e6; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; height: auto; max-width: 100%; padding: 0.25rem; } .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 { color: #686868; font-size: 13px; font-size: 0.8125rem; text-align: center; } /*-------------------------------------------------------------- ## 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; } ul.comment-list .comment .media-body {overflow: auto;} .toggle-nav.mobile-menu, a.closebtn.mobile-menu { display: none; } @media screen and (max-width: 720px){ .toggle-nav,.footer-menu-left,#colophon ul,.slider-box{ text-align: center; } .navbar-brand,.admin-bar .navigation_header.stick_header { margin: 0 auto; width: 100%; } #top-slider button.owl-prev{ right: 0; } #top-slider button.owl-next{ left: 0; } .slider-inner-box h1 a{ font-size: 25px; } .slider-inner-box { left: 15%; right: 15%; } .slider-inner-box p{ display: none; } } @media screen and (min-width: 768px) and (max-width: 1000px){ .admin-bar .main-header.stick_header { margin-top: 46px; } } @media screen and (max-width: 1000px){ .toggle-nav.mobile-menu { text-align: left; } .nav-box { outline: none; background: transparent; } .main-navigation .sub-menu > li{ border: none; } .alignfull { max-width: 1000%; margin-left: ~"calc(50% - 50vw)"; margin-right: ~"calc(50% - 50vw)"; width: auto; } .alignwide { max-width: 1000%; margin-left: ~"calc(25% - 25vw)"; margin-right: ~"calc(25% - 25vw)"; width: auto; } .toggle-nav { display: none; cursor: pointer; z-index: 999999; } .toggle-nav i { font-size: 30px; color: #ffffff; padding: 8px; background: #d50029; border-radius: 3px; } .toggle-nav button { border: none; background: transparent; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 99999999; right: 0; top: 0; overflow-x: hidden; transition: 0.5s ; overflow-y: scroll; background: #000; visibility: hidden; } .sidenav.show { visibility: visible; width: 300px; } .sidenav .closebtn { position: absolute; top: 20px; margin-right: 10px; display: block; font-size: 22px; background: #d50029; border-radius: 5px; width: 35px; height: 35px; color: #fff; text-align: center; } .sidenav #site-navigation { width: 100%; } .toggle-nav, .toggle-nav.mobile-menu, a.closebtn.mobile-menu, .main-navigation ul ul li, .nav ul li a{ display: block; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-right:20px !important; } .nav ul li ul li ul li a{ padding-right:30px !important; } .nav ul li ul, .nav ul li ul ul { display: block !important; opacity: 1 !important; } .main-navigation ul ul{ position: static; width: 100%; } .main-navigation li{ padding: 0; } .main-navigation .sub-menu{ position: static; background: transparent; } .main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return { color: #b0a1bb; display: block; border: none; } } @media screen and (min-width: 768px) and (max-width: 999px){ .slider-inner-box { left: 35%; } }