/**
 * SchoolDoctor - responsive layer.
 * The original site was a fixed 980px desktop layout. Everything below sits inside media queries
 * (desktop > 1000px is untouched), except the scroll-to-top button which Astra used to style.
 */

/* Scroll to top (Astra markup, Astra CSS is dequeued) */
#ast-scroll-top{position:fixed;right:30px;bottom:30px;z-index:99;width:44px;height:44px;border-radius:6px;background:#00bdad;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);}
#ast-scroll-top:hover,#ast-scroll-top:focus{background:#288cb4;outline:0;}
#ast-scroll-top .ast-icon{display:block;position:relative;width:100%;height:100%;}
#ast-scroll-top .ast-icon svg{position:absolute;left:50%;top:50%;width:20px;height:auto;margin:-6px 0 0 -10px;transform:rotate(180deg);}
#ast-scroll-top .ast-icon svg path{fill:#fff;}
#ast-scroll-top .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}

/* Mobile menu extras (only used below 900px) */
#menu>ul>li.sd-menu-login,.sd-toggle{display:none;}

/* Tablet and below: fluid layout */
@media (max-width:1000px){
.container{width:auto;max-width:980px;box-sizing:border-box;}
.sticky{box-sizing:border-box;}
.left1,.right1{float:none;width:auto;}
.right1{margin-top:10px;}
.elementor .elementor-widget-text-editor img:not(.imgLoaded),.elementor .elementor-widget-shortcode img:not(.imgLoaded),.elementor .e-con.slider img:not(.imgLoaded),.elementor img.e-image-base,.main-content img,.container img{max-width:100%;height:auto;}
.main-content iframe,.container iframe{max-width:100% !important;}
.main-content iframe[src*='youtube'],.container iframe[src*='youtube']{height:auto !important;aspect-ratio:16/9;}
.interest input{width:100%;box-sizing:border-box;}
.interest .submitBtn{box-sizing:border-box;}
.slider{overflow:hidden;}
.camera_wrap{width:100% !important;max-width:990px;margin-left:auto !important;margin-right:auto !important;}
input.labelinputbox,input.inputbox,select.inputbox{max-width:100%;box-sizing:border-box;}
.left{max-width:100%;box-sizing:border-box;}
/* home boxes */
.boxes .container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:25px 10px;}
.boxes .box,.boxes .last{float:none;width:310px;max-width:100%;height:auto;min-height:290px;margin:0;box-sizing:border-box;}
.boxes .box img{width:100%;height:auto;}
.boxes .container .clear{display:none;}
/* testimonials */
.comments.container{display:flex;flex-wrap:wrap;justify-content:center;}
.comments.container>h2{width:100%;}
.comments.container>.clear{display:none;}
.comments .box,.comments .box:last-child,.comments .last{float:none;width:306px;max-width:calc(100% - 26px);margin:15px 10px 70px 8px;}
.comments.container{padding-bottom:0;}
/* footer */
.footer1 .container{display:flex;flex-wrap:wrap;column-gap:20px;}
.footer1 .container>.clear{display:none;}
.footer1 .box1{flex:0 0 100%;width:auto;float:none;margin:0 0 30px;box-sizing:border-box;}
.footer1 .box2,.footer1 .box3,.footer1 .box4{flex:1 1 180px;width:auto;float:none;margin:0 0 30px;box-sizing:border-box;}
.footer2 .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.footer2 .container>.clear{display:none;}
.footer2 .left,.footer2 .right{float:none;}
.footer2 .links{width:auto;text-align:left;}
/* pricing */
.pricing-table{display:flex;flex-wrap:wrap;justify-content:center;gap:25px 0;max-width:100%;}
.pricing-table .plan{float:none;}
.pricing-table2{display:flex;flex-wrap:wrap;width:auto;gap:10px;box-sizing:border-box;}
.pricing-table2 .plan{float:none;width:auto;flex:1 1 150px;box-sizing:border-box;border-radius:5px;}
/* video lesson */
.video-tutorial .left,.video-tutorial .right{float:none;width:auto;}
.video-tutorial .video{background:none;width:100%;height:auto;}
.video-tutorial .video iframe{position:static;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;}
.video-tutorial .image{float:none;margin:0 0 10px;}
}

