/* Mobile-only layer: existing desktop layouts and brand assets stay intact. */ .tqm-bottom{display:none} .tqm-what-artwork{display:none} .tqm-what-controls{display:none} @media(max-width:767px){ :root{--tqm-ink:#055f83;--tqm-accent:#23b7cc;--tqm-space:20px} html{overflow-x:clip!important;scroll-padding-top:80px!important} body:not(.tqQuickLock){overflow-x:clip!important;overflow-y:visible!important} body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important} #wpadminbar,.tqQuickFabWrap{display:none!important} body,:where(main,section,.elementor,.elementor-section,.elementor-container,.elementor-widget-wrap,.e-con,.e-con-inner){min-width:0!important;max-width:100%!important} body :where(main,section,.elementor,.elementor-section,.elementor-container,.elementor-widget-wrap,.e-con,.e-con-inner){box-sizing:border-box!important;overflow-x:clip!important} body :where(input,select,textarea,button){max-width:100%!important;box-sizing:border-box!important} html{margin-top:0!important} #turqua-fixed-header-template{width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;z-index:999!important;margin:0!important;transform:none!important} /* Live Elementor header styles occur after the enqueued stylesheet. Override their -50vw margins with the template ID, not equal-specificity rules. */ #turqua-fixed-header-template .full-width-header{box-sizing:border-box!important;position:relative!important;top:auto!important;left:0!important;right:auto!important;transform:none!important;translate:none!important;width:100%!important;max-width:100%!important;margin:0!important} #turqua-fixed-header-template .full-width-header,#turqua-fixed-header-template .header-container{height:66px!important;min-height:66px!important;overflow:visible!important} #turqua-fixed-header-template .elementor-element-57b869f,#turqua-fixed-header-template .elementor-element-f4cf00f{height:66px!important;min-height:66px!important;max-height:66px!important;overflow:visible!important} #turqua-fixed-header-template .header-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:66px!important;min-height:66px!important;margin:0!important;padding:10px 16px!important;gap:10px!important} #turqua-fixed-header-template .full-width-header{z-index:10001!important;background:#fff!important;background-color:#fff!important;background-image:none!important} #turqua-fixed-header-template{isolation:isolate!important} #turqua-fixed-header-template .full-width-header,#turqua-fixed-header-template .header-container,#turqua-fixed-header-template .elementor-element-57b869f,#turqua-fixed-header-template .elementor-element-f4cf00f{background:#fff!important;background-color:#fff!important;background-image:none!important} #turqua-fixed-header-template :is(.elementor,.e-con,.e-con-inner,.elementor-widget-html,.elementor-widget-container){box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px} #turqua-fixed-header-template .header-logo{width:126px!important;flex:0 0 126px!important} #turqua-fixed-header-template .header-logo img{width:126px!important;max-width:126px!important;height:auto!important} #turqua-fixed-header-template .turqua-public-topbar{width:100%!important;margin:0!important;left:0!important;transform:none!important} .full-width-header{position:relative!important;top:auto!important;left:0!important;right:auto!important;transform:none!important;translate:none!important;width:100%!important;max-width:100%!important;margin:0!important;z-index:999!important;background:#fff!important;box-shadow:0 2px 12px #055f8312!important} .full-width-header.tqm-is-scrolled{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;z-index:10001!important;background:#fff!important} #turqua-fixed-header-template .full-width-header.tqm-is-scrolled{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;z-index:10001!important;background:#fff!important} .full-width-header.tqm-is-scrolled .turqua-public-topbar{display:none!important} .full-width-header.tqm-is-scrolled .header-container{height:66px!important;min-height:66px!important} .header-container{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;height:66px!important;min-height:66px!important;padding:10px 16px!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:0!important} .header-logo{width:126px!important;flex:0 0 126px!important}.header-logo img{max-width:126px!important;height:auto!important} .header-nav,.header-actions>.uniconnect-btn{display:none!important}.header-actions{margin-left:auto!important;gap:12px!important} .full-width-header .mobile-menu-toggle{display:none!important}.gt-dd-btn,.tg-lang-toggle{min-height:42px!important} .turqua-public-topbar{width:100%!important;left:0!important;margin:0!important;transform:none!important}.turqua-public-topbar__inner{width:100%!important;padding:6px 12px!important;min-height:32px!important;gap:8px!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important}.turqua-public-topbar__email{font-size:12px!important} /* CRM login pages are not mobile-ready yet. Keep the email, hide both portals. */ .turqua-public-topbar__portals{display:none!important} .elementor-widget-html{margin-bottom:0!important}.e-con,.elementor-widget-container{min-width:0!important} h1{font-size:30px!important;line-height:1.18!important;letter-spacing:-.6px!important}h2{font-size:25px!important;line-height:1.25!important}h3{font-size:19px!important;line-height:1.35!important} p{font-size:16px;line-height:1.6}img{max-width:100%}input,select,textarea{font-size:16px!important;min-height:46px} .turqua-campaign-slider{position:relative!important;z-index:1!important;width:100vw!important;max-width:100vw!important;margin:2px 0 0 calc(50% - 50vw)!important;left:0!important;right:auto!important;top:0!important;transform:none!important;padding-top:0!important;border-radius:0!important;overflow:hidden!important;clear:both!important} /* The live homepage slider uses .hero-slider-wrapper (not the preview slider class). Reset its desktop centering/offset so it starts directly below the white header without a side gutter or overlap. */ .hero-slider-wrapper{position:relative!important;z-index:1!important;top:auto!important;left:0!important;right:auto!important;width:100vw!important;max-width:100vw!important;margin:2px 0 0 calc(50% - 50vw)!important;transform:none!important;clear:both!important;overflow:hidden!important} .hero-slider-wrapper .swiper,.hero-slider-wrapper .swiper-wrapper,.hero-slider-wrapper .swiper-slide{height:100%!important;min-height:0!important} .hero-slider-wrapper .hero-slide-graphic{margin:0!important} .hero-slider-wrapper :is(.swiper-button-next,.swiper-button-prev):is(:hover,:focus-visible,:active){background:transparent!important;color:#11c1dc!important;box-shadow:none!important} .turqua-campaign-slider__viewport{height:auto!important;aspect-ratio:4/5!important;min-height:0!important} .turqua-campaign-slider__slide{height:100%!important}.turqua-campaign-slider picture{display:block;height:100%}.turqua-campaign-slider img{height:100%!important;width:100%!important;object-fit:contain!important} .turqua-campaign-slider__pagination{bottom:10px!important} .turqua-campaign-slider :is(button,a,.swiper-button-prev,.swiper-button-next):is(:hover,:focus-visible,:active){background:#23b7cc!important;color:#fff!important;border-color:#23b7cc!important} .turqua-campaign-slider__pagination :is(.swiper-pagination-bullet-active,.is-active,.active){background:#055f83!important} .tqTrustBar1{padding:14px 12px!important;margin:0!important;background:#23b7cc!important;box-shadow:none!important;clip-path:none!important} .tqTrustBar1-inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:0!important;width:100%!important} .tqTrustBar1-item{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;border-right:1px solid #ffffff35;min-height:70px!important} .tqTrustBar1-right{border:0}.tqTrustBar1-centertext{display:block!important;text-align:center!important}.tqTrustBar1-top{font-size:12px!important}.tqTrustBar1-bottom{font-size:12px!important}.tqTrustBar1-center{flex-direction:column!important;gap:8px!important}.tqTrustBar1-ministryText{display:block!important;white-space:normal!important;text-align:center!important}.tqTrustBar1-ministryText .line1,.tqTrustBar1-ministryText .line2{font-size:12px!important;line-height:1.2!important}.tqTrustBar1-ministryWrap{flex-direction:column!important;gap:6px!important} .tqTrustBar1-ministryWrap{margin:0!important;justify-content:center!important}.tqTrustBar1-badge,.tqTrustBar1-ministryIcon{width:54px!important;height:54px!important;flex-basis:54px!important;object-fit:contain!important}.tqTrustBar1-study{width:88px!important;height:54px!important;object-fit:contain!important} .tqHero5,.tqAct2,.tqUni10,.tqRank3,.tqWhatDoOverlayBleed,.tqExamExact1,.tqTurkWorld3,.tqStudentRevFinal,.tqVid3,.tqBuzz2,.tqFaq2{padding:28px 18px!important;margin:0!important;width:100%!important;left:auto!important;transform:none!important;overflow:clip} .tqHero5-wrap{display:flex!important;flex-direction:column!important;gap:20px!important;padding:0!important;width:100%!important;margin:0!important}.tqHero5-right{display:flex!important;order:0!important;justify-content:center!important}.tqHero5-rightImg{width:min(100%,280px)!important;margin:0 auto!important}.tqHero5-rightImg img{width:100%!important;height:auto!important;max-height:none!important}.tqHero5-left{width:100%!important;max-width:none!important;padding:0!important}.tqHero5-h{margin-bottom:16px!important}.tqHero5-sub{font-size:16px!important;line-height:1.6!important} .tqHero5-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 8px!important;margin-top:22px!important}.tqHero5-num{font-size:24px!important}.tqHero5-label{font-size:12px!important} .tqpm-card{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:20px!important;border-radius:20px!important;box-shadow:0 5px 20px #075f7d08!important;margin-bottom:14px!important;content-visibility:auto;contain-intrinsic-size:auto 340px} .tqpm-cardActions{display:flex!important;gap:8px!important}.tqpm-cardActions a{flex:1!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important} .tqpm-priceArea{width:100%!important;text-align:left!important;border-top:1px solid #dbeaf0!important;padding-top:12px!important} .tqpm-card img{max-width:58px!important}.tqpm-card h3{margin:0 0 8px!important}.tqpm-card p{overflow-wrap:anywhere} .tqm-filters{background:#fff;border:1px solid #d9e9ef;border-radius:18px;margin:12px 0;padding:14px}.tqm-filters summary{font-size:16px;font-weight:600;min-height:32px;cursor:pointer} .mobile-sidebar{padding-bottom:100px!important;max-width:90vw!important} .tqQuickModal{bottom:0!important;max-height:90dvh!important;border-radius:24px 24px 0 0!important}.tqQuickCard{max-height:85dvh!important;overflow-y:auto!important} .tqm-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:9999;background:#fffffff5;backdrop-filter:blur(18px);border-top:1px solid #d7e7ed;padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 26px #075f7d0b} .tqm-bottom a,.tqm-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:0;color:#055f83;text-decoration:none;font:500 12px Poppins,system-ui;min-height:48px;padding:3px;border-radius:0}.tqm-bottom i{font-size:21px}.tqm-bottom .is-active{color:#23b7cc;box-shadow:inset 0 2px #23b7cc;background:none}.tqm-bottom a:nth-child(3){color:#055f83} /* Mobile artwork zoom with flowing cards overlapping the blue foreground. */ .tqWhatDoOverlayBleed.tqWhatDoOverlayBleed{position:relative!important;left:0!important;right:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-stage{width:100%!important;min-height:0!important;height:auto!important;overflow:hidden!important;background-color:#055f83!important;isolation:isolate} .tqWhatDoOverlayBleed .tqm-has-artwork{background-image:none!important} .tqWhatDoOverlayBleed .tqm-what-artwork{display:block!important;width:150%!important;height:auto!important;max-width:none!important;margin:calc(-1 * clamp(60px,18vw,120px)) 0 0 -25%!important;object-fit:contain!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-inner{position:relative!important;inset:auto!important;z-index:1;width:100%!important;height:auto!important;padding:18px 18px 24px!important;margin:0!important;display:flex!important;align-items:stretch!important;gap:0!important} .tqWhatDoOverlayBleed .tqm-has-artwork .tqWhatDoOverlayBleed-inner{margin-top:calc(-1 * clamp(90px,26vw,150px))!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-title{color:#fff!important;text-shadow:none!important;text-align:center!important;padding:0!important;margin:0 0 20px!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-cards{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:100%!important;gap:12px!important;margin:0!important;padding:2px 0!important;overflow-x:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-cards::-webkit-scrollbar{display:none} .tqWhatDoOverlayBleed .tqm-what-controls{display:flex;justify-content:center;gap:12px;margin-top:14px} .tqWhatDoOverlayBleed .tqm-what-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #23b7cc;border-radius:50%;background:#23b7cc!important;color:#fff!important;font-size:18px;cursor:pointer} .tqWhatDoOverlayBleed .tqm-what-controls button:is(:hover,:active){background:#055f83!important} .tqWhatDoOverlayBleed .tqm-what-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px} .tqWhatDoOverlayBleed .tqm-what-controls button:disabled{opacity:.35;cursor:default;background:#23b7cc!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-cards:focus-visible{outline:2px solid #23b7cc;outline-offset:3px} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-card{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:18px!important;overflow:visible!important;gap:14px!important;scroll-snap-align:start} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-head{grid-template-columns:38px minmax(0,1fr)!important;min-height:0!important;align-items:center!important;gap:10px!important;margin:0!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-icon{width:38px!important;height:38px!important;margin:0!important;align-items:center!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-cardText{font-size:16px!important;line-height:1.6!important;margin:0!important} .tqWhatDoOverlayBleed .tqWhatDoOverlayBleed-btn{min-height:44px!important;height:auto!important;font-size:14px!important;max-width:100%!important;white-space:normal!important;line-height:1.4!important;padding:12px 16px!important} /* Fit all three social cards in one mobile row without horizontal scrolling. */ .tqTurkWorld3 .tqTurkWorld3-wrap{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important} .tqTurkWorld3 .tqTurkWorld3-top{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;gap:22px!important} .tqTurkWorld3 .tqTurkWorld3-leftTop,.tqTurkWorld3 .tqTurkWorld3-right{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important} .tqTurkWorld3 .tqTurkWorld3-title,.tqTurkWorld3 .tqTurkWorld3-sub{max-width:100%!important;overflow-wrap:anywhere} .tqTurkWorld3 .tqTurkWorld3-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding:0!important} .tqTurkWorld3 .tqTurkWorld3-mini{width:100%!important;min-width:0!important;max-width:100%!important;padding:6px!important;border-radius:12px!important} .tqTurkWorld3 .tqTurkWorld3-miniImg{aspect-ratio:4/5!important;margin-bottom:6px!important;border-radius:8px!important} .tqTurkWorld3 .tqTurkWorld3-miniBar{gap:4px!important;padding:0!important;min-width:0!important} .tqTurkWorld3 .tqTurkWorld3-miniUser{min-width:0!important;font-size:12px!important} .tqTurkWorld3 .tqTurkWorld3-video{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important} .tqTurkWorld3 .tqTurkWorld3-video img{width:100%!important;height:100%!important;object-fit:cover!important} .tqTurkWorld3 .tqTurkWorld3-ctaRow{width:100%!important;justify-content:center!important} /* Ranking section: one centered mobile column; retain tab behavior and branding. */ .tqRank3 .tqRank3-wrap{width:100%!important;max-width:100%!important;margin:0 auto!important} .tqRank3 .tqRank3-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important} .tqRank3 .tqRank3-left,.tqRank3 .tqRank3-right{width:100%!important;min-width:0!important;text-align:center!important} .tqRank3 .tqRank3-title{text-align:center!important} .tqRank3 .tqRank3-search{width:100%!important;margin:0 auto!important} .tqRank3 .tqRank3-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;width:100%!important;margin:0 auto 20px!important;padding:2px!important;overflow:visible!important} .tqRank3 .tqRank3-card{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:104px!important;margin:0!important;padding:12px 6px!important;gap:8px!important;border-radius:14px!important;white-space:normal!important} .tqRank3 .tqRank3-card .tqRank3-logo{width:100%!important;max-width:58px!important;height:32px!important} body.tqm-home section.tqRank3 .tqRank3-card .tqRank3-label{font-size:14px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;margin:0!important} .tqRank3 .tqRank3-note{text-align:center!important} /* Center activity logos without changing their aspect ratio or desktop layout. */ .tqAct2 .tqAct2-logo{width:100%!important;height:104px!important;min-height:104px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important} .tqAct2 .tqAct2-logoFrame{width:140px!important;max-width:100%!important;height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important} .tqAct2 .tqAct2-logo img{object-fit:contain!important;object-position:center!important;transform:none!important} .tqFootOnly1-inner{padding:24px 18px!important}.tqFootOnly1-top{gap:20px!important} /* Home typography: keep hierarchy, eliminate oversized nested title spans. */ body.tqm-home :is(.tqHero5,.tqAct2,.tqUni10,.tqRank3,.tqWhatDoOverlayBleed,.tqExamExact1,.tqTurkWorld3,.tqStudentRevFinal,.tqVid3,.tqBuzz2,.tqFaq2,#turqua-instagram-section){--tqm-heading:25px;--tqm-card-heading:19px;--tqm-copy:16px} body.tqm-home :is(section.tqHero5,section.tqAct2,section.tqUni10,section.tqRank3,section.tqWhatDoOverlayBleed,section.tqExamExact1,section.tqTurkWorld3,section.tqStudentRevFinal,section.tqVid3,section.tqBuzz2,section.tqFaq2,section#turqua-instagram-section) :is(h1,h2){font-size:var(--tqm-heading)!important;line-height:1.25!important;letter-spacing:-.4px!important} body.tqm-home :is(section.tqHero5,section.tqAct2,section.tqUni10,section.tqRank3,section.tqWhatDoOverlayBleed,section.tqExamExact1,section.tqTurkWorld3,section.tqStudentRevFinal,section.tqVid3,section.tqBuzz2,section.tqFaq2) h3{font-size:var(--tqm-card-heading)!important;line-height:1.35!important} body.tqm-home :is(h1.tqHero5-h,h2[class^="tq"],h3[class^="tq"]) :is(span,strong,b,em){font-size:inherit!important;line-height:inherit!important} body.tqm-home :is(section.tqHero5,section.tqAct2,section.tqUni10,section.tqRank3,section.tqWhatDoOverlayBleed,section.tqExamExact1,section.tqTurkWorld3,section.tqStudentRevFinal,section.tqVid3,section.tqBuzz2,section.tqFaq2) p{font-size:var(--tqm-copy)!important;line-height:1.6!important} body.tqm-home #turqua-instagram-section{padding:28px 18px!important} body.tqm-home .tqIgText{font-size:16px!important;line-height:1.6!important} /* Reviews: reset the full-bleed desktop offset and size cards to their track. */ .tqStudentRevFinal.tqStudentRevFinal{left:0!important;right:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:28px 18px!important;transform:none!important} .tqStudentRevFinal .tqStudentRevFinal-wrap,.tqStudentRevFinal .tqStudentRevFinal-stage,.tqStudentRevFinal .tqStudentRevFinal-view{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important} .tqStudentRevFinal .tqStudentRevFinal-title{margin:0 0 20px!important} .tqStudentRevFinal .tqStudentRevFinal-grid{width:100%!important;min-width:0!important;gap:16px!important;overflow-x:auto!important;transform:none!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain} .tqStudentRevFinal .tqStudentRevFinal-card{box-sizing:border-box!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:18px!important;border-radius:20px!important;scroll-snap-align:start} .tqStudentRevFinal .tqStudentRevFinal-body{height:auto!important;min-width:0!important} .tqStudentRevFinal .tqStudentRevFinal-top{gap:12px!important;margin-bottom:14px!important} .tqStudentRevFinal .tqStudentRevFinal-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important} body.tqm-home section.tqStudentRevFinal .tqStudentRevFinal-role{font-size:14px!important;line-height:1.4!important} .tqStudentRevFinal .tqStudentRevFinal-text{overflow-wrap:anywhere;margin:0!important} .tqStudentRevFinal .tqStudentRevFinal-mobileNav{margin-top:12px!important} .tqStudentRevFinal .tqStudentRevFinal-mobileNav button{width:44px!important;height:44px!important} /* FAQ questions can wrap beside, never behind, the expand button. */ .tqFaq2 .tqFaq2-wrap{width:100%!important;min-width:0!important;padding:0!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important} .tqFaq2 .tqFaq2-q{display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;gap:12px!important;white-space:normal!important;height:auto!important;min-height:64px!important;padding:14px 12px!important;color:#055f83!important} .tqFaq2 .tqFaq2-qTitle{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.5!important;font-size:16px!important;text-align:left!important} .tqFaq2 .tqFaq2-ico{width:36px!important;height:36px!important;position:static!important} .tqFaq2 .tqFaq2-aInner{font-size:16px!important;line-height:1.6!important} .tqFaq2 .tqFaq2-btn,.tqFaq2 .tqFaq2-btn:is(:hover,:focus,:focus-visible,:active){background:#23b7cc!important;color:#fff!important;border-color:#23b7cc!important} .tqFaq2 .tqFaq2-q:is(:hover,:focus,:focus-visible,:active){background:transparent!important;color:#055f83!important} /* Prevent theme button states from turning the app navigation pink. */ .tqm-bottom :is(a,button):is(:hover,:focus,:focus-visible,:active){background:#e8f8fb!important;color:#055f83!important;border-color:transparent!important} .tqm-bottom :is(a,button):focus-visible{outline:2px solid #23b7cc!important;outline-offset:-2px} .tqFaq2 .tqFaq2-q:focus-visible{outline:2px solid #23b7cc!important;outline-offset:-3px!important} /* Compact partner rows: logo, readable name and action share the same row. */ .tqUni10 .tqUni10-wrap{width:100%!important;max-width:100%!important} .tqUni10 .tqUni10-item,.tqUni10 .tqUni10-bigFooter{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;height:auto!important;min-height:80px!important} .tqUni10 .tqUni10-itemLeft,.tqUni10 .tqUni10-bigLeft{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important} .tqUni10 .tqUni10-itemLogo,.tqUni10 .tqUni10-logoBox{width:44px!important;height:44px!important;min-width:0!important} .tqUni10 .tqUni10-itemLogo img,.tqUni10 .tqUni10-logoBox img{width:36px!important;max-height:36px!important;object-fit:contain!important} body.tqm-home section.tqUni10 :is(.tqUni10-itemTitle,.tqUni10-name){font-size:14px!important;line-height:1.4!important;margin:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important} .tqUni10 .tqUni10-itemCta,.tqUni10 .tqUni10-cta{font-size:12px!important;min-height:44px!important;min-width:52px!important;justify-content:flex-end!important;white-space:nowrap!important;align-self:center!important} .tqUni10 .tqUni10-list{gap:12px!important} /* Give the accreditation copy space beside its seal, not above and below it. */ .tqTrustBar1.tqTrustBar1{padding:12px 10px!important} body .elementor-element.elementor-element-bd8b1bb,body .tqm-trust-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px} body .elementor-element-bd8b1bb > .e-con-inner,body .tqm-trust-container > .e-con-inner{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important} .tqTrustBar1 .tqTrustBar1-inner{grid-template-columns:44px minmax(0,1fr) 64px!important;gap:8px!important} .tqTrustBar1 .tqTrustBar1-item{min-height:0!important;border:0!important;padding:0!important} .tqTrustBar1 .tqTrustBar1-badge{width:42px!important;height:52px!important;flex-basis:42px!important} .tqTrustBar1 .tqTrustBar1-study{width:64px!important;height:48px!important} .tqTrustBar1 .tqTrustBar1-center{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:5px 6px!important;align-items:center!important} .tqTrustBar1 .tqTrustBar1-ministryWrap{display:contents!important} .tqTrustBar1 .tqTrustBar1-ministryIcon{grid-column:1!important;grid-row:1 / 3!important;width:36px!important;height:36px!important;margin:0!important} .tqTrustBar1 .tqTrustBar1-centertext{grid-column:2!important;grid-row:1!important;min-width:0!important;text-align:left!important} .tqTrustBar1 .tqTrustBar1-ministryText{grid-column:2!important;grid-row:2!important;min-width:0!important;text-align:left!important;white-space:normal!important} .tqTrustBar1 .tqTrustBar1-top,.tqTrustBar1 .tqTrustBar1-bottom,.tqTrustBar1 .tqTrustBar1-ministryText .line1,.tqTrustBar1 .tqTrustBar1-ministryText .line2{font-size:12px!important;line-height:1.2!important;letter-spacing:0!important;margin:0!important} /* Assurance band: balanced side badges, larger centre seal, one caption only. */ .tqTrustBar1 .tqTrustBar1-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)!important;gap:8px!important;align-items:center!important} .tqTrustBar1 .tqTrustBar1-left,.tqTrustBar1 .tqTrustBar1-right{justify-content:center!important} .tqTrustBar1 .tqTrustBar1-badge,.tqTrustBar1 .tqTrustBar1-study{width:58px!important;height:58px!important;max-width:100%!important;object-fit:contain!important} .tqTrustBar1 .tqTrustBar1-center{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important} .tqTrustBar1 .tqTrustBar1-centertext{display:none!important} .tqTrustBar1 .tqTrustBar1-ministryWrap{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important} .tqTrustBar1 .tqTrustBar1-ministryIcon{width:72px!important;height:72px!important;flex:0 0 72px!important} .tqTrustBar1 .tqTrustBar1-ministryText{display:none!important} .tqTrustBar1 .tqTrustBar1-center::after{content:'The Turqua Assurance';display:block;color:#fff;font-size:11px!important;line-height:1.15!important;font-weight:700!important;text-align:center;white-space:nowrap} /* Any section carrying a real colour or image background is full-bleed on phones. The section's own padding/max-width still controls the readable content. */ .tqm-full-bleed-bg{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important} /* Elementor sometimes keeps the section inside a padded content shell and does not expose its background on the semantic
node. These are the site's top-level mobile sections, so give the visual surface the same edge-to-edge treatment as the assurance band. */ body :is(.tqHero5,.tqAct2,.tqUni10,.tqRank3,.tqWhatDoOverlayBleed,.tqExamExact1,.tqTurkWorld3,.tqStudentRevFinal,.tqVid3,.tqBuzz2,.tqFaq2,#turqua-instagram-section,.tqm-trust-container){width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important} body > .elementor > :is(.elementor-section,.e-con),body > :is(section,.elementor-section){width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important} /* Shared review-style arrows on the mobile home page. */ body.tqm-home .tqm-arrow.tqm-arrow{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#11c1dc!important;box-shadow:none!important;cursor:pointer} body.tqm-home .tqm-arrow.tqm-arrow svg{width:22px!important;height:22px!important;display:block!important;margin:auto!important;fill:none!important} body.tqm-home .tqm-arrow.tqm-arrow::after{content:none!important} body.tqm-home .tqm-arrow.tqm-arrow svg path{stroke:currentColor!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important} body.tqm-home .tqm-arrow.tqm-arrow:is(:hover,:focus-visible,:active){background:#23b7cc!important;color:#fff!important} body.tqm-home .tqm-arrow.tqm-arrow:focus-visible{outline:2px solid #055f83!important;outline-offset:2px!important} body.tqm-home .tqm-arrow.tqm-arrow:disabled{background:transparent!important;opacity:.35;cursor:default} /* Keep the slide-out menu light, readable and visually separate from the page; the fixed header (including the logo) remains above it. */ body :is(.mobile-menu,.mobile-menu-wrapper,.mobile-menu-panel,.mobile-menu-overlay,.mobile-menu-content,.mobile-menu-drawer,.mobile-menu-inner,.mobile-nav,.mobile-submenu,.mobile-sidebar,.offcanvas,.menu-drawer,[role="dialog"]) :is(a,button,li,span){font-family:Poppins,system-ui,sans-serif!important;font-weight:400!important;letter-spacing:0!important} body :is(.mobile-menu,.mobile-menu-wrapper,.mobile-menu-panel,.mobile-menu-overlay,.mobile-menu-content,.mobile-menu-drawer,.mobile-menu-inner,.mobile-nav,.mobile-submenu,.mobile-sidebar,.offcanvas,.menu-drawer,[role="dialog"]) :is(a,button){font-size:15px!important;line-height:1.35!important} body :is(.mobile-menu,.mobile-menu-wrapper,.mobile-menu-panel,.mobile-menu-overlay,.mobile-menu-content,.mobile-menu-drawer,.mobile-menu-inner,.mobile-nav,.mobile-submenu,.mobile-sidebar,.offcanvas,.menu-drawer,[role="dialog"]) :is(a,button):is(:hover,:focus-visible,:active){background:#e8f8fb!important;color:#055f83!important;border-color:#d4edf2!important} /* The mobile menu opens below the 66px header as an app-like side sheet. */ #turqua-fixed-header-template :is(.mobile-menu,.mobile-menu-wrapper,.mobile-menu-panel,.mobile-menu-overlay,.mobile-menu-content,.mobile-menu-drawer,.mobile-menu-inner,.mobile-nav,.mobile-sidebar,.offcanvas,.menu-drawer,[role="dialog"]){position:fixed!important;top:100px!important;right:0!important;left:auto!important;width:min(88vw,360px)!important;max-width:360px!important;height:calc(100dvh - 100px)!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-radius:20px 0 0 20px!important;box-shadow:-10px 8px 28px #073e5226!important;padding:20px 18px 96px!important;z-index:10000!important} body:not(.tqm-menu-open) #turqua-fixed-header-template :is(.mobile-menu,.mobile-menu-wrapper,.mobile-menu-panel,.mobile-menu-overlay,.mobile-menu-content,.mobile-menu-drawer,.mobile-menu-inner,.mobile-nav,.mobile-sidebar,.offcanvas,.menu-drawer){display:none!important;visibility:hidden!important} body.tqm-menu-open #turqua-fixed-header-template :is(.mobile-menu,.mobile-menu-wrapper,.mobile-menu-panel,.mobile-menu-overlay,.mobile-menu-content,.mobile-menu-drawer,.mobile-menu-inner,.mobile-nav,.mobile-sidebar,.offcanvas,.menu-drawer){display:block!important;visibility:visible!important} #turqua-fixed-header-template .mobile-submenu :is(ul,ol){margin:0!important;padding:0!important;list-style:none!important} /* The live header mounts this drawer directly under , outside the template wrapper. Keep it closed by default and open it only via the bottom Menu action. */ body .mobile-sidebar{position:fixed!important;top:100px!important;right:0!important;left:auto!important;width:min(88vw,360px)!important;max-width:360px!important;height:calc(100dvh - 100px)!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-radius:20px 0 0 20px!important;box-shadow:-10px 8px 28px #073e5226!important;padding:20px 18px 96px!important;z-index:10000!important} body:not(.tqm-menu-open) .mobile-sidebar{display:none!important;visibility:hidden!important} body.tqm-menu-open .mobile-sidebar{display:block!important;visibility:visible!important} body.tqm-home :is(.tqAct2-link,.tqUni10-all,.tqWhatDoOverlayBleed-btn,.tqTurkWorld3-btn,.tqFaq2-btn,.tqIgFollow){min-height:44px!important;border-radius:12px!important;font-size:14px!important;line-height:1.4!important} /* Inner pages: keep search and application forms inside the phone viewport. */ body.tqm-apply > .elementor,body.tqm-universities > .elementor{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important} body.tqm-apply :is(.elementor-section,.e-con,.e-con-inner,.elementor-container,.elementor-widget-wrap){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:none!important} body.tqm-universities :is(.elementor-section,.e-con,.e-con-inner,.elementor-container,.elementor-widget-wrap){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:none!important} body.tqm-apply > .elementor > :is(.elementor-section,.e-con),body.tqm-universities > .elementor > :is(.elementor-section,.e-con){padding-left:16px!important;padding-right:16px!important} body.tqm-apply :is(.elementor-widget-form,.elementor-form,.elementor-form-fields-wrapper,form){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important} body.tqm-apply :is(.elementor-field-group,.elementor-field-subgroup,.elementor-field-type-text,.elementor-field-type-email,.elementor-field-type-tel,.elementor-field-type-select,.elementor-field-type-upload,.elementor-field-type-textarea){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} body.tqm-apply :is(.elementor-field-group,.elementor-field-subgroup,.elementor-field-type-text,.elementor-field-type-email,.elementor-field-type-tel,.elementor-field-type-select,.elementor-field-type-upload,.elementor-field-type-textarea){box-sizing:border-box!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-left:16px!important;margin-right:16px!important} body.tqm-apply :is(input,select,textarea){width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;padding:12px 14px!important;border-radius:12px!important;font-size:16px!important} body.tqm-apply :is(input,select,textarea){background:#fff!important;border:1px solid #d7e7ed!important;color:#123a4b!important;box-shadow:none!important} body.tqm-apply :is(label,.elementor-field-label){position:static!important;left:auto!important;right:auto!important;transform:none!important;display:block!important;overflow:visible!important} body.tqm-apply :is(h1,h2,h3,.elementor-heading-title){position:relative!important;left:0!important;transform:none!important;text-indent:0!important;margin-left:16px!important;margin-right:16px!important;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important} body.tqm-apply :is(label,.elementor-field-label){font-size:15px!important;line-height:1.35!important;margin-bottom:6px!important} body.tqm-apply :is(.elementor-field-group,.elementor-field-subgroup){margin-bottom:14px!important} body.tqm-apply :is(h1,h2,h3){font-size:26px!important;line-height:1.25!important;overflow-wrap:anywhere!important} body.tqm-apply :is(.elementor-button,.elementor-field-type-submit,.elementor-field-group button){max-width:100%!important;min-height:48px!important;white-space:normal!important} body.tqm-universities :is(h1,h2,h3){font-size:28px!important;line-height:1.25!important;overflow-wrap:anywhere!important} body.tqm-universities :is(.elementor-container,.elementor-widget-wrap,.e-con-inner){width:100%!important;max-width:100%!important;min-width:0!important} body.tqm-universities :is(.elementor-widget-form,.elementor-form,.elementor-form-fields-wrapper,form){width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important} body.tqm-universities :is(h1,h2,h3,.elementor-heading-title){width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important} } @media(max-width:767px) and (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}} /* ========================================================== TURQUA MOBILE ENGINE V2 Structural responsive corrections ========================================================== */ @media (max-width:767px){ /* * Core viewport safety. * Do not globally move content with viewport-negative margins. */ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:clip !important; } body{ padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important; } body *, body *::before, body *::after{ box-sizing:border-box; } img, svg, video, iframe{ max-width:100%; } /* ======================================================== APPLICATION PAGE Existing engine was applying viewport width AND margins inside an already padded Elementor parent. ======================================================== */ body.tqm-apply > .elementor{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } body.tqm-apply :is( .elementor-section, .e-con, .e-con-inner, .elementor-container, .elementor-widget-wrap, .elementor-widget, .elementor-widget-container ){ max-width:100% !important; min-width:0 !important; } body.tqm-apply :is( .elementor-field-group, .elementor-field-subgroup, .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-select, .elementor-field-type-upload, .elementor-field-type-textarea ){ box-sizing:border-box !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; } body.tqm-apply :is( input, select, textarea ){ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; font-size:16px !important; } body.tqm-apply :is( h1, h2, h3, .elementor-heading-title ){ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; left:auto !important; transform:none !important; } /* * Native Turqua application form. * Kill legacy 100vw bleed on mobile. */ body.tqm-apply .tqAppForm1, body.tqm-apply .tqAppForm1-bleed, body.tqm-apply .tqAppForm1-wrap{ box-sizing:border-box !important; max-width:100% !important; min-width:0 !important; } body.tqm-apply .tqAppForm1-bleed{ position:relative !important; left:auto !important; right:auto !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; transform:none !important; padding:14px 0 28px !important; } body.tqm-apply .tqAppForm1-wrap{ width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; } body.tqm-apply .tqAppForm1-card{ width:100% !important; max-width:100% !important; padding:18px 14px 16px !important; } body.tqm-apply :is( .tqAppForm1-grid, .tqAppForm1-grid.tqAppForm1-grid--step1 ){ width:100% !important; max-width:100% !important; grid-template-columns:minmax(0,1fr) !important; } body.tqm-apply .tqAppForm1-field{ width:100% !important; max-width:100% !important; min-width:0 !important; grid-column:1 / -1 !important; } body.tqm-apply :is( .tqAppForm1-input, .tqAppForm1-select, .tqAppForm1-textarea ){ width:100% !important; max-width:100% !important; min-width:0 !important; } /* ======================================================== PROGRAMS PAGE JS adds tqm-programs but previous CSS had no dedicated responsive page rules. ======================================================== */ body.tqm-programs{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:clip !important; } body.tqm-programs > .elementor{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } body.tqm-programs :is( .elementor-section, .elementor-container, .elementor-widget-wrap, .e-con, .e-con-inner ){ max-width:100% !important; min-width:0 !important; } body.tqm-programs .tqm-filters{ display:block !important; box-sizing:border-box !important; width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin:12px auto 16px !important; padding:0 !important; } body.tqm-programs .tqm-filters > summary{ display:flex !important; align-items:center !important; min-height:48px !important; width:100% !important; padding:12px 14px !important; border:1px solid #d7e7ed !important; border-radius:14px !important; background:#fff !important; color:#055f83 !important; font-weight:600 !important; cursor:pointer !important; } body.tqm-programs .tqm-filters > aside{ box-sizing:border-box !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:10px 0 0 !important; } body.tqm-programs .tqm-filters :is( input, select, textarea, button ){ box-sizing:border-box !important; max-width:100% !important; min-width:0 !important; font-size:16px !important; } body.tqm-programs :is( [class*="filter"], [class*="Filter"], [class*="toolbar"], [class*="Toolbar"] ){ max-width:100% !important; min-width:0 !important; } /* ======================================================== UNIVERSITY SEARCH ======================================================== */ body.tqm-universities :is( .elementor-widget-form, .elementor-form, .elementor-form-fields-wrapper, form ){ box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } body.tqm-universities :is( h1, h2, h3, .elementor-heading-title ){ box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ======================================================== FULL-BLEED GUARD Keep the home hero/sliders capable of edge-to-edge display, but application/program/search pages must never use negative viewport-margin expansion. ======================================================== */ body.tqm-apply .tqm-full-bleed-bg, body.tqm-programs .tqm-full-bleed-bg, body.tqm-universities .tqm-full-bleed-bg, body.tqm-apply :is( .tqHero5, .tqAct2, .tqUni10, .tqRank3, .tqWhatDoOverlayBleed, .tqExamExact1, .tqTurkWorld3, .tqStudentRevFinal, .tqVid3, .tqBuzz2, .tqFaq2, #turqua-instagram-section, .tqm-trust-container ), body.tqm-programs :is( .tqHero5, .tqAct2, .tqUni10, .tqRank3, .tqWhatDoOverlayBleed, .tqExamExact1, .tqTurkWorld3, .tqStudentRevFinal, .tqVid3, .tqBuzz2, .tqFaq2, #turqua-instagram-section, .tqm-trust-container ), body.tqm-universities :is( .tqHero5, .tqAct2, .tqUni10, .tqRank3, .tqWhatDoOverlayBleed, .tqExamExact1, .tqTurkWorld3, .tqStudentRevFinal, .tqVid3, .tqBuzz2, .tqFaq2, #turqua-instagram-section, .tqm-trust-container ){ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ======================================================== MOBILE BOTTOM NAV / SAFE AREA ======================================================== */ .tqm-bottom{ box-sizing:border-box !important; width:100% !important; max-width:100% !important; left:0 !important; right:0 !important; bottom:0 !important; padding: 8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important; } .tqm-bottom :is(a,button){ min-width:0 !important; overflow:hidden !important; } .tqm-bottom span{ max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* ======================================================== HEADER WIDTH SAFETY ======================================================== */ #turqua-fixed-header-template, #turqua-fixed-header-template .full-width-header, #turqua-fixed-header-template .header-container{ width:100% !important; max-width:100% !important; min-width:0 !important; } #turqua-fixed-header-template .header-container{ flex-wrap:nowrap !important; } #turqua-fixed-header-template .header-logo{ min-width:0 !important; flex:0 1 126px !important; } #turqua-fixed-header-template .header-actions{ min-width:0 !important; flex-shrink:1 !important; } } @media (max-width:360px){ #turqua-fixed-header-template .header-container{ padding-left:12px !important; padding-right:12px !important; gap:7px !important; } #turqua-fixed-header-template .header-logo{ width:112px !important; flex-basis:112px !important; } #turqua-fixed-header-template .header-logo img{ width:112px !important; max-width:112px !important; } body.tqm-apply .tqAppForm1-card{ padding-left:12px !important; padding-right:12px !important; } } /* TURQUA_MOBILE_ENGINE_V2_END */ /* ========================================================== TURQUA GLOBAL MOBILE HEADER OFFSET V1 Prevent page content from rendering underneath fixed header. Offset is calculated dynamically by mobile JS. ========================================================== */ @media (max-width:767px){ html{ scroll-padding-top: calc(var(--tqm-header-offset, 0px) + 16px) !important; } body.tqm-header-overlap{ padding-top: var(--tqm-header-offset, 0px) !important; } /* * body already has bottom-nav padding from the mobile engine. * padding-top therefore must not destroy padding-bottom. */ body.tqm-header-overlap{ padding-right:0 !important; padding-left:0 !important; } /* * Elementor/root content must stay in normal document flow. * Do not use transforms to compensate for header overlap. */ body.tqm-header-overlap :is( #content, .site-main, .page-content, body > .elementor ){ position:relative; } /* * Menu drawer begins immediately below the actual measured * header instead of using the old hard-coded 100px value. */ body :is( .mobile-menu, .mobile-menu-wrapper, .mobile-menu-panel, .mobile-menu-overlay, .mobile-menu-content, .mobile-menu-drawer, .mobile-menu-inner, .mobile-nav, .mobile-sidebar, .offcanvas, .menu-drawer, [role="dialog"] ){ top:var(--tqm-header-height, 100px) !important; height: calc(100dvh - var(--tqm-header-height, 100px)) !important; max-height: calc(100dvh - var(--tqm-header-height, 100px)) !important; } body .mobile-sidebar{ top:var(--tqm-header-height, 100px) !important; height: calc(100dvh - var(--tqm-header-height, 100px)) !important; max-height: calc(100dvh - var(--tqm-header-height, 100px)) !important; } } /* TURQUA_GLOBAL_HEADER_OFFSET_V1_END */ /* ========================================================== TURQUA GLOBAL MOBILE HARD HEADER FIX V2 All public mobile page content starts BELOW the header. ========================================================== */ @media only screen and (max-width:767px){ :root{ --tqm-hard-header-space:168px !important; } /* -------------------------------------------------------- DISABLE PREVIOUS DYNAMIC BODY OFFSET We now control the content root directly. -------------------------------------------------------- */ html{ scroll-padding-top: calc(var(--tqm-hard-header-space) + 12px) !important; } body, body.tqm-header-overlap{ padding-top:0 !important; } /* -------------------------------------------------------- HEADER MUST STAY AT TOP -------------------------------------------------------- */ #turqua-fixed-header-template{ position:relative !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; z-index:10002 !important; } /* -------------------------------------------------------- FIXED / STICKY HEADER CHILD -------------------------------------------------------- */ #turqua-fixed-header-template .full-width-header, .full-width-header.tqm-is-scrolled, #turqua-fixed-header-template .full-width-header.tqm-is-scrolled{ z-index:10002 !important; } /* -------------------------------------------------------- GLOBAL PAGE OFFSET IMPORTANT: Do NOT move the body. Do NOT move the header. Move only the public content area. -------------------------------------------------------- */ body:not(.elementor-editor-active) #content.site-main, body:not(.elementor-editor-active) main#content, body:not(.elementor-editor-active) .site-main#content{ margin-top:var(--tqm-hard-header-space) !important; } /* * Some templates wrap the actual page in #content without * the site-main class. */ body:not(.elementor-editor-active) > #page > #content{ margin-top:var(--tqm-hard-header-space) !important; } /* * Elementor pages where the main content root is direct. */ body:not(.elementor-editor-active) > .elementor{ margin-top:var(--tqm-hard-header-space) !important; } /* -------------------------------------------------------- PREVENT DOUBLE OFFSET If .site-main already received the margin, its children must never receive another header margin. -------------------------------------------------------- */ #content > .page-content, #content > .elementor, main.site-main > .page-content, main.site-main > .elementor{ margin-top:0 !important; } /* -------------------------------------------------------- SPECIAL PAGE ROOTS Keep previous responsive fixes but never cancel the global top offset on the outer #content. -------------------------------------------------------- */ body.tqm-apply > .elementor, body.tqm-programs > .elementor, body.tqm-universities > .elementor{ max-width:100% !important; } /* -------------------------------------------------------- ELEMENTOR NEGATIVE TOP MARGINS A page section must not climb back underneath header. -------------------------------------------------------- */ #content > :first-child, #content .page-content > :first-child, #content .elementor > :first-child{ top:auto !important; } /* -------------------------------------------------------- ANCHOR TARGETS -------------------------------------------------------- */ body :is( section, .elementor-section, .e-con, [id] ){ scroll-margin-top: calc(var(--tqm-hard-header-space) + 12px); } /* -------------------------------------------------------- MOBILE DRAWER Drawer starts below same global header zone. -------------------------------------------------------- */ body :is( .mobile-menu, .mobile-menu-wrapper, .mobile-menu-panel, .mobile-menu-overlay, .mobile-menu-content, .mobile-menu-drawer, .mobile-menu-inner, .mobile-nav, .mobile-sidebar, .offcanvas, .menu-drawer ){ top:var(--tqm-hard-header-space) !important; height: calc(100dvh - var(--tqm-hard-header-space)) !important; max-height: calc(100dvh - var(--tqm-hard-header-space)) !important; } body .mobile-sidebar{ top:var(--tqm-hard-header-space) !important; height: calc(100dvh - var(--tqm-hard-header-space)) !important; max-height: calc(100dvh - var(--tqm-hard-header-space)) !important; } } /* * Slightly smaller phones. * Keep the same structural separation. */ @media only screen and (max-width:390px){ :root{ --tqm-hard-header-space:168px !important; } } /* TURQUA_GLOBAL_HARD_HEADER_FIX_V2_END */ /* ========================================================== TURQUA HOME SLIDER GAP FIX V3 Inner pages retain header protection. Home does NOT receive hard content offset. Desktop is explicitly untouched. ========================================================== */ /* ---------------------------------------------------------- MOBILE HOME Header already occupies its own visual area. Remove duplicated hard offset only from homepage. ---------------------------------------------------------- */ @media only screen and (max-width:767px){ body.tqm-home #content.site-main, body.tqm-home main#content, body.tqm-home .site-main#content, body.tqm-home > #page > #content, body.tqm-home > .elementor{ margin-top:0 !important; padding-top:0 !important; } /* * Elementor homepage root must not inherit/retain a large * blank spacer before the first slider. */ body.tqm-home #content > .page-content, body.tqm-home #content > .elementor, body.tqm-home main.site-main > .page-content, body.tqm-home main.site-main > .elementor{ margin-top:0 !important; padding-top:0 !important; } /* * First homepage Elementor container. */ body.tqm-home .elementor[data-elementor-type="wp-page"] > :first-child, body.tqm-home .elementor > .e-con:first-child, body.tqm-home .elementor > .elementor-section:first-child{ margin-top:0 !important; padding-top:0 !important; } /* -------------------------------------------------------- HERO / CAMPAIGN SLIDER Start directly below homepage header. -------------------------------------------------------- */ body.tqm-home .turqua-campaign-slider, body.tqm-home .hero-slider-wrapper{ margin-top:0 !important; padding-top:0 !important; top:auto !important; } body.tqm-home :is( .turqua-campaign-slider, .hero-slider-wrapper ) :is( .swiper, .swiper-wrapper, .swiper-slide ){ margin-top:0 !important; padding-top:0 !important; } /* * No hard 168px content margin on home. * Keep the value available for menu calculations, but * explicitly prevent it from moving the homepage content. */ body.tqm-home{ --tqm-home-content-offset:0px !important; } } /* ---------------------------------------------------------- DESKTOP / TABLET SAFETY Absolutely no mobile hard-offset behaviour above 767px. ---------------------------------------------------------- */ @media only screen and (min-width:768px){ :root{ --tqm-hard-header-space:0px !important; --tqm-header-offset:0px !important; } body, body.tqm-header-overlap{ padding-top:0 !important; } body #content.site-main, body main#content, body .site-main#content, body > #page > #content, body > .elementor{ margin-top:0 !important; } /* * Do not alter the native desktop hero/slider positioning. */ body .turqua-campaign-slider, body .hero-slider-wrapper{ top:auto; } } /* TURQUA_HOME_SLIDER_GAP_FIX_V3_END */ /* ========================================================== TURQUA MOBILE CONTENT GAP FINAL V4 Header already occupies its own layout space. Previous 168px hard offset caused excessive white space. Keep only a small visual separation on inner pages. ========================================================== */ @media only screen and (max-width:767px){ /* * IMPORTANT: * Keep --tqm-hard-header-space untouched because older rules * may still use it for the mobile drawer. * * Only override PAGE CONTENT spacing here. */ /* -------------------------------------------------------- ALL INNER PUBLIC PAGES -------------------------------------------------------- */ body:not(.tqm-home):not(.elementor-editor-active) #content.site-main, body:not(.tqm-home):not(.elementor-editor-active) main#content, body:not(.tqm-home):not(.elementor-editor-active) .site-main#content, body:not(.tqm-home):not(.elementor-editor-active) > #page > #content, body:not(.tqm-home):not(.elementor-editor-active) > .elementor{ margin-top:12px !important; padding-top:0 !important; } /* -------------------------------------------------------- HOMEPAGE Slider begins directly after header. -------------------------------------------------------- */ body.tqm-home #content.site-main, body.tqm-home main#content, body.tqm-home .site-main#content, body.tqm-home > #page > #content, body.tqm-home > .elementor{ margin-top:0 !important; padding-top:0 !important; } /* -------------------------------------------------------- DO NOT ADD OFFSET AGAIN TO CHILD WRAPPERS -------------------------------------------------------- */ #content > .page-content, #content > .elementor, main.site-main > .page-content, main.site-main > .elementor{ margin-top:0 !important; padding-top:0 !important; } /* -------------------------------------------------------- PROGRAMS -------------------------------------------------------- */ body.tqm-programs :is( .tqProgramsModern, .tqpm-bleed, .tqpm-wrap ){ margin-top:0 !important; } /* -------------------------------------------------------- APPLY -------------------------------------------------------- */ body.tqm-apply :is( .tqAppForm1, .tqAppForm1-bleed, .tqAppForm1-wrap ){ margin-top:0 !important; } /* -------------------------------------------------------- UNIVERSITIES -------------------------------------------------------- */ body.tqm-universities .elementor > :first-child{ margin-top:0 !important; } /* -------------------------------------------------------- FIRST REAL PAGE SECTION Prevent Elementor legacy top spacing. -------------------------------------------------------- */ body:not(.tqm-home) #content .page-content > :first-child, body:not(.tqm-home) #content .elementor > :first-child{ margin-top:0 !important; } /* -------------------------------------------------------- HOME SLIDER -------------------------------------------------------- */ body.tqm-home :is( .turqua-campaign-slider, .hero-slider-wrapper ){ margin-top:0 !important; padding-top:0 !important; } } /* ========================================================== DESKTOP SAFETY This patch must have zero desktop layout effect. ========================================================== */ @media only screen and (min-width:768px){ body #content.site-main, body main#content, body .site-main#content, body > #page > #content, body > .elementor{ margin-top:0 !important; } } /* TURQUA_MOBILE_CONTENT_GAP_FINAL_V4_END */ /* ========================================================== TURQUA INNER PAGE TOP GAP 32PX FINAL V5 ========================================================== */ @media only screen and (max-width:767px){ /* * HOME: * Hero / slider stays directly below header. */ body.tqm-home #content.site-main, body.tqm-home main#content, body.tqm-home .site-main#content, body.tqm-home > #page > #content, body.tqm-home > .elementor{ margin-top:0 !important; padding-top:0 !important; } /* * INNER PAGES: * 12px was too tight and clipped the first section. * 32px gives a controlled visual safety zone. */ body:not(.tqm-home):not(.elementor-editor-active) #content.site-main, body:not(.tqm-home):not(.elementor-editor-active) main#content, body:not(.tqm-home):not(.elementor-editor-active) .site-main#content, body:not(.tqm-home):not(.elementor-editor-active) > #page > #content, body:not(.tqm-home):not(.elementor-editor-active) > .elementor{ margin-top:32px !important; padding-top:0 !important; } /* * Child wrappers must not add a second gap. */ #content > .page-content, #content > .elementor, main.site-main > .page-content, main.site-main > .elementor{ margin-top:0 !important; padding-top:0 !important; } /* * First real page component must remain fully visible. */ body:not(.tqm-home) #content :is( .page-content, .elementor ) > :first-child{ margin-top:0 !important; transform:none !important; } /* * Programs hero. */ body.tqm-programs :is( .tqProgramsModern, .tqpm-bleed, .tqpm-wrap ){ margin-top:0 !important; } /* * Application pages. */ body.tqm-apply :is( .tqAppForm1, .tqAppForm1-bleed, .tqAppForm1-wrap ){ margin-top:0 !important; } } /* Desktop remains native. */ @media only screen and (min-width:768px){ body #content.site-main, body main#content, body .site-main#content, body > #page > #content, body > .elementor{ margin-top:0 !important; } } /* TURQUA_INNER_PAGE_GAP_32_FINAL_V5_END */ /* ========================================================== TURQUA MOBILE ENGINE V3 HEADER + TOPBAR AUTHORITATIVE CLEANUP Scope: - mobile only - no desktop changes - topbar never wider than viewport - email never ellipsized - portal links stay out of topbar on mobile - header width normalization ========================================================== */ @media (max-width:767px){ /* * ------------------------------------------------------- * A. VIEWPORT SAFETY * ------------------------------------------------------- */ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; } /* * ------------------------------------------------------- * B. HEADER ROOT * ------------------------------------------------------- */ #turqua-fixed-header-template{ box-sizing:border-box !important; position:relative !important; top:auto !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; transform:none !important; translate:none !important; overflow:visible !important; } #turqua-fixed-header-template .full-width-header{ box-sizing:border-box !important; position:relative !important; top:auto !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; transform:none !important; translate:none !important; overflow:visible !important; } /* * ------------------------------------------------------- * C. TOPBAR ROOT * ------------------------------------------------------- */ #turqua-fixed-header-template .turqua-public-topbar, .turqua-public-topbar{ box-sizing:border-box !important; position:relative !important; top:auto !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; transform:none !important; translate:none !important; overflow:visible !important; } /* * ------------------------------------------------------- * D. TOPBAR INNER * * Critical: * width includes padding because border-box is forced. * No wrap. No max-width residue. * ------------------------------------------------------- */ #turqua-fixed-header-template .turqua-public-topbar__inner, .turqua-public-topbar__inner{ box-sizing:border-box !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:34px !important; margin:0 !important; padding-top:7px !important; padding-bottom:7px !important; padding-left:14px !important; padding-right:14px !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; gap:0 !important; overflow:visible !important; } /* * ------------------------------------------------------- * E. EMAIL * ------------------------------------------------------- */ #turqua-fixed-header-template .turqua-public-topbar__email, .turqua-public-topbar__email{ box-sizing:border-box !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 1 auto !important; width:auto !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; gap:7px !important; color:#fff !important; font-size:12px !important; font-weight:500 !important; line-height:1.2 !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; word-break:normal !important; transform:none !important; } #turqua-fixed-header-template .turqua-public-topbar__email i, .turqua-public-topbar__email i{ display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; justify-content:center !important; margin:0 !important; font-size:11px !important; line-height:1 !important; } /* * ------------------------------------------------------- * F. MOBILE TOPBAR PORTALS * * Student / Agency live in mobile app navigation. * They must not consume topbar width. * ------------------------------------------------------- */ #turqua-fixed-header-template .turqua-public-topbar__portals, #turqua-fixed-header-template .turqua-public-topbar__actions, #turqua-fixed-header-template .turqua-public-topbar__portal, .turqua-public-topbar__portals, .turqua-public-topbar__actions, .turqua-public-topbar__portal{ display:none !important; width:0 !important; max-width:0 !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } /* * ------------------------------------------------------- * G. WHITE HEADER * ------------------------------------------------------- */ #turqua-fixed-header-template .header-container{ box-sizing:border-box !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:66px !important; min-height:66px !important; margin:0 !important; padding: 10px 16px !important; gap:10px !important; overflow:visible !important; } #turqua-fixed-header-template .header-logo{ box-sizing:border-box !important; width:126px !important; max-width:126px !important; flex: 0 0 126px !important; min-width:0 !important; margin:0 !important; } #turqua-fixed-header-template .header-logo img{ display:block !important; width:126px !important; max-width:126px !important; height:auto !important; margin:0 !important; } /* * ------------------------------------------------------- * H. SCROLLED HEADER * ------------------------------------------------------- */ #turqua-fixed-header-template .full-width-header.tqm-is-scrolled{ position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; margin:0 !important; transform:none !important; overflow:visible !important; } #turqua-fixed-header-template .full-width-header.tqm-is-scrolled .turqua-public-topbar{ display:none !important; } } /* * ----------------------------------------------------------- * Narrow phones * ----------------------------------------------------------- */ @media (max-width:390px){ .turqua-public-topbar__inner{ padding-left:10px !important; padding-right:10px !important; } .turqua-public-topbar__email{ font-size:11.5px !important; } .turqua-public-topbar__email i{ font-size:10.5px !important; } } /* * ----------------------------------------------------------- * Very narrow phones * ----------------------------------------------------------- */ @media (max-width:340px){ .turqua-public-topbar__email{ font-size:10.75px !important; } } /* TURQUA_MOBILE_ENGINE_V3_HEADER_TOPBAR_END */ /* ========================================================== TURQUA MOBILE ENGINE V3 — PHASE 2 SLIDER + FULL BLEED NORMALIZATION ========================================================== */ @media (max-width:767px){ /* * ------------------------------------------------------- * A. PAGE ROOTS * ------------------------------------------------------- */ body.tqm-home, body.tqm-home > .elementor{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; overflow-x:clip !important; } /* * ------------------------------------------------------- * B. HERO / CAMPAIGN SLIDERS * * Keep genuine sliders edge-to-edge, but do not use * negative viewport centering tricks. * ------------------------------------------------------- */ body.tqm-home .turqua-campaign-slider, body.tqm-home .hero-slider-wrapper{ box-sizing:border-box !important; position:relative !important; left:0 !important; right:0 !important; top:auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; transform:none !important; translate:none !important; overflow:hidden !important; } body.tqm-home .turqua-campaign-slider__viewport, body.tqm-home .hero-slider-wrapper .swiper{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; } body.tqm-home .hero-slider-wrapper :is( .swiper-wrapper, .swiper-slide, .hero-slide-graphic, .hero-graphic-canvas ){ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; } body.tqm-home .hero-slider-wrapper img, body.tqm-home .turqua-campaign-slider img{ display:block !important; width:100% !important; max-width:100% !important; height:auto !important; margin:0 !important; object-fit:contain !important; } /* * ------------------------------------------------------- * C. HOME SECTIONS * * Sections stay full width of their actual parent. * No 100vw and no calc(50% - 50vw). * ------------------------------------------------------- */ body.tqm-home :is( .tqHero5, .tqAct2, .tqUni10, .tqRank3, .tqWhatDoOverlayBleed, .tqExamExact1, .tqTurkWorld3, .tqStudentRevFinal, .tqVid3, .tqBuzz2, .tqFaq2, #turqua-instagram-section, .tqm-trust-container ){ box-sizing:border-box !important; position:relative !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; transform:none !important; } /* * ------------------------------------------------------- * D. TOP-LEVEL ELEMENTOR SECTIONS * ------------------------------------------------------- */ body.tqm-home > .elementor > :is( .elementor-section, .e-con ), body.tqm-home > :is( section, .elementor-section ){ box-sizing:border-box !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; left:0 !important; right:0 !important; transform:none !important; } /* * ------------------------------------------------------- * E. INNER WRAPPERS * ------------------------------------------------------- */ body.tqm-home :is( .elementor-container, .elementor-widget-wrap, .elementor-widget-container, .e-con, .e-con-inner ){ max-width:100% !important; min-width:0 !important; } /* * ------------------------------------------------------- * F. SPECIAL FULL-BLEED CLASS * * Preserve the visual full-width effect without viewport * negative margins. * ------------------------------------------------------- */ body.tqm-home .tqm-full-bleed-bg{ box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; left:0 !important; right:0 !important; transform:none !important; } /* * ------------------------------------------------------- * G. MEDIA SAFETY * ------------------------------------------------------- */ body.tqm-home :is( img, video, iframe, svg ){ max-width:100% !important; } /* * ------------------------------------------------------- * H. MOBILE HORIZONTAL SAFETY * ------------------------------------------------------- */ body.tqm-home :is( main, section, .elementor, .elementor-section, .elementor-container, .elementor-widget-wrap, .elementor-widget-container, .e-con, .e-con-inner ){ min-width:0 !important; } } /* TURQUA_MOBILE_ENGINE_V3_PHASE2_END */ /* ========================================================== TURQUA MOBILE ENGINE V3 — PHASE 3 SPACING + APP NAV + MOBILE MENU + HEADER GEOMETRY ========================================================== */ @media (max-width:767px){ /* * ======================================================== * A. MOBILE DESIGN TOKENS * ======================================================== */ :root{ --tqm-page-x:16px; --tqm-section-y:30px; --tqm-header-main:66px; --tqm-topbar:34px; --tqm-header-total:100px; --tqm-bottom-height:76px; } /* * ======================================================== * B. HEADER GEOMETRY * * Topbar 34px + white header 66px = 100px. * No legacy 168px hard offset. * ======================================================== */ #turqua-fixed-header-template{ min-height:var(--tqm-header-total) !important; height:auto !important; } #turqua-fixed-header-template .turqua-public-topbar{ min-height:var(--tqm-topbar) !important; height:var(--tqm-topbar) !important; } #turqua-fixed-header-template .turqua-public-topbar__inner{ min-height:var(--tqm-topbar) !important; height:var(--tqm-topbar) !important; padding-top:0 !important; padding-bottom:0 !important; } #turqua-fixed-header-template .full-width-header{ min-height:var(--tqm-header-main) !important; height:auto !important; } #turqua-fixed-header-template .header-container{ height:var(--tqm-header-main) !important; min-height:var(--tqm-header-main) !important; max-height:var(--tqm-header-main) !important; } /* * Scrolled state: * topbar disappears, white header is exactly 66px. */ #turqua-fixed-header-template .full-width-header.tqm-is-scrolled{ min-height:var(--tqm-header-main) !important; height:var(--tqm-header-main) !important; } /* * ======================================================== * C. HOME SECTION RHYTHM * ======================================================== */ body.tqm-home :is( .tqHero5, .tqAct2, .tqUni10, .tqRank3, .tqExamExact1, .tqTurkWorld3, .tqStudentRevFinal, .tqVid3, .tqBuzz2, .tqFaq2, #turqua-instagram-section ){ padding-top:var(--tqm-section-y) !important; padding-bottom:var(--tqm-section-y) !important; padding-left:var(--tqm-page-x) !important; padding-right:var(--tqm-page-x) !important; } /* * Sections with their own intentional artwork/layout. */ body.tqm-home .tqWhatDoOverlayBleed{ padding-left:0 !important; padding-right:0 !important; } body.tqm-home .tqm-trust-container{ padding-left:0 !important; padding-right:0 !important; } /* * Prevent accidental Elementor margins between home blocks. */ body.tqm-home :is( .elementor-widget, .elementor-widget-container ){ max-width:100% !important; } /* * ======================================================== * D. SLIDER SPACING * ======================================================== */ body.tqm-home :is( .hero-slider-wrapper, .turqua-campaign-slider ){ margin-top:0 !important; margin-bottom:0 !important; } /* * ======================================================== * E. TRUST / CERTIFICATION BAND * ======================================================== */ body.tqm-home .tqTrustBar1{ margin-top:0 !important; margin-bottom:0 !important; } /* * ======================================================== * F. BOTTOM APP NAV * ======================================================== */ .tqm-bottom{ box-sizing:border-box !important; position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; max-width:100% !important; min-height:var(--tqm-bottom-height) !important; display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; padding: 7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)) !important; margin:0 !important; background:rgba(255,255,255,.96) !important; border-top: 1px solid rgba(5,95,131,.12) !important; box-shadow: 0 -8px 24px rgba(5,95,131,.08) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; z-index:10050 !important; } .tqm-bottom :is(a,button){ box-sizing:border-box !important; width:100% !important; min-width:0 !important; min-height:54px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; padding:4px 3px !important; margin:0 !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:#055f83 !important; font-family: Poppins, system-ui, sans-serif !important; font-size:11px !important; font-weight:500 !important; line-height:1.15 !important; text-align:center !important; text-decoration:none !important; overflow:visible !important; } .tqm-bottom :is(a,button) i{ display:block !important; font-size:20px !important; line-height:1 !important; color:inherit !important; } .tqm-bottom :is(a,button) span{ display:block !important; width:100% !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .tqm-bottom :is(a,button).is-active{ color:#23b7cc !important; background:#eaf9fb !important; box-shadow:none !important; } /* * Enough page space above the fixed app navigation. */ body{ padding-bottom: calc( var(--tqm-bottom-height) + 12px + env(safe-area-inset-bottom) ) !important; } /* * ======================================================== * G. MOBILE MENU / APP DRAWER * ======================================================== */ body .mobile-sidebar, #turqua-fixed-header-template :is( .mobile-menu, .mobile-menu-wrapper, .mobile-menu-panel, .mobile-menu-content, .mobile-menu-drawer, .mobile-menu-inner, .mobile-nav, .mobile-sidebar, .offcanvas, .menu-drawer, [role="dialog"] ){ box-sizing:border-box !important; position:fixed !important; top:var(--tqm-header-main) !important; right:0 !important; left:auto !important; width:min(90vw,360px) !important; max-width:360px !important; height: calc( 100dvh - var(--tqm-header-main) - var(--tqm-bottom-height) ) !important; max-height: calc( 100dvh - var(--tqm-header-main) - var(--tqm-bottom-height) ) !important; padding: 18px 16px 28px !important; margin:0 !important; overflow-x:hidden !important; overflow-y:auto !important; background:#fff !important; border-radius: 20px 0 0 20px !important; box-shadow: -12px 10px 30px rgba(5,95,131,.16) !important; z-index:10040 !important; } /* * Menu touch targets. */ body :is( .mobile-sidebar, .mobile-menu, .mobile-menu-wrapper, .mobile-menu-panel, .mobile-menu-content, .mobile-menu-drawer, .mobile-menu-inner, .mobile-nav, .offcanvas, .menu-drawer ) :is(a,button){ min-height:44px !important; display:flex !important; align-items:center !important; padding: 10px 12px !important; border-radius:10px !important; font-size:15px !important; line-height:1.3 !important; } /* * ======================================================== * H. MOBILE CARD RHYTHM * ======================================================== */ body.tqm-home :is( .tqpm-card, .tqStudentRevFinal-card ){ border-radius:18px !important; } /* * ======================================================== * I. TEXT SAFETY * ======================================================== */ body.tqm-home :is( h1, h2, h3, h4, p, a, span ){ max-width:100%; } /* * ======================================================== * J. NO HORIZONTAL PAGE BLEED * ======================================================== */ html, body{ overflow-x:clip !important; } } /* * ========================================================== * NARROW PHONE TUNING * ========================================================== */ @media (max-width:390px){ :root{ --tqm-page-x:14px; --tqm-section-y:26px; } #turqua-fixed-header-template .header-container{ padding-left:14px !important; padding-right:14px !important; } .tqm-bottom :is(a,button){ font-size:10.5px !important; } } /* * ========================================================== * VERY NARROW PHONE TUNING * ========================================================== */ @media (max-width:350px){ :root{ --tqm-page-x:12px; } #turqua-fixed-header-template .header-logo{ width:112px !important; max-width:112px !important; flex-basis:112px !important; } #turqua-fixed-header-template .header-logo img{ width:112px !important; max-width:112px !important; } } /* TURQUA_MOBILE_ENGINE_V3_PHASE3_END */ /* ========================================================== TURQUA MOBILE ENGINE V3 — FINAL HEADER AUTHORITY Final override for legacy hard-header variables. Static header: 34px topbar + 66px main header = 100px Scrolled header: topbar hidden, main header = 66px Dynamic body padding is explicitly disabled. ========================================================== */ @media (max-width:767px){ :root{ --tqm-hard-header-space:100px !important; --tqm-header-height:100px !important; --tqm-header-offset:0px !important; } body.tqm-header-overlap{ padding-top:0 !important; } body.tqm-home{ padding-top:0 !important; } #turqua-fixed-header-template{ margin-top:0 !important; padding-top:0 !important; } #turqua-fixed-header-template .full-width-header:not(.tqm-is-scrolled){ top:auto !important; } #turqua-fixed-header-template .full-width-header.tqm-is-scrolled{ top:0 !important; } } /* TURQUA_MOBILE_ENGINE_V3_FINAL_HEADER_AUTHORITY_END */