/*
Theme Name: My Study Dorm
Theme URI: https://www.mystudydorm.com/
Author: 1stFold
Author URI: https://1stfold.com/
Description: A lightweight WordPress theme built for Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-elementor-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');/*font-family: "Public Sans", sans-serif;*/
body{font-family: "Public Sans", sans-serif; padding:0; margin:0;}
.site-header{padding:20px;}
.site-header .container{
	display: flex;
    align-items: center;
    position: relative;
    z-index: 999;}
.site-header .logo{ margin-right:93px;}
.site-header .logo img{
    max-width: 206px;
    height: auto;
	vertical-align: middle;
}
#primary-menu{ padding:0; margin:0;}
#primary-menu li{ display:inline-block; list-style:none;position:relative;}
#primary-menu li:last-child{ margin-right:0;}
#primary-menu li a{ font-size:18px; color:#000; font-weight:500; text-decoration:none;font-family: "Public Sans", sans-serif;
    font-size: 18px;
    font-weight: 600; padding:15px; position:relative;}
 #primary-menu li a::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #FFBC53;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
  }
#primary-menu li.current_page_item a{ border-bottom:2px solid #FFBC53;}
 #primary-menu li a:hover::before {
    width: 100%;
    border-radius: 50%;
  }
#primary-menu li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 262px;
}
.con-h2 h2 a{color:#666666;}
.algebra-box p{ padding:0; margin:0;}
.algebra-box:hover{border-bottom:10px solid #FFBC53!important;}
.geometry-box ul{margin:15px 0 0; padding:0 0 0 10px;}
.geometry-box li{margin-left:16px; position:relative; list-style:none;}
.geometry-box li:after{content:""; position:absolute; top:9px; left:-16px; width:8px; height:8px; background:#F5F5F5; border:1px solid #FFBC53; border-radius:2px;}
.geometry-box h2{position:relative;}
.geometry-box h2:after{content:""; position:absolute; top:4px; left:-20px; width:10px; height:10px; background:#FFBC53; border-radius:100px;}
#wpforms-1444-field_10-container,#wpforms-1444-field_11-container{    width: 48%;
    display: inline-block;
    margin-right: 4%;}
#wpforms-1444-field_8-container,#wpforms-1444-field_12-container{width: 48%;
    display: inline-block;}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {padding: 0 0 40px;}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {margin-top: -10px;}
#wpforms-submit-1444, #wpforms-submit-1729{ font-size:20px; color:#FFBC53; font-weight:700; padding:13px 24px; background:#000; height:50px;}
#wpforms-submit-1444:hover, #wpforms-submit-1729:hover{ color:#000; background:#fff;}
.wpforms-container{max-width:680px; margin:0 auto!important;}
.wpforms-field-row,.wpforms-container input.wpforms-field-medium{ width:100%!important;}
#wpforms-1729-field_3-container,#wpforms-1729-field_4-container,#wpforms-1729-field_2-container,#wpforms-1729-field_5-container{ width:48%; display:inline-block;}
#wpforms-1729-field_3-container,#wpforms-1729-field_2-container{margin-right:4%;}
#wpforms-1729-field_6{
    display: flex!important;
    flex-wrap: wrap;
}
#wpforms-1729-field_6 li{ display:inline-block; width:46%; margin-right:2%;}
.wpforms-container .wpforms-recaptcha-container{margin-bottom:30px;}
@media (min-width: 769px) {
.sub-menu:hover, ul#primary-menu li:hover a+.sub-menu {
    display: block;
}
}
#primary-menu .sub-menu li{ display:block; border-bottom:1px solid #c4c4c4;}
#primary-menu .sub-menu li a{ padding:15px 15px 15px 15px; display:block; font-size:14px;}

.container{ max-width:1140px; margin:0 auto;}
/* Basic toggle button styling */
.menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001; /* Ensure above menu */
}

.menu-toggle .bar {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #000;
  margin: 5px 0;
  transition: 0.4s;
}

.footer{background: #333;padding: 30px 0;}
.footer .container{ display:flex; justify-content:space-between;gap:10px;}
.footer h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #FFFFFF;
    font-family: "Public Sans", Sans-serif;
	margin: 0 0 0.7em;
}
.footer ul {padding: 0;margin: 0;}

.footer li {list-style: none;margin: 0;}

