/*********************************************************************************

    Template Name: JuniorHome Day Care  Bootstrap 4 Template  
    Template URI: https://themeforest.net/user/hastech
    Description: JuniorHome is a beautifula and unique Day Care Bootstrap 4 template.
    Author: HasTech
    Author URI: https://hastech.company/
    Version: 1.0

    Note: This is style css.

**********************************************************************************/
/*
@media only screen and (min-width: 992px) {
    .mainmenu li.drop > ul.dropdown__menu {
        min-width: 264px;
    }
}
*/
body {
    padding: 0!important;
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .fullscreen {
        min-height: 67vh!important;
    }
    .dcare__btn1 {
        right: 245px!important;
    }
}

@media (max-width: 1440px) and (min-width: 900px) {
    .fullscreen {
        min-height: 56vh !important;
    }

    .dcare__btn1 {
        top: 150px !important;
        right: auto!important;
    }
}

hr {
    border-top: 1px solid gray;
    padding-bottom: 20px;
}

.ft__contact__details__email{
    display: inline-block;
    margin-top: 12px; 
}

.fullscreen {
    min-height: 84vh;
/*    width: 104%;*/
}

.dcare__btn1 {
    top: 251px;
    right: 345px;
}

section.bcare__subscribe {
    margin-top: -231px;
}

.service .service__details h6 a {
    font-size: 15px;
}

.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li {
    margin: 0 16px;
}

.junior__service h2.title__line {
    margin-bottom: 57px;
}

.class_details__virtual {
    padding-bottom: 24px;
}

.ftr__post__address {
    padding-right: 0;
    color: #fff;
    font-weight: 700;
    line-height: 25px;
    font-size: 20px;
}

.ftr__post__info {
    color: #fff;
    font-family: sans-serif;
}

.footer--2 .footer__widget .ftr__latest__post .single__ftr__post .ftr__post__details h6 a {
    padding: 0;
}

h2.css-1v6nza6 {
    color: #f8f9fa!mportant;
}

.dacre__social__link--2 li.vimeo a {
    color: #dc3545;
}

.dacre__social__link--2 li.vimeo a:hover {
    background: #dc3545;
}

@media only screen and (max-width: 991px) {
    .mainmenu__wrapper .logo {
        max-width: 40%;
    }
}

@media only screen and (max-width: 1024px) {
    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a {
        font-size: 11px;
    }
}

@media only screen and (max-width: 768px) {
    .mean-container .mean-nav {
        margin-top: 80px;
    }
}

.our_story {
    padding: 50px;
}

.our_story h1 {
    text-align: center;
    padding-bottom: 20px;
}

.our_story p {
    padding-bottom: 20px;
}

.mission {
    padding: 50px;
}

.mission h1 {
    text-align: center;
    padding-bottom: 20px;
}

.mission p {
    text-align: center;
}

.vision {
    padding: 50px;
}

.vision h1 {
    text-align: center;
    padding-bottom: 20px;
}

.vision p {
    text-align: center;
}

.mvg {
    padding: 100px;
}

.our-saga {
    padding: 50px;
}

.our-saga h1 {
    text-align: center;
    padding-bottom: 20px;
}

.our-saga p {
    padding-bottom: 20px;
    text-align: center;
}

img.b3-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 77%;
}

.our-int-partners {
    padding: 50px;
}

.our-int-partners h1 {
    padding-bottom: 20px;
    font-size: 47px;
}

.our-int-partners p {
    padding-bottom: 20px;
}

/* Create two equal columns that floats next to each other */
.column {
  width: 50%;
  padding: 10px;
  height: 300px;
}

