style.css

@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:local('Heebo'),local('Heebo-Regular'),url(https://fonts.gstatic.com/s/heebo/v5/NGS6v5_NC0k9P9H0TbFhsqMA6aw.woff2) format('woff2');unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Heebo';font-style:normal;font-weight:900;font-display:swap;src:local('Heebo Black'),local('Heebo-Black'),url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9l1aqROkK4q06VEeW4.woff2) format('woff2');unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}footer,header,nav{display:block}[hidden]{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html{font-family:sans-serif}#site-content{padding-top:15vh;background-image:url(images/redbg.jpg);background-repeat:no-repeat;background-attachment:fixed;min-height:100%;background-size:cover}@font-face{font-family:"Open Sans Regular";font-style:normal;src:url(fonts/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}::-webkit-input-placeholder{color:#000}:-ms-input-placeholder{color:#000}::-moz-placeholder{color:#000;opacity:1}:-moz-placeholder{color:#000;opacity:1}body{margin:0}a{background:0 0;text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0;line-height:normal;color:#fff}h2{color:white;font-size:1.5em;margin-top:1.83em 0;line-height:normal}h3{font-size:1.17em;margin:0 0 1em 0;line-height:normal;color:#fff}h3.homepage-subtitle{font-family:Heebo,sans-serif;font-weight:100;font-size:2.8em}h4{font-size:1em;margin:1.33em 0;line-height:normal}h5{font-size:.83em;margin:1.67em 0;line-height:normal;color:#fff}h6{font-size:.75em;margin:2.33em 0;line-height:normal}.col-md-7{width:34em;min-height:1px;padding-left:15px;float:right}img{border:0}button{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button{line-height:normal}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-family:"Source Sans Pro","Open Sans",sans-serif;font-size:16px;line-height:24px;height:100%}.content .welcome{line-height:inherit;font-size:3em;color:#f70;margin:0;font-family:Heebo,sans-serif;font-weight:900}.header-subtitle{font-weight:100;color:#666}h3.homepage-subtitle{color:#fff}@-webkit-keyframes imagelightbox-loading{from{opacity:.5;-webkit-transform:scale(.75)}50%{opacity:1;-webkit-transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.75)}}.buttonLesson{font-family:Heebo,sans-serif;font-weight:100;background-color:#fbef00;width:-webkit-fill-available;border:none;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1.2em;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.col-left{margin-right:7em;margin-top:3em}.videoWrapper{position:relative;height:25em;width:100%}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;box-shadow:0 0 10px #000}.toggle-menu{display:none}.contactButtons{margin-right:5em}.contactButtons-mobile{display:none}.buttonContact{font-family:Heebo,sans-serif;font-family:Heebo,sans-serif;font-weight:100;background-color:#ff8b00;border:none;color:#fff;padding:5px 10px;margin:10px;margin-right:0;font-size:1em;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);float:right;width:10em}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;border-top:3px solid #4552afbd}.main-content{margin-right:5em;margin-top:5vh}.content .leading{margin-bottom:.5em;color:#fff;font-size:18px;font-size:1.25em;font-family:Helevetica,Times,serif}.content .entry-title{color:#fff;font-family:Heebo,sans-serif;font-weight:100;font-size:2.8em}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.container{padding-right:5m;padding-left:0;padding-right:0}.container:after{content:" ";clear:both;display:block;overflow:hidden;height:0}.row:after{content:" ";clear:both;display:block;overflow:hidden;height:0}.mobile-toolbar{display:none}.social-media{float:left;font-size:2em;bottom:.8vh;position:absolute;margin-left:1.2em}.social-media-icon{height:1.2em;margin-left:1vw}.main-navigation{float:right;width:100%;background-color:#ffffffe8;padding-right:5em;padding-bottom:1em;padding-top:2em}.mobile{display:none}.site-header{z-index:99}.site-header:after{content:" ";clear:both;display:block;overflow:hidden;height:0}.header-collapse .site-header{width:100%;position:absolute;top:0}.site-header .container{border-bottom:0 solid rgba(255,255,255,.15);position:relative;width:100%}.site-header .container:after{content:" ";clear:both;display:block;overflow:hidden;height:0}.main-navigation{float:right}.main-navigation .menu{list-style:none;padding-left:0;margin-top:1vh}.main-navigation .menu .menu-item{position:relative;float:right}.main-navigation .menu .menu-item:after{content:" ";position:absolute;left:2.5em;right:0;margin:auto;width:0;opacity:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #f2fe7e;-webkit-transition:.3s ease;transition:.3s ease}.main-navigation .menu .menu-item:first-child a:after{display:none}.main-navigation .menu .menu-item.current-menu-item:after,.main-navigation .menu .menu-item:hover:after{opacity:1}.main-navigation .menu .menu-item.current-menu-item a,.main-navigation .menu .menu-item:hover a{color:#666}.main-navigation .menu a{display:block;position:relative;padding:1em 0 0 2em;color:#000;font-size:1.2em;font-weight:900;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease;font-family:Heebo,sans-serif}.main-navigation .menu a:after{content:"/";position:absolute;right:0;color:rgba(255,255,255,.15);font-weight:300}.mobile-menu{clear:both;display:none;background:#eeeeeef7;position:fixed;z-index:98}.mobile-menu .menu{list-style:none;margin:0;height:100vh;width:100vw;padding-left:0;padding-top:10vh;padding-bottom:10vh;text-align:center}.mobile-menu .menu a{font-family:Heebo,sans-serif;color:rgba(12,12,12,.8);text-decoration:none;display:block;height:100%;display:flex;align-items:center;justify-content:center;z-index:99;font-size:2em}.mobile-menu .menu a:hover{color:#fd5927}.mobile-menu .menu .current-menu-item a{color:#ff8b00}.menu-item{height:calc(100%/6)}.content{direction:rtl}.content .bio-text{text-align:right;font-family:Heebo,sans-serif;font-size:1.2em;background-color:rgba(53,49,49,.6);padding:1em;color:#fff}.mobile{display:none}@media (min-width:768px) and (max-width:1024px){.col-left{margin-right:0;margin-top:5vh}.contactButtons{margin-right:1vw}.main-navigation{padding-right:3em}}@media (max-width:767px){.main-navigation{position:absolute;background-color:transparent;padding-right:18vw;padding-top:3.7vh}.mobile{display:block}.desktop{display:none}.toolbar-icons{float:right;text-align:center;width:16.65%;color:#fff;font-size:1.4em;border:solid 1px orange;padding:.6em}.mobile-toolbar{display:block;background-color:#333;overflow:hidden;position:fixed;bottom:0;width:100%}.footer{display:none}.main-navigation .menu{display:none}.col-md-7{width:100%;padding:0}.buttonLesson{font-size:4.7vw}.col-left{margin:0;margin-top:3vh;margin-bottom:10vh}.videoWrapper{height:30vh;width:100%;margin-top:5vh}.footer{height:8vh}#site-content{padding-top:0;overflow:hidden;background-position:-30vh}.contactButtons{display:none}.contactButtons-mobile{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px}.buttonContact{font-size:7.5vw;padding:1vw 11vw;margin-right:1vw;margin-left:1vw;float:right}.main-content{margin-right:3vh;margin-left:3vh;margin-top:15vh}.content .bio-text{font-weight:900;font-size:.6em;background-color:rgba(53,49,49,.6);padding:1em;color:#fff}.content .welcome{font-size:13vw;font-weight:900;color:#fb2d00}h3.homepage-subtitle{font-size:7.4vw;padding-top:1vh;margin-bottom:0}h1,h3{color:#fff;font-size:3vh}.content .leading{color:#f1f1f1;font-size:1em;font-weight:100}.content .entry-title{color:#f1f1f1;font-size:4vh;width:60%;line-height:1em}.menu-item{border-bottom:solid 2px;margin-left:5vh;margin-right:5vh}.menu li:last-child{border-bottom:0}.mobile-text{color:#fff;font-size:4vh}.main-navigation .toggle-menu{background:#ffffff94;color:#fff;border:none;outline:0;position:fixed;top:3vh;right:3vh;display:block;z-index:99;padding-top:8px;padding-bottom:6px;padding-right:8px;padding-left:8px}.menu-icon{height:.8em}}