/*
Theme Name: PINE'S LEARNING CENTER
Theme URI: http://example.com/
Author: Rameez
Author URI: https://www.linkedin.com/in/connectwithrameez/
Description: A custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');/*font-family: "Poppins", sans-serif;*/
body{ font-size: 20px; color: #000; line-height: 24px; padding: 0; margin: 0;font-family: "Poppins", sans-serif;}
p{padding:0; margin:0 0 20px;}
p:last-child{ margin-bottom:0;}
a{text-decoration: none; color: #000;}
a:hover{color:#AB248D;}
.container{ max-width: 1200px; margin: 0 auto;}
.site-header{ margin: 10px 0;}
.menu {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.menu li {
  display: inline-block;
  margin: 0 10px;
}

.menu li.btn a{ padding: 10px 23px; background: #F37624; color: #fff;}
.menu li.btn a:hover{background: #000;}

/* 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;
}

.flex-box{ display: flex; align-items: center; justify-content: space-between;}
.copy-right-box-main{padding: 30px 0; margin: 30px 0 0; border-top: 1px solid #C1C1C1; display: flex ; justify-content: space-between; width: 100%; font-size:14px; font-weight:300;}
.copy-right-box-right a{color:#F99100;}
.copy-right-box-right a:hover{color:#00A438;}
.footer-nav-box{ display: flex; align-items: center; justify-content: space-between;}
.footer-menu{ padding: 0; margin: 0;}
.footer-menu li{ list-style: none; display: inline-block; margin-right: 50px;}
.orange-btn a{outline:9px solid #F99100;}
.blue-btn a{outline:9px solid #023472;}
.orange-btn a:hover,.blue-btn a:hover{outline:9px solid #000;}
.header-social-links{ display:flex; align-items:center; justify-content:end; gap:15px;margin-bottom: 35px;}
.header-social-links a.green-btn{background-color: #F99100;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border-style: dashed;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    padding: 8px 37px 8px 37px;
	outline: 9px solid #00A438;
	background:#00A438;
	color:#fff;
}
.header-social-links a.green-btn:hover{ background:#000; outline:10px solid #000;}
.menu li {padding:0; margin:0 12px;}
.menu li a{ font-size:20px; color:#183146; font-weight:500; padding:5px 19px; border-radius:100px;}
.menu li a:hover,.menu li.current-menu-item a{ background:#59BCFD; color:#fff;}
.prog-box img{outline:2px dashed #023472;}
.prog-box{position:relative; background:#fff;}
.prog-box:after{position:absolute; width:100%; height:1px; background:#023472; left:0; bottom:77px; content:"";}
.prog-box svg {fill:#00A438;}
.prog-box:hover{background:#e6f5ff;}
.prog-box:hover img{outline:2px solid #023472;}
.testimonial-after{position:relative;}
.testimonial-after p{min-height:168px;}
.testimonial-after:after{content: ""; position: absolute; bottom:-50px; right:30px; background: url(/wp-content/uploads/2025/10/testimonial-after-icon.png) no-repeat; width: 80px; height: 50px; z-index: 1;}
.testimonial-name h3{position:relative;}
.testimonial-name h3:after{content: ""; position: absolute; bottom:-20px; left:0px; background: url(/wp-content/uploads/2025/10/five-stars.png) no-repeat; width: 73px; height: 12px; z-index: 1;}
.site-footer{background-color:#023472; color:#fff; padding-top:60px; margin-top:50px;}

.site-footer .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 1200px;
      margin: auto;
    }

    .footer-col h3 {
      font-size: 20px;
      margin-bottom: 20px;
      position: relative;
	  font-weight:bold;
    }

    .footer-col h3::after {
      content: "";
      display: block;
      width: 90px;
      height: 2px;
      background: #f39c12;
      margin-top: 6px;
    }

    .footer-col ul {
      list-style: none;
      padding: 0;
      margin: 0;
	  font-size:14px;
	  font-weight:300;
	  line-height: 30px;
    }

    .footer-col ul li a {
      color: #fff;
    }

    .footer-col ul li a:hover {
      color:#F99100;
    }

.footer-col p{font-size:14px; font-weight:300; line-height: 25px;}

.contact-info {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
	font-size:16px; font-weight:300;
}
.contact-info img {
  margin-right: 10px;
  vertical-align:middle; padding-right:10px;
}

.contact-info span {
  display: inline-block;
  max-width: 235px; /* optional: wrap text neatly */
}
.copy-right-box-main br{display:none;}
.circle-outer{min-width:265px!important; max-width:265px!important; min-height:265px!important; max-height:265px!important;}
.circle-inner{min-width:245px!important; max-width:245px!important; min-height:245px!important; max-height:245px!important;}
.circle-inner{outline:2px dashed #F99100;}
.circle-inner:hover{outline:2px solid #F99100;}
.circle-inner h3{font-size:22px!important;}
.smll-span{max-width:260px!important; text-align:center;}
.green em{color:#00A438;}
.blue em{color:#023472;}
.orange em{color:#F99100;}
.gallery-img #gallery-1 img:hover{border:red;}
#gallery-1 .gallery-item{margin-bottom:0px; margin-top:0px!important;}
#gallery-1 .gallery-item:nth-child(odd) img {
  border: 2px solid #59BCFD;
}

#gallery-1 .gallery-item:nth-child(even) img {
  border: 2px solid #F99100;
}
.gallery-item img:hover{transform: scale(1.05);}
.wpr-grid-item-inner{
    display: block;
    align-items: center;
    justify-content: space-between; gap:20px;background: #F991000D;
    padding: 20px;border:1px solid #E9292F;
}
.wpr-grid-item{ margin-bottom:40px!important;}
.wpr-grid-item-inner h2.wpr-grid-item-title{
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    padding: 0;
    margin: 10px 0 10px; color:#000;
}
.wpr-grid-image-wrap img{width:auto!important; height: 300px!important; margin:0 auto;}
.wpr-grid-item-inner .wpr-grid-item-excerpt{font-size:12px; line-height:18px; margin-bottom:20px;}
.wpr-grid-item-read-more{text-align: left;}
.wpr-grid-item-read-more .inner-block>a.wpr-button-none{
    font-size: 12px;
    color: #056839!important; padding-right:25px!important; background:url(/wp-content/uploads/2025/10/arrow-blog.svg)no-repeat 98%;   
}
.post-meta{margin-bottom: 30px; font-size: 12px; background-color:#00A438; color:#fff; max-width:260px; text-align:center;}
.post-thumbnail{max-width: max-content; margin:20px auto 40px auto;}
.wpr-grid-item-inner span{margin:0 0 10px 0;}
.post-content{border-top:1px solid #FCD44D; padding-top:20px;}
.title-box{border-top:1px solid #FCD44D;}
.post-content p{font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 400; line-height: 32px; color: #000000;}
.post-content a {color:#FCB03C;}
.post-content a:hover {color:#F5E33C;}
.wpr-grid-item-read-more .inner-block>a.wpr-button-none:hover{color: #000!important;}
.title-box h1{font-family: "Poppins", Sans-serif; font-size: 52px; font-weight: 700; line-height: 55px; color: #000;}
.con-sec-list ul{padding-left:10px;}
.con-sec-list ul li{list-style: none; padding-left: 35px; background: url(/wp-content/uploads/2025/10/pencil-icon.svg) no-repeat 0 10px; padding-bottom:15px;}

/* --- Container --- */
.enroll-form {
  padding: 50px 30px;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

/* --- Heading --- */
.enroll-form h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
}

/* --- Rows --- */
.enroll-form .form-row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
}

/* Contact Form 7 wraps fields in span tags */
.enroll-form .form-row > span {
  flex: 1 1;
}

/* Single column rows */
.enroll-form .form-row.single {
  display: block;
}

/* --- Inputs & Selects --- */
.enroll-form input[type="text"], .enroll-form input[type="email"], .enroll-form input[type="tel"], .enroll-form select {
    width: 100%;
    padding: 11.5px 20px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: #888888;
    background-color: #EBEFED;
    transition: box-shadow 0.2s 
ease;
}

.enroll-form input:focus,
.enroll-form select:focus {
  outline: none;
  box-shadow: 0 0 0 2px #0d6efd;
}

/* --- Button --- */
.enroll-form .form-submit input[type="submit"] {
    background-color: #012970;
    color: #fff;
    border: 2px dashed #fff;
    padding: 4.5px 54px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s 
ease;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
    outline: 7px solid #012970;
    margin-top: 40px;
}

.enroll-form .form-submit input[type="submit"]:hover {
  background-color: #0000;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.35);
	 outline: 7px solid #0b3fae;
}
.testimonial-slider .slick-dots {bottom: -50px;}
.testimonial-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #F99100;
}
.testimonial-slider .slick-dots li button:before {
    font-size: 15px;
	color: #E4E4E4;
	opacity: 1;}
.testimonial-slider .slick-dots li{ margin:0;}
.contact-form h2{ font-size:42px; line-height:normal; font-weight:900; padding:0; margin:0 0 48px;}
.banner-content h5 br, .main-h2 h2 br{display:none;}
.site-header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    padding: 10px 0; margin:0;
}
/* --- Responsive --- */
@media (max-width: 600px) {
  .enroll-form .form-row {
    flex-direction: column;
  }

  .enroll-form {
    padding: 30px 20px;
  }

  .enroll-form h2 {
    font-size: 22px;
  }
}

@media (max-width:1200px) {
.site-footer .container {padding-left: 10px; padding-right: 10px; gap:30px;}
.site-header .container {padding-left: 10px; padding-right: 10px;}
.header-social-links{padding-right:10px; gap:25px;}
.menu li a {font-size: 18px; padding: 5px 15px;}
.menu li {margin: 0 4px;}
.single-post{padding-left:10px; padding-right:10px;}
.post-content p{font-size:18px; line-height:28px;}
.con-space{padding-left:20px!important; padding-right:20px!important;}
	.circle-outer{min-width:160px!important; max-width:160px!important; min-height:160px!important; max-height:160px!important;}
.circle-inner{min-width:150px!important; max-width:150px!important; min-height:150px!important; max-height:150px!important;}
.circle-inner h3 { font-size: 14px!important; line-height:normal!important;}
.contact-form h2 { font-size: 28px; margin: 0 0 28px;}
.con-box{padding-left:15px!important; padding-right:15px!important;}
.con-box h3{font-size:16px!important; line-height:24px!important;}
}
.header-social-links a:hover svg,  {
  transform: scale(1.02);
  transition: transform 0.2s ease;
}
.header-social-links a:hover svg path[stroke] {
  stroke: #00A438;
}
.header-social-links a:hover svg path[fill] {
  fill: #00A438;
}
@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: 129px; /* 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;
}
.menu li a{border-radius:0px;}
.menu li{margin:0px;}
.title-box h1{font-size: 42px; line-height: 42px;}
}
@media (max-width: 992px) {
  .footer-col {
    flex: 1 1 calc(50% - 30px); /* 2 columns */
  }
.contact-form h2 {font-size: 26px;}
}
@media (max-width: 768px) {
.site-header.sticky{position:relative; box-shadow:none; padding:0; margin:10px 0;}
.copy-right-box-main {flex-direction: column; align-items: center; text-align: center;}
.copy-right-box-main br{display:block;}
.copy-right-box{padding-bottom:10px;}
.site-footer{padding-top:30px;}
.header-social-links a.green-btn {font-size: 14px; line-height: 26px; padding: 8px 15px 8px 15px; outline: 5px solid #00A438;}
.logo img{max-width:150px; height:auto;}
.header-social-links {gap: 10px;}
.circle-outer{min-width:160px!important; max-width:160px!important; min-height:160px!important; max-height:160px!important;}
.circle-inner{min-width:150px!important; max-width:150px!important; min-height:150px!important; max-height:150px!important;}
.circle-inner h3 {font-size: 15px !important; line-height: normal !important;}
.title-box h1{font-size: 32px; line-height: 32px;}
.single-post h2{font-size: 26px; line-height: 36px;}
.post-content p{font-size:16px; line-height:26px;}
.post-thumbnail img{width:100%; height:auto;}
.bg-img{background:none!important;}
.circle-box{max-width:180px; display:inline-block; width:50%;}
.banner-content h5 br, .main-h2 h2 br{display:block;}
}
@media (max-width: 480px){
.header-social-links a{display:none;}
}