/* Theme Name: Generic Theme URI: https://generic.tools/ Author: Bryan Hadaway Author URI: https://calmestghost.com/ Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy! Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio Version: 1.9 Requires at least: 5.2 Tested up to: 5.9 Requires PHP: 7.0 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Text Domain: generic Generic WordPress Theme © 2015-2022 GenericTools Generic is distributed under the terms of the GNU GPL */ @import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&family=Zen+Dots&family=Urbanist:wght@400;700&display=swap'); /* font-family: 'Urbanist', sans-serif; font-family: 'Syncopate', sans-serif; font-family: 'Zen Dots', sans-serif; */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease} body{font-family: 'Urbanist', sans-serif; font-size:18px;color:#767676;line-height:normal;word-wrap:break-word;background:#222} h1, h2, h3, h4, h5, .bttn, .one-num-item .oni-num, #news-screen .ons-date, #coaches-block .ocb-title, #sales-block .oslb-title, #prices-block .opb-title, #foot-info .msc-title, #directs-screen .one-ds .ods-title, #sport-school-screen .osss-title, #shedule-block .osb-title { font-family: 'Zen Dots', sans-serif; } h1, h2, h3, h4, h5, h6{font-weight:bold;margin-bottom:30px} h2, h3, h4, h5, h6{margin-top:40px} h1{font-size:35px} h2{font-size:30px} h3{font-size:25px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px} p{margin:30px 0} .page #content p, .single-post #content p{font-size:18px;line-height:145%} * p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0} a{color: var(--color-green); text-decoration: none; } a:hover, a:focus{text-decoration:none} strong{font-weight:bold} em{font-style:italic} pre{overflow-x:auto;white-space:pre-wrap} pre, code{font-family:'courier new',courier,serif} hr{height:1px;border:0;margin:30px 0;background:#ccc} blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0} blockquote p:first-of-type{margin-top:0} .entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:30px 0 30px 60px} .entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol, .entry-content ul ol, .widget-container ul ol, .comment-body ul ol, .entry-content ol ul, .widget-container ol ul, .comment-body ol ul{margin-top:0;margin-bottom:0} .entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal outside;list-style-type:decimal-leading-zero;margin-left:70px} .entry-content ul li, .widget-container ul li, .comment-body ul li{list-style-type:'— '} .entry-content li, .widget-container li, .comment-body li{line-height:125%;margin:20px 0} input, textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;padding:15px;border:0;border-bottom:1px solid transparent;outline:0;margin-top:10px;background:#f6f6f6} input:focus, textarea:focus{border-bottom:1px solid #007acc} input[type="submit"], button, .button{display:inline-block;font-size:18px;color:#fff;text-align:center;text-decoration:none;padding:15px 25px;border:0;background:#007acc;cursor:pointer} input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus{} a img, input[type="image"], iframe{border:0} a img:hover, a:focus img, a svg:hover, a:focus svg{opacity:0.8} img[src$=".svg"], svg{display:inline-block;line-height:normal;vertical-align:middle} img, video, audio, table, select, textarea{max-width:100% !important;height:auto} table{width:100%;margin:30px 0} #wrapper{display:flex;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto} #header{padding:5%; position: relative; z-index: 1;} #branding{float:left} #logo{max-height:100%} #container{position: relative; background: #222; } .wrapper { padding: 5%; } #content{width:100%;} #sidebar{width:25%;float:right} #footer{clear:both} #header { display: flex; justify-content: space-between; align-items: center; } #head-left-side { max-width: 15%; } #top-row { display: flex; justify-content: flex-end; } #top-row > div { margin-left: 10%; color: #fff; font-size: 12px; font-family: 'Syncopate', sans-serif; } #menu{margin-top:10px;float:right} #menu div:first-of-type{float:left} #menu ul{font-size:0} #menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0} #menu li.menu-item-has-children > a:after, #menu li.page_item_has_children > a:after{font-family:serif;content:' ▾'} #menu li.current-menu-item a, #menu li.current_page_parent a{} #menu a{display:inline-block;font-size:18px;color:#fff;text-align:right;text-decoration:none;line-height:33px;padding-bottom:10px;margin-top:-1px;margin-right:25px} #menu a:hover, #menu a:focus{color: var(--color-green);text-decoration:none} #menu ul.sub-menu, #menu ul.children{position:absolute;display:block;top:100%;left:-9999px;margin-top:20px;transition:unset;z-index:1000} #menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#333;text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff} #menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{color:#767676;background:#f7f7f7} #menu li.menu-item-has-children a:hover + ul.sub-menu, #menu li.menu-item-has-children a:focus + ul.sub-menu, #menu li.menu-item-has-children a + ul.sub-menu:hover, #menu li.menu-item-has-children a + ul.sub-menu:focus-within, #menu li.page_item_has_children a:hover + ul.children, #menu li.page_item_has_children a:focus + ul.children, #menu li.page_item_has_children a + ul.children:hover, #menu li.page_item_has_children a + ul.children:focus-within{left:0} #menu .menu-toggle{display:none;color:#fff;text-align:center;padding:0;border:0;margin:0;background:none;transition:unset} #menu .menu-toggle:hover, #menu .menu-toggle:focus{color: var(--color-green);} #menu .menu-icon{font-size:50px} #search{float:right; display: none;} #search .search-field{width:36px;height:36px;color:transparent;padding:10px;border-color:transparent;margin-top:0;background-color:#transparent;background-image:url(images/find-light.png);cursor:pointer} #search .search-field:focus{width:200px;color:#fff;border-color:#007acc;cursor:text} .widget-container .search-field{width:100%} .error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px} .error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6} .search-field{background:url(images/find.png) no-repeat 98% center / 24px auto} #site-title h1, #site-title a{display:inline;font-size:40px;font-weight:normal;color:#fff;text-decoration:none;margin-bottom:0} #site-description, #copyright, #copyright a{color:#8a8a8a} .single h1.entry-title a{color:#767676;text-decoration:none} h2.entry-title, h3.widget-title{margin-top:0} #commentform label{display:block} #commentform #comment{width:100%;max-width:400px !important;height:auto} #comments .comment-author{line-height:14px} #comments .comment-author img{margin-right:5px;float:left} #comments .comment{margin:20px 10px} #comments .comment-body{padding:15px} #comments .odd > .comment-body{background:#f6f6f6} #comments .comment-body > p{font-size:16px;margin:15px 0 0} #copyright{text-align:center} .entry-meta, .entry-footer, .archive-meta{margin:30px 0} .entry-footer{clear:both} .entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#767676} .sticky{padding-bottom:60px;border-bottom:4px solid #ccc} .bypostauthor{} .post, .widget-container, .search article{margin-bottom:60px} .post:last-of-type{margin-bottom:0} .wp-caption{width:auto !important} .wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center} .wp-block-gallery ul, .wp-block-gallery ul li, .wp-block-gallery ul li:before{content:'';margin:0} .wp-post-image{display:block;margin-bottom:30px} .entry-attachment img{display:block;margin:60px auto 30px} .attachment .entry-caption{text-align:center} .alignleft{margin:0 30px 30px 0;float:left} .alignright{margin:0 0 30px 30px;float:right} .aligncenter{display:block;margin:30px auto;clear:both} #content p.wp-block-cover-text{color:#fff} .nav-links{margin-top:30px} .nav-links a, #nav-above a{text-decoration:none} #nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px} .nav-previous{text-align:left;float:left} .nav-next{text-align:right;float:right} .note{display:block;font-size:14px;padding:20px;margin:30px 0} .icon{display:inline-block;width:32px;height:32px;line-height:normal;vertical-align:middle;mask-size:cover;background-color:currentColor} .symbol{font-family:"Times","Times New Roman","serif","sans-serif",system-ui,-apple-system,BlinkMacSystemFont,"Avenir Next","Avenir","Segoe UI","Lucida Grande","Helvetica Neue","Helvetica","Fira Sans","Roboto","Noto","Droid Sans","Cantarell","Oxygen","Ubuntu","Franklin Gothic Medium","Century Gothic","Liberation Sans",sans-serif,"EmojiSymbols"} .round{border-radius:100px} .circle{border-radius:50%} .blue, .blue *, .blue-dark, .blue-dark *, .green, .green *, .green-dark, .green-dark *, .orange, .orange *, .purple, .purple *, .red, .red *, .black, .black *{color:#fff} .white, .white *, .yellow, .yellow *{color:#000} .white{background-color:#fff !important} .blue{background-color:#007acc !important} .blue-dark{background-color:#1c78b5 !important} .green{background-color:#91da29 !important} .green-dark{background-color:#5d8c1a !important} .orange{background-color:#f98733 !important} .purple{background-color:#bb6cf8 !important} .red{background-color:#ef645d !important} .yellow{background-color:#f8f658 !important} .black{background-color:#4a4a45 !important} .lighter{background-color:rgba(255,255,255,0.05)} .darker{background-color:rgba(0,0,0,0.05)} .overlay:before{position:fixed;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.5);z-index:0} .layer{width:100%;padding:5%} .layer-inner{max-width:800px;margin:0 auto} .box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;float:left} .box-2{width:50%} .box-3, .box-1-3{width:33.3333333%} .box-4{width:25%} .box-5{width:20%} .box-6{width:16.6666667%} .box-2-3{width:66.6666666%} .left{text-align:left} .center{text-align:center} .right{text-align:right} .float-left{float:left} .float-right{float:right} .clear{clear:both} .clear-left{clear:left} .clear-right{clear:right} .clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both} .offset{padding-top:100px;margin-top:-100px} .spacer{display:inline-block;width:25px} :root { --color-green: #C0CB00; --color-grey: #312f30; --color-black: #040000; } .bttn { display: block; width: fit-content; color: var(--color-grey); background: var(--color-green); padding: 15px 30px; margin: 0 auto; border-radius: 3px; text-decoration: none; } .wrapper:has(.ms-title) { padding: 5% 5% 0 5%; } .wrapper:has(.ms-title) h2 { text-align: center; margin: 30px auto; width: fit-content; color: #fff; position: relative;} .wrapper:has(.ms-title) h2:before, .wrapper:has(.ms-title) h2:after { content: ""; display: block; position: absolute; width: 10px; height: 100%; top: -5px; border-top: 5px solid var(--color-green); border-bottom: 5px solid var(--color-green); } .wrapper:has(.ms-title) h2:before { left: -25px; border-left: 5px solid var(--color-green); border-radius: 4px 0 0 4px; } .wrapper:has(.ms-title) h2:after { right: -25px; border-right: 5px solid var(--color-green); border-radius: 0 4px 4px 0; } article .wrapper { padding-bottom: 0; } #video-head { position: relative; background: #000; } #myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 0; opacity: 0.25; } #lang-change { display: flex; justify-content: flex-end; } #lang-change li { margin-left: 10px; } #head-left-side { margin-right: 30px; } #head-right-side { flex-grow: 1; } .top-head-nowrap { white-space: nowrap; } .head-title-green { color: var(--color-green); font-weight: bold; } body:not(.home) #video-screen { display: none; } body:not(.home) #video-head { /*overflow: hidden;*/ } body:not(.home) #video-head #myVideo { bottom: -50%; } #video-screen .wrapper { text-align: center; position: relative; z-index: 1; color: #fff; } #video-screen .wrapper h1 { color: var(--color-green); font-size: 42px; } #about-screen { background: var(--color-grey); color: #fff; } #about-screen .wrapper:has(#asw-left) { display: flex; justify-content: space-between; } #asw-left { display: flex; justify-content: space-between; align-items: stretch; width: 45%; } #asw-left div { width: 48%; } #asw-left img { width: 100%; height: 100%; object-fit: cover; } #two-img-sm { display: flex; flex-direction: column; } #two-img-sm img:first-child { margin-bottom: 20px; } #asw-right { width: 50%; } #about-screen img { border-radius: 5px; } #numbers-screen { background: #fff; color: var(--color-black); } #numbers-screen h2 { color: var(--color-black); } #numbers-screen .wrapper:has(.one-num-item) { display: flex; justify-content: space-between; } .one-num-item { width: 23%; text-align: center; } .one-num-item .oni-num { font-weight: bold; font-size: 32px; margin-top: 15px; } #sport-school-screen { position: relative; background: linear-gradient(-90deg, var(--color-black) 24%, var(--color-grey) 86%); } #sport-school-screen:before { content: ""; position: absolute; top: -40px; left: 0; width: 100%; height: 40px; background: var(--color-green); -webkit-clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%); } #sport-school-screen:after { content: ""; position: absolute; bottom: -40px; left: 0; width: 100%; height: 40px; background: var(--color-green); -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%); } #sport-school-screen .wrapper:has(.one-sss) { display: flex; display:-webkit-flex; justify-content: space-between; flex-wrap: wrap; } #sport-school-screen .one-sss { text-align: center; padding: 15px; background: rgba(192,203,0,0.075); border-radius: 5px; color: #fff; margin-bottom: 20px; } #sport-school-screen .one-sss img { height: 50px; } #sport-school-screen .one-sss.width-1to4 { width: 24%; } #sport-school-screen .one-sss.width-1to2 { width: 49%; } #sport-school-screen .osss-title { font-size: 26px; font-weight: bold; margin: 10px 20px; } #sport-school-screen .osss-descr { } #directs-screen { background: var(--color-grey); } #directs-screen .wrapper:has(.one-ds) { display: flex; justify-content: space-between; flex-wrap: wrap; } #directs-screen .one-ds { text-align: center; position: relative; margin-bottom: 15px; border-radius: 5px; overflow: hidden; } #directs-screen .one-ds:after { position: absolute; top: -40px; right: -47px; content: "+"; font-family: 'Zen Dots', sans-serif; font-weight: bold; font-size: 26px; padding: 5px 15px; background: var(--color-green); color: var(--color-grey); border-radius: 0 0 0 5px; transition: all 0.5s ease; } #directs-screen .one-ds img { height: 100%; width: 100%; object-fit: cover; } #directs-screen .one-ds:hover img { transform: scale(1.5, 1.5); } #directs-screen .one-ds:hover:after { top: 0px; right: 0px; } #directs-screen .one-ds .ods-title { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.75); color: #fff; padding: 10px 20px; } #directs-screen .one-ds.width-1to3 { width: 32%; } #directs-screen .one-ds.width-1to2 { width: 49%; } .pop-up-napr { position: fixed; top: 0%; right: 0%; left: 0%; bottom: 0%; background: rgba(0,0,0,0.75); padding: 10%; opacity: 0; pointer-events: none; z-index: 1; display: flex; align-items: center; justify-content: center; } .pop-up-napr-wrap { background: #fff; border-radius: 20px; color: var(--color-black); padding: 40px; position: relative; } .pop-up-napr-wrap p { margin: 0 0 20px 0; } .pop-up-napr-wrap p:last-child { margin: 0; } .pop-up-napr-wrap:after { content: ""; width: 25px; height: 25px; position: absolute; top: 10px; right: 10px; background: url(images/cross.png) center center no-repeat; background-size: cover; } .one-ds.myshow .pop-up-napr, .one-coach-block.myshow .pop-up-napr { opacity: 1; pointer-events: auto; cursor: pointer; } .pop-up-napr-wrap ul { margin-bottom: 20px; } .pop-up-napr-wrap ul li { list-style: disc; text-align: left; } .coach-more p { font-weight: bold; color: var(--color-green); } .coach-more ul li { list-style: disc; } #testimonials-screen { background: #fff; } #testimonials-screen h2 { color: var(--color-black); } #news-screen { background: var(--color-black); } #news-screen h3 { margin: 0 0 20px 0; } #news-screen .wrapper:has(.one-ns) { display: flex; justify-content: space-between; } #news-screen .one-ns { width: 30%; } #news-screen .ons-date { margin-top: 15px; } #news-screen .ons-content p { color: #fff; font-size: 14px; } #partners-screen { background: #fff; } #partners-screen h2 { color: var(--color-black); } .wr-slider-partners { display: flex; justify-content: space-between; align-items: center; } .wr-slider-partners .one-ps { width: 10%; text-align: center; } .wr-slider-partners .one-ps img { width: 100%; margin-bottom: 15px; } .wr-slider-partners .one-ps .ops-title { display: none; } #qa-screen { background: var(--color-grey); } #qa-screen button { font-family: 'Zen Dots', sans-serif; border-radius: 3px; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active, .accordion:hover { background-color: var(--color-green); } .accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: "\2212"; } .panel { padding: 0 18px; margin-bottom: 20px; background-color: transparent; color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #map-screen .wrapper { display: flex; } #map-screen .wrapper > div { width: 20%; margin-right: 5%; } #footer { background: var(--color-grey); } #footer p { margin: 0; } #foot-info > div { margin-bottom: 20px; } #foot-info .msc-title { margin-bottom: 5px; font-weight: bold; color: var(--color-green); } #foot-info h3 { font-size: 16px; color: #fff; } #map-screen .wrapper > div#foot-napr { display: flex; flex-wrap: wrap; margin-right: 0; width: 25%; align-self: flex-start; } #foot-menu { font-size: 20px; } #foot-menu li { margin-bottom: 10px; } #foot-napr a { display: block; padding: 5px 8px; color: var(--color-grey); background: var(--color-green); margin: 0 10px 10px 0; width: fit-content; border-radius: 3px; } #foot-napr a:hover { color: var(--color-green); background: var(--color-black); } #foot-soc-seti { display: flex; } #foot-soc-seti a { display: block; width: 35px; margin-right: 15px; } #foot-soc-seti a img { width: 100%; } #foot-soc-seti a:last-child { margin: 0; } #shedule-block .wrapper { display: flex; justify-content: space-between; } #shedule-block .one-shedule-block { text-align: center; width: 22%; border-radius: 5px; background: var(--color-black); overflow: hidden; } #shedule-block .osb-padding { padding: 20px; min-height: 265px; } #shedule-block .one-shedule-block .osb-img { aspect-ratio: 16 / 9; } #shedule-block .one-shedule-block img { width: 100%; height: 100%; object-fit: cover; } #shedule-block .osb-title { font-size: 26px; font-weight: bold; color: var(--color-green); margin-bottom: 25px; overflow-wrap: normal; min-height: 62px; } #shedule-block .osb-day { color: #fff; font-size: 22px; } #shedule-block .osb-time { font-size: 16px; margin-bottom: 20px; } #shedule-block .osb-time:last-child { margin-bottom: 0; } #shedule-block .one-shedule-block .bttn { width: auto; padding: 10px 20px; font-size: 16px; } #coaches-block .wrapper { display: flex; justify-content: space-around; } #coaches-block .one-coach-block { width: 26%; cursor: pointer; } #coaches-block .one-coach-block .ocb-img { position: relative; width: 100%; aspect-ratio: 9 / 16; border-radius: 20px; overflow: hidden; margin-bottom: 30px; } #coaches-block .one-coach-block .ocbi-bg { object-fit: cover; height: 100%; width: 100%; } #coaches-block .one-coach-block:hover .ocbi-bg { transform: scale(1.5); } #coaches-block .one-coach-block .ocbi-logo { position: absolute; top: 10px; left: 10px; width: 33%; z-index: 1; } #coaches-block .ocb-title { font-size: 24px; color: #fff; text-align: center; } #prices-block .wrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #prices-block .one-price-block { width: 18%; background: #fff; border-radius: 20px; padding: 15px; color: var(--color-black); } #prices-block .one-price-block:hover { transform:translateY(-30px); } #prices-block .opb-title { font-size: 22px; font-weight: bold; margin-bottom: 30px; text-align: center; } #prices-block .opb-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } #prices-block .opb-price { color: var(--color-green); font-weight: bold; display: flex; flex-direction: column; align-items: flex-end; } #prices-block .opb-price span { color: var(--color-grey); text-align: right; font-size: 14px; font-weight: normal; white-space: nowrap; } #prices-block .price-under-star { padding: 10% 25% 0; } #sales-block .wrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #sales-block .one-sales-block { width: 48%; background: #fff; border-radius: 20px; padding: 30px; color: var(--color-black); border: 2px solid var(--color-green); margin-bottom: 60px; } #sales-block .one-sales-block:hover { transform:translateY(-30px); } #sales-block .oslb-title { font-size: 22px; font-weight: bold; margin-bottom: 30px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #dfdfdf; } #sales-block .oslb-row { margin-bottom: 15px; } #sales-block .oslb-row span { color: var(--color-green); font-weight: bold; } #sales-block .oslb-row-kras { background: var(--color-green); border-radius: 3px; padding: 10px 15px; width: fit-content; } #menu.toggled { position: relative; } #menu.toggled #menu.toggled .menu { position: absolute; } @media(max-width:1024px){.box-5, .box-6{width:25%}.boxes .box-5:nth-child(5){width:100%}.boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6){width:50%}} @media(min-width:769px){#logo-container{display:block;height:35px;margin-bottom:10px}} @media(max-width:768px){#header, #footer{text-align:center}#content, #sidebar{width:100%;padding:0}#branding, #menu, #menu div:first-of-type, #search{float:none}#search{margin-top:20px}#search .search-field{width:100%;color:#fff;border-color:#8a8a8a;cursor:text}#search .search-field:focus{width:100%}#menu.toggled{width:100%;height:100%;bottom:0; z-index:1000}#menu .menu-toggle{display:inline-block}#menu ul{display:none;}#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none}#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color:#ccc}.box-4, .box-5, .box-6{width:50%}} @media(max-width:767px){.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}.box-3{width:50%}.boxes .box-3:nth-child(3){width:100%}} @media(max-width:576px){#header, .layer{padding:5%}.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{width:100%}.spacer{display:block;width:100%;height:30px}} @media print{*{color:#000 !important;background:#fff !important}body{padding:50px !important;margin:0 !important}#content{display:block !important;padding:0 !important;margin:0 !important}#header, #sidebar, #footer, #comments, .entry-footer, .navigation, .share, .video-wrap, iframe, img{display:none !important}} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} .looper{display:none} .search-submit{display:none !important} @media screen and (max-width: 768px) { .wrapper:has(.ms-title) h2:before { left: -10px; } .wrapper:has(.ms-title) h2:after { right: -10px; } #header { align-items: flex-start; position: relative; z-index: 10; } body:not(.home) #video-head #myVideo { bottom: 0; } #head-left-side { max-width: 40%; margin: 0; } #head-right-side { width: 55%; } #top-row > div { display: none; } #top-row > div:last-child { display: block; max-width: 90%; text-align: right; } #menu { text-align: right; } #menu .menu { position: absolute; background: var(--color-black); transform: translateX(-50%); } h2 { font-size: 26px; } #video-screen .wrapper h1 { font-size: 28px; } #menu.toggled .menu { transform: translateX(0%); } #about-screen .wrapper:has(#asw-left) { flex-direction: column-reverse; } #asw-right, #asw-left { width: 100%; } #numbers-screen .wrapper:has(.one-num-item) { flex-wrap: wrap; justify-content: space-around; } .one-num-item { width: 35%; margin-bottom: 60px; } #sport-school-screen .one-sss.width-1to4, #sport-school-screen .one-sss.width-1to2 { width: 100%; } #directs-screen .one-ds.width-1to2, #directs-screen .one-ds.width-1to3 { width: 100%; aspect-ratio: 2 / 1; } #news-screen .wrapper:has(.one-ns) { flex-wrap: wrap; } #news-screen .one-ns { width: 100%; margin-bottom: 60px; border-bottom: 1px solid var(--color-green); padding-bottom: 20px; } #news-screen .one-ns:last-child { border: none; margin: 0; } .wr-slider-partners { flex-wrap: wrap; justify-content: space-around; } .wr-slider-partners .one-ps { width: 22%; } #map-screen .wrapper { flex-wrap: wrap; } #map-screen .wrapper > div { width: 100%; margin-bottom: 60px; } #map-screen .wrapper > div#foot-napr { width: 100%; justify-content: center; } #foot-soc-seti { justify-content: center; } #shedule-block .wrapper { flex-wrap: wrap; } #shedule-block .one-shedule-block { width: 100%; margin-bottom: 20px; } #coaches-block .wrapper { flex-wrap: wrap; } #coaches-block .one-coach-block { width: 100%; margin-bottom: 20px; } #prices-block .wrapper { flex-wrap: wrap; } #prices-block .one-price-block { width: 100%; margin-bottom: 20px; } #prices-block .price-under-star { padding: 10% 0 0 0; } #sales-block .one-sales-block { width: 100%; } }