.column-img {
  max-width: 33%!important;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.image-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.image-size-wrapper img {
    margin: auto;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.stockbridge-avd {
    padding: 50px;
}

.stockbridge-avd .center img {
    width: auto;
}

.stockbridge-avd p {
    padding-bottom: 20px;
}

.stockbridge-avd h1 {
    padding-bottom: 20px;
    font-size: 47px;
}

.italic {
    font-style: italic;
    padding: 20px;
}

.our-facilities {
    padding: 100px;
}

.our-facilities h1 {
    text-align: center;
    padding-bottom: 20px;
}

.our-facilities h2 {
    text-align: center;
    color: darkcyan;
}

.our-facilities img {
    padding: 20px;
}

.our-facilities .row {
    padding: 20px;
}

.margin-h1-15 {
    margin-top: 15%;
}

.admission {
    padding: 50px;
}

.admission p {
    padding-bottom: 20px;
}

.our-programs {
    padding: 50px;
}

.our-programs h1 {
    padding-bottom: 20px;
}

.our-programs h2 {
    padding-bottom: 20px;
}

.our-programs h3 {
    padding-bottom: 20px;
    padding-top: 10px;
}

.our-programs p {
    padding-bottom: 20px;
}

.our-programs ul li {
    list-style: inside;
    padding-left: 20px;
}

.display-flex {
    display: inline-block;
}

.our-programs .row:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 25%;
}

.our-programs .row:nth-child(3) p {
    padding-left: 20px;
}

.elementary {
    padding: 50px;
}

.elementary h2 {
    padding-bottom: 20px;
}

.elementary h3 {
    padding-bottom: 20px;
    padding-top: 10px;
}

.elementary p {
    padding-bottom: 20px;
}

.elementary .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
}

.elementary .center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.elementary .row:nth-child(2) {
    margin-top: 20px;
}

.elementary ul li {
    list-style: inside;
    padding-left: 20px;
}

.under {
    text-decoration-line: underline;
}

.vc-learning {
    padding: 50px;
}

.vc-learning ul {
    margin-bottom: 20px;
}

.vc-learning li {
    padding-left: 50px;
}

.vc-learning ul li:before {
    content: '\2014';
    margin-left: -20px;
}

.vc-learning p {
    padding-bottom: 20px;
}

.vc-learning ol li {
    padding-left: 25px;
}

.vc-learning h2 {
    margin-bottom: 20px;
}

.vc-learning .column-img {
    max-width: 400px!important;
}

.our-curriculum h3{
    padding-top: 50px;
}

/*virtual learning tabs*/
/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 16px;
  width: 400px;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 100px 43%;
  height: 100%;
}

#ECVC {
    background-color: #eeeeee;
    padding: 15px;
}

#EVC {
    background-color: #eeeeee;
    padding: 15px;
    padding-bottom: 9%;
}

#PSP {
    background-color: #eeeeee;
    padding: 15px;
}

.global-bus-leader {
    padding: 50px;
}

.global-bus-leader h2 {
    margin-bottom: 20px;
}

.global-bus-leader .center img {
    width: 100%;
}

/*
.entrep-inno div.row {
    margin-bottom: 10%;
}
*/

.entrep-inno {
    padding: 50px;
}

.entrep-inno h2 {
    margin-bottom: 20px;
}

.leader-personal-dev {
    padding: 50px;
}

.leader-personal-dev h2 {
    margin-bottom: 20px;
}

.leader-personal-dev p {
    margin-bottom: 20px;
}

.leader-personal-dev div.row {
    margin-bottom: 7%;
}

.inter-edu-week {
    padding: 50px;
}

.inter-edu-week p {
    margin-bottom: 20px;
}

.inter-edu-week h2 {
    margin-bottom: 20px;
}

.lions-week {
    padding: 50px;
}

.lions-week h2,h3,p {
    margin-bottom: 20px;
}

.clubs-org {
    padding: 50px;
}

.clubs-org h2,p {
    margin-bottom: 20px;
}

.clubs-org div.row {
    margin-bottom: 7%;
}

.comm-serv {
    padding: 50px;
}

.comm-serv h2,p {
    margin-bottom: 20px;
}

.comm-serv div.row {
    margin-bottom: 7%;
}