.footer a {font-size: 16px;color: #D9D9D9;line-height: 30px; text-decoration:none;}

.footer a:hover {color: #FFBC53;}
.swiper-slide {
  height: 150px!important; /* Or set a specific px height */
}

.footer li.address {
	margin-bottom: 25px;
	padding-left: 35px;
	background: url('/wp-content/uploads/2025/06/address-icon.png') no-repeat top left;
            }

.footer li.phone {
	margin-bottom: 25px;
	padding-left: 35px;
	background: url('/wp-content/uploads/2025/06/phone.png') no-repeat top left;
            }

.footer li.tution-hours {
	padding-left: 35px;
	background: url('/wp-content/uploads/2025/06/time-icon.png') no-repeat top left;
            }

.footer {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #D9D9D9;
}
.footer-bottom{ background:#000; padding:10px;text-align: left;
    color: #D9D9D9;
    font-family: "Public Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;}
.footer-logo img{ margin-top:116px;}

.services-list ul{ padding:0; margin:0;}
.services-list li{ list-style:none; padding-left:35px; background:url(/wp-content/uploads/2025/06/icon-def.png) no-repeat 0 12px;}
.services-list li:hover { background: url(/wp-content/uploads/2025/06/icon-hov.png) no-repeat 0 12px; }
/*.admin-bar header.site-header{margin-top:32px;}*/
.top-number{ text-align:right; margin:0 0 30px;}
.top-number a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    background: #FFBC53;
    padding: 10px;
    border-radius: 10px;
    display: block;
    width: fit-content;
    margin-left: auto;
    text-align: center;
	font-weight:600;
}
.top-number img {
                vertical-align: sub;
                margin-right: 10px;
            }

.top-number a:hover {
                background: #000; color:#FFBC53;
            }
.summer-camp-txt h2 a{ color:#444;}
@media (max-width:1200px) {
.site-header .logo {margin-right: 30px;}
#primary-menu li a{ padding:13px;}
}
@media (max-width:1024px) {
	.footer-logo img{ max-width:150px;}
.menu-toggle {display: block; margin:0 auto; margin-right:0;}
.nav-box{ width:100%;}

  .main-navigation .menu {
    display: none;
    flex-direction: column;
  }

  .main-navigation .menu.active {
    display: flex;
  }
	.menu-toggle {
    display: block;
  }

  .main-navigation .menu {
    display: none;
    flex-direction: column;
    background: #fff; /* Optional: background for dropdown */
    position: absolute;
    top: 80px; /* adjust based on header height */
    right: 0;
    left: 0;
    z-index: 1000;
  }

  .main-navigation .menu.active {
    display: flex;
  }

  /* Transform hamburger to cross when active */
  .menu-toggle.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
  }

  .menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
	#primary-menu li a {
        padding: 15px;
        display: block;
		font-size: 14px;border-bottom: 1px solid #c4c4c4;}
	.footer{ padding:30px 10px;}
#primary-menu li ul {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
}
	.arrow-down{ float:right;}
	.sub-menu {
    display: none;
  }

  .sub-menu.open {
    display: block!important;
  }

  .arrow-down {
    cursor: pointer;
    display: inline-block;
  }
	.arrow-down.active img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
}
@media (max-width:767px) {
.menu-toggle {
    position: absolute;
    top: 15px;
    right: 0;
}
    
.footer .container {display: block;}
.footer {padding: 35px 10px;}
.footer-logo img {margin-top: 0;}
.footer h3 {
        background: url(/wp-content/uploads/2025/06/arrow-down.png) no-repeat right;
        background-size: 10px; font-size:16px; line-height:16px; font-weight:300!important; margin:0px;
}
.footer ul {display: none;}
.footer ul li{border-bottom: 1px solid #4b4b4b; padding: 5px;}
.footer .menu-box{border-bottom: 1px solid #fff; padding: 15px 10px;}
.footer-bottom{text-align:center; font-size:14px;}
.no-br br{display:none;}
	.site-header .container {display: block;}
	.site-header .logo{margin-right: 0;text-align: center;}
	.top-number {text-align: center;margin: 30px 0 0;}
	.nav-box {
        width: 100%;
        position: relative;
    }
	.menu-toggle{ margin:0 auto;}
	.footer-logo{text-align:center; margin-bottom:20px;}
	.footer ul li:first-child{margin-top:20px;}
	.swiper-pagination {bottom: -25px !important;}
	.top-number a{ margin:0 auto;}
	
	#wpforms-1444-field_10-container,#wpforms-1444-field_11-container{    width: 100%;
    display: block;
    margin-right: 0;}
#wpforms-1444-field_8-container,#wpforms-1444-field_12-container{width: 100%;
    display: block;}
#wpforms-1729-field_3-container,#wpforms-1729-field_4-container,#wpforms-1729-field_2-container,#wpforms-1729-field_5-container{ width:100%;}
#wpforms-1729-field_6 li{ display:inline-block; width:100%; margin-right:0;}	
}
.box-title {
    margin-top: -85px;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding: 0;
}
.box-title h3 {line-height:40px;}
.yellow-box-txt strong{ font-weight:700; display:block; font-size:24px;}
.yellow-box-txt{ padding:0; margin:0;}
.yellow-box-txt br{ display:none;}
@media (max-width:992px) {
	  .swiper-slide {
  height: 250px!important; /* Or set a specific px height */
}
}
  @media (max-width:550px) {
	  .swiper-slide {
  height: 400px!important; /* Or set a specific px height */
}
}