/* Mobile menu (the original jsCO.js menu button) */
@media (max-width:900px){
.header .container,.stickyheader .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.header .container>.clear{display:none;}
.icon{float:none;width:200px;max-width:50%;height:auto;}
.login-btn{float:none;margin-top:0;}
.search{float:none;margin:10px 0;}
.logo{float:none;width:200px;max-width:55%;height:auto;}
.stickyheader{position:relative;}
.stickyheader.sticky{position:fixed;}
.stickyheader .menu{width:auto;}
.sticky #menu{position:static;margin-left:0;}
.ebook img{position:static;display:block;margin:0 auto 10px;}
.ebook{padding-top:10px;}
/* learning style wizard: the original used absolutely positioned, fixed-height steps */
.wizard>.content{min-height:0 !important;}
.wizard>.content>.body{position:static;float:none;width:auto;height:auto;padding:1% 0;}
#wizard div.wpforms-container-full .wpforms-form .steps>ul>li{width:auto;float:none;}
.wizard>.actions>ul{display:flex;justify-content:flex-end;flex-wrap:wrap;}
.wizard input[type='text']{box-sizing:border-box;max-width:100%;}
.main-content .left,.main-content .right{float:none;width:auto !important;}
.main-content .right.ebook{margin-top:20px;top:0 !important;}
#menu{float:none;}
#menu #menu-button{display:block;background:#00bdad;color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:3px;cursor:pointer;}
#menu>ul{display:none;float:none;position:absolute;left:0;right:0;top:100%;margin:0;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.25);z-index:9999;}
#menu>ul.open{display:block;}
#menu>ul>li{float:none;border-top:1px solid #eee;}
#menu>ul>li.divider-vertical{display:none;}
#menu>ul>li:after{display:none;}
#menu>ul>li>a{padding:12px 15px;}
#menu>ul>li.has-sub>a:after,#menu>ul>li.has-sub>a:before{display:none;}
#menu ul li ul{position:static;left:auto;float:none;width:auto;margin:0;background:#f6f6f6;}
#menu ul li ul li{float:none;width:auto;}
#menu ul li ul li{position:static;max-height:none;}
#menu ul li ul li a{width:auto;color:#333;padding:10px 15px 10px 32px;}
#menu ul li ul li:hover>a{color:#00a996;}
.search,.login-btn{display:none;}
#menu>ul>li.sd-parent>ul{display:none;}
#menu>ul>li.sd-parent.expanded>ul{display:block;}
#menu>ul>li.sd-parent>.sd-toggle{display:block;position:absolute;top:1px;right:0;margin:0;width:48px;height:38px;cursor:pointer;z-index:3;}
#menu>ul>li.sd-parent>.sd-toggle:before{content:'';position:absolute;left:19px;top:10px;width:8px;height:8px;border-right:2px solid #284e95;border-bottom:2px solid #284e95;transform:rotate(45deg);transition:transform .2s;}
#menu>ul>li.sd-parent.expanded>.sd-toggle:before{transform:rotate(-135deg);top:16.5px;}
#menu>ul>li.sd-parent.selected>.sd-toggle:before{border-color:#fff;}
#menu>ul>li.sd-menu-login{display:block;border-top:1px solid #eee;padding:10px 15px;}
#menu>ul>li.sd-menu-login>a{background:#00bdad;color:#fff;text-align:center;padding:10px 15px;border-radius:3px;}
#menu>ul>li.sd-menu-login>a:hover{color:#fff;background:#00a996;}
}

/* Phone */
@media (max-width:640px){
h1{font-size:18px !important;}
.container{padding-left:8px;padding-right:8px;}
.login-btn{padding:8px 10px;}
.search input[type='text']{width:120px;}
.search input[type='text']:hover,.search input[type='text']:focus{width:160px;}
.pricing-table2 .plan{flex-basis:100%;}
.footer1 .box2,.footer1 .box3,.footer1 .box4{flex-basis:100%;}
.footer2 .container{display:flow-root;}
.footer2 .right{padding-top:0;}
.main-content table{display:block;max-width:100%;overflow-x:auto;}
.contact label{float:none;width:auto;}
.contact input,.contact textarea{box-sizing:border-box;width:calc(100% - 10px);}
.ebook img{position:static;display:block;margin:0 auto 10px;}
.ebook{padding-top:10px;}
.accordion h3,.accordion2 h3{padding-right:40px;}
.accordion h3{padding-left:65px;}
.main-content .left,.main-content .right{float:none;width:auto !important;}
.main-content .right.ebook{margin-top:20px;top:0 !important;}
/* floated section images: above the title, centered, instead of squeezing the text */
.main-content img.img,.main-content img[style*='float']{float:none !important;display:block;margin:0 auto 12px !important;max-width:100%;height:auto !important;}
.sos .container .btn{display:inline-block;margin:10px 0 0;}
#ast-scroll-top{right:12px;bottom:12px;}
}