.leader-engage {
    padding: 50px;
}

.leader-engage h2,p {
    margin-bottom: 20px;
}

.leader-engage .center img {
    width: 100%;
}

.news-media {
    padding: 50px;
}

.news-media .p-4 {
    background-color: #f4f5f7;
}

.news-media h2,p {
    margin-bottom: 20px;
}

.news-media .center img {
    width: 100%;
}

.copyright p {
    margin-bottom: 0;
}

.margin-bot {
    margin-bottom: 55px;
}

.jumbotron {
    background-color: transparent;
}

.txtlink {
    color: green;
    text-decoration: none;
}

.txtlink:hover {
    text-decoration: underline;
}

.blog .container .btn {
    position: absolute;
    top: 50%;
    left: 83%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #dc3545;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}

.blog .container .btn:hover {
  background-color: #fe5629;
}

/*video modal*/
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position: relative;
  padding: 0px;
}
.close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}

/*large modal*/
#large.modal-dialog{
    max-width: 90%;
}

.modal_text p {
    margin: 20px;
}

.modal_text h1 {
    margin: 20px;
}

/*bannerbg*/
.py-5 {
    background: url("/images/bg-png/bannerbg.jpg");
    background-size: cover;
    box-shadow: 0 0 8px 8px white inset;
}

.news-media .row:nth-child(2) {
    padding-top: 30px;
}

/*recent blog*/

.blog .blog__inner {
    padding-top: 15px;
}

.blog .blog-inners {
        padding: 28.8px!important;
}

.blog .blog__inner p {
    padding-bottom: 4px;
}

/*header menubar*/

.mainmenu__wrapper.bg__cat--1.poss-relative.header_top_line:after {
    background: none;
}

/*contact-us*/


.contact__box input.btn-send {
    text-transform: uppercase;
    color: #ffffff;
    background-color: #777;
    margin-top: 15px;
    border: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 600;
    padding: 0 50px;
    cursor: pointer;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.contact__box input.btn-send:hover {
    background: #5cb85c;
}
    
/*event calendar*/
.event-calendar h2{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.event-container h5 {
    text-align: center;
    font-size: 24px;
    margin: 24px 0 10px 0;
    color: #218bbb;
    text-transform: uppercase;
    font-weight: bolder;
}

.event-container {
  font-family: "Roboto", sans-serif;
  max-width: max-content;
  margin: 0 auto;
}

.event-container h3.year {
  font-size: 40px;
  text-align: center;
  border-bottom: 1px solid #b1b1b1;
}

.event-container .event {
  box-shadow: 0 4px 16px -8px rgb(0 0 0);
  display: flex;
  border-radius: 8px;
  margin: 32px 0;
}

.event .event-left {
  background: #0095e8;
  min-width: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eee;
  padding: 20px 48px;
  font-weight: bold;
  text-align: center;
  border-radius: 8px 0 0 8px;
}

.event .event-left .date {
    font-size: 56px;
    margin-bottom: 10px;
    padding-top: 10px;
}
.event .event-left .month {
  font-size: 16px;
  font-weight: normal;
}

.event .event-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 24px;
}

.event .event-right h3.event-title {
  font-size: 24px;
  margin: auto;
/*  color: #218bbb;*/
  text-transform: uppercase;
}

.event .event-right .event-timing {
  background: #fff8ba;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  padding: 8px;
  border-radius: 16px;
  margin: 24px 0;
  font-size: 14px;
}

.event .event-right .event-timing img {
  height: 20px;
  padding-right: 8px;
}

@media (max-width: 550px) {
  .event {
    flex-direction: column;
  }

  .event .event-left {
    padding: 0;
    border-radius: 8px 8px 0 0;
  }

  .event .event-left .event-date .date,
  .event .event-left .event-date .month {
    display: inline-block;
    font-size: 24px;
  }

  .event .event-left .event-date {
    padding: 10px 0;
  }
}