/* Theme Name: Legacy-School */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: 1. >>> Headr Style ----------------------------------------------------------------*/ html {font-size: 62.5%;font-family: 'Poppins', sans-serif;} body {font-family: 'Poppins', sans-serif;font-size: 16px;line-height: 26px;font-weight: 400;overflow-x: hidden; color: #4b545c} a, a:focus { color: #77c33c } a, a:hover, a:focus, i, input, button, input:focus,.transition1 { text-decoration: none; outline: none; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; box-shadow: none; } .transition { text-decoration: none; outline: none; transition-delay: 0s; transition-duration: 0.8s; transition-property: all; transition-timing-function: ease; box-shadow: none; } iframe { border: 0; outline: none; } ::-moz-selection { background: #77c33c; text-shadow: none; color: #FFF } ::selection { background: #77c33c; text-shadow: none; color: #FFF } img { max-width: 100%; border: none; outline: none; height: auto; } input, textarea { border-radius: 0; resize: none; } ul { padding: 0; margin: 0; } @font-face { font-family: 'Poppins', sans-serif; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent; background-image: none; color:#909698; } /* 1.2 Typography */ h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;} .slick-slide{ border: none; outline: none; } .site{ background-color: #FFF } .site-main,.inner-banner,.content-area,.banner-slider figure{ position: relative; } .content-area{ z-index: 1; background-color: #FFF } .for-mobile,.for-imag-mobile{ display: none; } .slick-dots,.mobile-icon,.for-mobule-menu,.mobile-section,.formobilesectionshow,.mobile-section.mobile{ display: none; } .site-all{ background-color: #FFF } .mm-listview li{ font-size: 16px; text-transform: uppercase; } .mm-listitem>a, .mm-listitem>span{ padding: 20px 10px 20px 20px } .mm-listview li .search-button{ display: none; } /*-------------------------------------------------------------- 1. >>> Headr Style ----------------------------------------------------------------*/ .logo-header{ float: left; max-width: 241px; padding-top: 23px; } .main-header hgroup{ float: right; padding-top: 10px; } .h-top ul{ list-style: none; padding: 0; margin: 0; text-align: right; } .h-top ul li{ display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; margin-left: 18px; } .h-top ul li a{ color: #afafaf; font-weight: 500 } .h-top ul li a.phonenumber { color: #8c8c8c } .h-top ul li a.phonenumber i{} .h-top ul li a:hover,.h-top ul li a:focus{ color: #77c33c } .h-top ul li.button-page{ text-transform: uppercase; margin-left: 25px; } .h-top ul li.button-page a{ display: inline-block; padding-left: 14px; padding-right: 10px; color: #FFF; font-size: 11px; font-size: 1.1rem; line-height: 28px; background-color: #2265a3; border-radius: 5px; } .h-top ul li.button-page a:hover,.h-top ul li.button-page a:focus{ background-color:#77c33c; color: #FFF } /*-------------------------------------------------------------- 1. >>> Headr Main Menu Style ----------------------------------------------------------------*/ .main-menu-header{ padding-top: 54px; } .main-menu-header ul{ list-style: none; padding: 0; margin: 0; position: relative; } .main-menu-header ul li{ display: inline-block; vertical-align: middle; position: relative; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; } .main-menu-header ul li a{ line-height: 45px; display: block; color: #2f2e2e; padding: 0 9px; } .main-menu-header ul li:hover a,.main-menu-header ul li.current-menu-item a,.main-menu-header ul li.current-menu-ancestor a{ color: #77c33c; background-color: #f9fafa } .main-menu-header ul li.portalpage{ display: none; } /*-------------------------------------------------------------- 1. >>> Headr Main Menu DROP DOWN Style ----------------------------------------------------------------*/ .main-menu-header ul ul{overflow: hidden;background-color: rgba(255,255,255,0.75); opacity: 0; height: 0; position: absolute; top:100%;min-width:190px; max-width: 100%;list-style: none; padding: 0; text-align: left;transition: opacity 0.6s ease 0s, left 0.6s ease 0s, top 0.6s ease 0s, height 0s ease 0.6s; left:-30%;} .main-menu-header ul li:hover ul{overflow: visible;height: auto;opacity: 1; left: 0; transition: opacity 0.6s ease 0s, left 0.6s ease 0s, top 0.6s ease 0s;z-index: 999;} .main-menu-header ul li ul li{ margin-left: 0; font-size: 12px; font-size: 1.2rem; display: block; } .main-menu-header ul li ul li:last-child{ border-bottom: none;} .main-menu-header ul li ul li a{ line-height: 13px; line-height: 1.3rem; color: #2f2e2e; padding:10px 13px; display: block;} .main-menu-header ul li:hover ul li a{ color:#2f2e2e} .main-menu-header ul li:hover ul li:hover a,.main-menu-header ul li ul li.current_page_ancestor a,.main-menu-header ul li.current-menu-ancestor ul li.current-menu-ancestor a{color:#FFF; background-color: rgba(119,195,60,0.7); } .main-menu-header ul li:hover ul li ul{ right:-100%; left: auto; visibility: hidden; height: 0; opacity: 0;background-color: rgba(255,255,255,0.75); } .main-menu-header ul li:hover ul li:hover ul{ opacity: 1; top: 0; visibility: visible; height: auto; } .main-menu-header ul li:hover ul li:hover ul li a{color:#2f2e2e; background-color: rgba(255,255,255,0.75);} .main-menu-header ul li:hover ul li:hover ul li.current-menu-parent a{color:#FFF; background-color: rgba(119,195,60,0.7);} .main-menu-header ul li:hover ul li:hover ul li ul{ opacity: 0 } .main-menu-header ul li:hover ul li:hover ul li:hover ul li a{color:#2f2e2e; background-color: rgba(255,255,255,0.75);} .main-menu-header ul li:hover ul li:hover ul li:hover ul{ opacity: 1 } .main-menu-header ul li:hover ul li:hover ul li:hover a,.main-menu-header ul li ul li.current-menu-item a,.main-menu-header ul li:hover ul li:hover ul li.current-menu-item a,.main-menu-header ul li:hover ul li:hover ul li:hover ul li:hover a,.main-menu-header ul li:hover ul li:hover ul li:hover ul li.current-menu-item a{color:#FFF; background-color: rgba(119,195,60,0.7);} .main-menu-header ul li.menu-item-has-children a:after{ font-family:"Font Awesome\ 5 Free";content: "\f0dd";font-weight: 900; display: inline-block; top: -3px; position: relative; padding-left: 2px } .main-menu-header ul li.menu-item-has-children ul li a:after{ display: none; } /* .main-menu-header ul li ul li.menu-item-126 a:after,.main-menu-header ul li ul li.menu-item-138 a:after,.main-menu-header ul li ul li.menu-item-145 a:after,.main-menu-header ul li ul li.menu-item-149 a:after,.main-menu-header ul li ul li.menu-item-320 a:after{ font-family:"Font Awesome\ 5 Free";content: "\f061";font-weight: 900; display: inline-block; top: 0; position: relative; float: right; right: -5px; } */ .main-menu-header ul li ul.sub-menu li.menu-item-has-children:after{ font-family:"Font Awesome\ 5 Free";content: "\f061";font-weight: 900; display: inline-block; top: 0; position: absolute; float: right; right:12px; top: 5px; } .main-menu-header ul li ul.sub-menu li:hover.menu-item-has-children:after{ color: #FFF } .main-menu-header ul li ul li.current_page_ancestor.menu-item-has-children:after, .main-menu-header ul li ul li.current-menu-item:after{color:#FFF } .main-menu-header ul li ul li#menu-item-158 ul{min-width: 131px;} .main-menu-header ul li:hover ul li#menu-item-158 ul{right: -69%;} /* .main-menu-header ul li ul li.menu-item-126 ul li a:after,.main-menu-header ul li ul li.menu-item-138 ul li a:after,.main-menu-header ul li ul li.menu-item-145 ul li a:after,.main-menu-header ul li ul li.menu-item-320 ul li a:after,.main-menu-header ul li ul li.menu-item-149 ul li a:after{ display: none; } */ /*-------------------------------------------------------------- 1. >>> Headr Main Menu Serarch Style ----------------------------------------------------------------*/ .main-menu-header ul li.search-menu{ position: static; } .search-button{ background-color: transparent;border: none; outline: none; padding: 0; margin: 0; color: #a9a9a9; font-size: 16px; font-size: 1.6rem; } .search-menu-section{ display: none; position: absolute; right: 0; z-index: 5; top: 100%;background-color: #edf0f2; padding: 20px; width: 100%; max-width: 350px; } .search-menu-section form{ position: relative; } .search-menu-section form button{ position: absolute; right: 6px; top:5px } .search-menu-section .form-control{ margin-bottom: 0 } /*-------------------------------------------------------------- 2. >>> Banner Style ----------------------------------------------------------------*/ .home-slider{ position: relative; color: #FFF} .home-slider img{ width: 100%; display: block; } .home-slider .metaslider .caption-wrap:before{ content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } .home-slider .metaslider .caption-wrap{ background-color: transparent; text-align: center;opacity: 1; width: 100%; right: 0; margin: 0 auto; z-index:1; height: 100%; } .home-slider .b-heading{ font-size:50px; line-height:54px; font-weight: 600; padding-bottom: 15px; display: block; } .home-slider .metaslider .caption{padding:20px 10px;background-color: rgba(0,0,0,0.4);} .home-slider .metaslider .flexslider .slides p,.home-slider p{ font-size: 18px; line-height: 24px; width: 100%; /*max-width:970px;*/ margin: 0 auto; display: block; font-weight: 300 } .home-slider .metaslider .caption{ position: absolute; bottom: inherit; /*top: 50%;transform: translateY(-50%);*/ text-align: center; left: 0; right: 0; } .home-slider .metaslider .caption a{ display: inline-block; border-radius: 5px; background-color: #77c33c; color: #FFF; line-height: 49px; font-size: 16px; font-size: 1.6rem; font-weight: 500; padding: 0 35px; margin-top: 53px } .home-slider .metaslider .caption a:hover{background-color: #012b44} .home-slider .metaslider .flexslider{ margin-bottom: 0 } .home-slider .metaslider .flex-control-nav{ bottom: inherit; left:90%; top: 50%;transform: translateY(-50%); text-align: right; max-width: 1170px; } .home-slider .flex-control-nav li{ display: block; } .home-slider .metaslider .flex-control-nav li{ margin:0; margin-bottom: 12px} .home-slider .flex-control-paging li a{width: 16px; height: 17px; font-size: 0; display: block;margin:0; background-color: transparent; position: relative; } .home-slider .flex-control-paging li a:before{ content: ""; width: 16px; height: 17px;background-color:rgba(255,255,255,0.2) ; position: absolute; left: 0; right: 0; margin: auto; top:2px; display: block; border-radius: 100%; border-color: transparent; } .home-slider .flex-control-paging li a.flex-active,.home-slider .flex-control-paging li a:hover{ background-color: transparent;border: 1px solid #FFF } .home-slider .flex-control-paging li a.flex-active:before,.home-slider .flex-control-paging li a:hover:before{ background-color: #FFF; width: 10px; height: 10px; } /*-------------------------------------------------------------- 3. >>> Home Page Style ----------------------------------------------------------------*/ .home-top{ /*text-align: center;*/ text-align: left; padding-top: 74px; padding-bottom: 47px } .home-top h1{ margin: 0 ; color: #2f2f2f; font-size: 36px; font-weight: 500; padding-bottom: 49px} .home-top p{ padding-bottom: 15px } /*-------------------------------------------------------------- 3. >>> Home Page Stories Slider Style ----------------------------------------------------------------*/ .hom-stories-slider-section{ position: relative; } .our-story-heading{ position: absolute; top: 67px; z-index: 6 } .hom-stories-slider-section .slick-dotted.slick-slider{ margin: 0 } .hom-stories-slider{ background-color: #f8f9fa; min-height: 594px; overflow: hidden; } .hom-stories-slider section{ width: 100%; max-width: 524px; padding-top: 67px } .hom-stories-slider section header{ padding-bottom: 31px } .hom-stories-slider section h2,.our-story-heading{ margin: 0; font-size: 36px; font-size: 3.6rem;color: #2f2f2f; font-weight: 500; float: left; } .more-button{ float: right; padding-top: 10px; font-size: 14px; } .hom-stories-slider section p{ line-height: 30px; color: #4b545c; clear: both; padding-bottom: 20px } .image-section-right{ float: right;} .image-section-slider{ background-color: #e4eff1; height: 100%; min-height: 594px; text-align: center; } .image-section-slider header{ padding-top: 55px; padding-bottom: 39px } .image-section-slider header h2{ margin: 0; color: #146cb2; font-weight: 600; font-size: 36px; line-height: 41px; } .image-section-slider header span{ display: block; color: #012b44 } .image-section-slider figcaption{ color: #65aa2e; font-size: 20px; font-weight: 600; display: block; padding-top: 18px; } .hom-stories-slider-section .slick-prev{ left:585px } .hom-stories-slider-section .slick-next{ right:438px } .hom-stories-slider-section .slick-prev:before{font-family:Font Awesome\ 5 Free; content:"\f060"; font-weight: 900; display: inline-block;} .hom-stories-slider-section .slick-next:before{font-family:Font Awesome\ 5 Free; content:"\f061"; font-weight: 900; display: inline-block;} .hom-stories-slider-section .slick-prev, .hom-stories-slider-section .slick-next{ top: inherit; bottom: 0; width: 58px; height: 44px; background-color: #acacac;transform: none; z-index: 6 } .hom-stories-slider-section .slick-prev:hover, .hom-stories-slider-section .slick-next:hover{ background-color: #65aa2e } .more-button-mobile{ display: none;} /*-------------------------------------------------------------- 4. >>> Home Page IBDP Style ----------------------------------------------------------------*/ .hom-ibdp-section{ /*text-align: center;*/ text-align: left; padding-top: 69px; padding-bottom: 0; } .hom-ibdp-section section{ margin: 0 auto; display: block; width: 100%; /*max-width: 970px;*/ } .hom-ibdp-section h2{ margin: 0; color: #2f2f2f; font-size: 36px; font-weight: 500; padding-bottom: 49px } .hom-ibdp-section section .more-button{ float: none; display: inline-block; background-color: #77c33c; border-radius: 5px;color: #FFF; padding: 0; margin: 0; line-height: 49px; padding: 0 34px; } .hom-ibdp-section section .more-button:hover,.hom-ibdp-section section .more-button:focus{ background-color: #012b44; } .hom-ibdp-section section p{ padding-bottom: 25px } .home-caie-section{padding-top: 0} /*-------------------------------------------------------------- 4. >>> Home Page Cambridge Style ----------------------------------------------------------------*/ .hom-cambridge-section{ background-color: #f8f9fa ; padding-top: 62px; padding-bottom: 5px;} .hom-cambridge-section header{ text-align: center; width: 100%; max-width: 750px; margin: 0 auto; display: block; padding-bottom: 74px; } .hom-cambridge-section h2{margin: 0; color: #2f2f2f; font-size: 36px; font-weight: 500;} .cambridge-sub-loop{ position: relative; } .cambridge-sub-loop section{ margin: 0 auto; display: block; width: 100%; max-width: 320px; background-color: #FFF; padding-left: 19px; padding-right: 16px; padding-top: 31px; transform: translateY(-53px); min-height: 350px } .cambridge-sub-loop section h3{ margin: 0; font-size: 16px; font-size: 1.6rem; color: #1b69b3; font-weight: 600; padding-bottom: 15px; } .cambridge-sub-loop section p{ color: #91989f; font-size: 14px; line-height: 22px; font-weight: 300; transition-delay: 0s; transition-duration: 0.8s; transition-property: all; } .cambridge-sub-loop section a{ font-size: 14px; font-weight: 400; position: absolute; bottom: 30px } .cambridge-sub-loop section a i{ padding-left: 10px } .cambridge-sub-loop:hover section{ color: #FFF; background-color: #1b69b3 } .cambridge-sub-loop:hover section h3,.cambridge-sub-loop:hover section p,.cambridge-sub-loop:hover section a{ color: #FFF; } .cambridge-sub-loop:hover a i{ padding-left: 20px; } /*-------------------------------------------------------------- 4. >>> Home Page Tabs Style #f8f9fa ----------------------------------------------------------------*/ .hometabs-section{ background-color: #FFF; padding-top: 77px; padding-bottom: 71px } ul.tabs{margin: 0;padding: 0;list-style: none;width: 100%; border-bottom: 4px solid #e4e5e6 } ul.tabs li{margin: 0; display: inline-block; vertical-align: top;cursor: pointer;position: relative; padding-left: 59px; padding-right: 59px; text-transform: uppercase; font-size: 14px; padding-bottom: 22px; position: relative; margin-right:89px} ul.tabs li span{ display: block; text-align: center; color: #2f2f2f; font-size: 30px; padding-bottom: 11px } .icon-quick-Facts:before{color: #2f2f2f;} ul.tabs li.tab_last{ margin-right: 0 } ul.tabs li:after{ content: " "; width:0; bottom: -4px; height: 4px; background-color: #77c33c; display: block; left: 0; right: 0; position: absolute; z-index: 2;transition-duration: 0.4s; left: 0; right: 0; margin: auto; } ul.tabs li:hover{color: #77c33c;} ul.tabs li:hover:after,ul.tabs li.active:after{ width: 100% } ul.tabs li.active {color: #77c33c;} ul.tabs li.active span:before,ul.tabs li:hover span:before{color: #77c33c;} .tab_container {border-top: none;clear: both;width: 100%; padding-top: 74px} .tab_content {display: none;} .tab_drawer_heading { display: none; } .tab_content h2{ margin: 0 ; color: #2f2f2f; font-size: 36px; line-height: 38px; font-weight: 500;} .tab_content ul{ list-style: none; padding: 0; margin: 0; padding-top: 52px } .tab_content ul li{ font-size: 14px; font-weight: 300; color: #4b545c; margin-bottom: 14px; padding-left: 18px; position: relative; } .tab_content ul li:before{ content: ""; display: inline-block; vertical-align: middle; border-radius: 100%; width: 8px; height: 8px; background-color:#77c33c; position: absolute; left:0;top: 10px; } .tab_content ul li.no-bullet:before{ content: none;} .tab_content ul li.no-bullet{ font-size: 18px; font-size: 1.8rem;padding-left: 0;} /*-------------------------------------------------------------- 4. >>> Home Page Form Style ----------------------------------------------------------------*/ .home-form-section{ background-color: #1a6ab2; padding-top:40px; padding-bottom: 40px; background-image: url(../images/Register-To-Visit-Us-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;} .home-form-section h2{ color: #FFF; font-size: 36px;font-weight: 500;padding-bottom: 24px; text-align: center;} .heading-form{ font-size: 22px; line-height: 24px; color: #FFF; padding-top: 23px; display: block; } .home-form-section .form-control{ height: 39px; border: none; outline: none; margin-bottom: 22px; color: #91989f; font-size: 14px; font-weight: 300 } .submit-button-from{ display: inline-block; width: 100%; border-radius: 5px; border: none; outline: none; cursor: pointer; color: #FFF; line-height: 39px; background-color: #77c33c } .submit-button-from:hover{ background-color:#012b44 } /*-------------------------------------------------------------- 4. >>> Home Page Video Style ----------------------------------------------------------------*/ .home-video { padding: 83px 0; } .home-video iframe{ border: none; outline: none; width: 100%; max-width: 765px; margin: 0 auto; display: block; } /*-------------------------------------------------------------- >>> Inner Banner Style ----------------------------------------------------------------*/ .inner-banner-wrapper{ width: 100%; margin-bottom: 0 } .inner-banner-wrapper img{ width: 100%; display: block; margin: 0 auto } .breadcrumbs{ margin-bottom: 47px; background-color: #f3f1f1; padding: 15px 0; border-bottom: 1px solid #ebeaea } .breadcrumbs a{color:#012b44} .breadcrumbs a:hover{color: #77c33c} .page-header{ margin-top: 0 } .entry-header h1,.page-header h1,.contact-right h2{ margin: 0; color: #2f2f2f; font-size: 36px; font-size: 3.6rem; font-weight:500 } .entry-header{ padding-bottom:20px; } .inner-all-page-wrapper{ padding-bottom: 40px } .inner-all-page-wrapper h2{ color: #2f2f2f; font-size: 30px; font-size: 3rem; padding-bottom:6px } .inner-all-page-wrapper p{padding-bottom:6px;} .list-style{ list-style: none; padding: 0; margin: 0 } .list-style li{ font-size: 14px; font-weight: 300; line-height: 22px; color: #4b545c; padding-left: 18px; position: relative; margin-bottom: 12px } /* .list-style li:before{ content: ""; position: absolute; left: 0; border-radius: 100%; background-color:#77c33c; width: 7px; height: 7px; top: 7px } */ .inner-all-page-wrapper .entry-content ul{margin-bottom: 20px;list-style: none; } .inner-all-page-wrapper .entry-content ol{ margin-left: 18px; padding: 0 } .inner-all-page-wrapper .entry-content ul li,.inner-all-page-wrapper .entry-content ol li{ margin-bottom:6px; padding-left: 20px} .inner-all-page-wrapper .entry-content ul li::before {content: "• ";color: #77c33c; font-size:25px; display: inline-block; vertical-align: middle; padding-right: 10px; margin-left: -20px} /*-------------------------------------------------------------- >>> Application-kit-Page Style ----------------------------------------------------------------*/ .application-kit-page .entry-content p{ padding-bottom: 0; } .application-kit-page .entry-content p span{ font-size: 14px; color: #91989f } .application-kit-page .pdf-wrapper{ padding-top: 14px } .pdf-wrapper h2{ color: #2265a3; font-size: 16px; font-size: 1.6rem; font-weight: 600; padding-bottom: 18px; } .pdf-list{ list-style: none; padding: 0; margin: 0 } .pdf-list li{ font-size: 14px; margin-bottom: 20px } .pdf-list li i{ font-size: 18px; display: inline-block; vertical-align: middle; padding-right: 12px } .applyonline-wrapper{ min-height: 202px; background-image: url(../images/apply-imag.jpg); background-size: cover; background-attachment: fixed; background-position: center top; position: relative; margin-top: 60px; text-align: center; color: #FFF; overflow: hidden; } .pdf-list-sid li{ display: inline-block; vertical-align: middle; margin-right:14px } .applyonline-wrapper:before{ content: ""; position: absolute; left: 0; right: 0;top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(26,106,178,0.9); } .applyonline-wrapper .container{ position: relative; z-index: 1 } .applyonline-wrapper ul{ list-style: none; padding: 0; margin: 0 } .applyonline-wrapper ul li{ display: inline-block; vertical-align: middle; font-size: 15px; font-size: 1.5rem; padding: 0 46px; } .applyonline-wrapper ul li:first-child{ font-size: 21px; } .applyonline-wrapper ul li a{ color: #FFF } .applyonline-wrapper ul li a:hover{ color: #77c33c } .applyonline-wrapper ul li:first-child a:hover{ color: #FFF } .applyonline-wrapper ul li a i{ padding-left: 7px } .applyonline-wrapper section{ display: table; width: 100%; height: 202px } .applyonline-wrapper section .menu-apply-online-container{ display: table-cell; vertical-align: middle; } /*-------------------------------------------------------------- >>> Conatct Page Style ----------------------------------------------------------------*/ .contact-left{ width: 100%; max-width: 470px; padding-bottom: 50px} .contact-left .entry-header{ padding-bottom: 37px; } .contact-left .form-group{ margin-bottom: 25px } .form-control{ box-shadow: none; height: 39px; color: #91989f; font-size: 14px; font-weight: 300; margin-bottom: 0 } textarea.form-control{ height: 161px; } .contact-left input[type="submit"]{ display: inline-block; font-size: 16px; font-weight: 500; line-height: 49px; color: #FFF; border: none; outline: none; cursor: pointer; background-color: #77c33c; padding: 0 46px; border-radius: 5px } .contact-left input[type="submit"]:hover{ background-color: #2265a3 } .contact-right{ padding-bottom: 30px } .contact-right h2{ padding-bottom: 36px; } .contact-right span{ font-weight: 600; display: block; color: #2265a3; font-size: 15px; position: relative; } .contact-right span i{ position: absolute; left: -30px; top: 7px } .contact-right address,.phone-section,.email-section{ padding-left: 30px; } .phone-section,.contact-right address{ font-size: 15px; line-height: 29px; } .email-section ul{ list-style: none; padding: 0; margin: 0 } .email-section ul li{ font-size: 15px; line-height: 29px; margin-bottom: 35px } .email-section ul li a{ display: block; } .phone-section{ padding-top: 14px; display: block; } .email-section{ padding-top: 41px } .acf-map{ width: 100%; height: 400px } /* span.wpcf7-not-valid-tip{ position:relative; top:-16px } */ div.wpcf7-response-output{ margin-bottom: 50px; font-size: 14px; padding:15px 8px } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ background-color: #f9f7e4 } /*-------------------------------------------------------------- >>> Footer Style ----------------------------------------------------------------*/ .footer-top{ background-color: #edf0f2; padding-top: 51px; padding-bottom:44px } .footer-top .menu{ list-style: none; padding: 0; margin: 0 } .footer-top .menu li{ font-size: 14px; margin-bottom: 4px } .footer-top .menu li a{ color: #777c88 } .footer-top .menu li a:hover{ color: #77c33c } .footer-top h2{ color: #1a6ab2; font-size: 16px; font-weight: 500; margin: 0; padding-bottom:20px; } .address-info address{ color: #777c88; font-size: 12px; line-height: 20px; padding-left: 26px; position: relative; margin-bottom: 11px } .address-info address i,.phonelist li i{ position: absolute; left: 0;top: 0 } .address-info address i{ top: 4px } .phonelist{ list-style: none; padding: 0; margin: 0; padding-bottom: 8px } .phonelist li{ font-size: 14px; line-height: 20px;color: #777c88; padding-left: 26px; position: relative; } .phonelist li i{ font-size: 11px; top: 4px } .email-footer,.pagelink{ font-size: 12px; line-height: 13px; color: #1a6ab2; padding-left: 26px; position: relative; } .email-footer i,.pagelink i{ position: absolute; left: 0; top: 2px;color: #777c88; } .footer-top .menu-social-container .menu li{ display: inline-block; vertical-align: top; font-size: 14px; margin: 0; margin-right: 3px } .footer-top .menu-social-container .menu li a{ color: #FFF; background-color: #1a6ab2; padding:9px 16px } .footer-top .facebook h2{ color: #FFF; background-color: #3b5998; margin: 0; padding: 0; line-height: 39px; font-size: 12px; font-weight: 300; padding-left: 42px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .footer-top .facebook h2 i{ font-size: 16px; display: inline-block; padding-right: 8px; vertical-align: middle; } .facebook .cff-wrapper{ background-color: #FFF; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .footer-top .instgram h2{ background-color: #285989; color: #FFF; padding-left: 30px; position: relative; padding-top: 8px; padding-bottom: 8px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .footer-top .instgram h2{ font-size: 10px; } .footer-top .instgram h2 span{ display: block; font-size: 12px; } .footer-top .instgram h2 i{ font-size: 16px; position: absolute; left:10px; top: 13px } /*-------------------------------------------------------------- >>> Footer Site Info Style ----------------------------------------------------------------*/ .site-info{ background-color: #1a6ab2; padding: 30px 0 } .site-info-right{ float: right; color: #FFF; font-size: 12px; line-height: 13px; font-weight: 300 } .site-info-right a{ color: #FFF } .site-info-right strong{ font-weight: 600 } .site-info-right p{ margin: 0; padding: 0 } .site-info-right p a:hover{ color:#84c729} .site-info-right img{ display: inline-block; vertical-align: top; margin-left: 6px } .pad-top{ padding-top:27px } /*-------------------------------------------------------------- >>> Educational-Trust Page Style ----------------------------------------------------------------*/ .educational-trust-loop span{ display: block; } .trust-loop{ border: 1px solid #d8d8d8; border-radius: 5px; padding:10px } .educational-trust-loop figure{ overflow: hidden; margin-bottom: 18px;border-radius:3px; } .educational-trust-loop .name{ font-size: 22px; color: #1a6ab2; font-weight: 600; padding-bottom: 6px } .educational-trust-loop .deg{ font-size: 14px; line-height: 18px; padding-bottom: 10px; } /*-------------------------------------------------------------- >>> Leadership Page Style ----------------------------------------------------------------*/ .leadership_team_loop{ padding-top: 30px } .team-loop{ margin-bottom:35px; padding-bottom:35px;} .team-loop figure{ float: left;border: 1px solid #d8d8d8; border-radius:100%; padding:0; width: 160px; height: 160px; overflow: hidden;margin-right: 30px; margin-bottom: 20px } .inner-all-page-wrapper .team-loop h2{ color: #1a6ab2; margin-top: 0; padding-bottom: 0; margin-bottom: 5px ;font-family: 'Caveat', cursive;} .team-loop .deg{ display: block; color: #77c33c; font-style: italic; font-weight: 600; padding-bottom:10px } .inner-all-page-wrapper .team-loop h2 a{color: #1a6ab2;} .inner-all-page-wrapper .team-loop h2 a:hover{color: #77c33c;} .team-loop section{ padding-top:0} .inner-all-page-wrapper .team-loop p{padding-bottom: 0;font-size: 14px; line-height: 20px} /* .team-loop p em{color: #77c33c; font-weight: 600;} */ .team-loop blockquote{ font-style: italic; border-left-color: #1a6ab2; font-size: 15px; } .team-loop ul, .team-loop ol{ margin-left: -21px; } .team-loop ul li, .team-loop ol li{ margin-bottom:20px } .team-loop ul li ul, .team-loop ol li ul{ margin-left: 20px; margin-top: 20px } .detail_our_leadership .entry-header{ padding-bottom: 0} .detail_our_leadership .entry-header h1{ padding-bottom: 5px;font-family: 'Caveat', cursive;} .detail_our_leadership .team-loop section{ padding-top: 0} .inner-all-page-wrapper.detail_our_leadership .team-loop p{font-size: 16px;line-height: 26px;padding-bottom: 16px;} .detail_our_leadership .team-loop figure{ height: auto; padding: 10px;border-radius:6px; width:23%} /*-------------------------------------------------------------- >>> Testimonials Page Style ----------------------------------------------------------------*/ .testimonials_loop{ padding-top: 30px } .testimonials-section{ margin-bottom: 30px } .testimonials-section figure{ overflow: hidden; width: 150px; height: 150px; border-radius: 100%; display: block;border: 2px solid #d8d8d8; float: left; margin-right: 30px } .testimonials-section blockquote{ border: none; padding:0 20px; padding-left:0; position: relative; } .testimonials-section blockquote p:first-child:before{ content:"\f10d";font-family:Font Awesome\ 5 Free;font-weight: 900; display: inline-block; color: #efeaea; font-size: 60px;padding-right: 30px;line-height: 37px; float: left; vertical-align: top; } /* .testimonials-section blockquote:after{content:"\f10e";font-family:Font Awesome\ 5 Free;font-weight: 900;color: #efeaea; font-size: 60px;line-height: 37px; position: absolute; right: 0} */ .name-posi-section{ padding-bottom:30px; display: block; } .name-posi-section span{ display: block; } .name-posi-section .name{font-weight: 600;color: #1a6ab2; font-size:22px; line-height: 24px} .name-posi-section .deg{color: #77c33c;font-style: italic;} /*-------------------------------------------------------------- >>> Events Page Style ----------------------------------------------------------------*/ .upcomming ul{ list-style: none; padding: 0; margin: 0 } .events-list-item .event-venue,.events-list-date{ font-size: 14px; font-style: normal; font-weight:400 } .events-list-date{ display:block; } .event-details-wrapper{ padding-bottom: 60px } .event-details-wrapper .events-list-item{ display: block; width: 100% } .video_loop{ margin-bottom: 30px } .events-gallery-wrapper{ list-style: none; padding: 0; margin: 0; margin-bottom: 30px; } .events-list{ padding: 0; margin: 0; list-style: none; } .inner-all-page-wrapper .events_calendar_wrapper h2,.event-details-wrapper .all_evnt_list h2{ color: #1a5da3; font-size: 24px; padding-bottom: 0; margin-top: 0;padding-bottom: 25px } .upcomming ul.events-list.row{ margin: 0 -15px; } .events-loop{ background-color: #FFF; padding: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease;} .events-loop:hover { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30); } .events-loop .events-list-date{ font-size: 18px; color: #77c33c; font-weight: 600 } .events-loop h3,.events-loop h4{ font-size: 16px; color: #4b545c; margin: 0;font-weight: 600; line-height: 26px; padding: 6px 0; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; } .events-loop h3 a,.events-loop h4 a{color: #4b545c} .events-loop h3 a:hover,.events-loop h4 a:hover{color: #1960a2;} .events-loop p{ padding-bottom: 0; margin-bottom: 0; font-size: 14px; color: #4b545c } .events-loop:hover h3,.events-loop:hover h4{color: #1960a2 } .events_left .events-loop { min-height: 156px;} .event_right .events-loop { min-height: 109px; margin-bottom: 30px; } .events-list-item{ margin-bottom: 30px } .event-details-wrapper{ padding-top: 40px; } .event-details-wrapper h1{ margin-top: 0 } .event-details-wrapper table{ width: 100%; margin-top: 48px; margin-bottom: 39px; } .event-details-wrapper td{ font-size: 18px; line-height: 20px; color: #2f2f2f ; font-weight: 500; background-color: #FFF; padding-left: 54px; padding-top: 15px; padding-bottom: 19px; margin-right: 30px; display: inline-block; width: 30.6666%; position: relative; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); } .event-details-wrapper td strong{color: #2f2f2f; font-weight: 600} .event-details-wrapper td:last-child{ margin-right: 0 } .event-details-wrapper td:before{font-family:Font Awesome\ 5 Free;font-weight:900; display: inline-block; color: #1966ae; font-size: 35px; position: absolute; left:16px; top: 25px} .event-details-wrapper td:last-child:before{content:"\f3c5"} .event-details-wrapper td:nth-child(1):before,.event-details-wrapper td:nth-child(2):before{content:"\f073"} .event-details-wrapper .content_section p{ font-size: 14px; color: #4b545c; padding-bottom: 17px; } .gallery_heading{ font-size: 36px; color: #2f2f2f; padding-bottom:30px; } .image-gallery-wrapper .slick-prev{ left: 0; z-index: 6 } .image-gallery-wrapper .slick-next{ right: 0; z-index: 6 } .image-gallery-wrapper .slick-dots{ display: none; } .image-gallery-wrapper { padding-bottom:30px } /*-------------------------------------------------------------- >>> Vision & Mission Page Style ----------------------------------------------------------------*/ .aligncenter { display: block; margin: 0 auto; } .vision-mission-image{ margin-top: 45px; } .our-vision-mission{ padding: 64px 0; } .vision_mission_section{ color: #FFF; background-color: #1960a2; min-height: 271px; } .vision_mission_section-1{ padding-top: 66px } .vision_mission_section-2{ background-color:#77c33c; padding-top: 42px; } .vision_mission_section h2{ color: #FFF; font-size: 20px; margin: 0; padding-top: 33px; } .vision_mission_section p{ padding: 0; margin: 0 } .left-sec{ float: left; width: 100%; max-width: 200px; text-align: center; } .vision_mission_section img{ margin: 0 auto; display: block; } .right-sec{ float: left; width: 100%; max-width: 333px; } .vision_mission_section-2 img{ padding-top: 20px } /*-------------------------------------------------------------- >>> School Achievements Page Style ----------------------------------------------------------------*/ .small-text{ font-size: 14px; color: #91989f } .small-text a{color: #91989f} .small-text a:hover,.inner-all-page-wrapper h2.small-heading{color: #77c33c} .inner-all-page-wrapper h2.small-heading{ font-size: 20px; font-size: 2rem; padding-bottom:15px } .inner-all-page-wrapper .entry-content ul.affiliations-list li::before{ display: none; } .inner-all-page-wrapper .entry-content ul.affiliations-list li i{ display: inline-block; vertical-align: middle; color: #1960a2 } .achievements-mid-section{ width: 100%; max-width: 970px; margin: 0 auto; display: block; padding-bottom: 56px } .achievements-mid-section .table-responsive,.achievements-mid-section th{ text-align: center; color: #4b545c } .achievements-mid-section th{ color: #1960a2; font-weight: 400 } .achievements-mid-section table strong{ font-weight: 600 ;color: #4b545c} .achievements-mid-section .table>thead>tr>th{ padding-top: 18px; padding-bottom: 18px; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ vertical-align: middle; } .achievements-mid-section .table>tbody>tr>td{padding-top: 20px; padding-bottom: 20px;} .achievements-mid-section .table{ margin-top:60px; } .achievements-mid-section .table-bordered>thead>tr>th{border-bottom-width: 1px;} /*-------------------------------------------------------------- >>> Early Years Page Style ----------------------------------------------------------------*/ .early-years-page{ padding-bottom: 90px; } .sidebar__inner{ background-color: #1b69b3; color: #FFF; padding-top: 30px; padding-bottom: 87px } .early-years-left ul{ list-style: none; padding: 0; margin: 0 } .early-years-left ul li{ font-size: 14px; font-weight: 600; padding-left: 30px; margin-bottom: 15px; position: relative; } .early-years-left ul li a{ color: #FFF } .early-years-left ul li:hover a,.early-years-left ul li.active a{ color: #77c33c } .early-years-left ul li:before{ content:"\f061";font-family:Font Awesome\ 5 Free;font-weight:900; display: inline-block; color: #FFF; position: absolute; left:-12px; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease;} .early-years-left ul li.active:before,.early-years-left ul li:hover:before{left: 12px} .early-years-loop{ padding-bottom:0 } .early-years-loop h2{ color: #2f2f2f; padding-bottom: 6px } .early-years-loop p{ font-size: 14px; line-height:22px; padding-bottom:4px } .early-years-loop h3{ font-size: 24px; color:#1960a2; padding-bottom:6px; } .early-years-loop img{ padding: 20px 0 } /*-------------------------------------------------------------- >>> Student Profile Page Style ----------------------------------------------------------------*/ .student-profile-list{ padding-top: 40px } .student-profile-list img{ margin: 0 auto; display: block; } .student-profile-list h2{ text-align: center; color: #7fbe3c; font-size: 20px; margin: 0; padding:20px 0 } .student-profile-list p{ font-size: 14px; line-height: 24px; color: #91989f; font-weight: 300 } .student-profile-list .content-sec{ width: 100%; max-width: 325px; } .student-profile-loop{ min-height: 446px; } /*-------------------------------------------------------------- >>> Admissions Process Page Style ----------------------------------------------------------------*/ .inner-all-page-wrapper .entry-content ul.admissions_process_list li::before{ display: none; } .admissions_process_list{ text-align: center; overflow: hidden; position: relative; padding-top: 213px; background-image: url(../images/Admissions-Process-icon.jpg); background-repeat: no-repeat; background-position: center top; margin-top:40px } .inner-all-page-wrapper .entry-content ul.admissions_process_list li{ position: relative; margin: 0; padding-bottom: 65px;} .inner-all-page-wrapper .entry-content ul.admissions_process_list li:last-child{ padding-bottom: 0 } .admissions_process_list li:after,.admissions_process_list:before{ content: ""; width: 5px; background-color: #1b69b1; height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; margin: auto; } .admissions_process_list:before{ height: 100px;top: 112px; } .admissions_process_list li:last-child:after{ display: none; } .admissions_process_list li br{ display: none; } .admissions_process_list li{ width: 100%; overflow: hidden; } .admissions_process_list li:nth-child(odd) section{ float: left; text-align: right; width: 100%; max-width: 470px; } .admissions_process_list li:nth-child(even) section{ float: right; text-align: left; width: 100%; max-width: 470px; } .admissions_process_list .step{ background-color: #FFF; border:4px dashed #1b69b1; border-radius: 100%; text-align: center; width: 86px; height: 86px; display: block; position: absolute; left: 0; right: 0; margin: auto; z-index: 1; font-size: 18px; color:#7fbe3c; font-weight: 600; padding-top:9px; text-transform: uppercase; } .admissions_process_list li .step br{ display: block; } .admissions_process_list h2{ color: #4b545c; font-size: 20px; font-weight: 600; padding: 0; margin: 0; padding-bottom: 28px } .admissions_process_list p{ padding: 0; margin: 0; line-height: 22px; color: #4b545c; padding-bottom: 29px } .admissions_process_list small { color: #7d858b; font-size: 12px; line-height: 16px; padding-top: 9px; display: block; } .admissions_process_list small span{ color: #1b69b1 } .past-event-page{ padding-bottom: 60px; } .past-events-button{ display: inline-block; background-color:#1a5da3; color: #FFF; padding: 12px; text-transform: uppercase; width: 210px; } .past-events-button:hover{ background-color: #7fbe3c; color: #FFF } .padding-top{ padding-top: 30px } .alumni-form-section{ width: 100%; max-width: 790px; margin:0 auto; display: block; padding-top: 15px } .alumni-form-section p{ padding: 0; margin: 0 } .alumni-form-section .form-control{ margin-bottom: 0 } .alumni-form-section .submit-button-from{ max-width: 150px; margin: 0 auto; display: block; } .inner-all-page-wrapper .entry-content ul.pdflist li:before{content: "\f1c1";color:#ad1010;font-family: Font Awesome\ 5 Free;} .inner-all-page-wrapper .entry-content ul.pdflist li a{ color:#23527c } .inner-all-page-wrapper .entry-content ul.pdflist li a:hover{ color:#77c33c; text-decoration: underline; } .page-id-45 .inner-all-page-wrapper .entry-content ul.pdflist li small{ display: block; } /*-------------------------------------------------------------- >>> Blog Page Style ----------------------------------------------------------------*/ .blog-Loop{ margin-bottom: 63px } .blog-Loop article section{ background-color: #f8f9fa; min-height: 184px; padding-left: 44px; padding-right: 44px; padding-top: 24px; padding-bottom:44px; } .date_writen_section{ overflow: hidden;padding-bottom: 7px;} .datesection{ font-size: 13px; color: #4b545c; line-height: 18px; float: left; } .blog-Listing .datesection.writen_by,.blog-Listing .datesection{ display: block; float:none;text-align: left; padding-top: 4px} .datesection.writen_by{ float:right;} .blog-Loop article h2{ font-size: 16px; font-size: 1.6rem; color: #2f2f2f; line-height: 24px; line-height: 2.4rem; font-weight: 600; margin: 0; padding-bottom: 5px; min-height: 74px } .blog-Loop article h2 a{color: #2f2f2f;} .blog-Loop article h2 a:hover{color: #1b69b3;} .blog-Loop article p{ font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; color: #4b545c; margin: 0 } .pagnaction { text-align: center; padding-bottom: 63px } .pagnaction h2{ margin: 0; padding: 0 } .pagnaction .pagination{ margin: 0 } .pagnaction .page-numbers{ display: inline-block; vertical-align: middle; border: 1px solid #3d90da; padding: 6px 16px; background-color: #1a6ab2; color: #FFF } .pagnaction .page-numbers.current,.pagnaction .page-numbers:hover{ border-color: #95e458; background-color: #77c33c } .blog_dec_section{ width: 100%; max-width: 969px; margin: 0 auto; display: block; padding-bottom: 30px } .blog_dec_section .entry-header{ padding-top: 30px } .blog_dec_section .datesection{ color: #4b545c; font-size: 14px; font-size: 1.4rem; } .blog_dec_section h1{ font-size: 30px; font-weight: 600; color: #2f2f2f } .blog_dec_section p{ font-size: 14px; line-height: 24px; color: #4b545c; padding-bottom: 15px } .no-content{margin-bottom: 47px;} .blog_dec_section .date_writen_section{ padding-bottom: 20px} /*-------------------------------------------------------------- >>> Register Interest ----------------------------------------------------------------*/ .register-interest-form{ width: 100%; max-width: 580px; margin: 0 auto; display: block; padding-top: 20px } .register-interest-form .submit-button-from{ display: block; width: 150px; margin: 0 auto } .register-interest-form .form-control{ margin-bottom: 0 } .register-interest-form .form-group{ margin-bottom: 25px } .register-interest-form .You-would-like-to{ display: block; } .register-interest-form .selectsection{ position: relative; } .register-interest-form .selectsection i{ position: absolute; right: 10px; top: 10px; z-index: 1; color: #1a6ab2 } .register-interest-form select.form-control{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;} .footer_logos{ padding-bottom: 30px; border-bottom: 1px solid #2273bb; text-align: center;} .widget_media_image{ display: inline-block; vertical-align: middle;width: 33.33%; padding-left: 0 } .achievements-mid-section.student_sub_list table{ margin-top: 0; margin-bottom: 0 } .student_sub_list .table>tbody>tr>td{ text-align: left; padding-left: 20px } .student_sub_list .table>tbody>tr>td,.student_sub_list .table>tbody>tr>th{ width: 33% } .student_sub_list thead{ background-color:#1960a2; color: #FFF; text-transform: uppercase; } .student_sub_list thead tr th{ color: #FFF } .slider_inner_wrapper{ border: 1px solid #ced2d6; margin-bottom: 30px } .three_box_section a{ display:block; text-align: center; color: #FFF; padding:30px 20px; background-color: #1a6ab2; color: #FFF; text-transform: uppercase; letter-spacing: 1px } .three_box_section a:hover{ background-color: #77c33c; color: #FFF } /* .general-enquiry-form{ margin: 0 auto; display: block; } */ .early-years-right .entry-header{ text-align: center;} .earl_top_sec{ padding-bottom:10px} /*-------------------------------------------------------------- >>> School History ----------------------------------------------------------------*/ .school-history-page{ padding-top: 15px; padding-bottom: 60px} .school-history-list{ list-style: none; padding: 0; margin: 0;position: relative;} .school-history-list li{ width:100%; max-width:572px;position: relative; padding-bottom: 40px} .school-history-list p{ font-size: 13px; line-height: 24px; color: #2f2f2f; padding-bottom: 15px} .school-history-list h2{ font-weight: 700; color: #2067ad; font-size: 20px; font-size: 2rem; padding-bottom: 9px} .year-section{ border-radius: 100%; width: 147px; height: 147px; border: 4px solid #2067ad; position: absolute; right: -74px; top: 0;background-color: #FFF;outline: 10px solid #FFF;} .year-section span{ display: block; border-radius: 100%; background-color: #2067ad; color: #FFF; width: 123px; height: 123px; margin: 0 auto; position: absolute; left: 0; right: 0; top:50%; text-align: center;transform: translateY(-50%); font-size: 40px; font-weight:700; line-height:123px} .align-right{ text-align: right;padding-right:104px; float: left;border-right: 4px solid #2067ad} .align-left{ text-align: left; padding-left: 104px; float: right;border-left: 4px solid #2067ad} .align-left .year-section{ right: inherit; left:-74px} .school-history-list li:last-child.align-right{ border-right: 0} .receive-communication span.wpcf7-list-item{ margin: 0} .menu-quick-links-container{ list-style: none; padding: 0; margin: 0;padding-bottom: 30px; } .menu-quick-links-container .menu li{ display: inline-block; vertical-align:top; margin-right: 3px} .menu-quick-links-container .menu li a{ background-color: #1a6ab2; line-height: 38px; display: block; padding-left: 45px; color: #FFF; font-size: 15px; background-repeat: no-repeat; background-position:15px center;padding-right: 14px; } .menu-quick-links-container .menu li:nth-child(2) a{ background-color: #84c729 } .menu-quick-links-container .menu li a:hover{ color: #FFF; background-color: #165e9e } .menu-quick-links-container .menu li:nth-child(2) a:hover{ background-color: #76b521 } .menu-quick-links-container .menu li.register-icon a{ background-image: url(../images/register.png); } .menu-quick-links-container .menu li.visit-icon a{background-image: url(../images/schu.png);} .menu-quick-links-container .menu li.apply-icon a{background-image: url(../images/applyonline.png);} .videobot{ margin-bottom:30px} /*-------------------------------------------------------------- >>> Event ----------------------------------------------------------------*/ .post-type-archive-tribe_events .inner-all-page-wrapper .entry-content ul li{padding-left: 0;} .post-type-archive-tribe_events .inner-all-page-wrapper .entry-content ul li:before{ display: none;} .post-type-archive-tribe_events .tribe-events-calendar thead th{background-color: #2265a3; border-left-color:#2265a3 ;border-right-color:#2265a3 } .post-type-archive-tribe_events #tribe-bar-form .tribe-bar-submit input[type=submit]{background: #77c33c;} .post-type-archive-tribe_events #tribe-bar-form .tribe-bar-submit input[type=submit]:hover{background: #2265a3;} .hbspt-form{width: 100%;max-width: 468px;margin: 0 auto;} .hbspt-form .hs-form-iframe .hubspot-link__container{ display: none;} .joinhade{ cursor: pointer;} .joinhade i{ display: inline-block; vertical-align: middle; padding-left: 10px} .inner-all-page-wrapper .entry-content ul.joinlist li{display: inline-block; width:49%; vertical-align: middle; } .joinhade[aria-expanded="true"] i:before{content: "\f106";} /*-------------------------------------------------------------- >>> About Legacy ----------------------------------------------------------------*/ .about_legacylist { list-style: none; padding: 0; margin: 0; margin-top: 60px} .about_legacylist img{ border: 1px solid #cacece; padding: 5px} .about-legacy-page .inner-all-page-wrapper h2{ margin: 0; padding-bottom: 15px; font-weight: 600} .about_legacylist li{ margin-bottom:40px; border-bottom: 1px solid #cacece; padding-bottom:40px} .about_legacylist li:last-child{ border-bottom: none} .align-right_about_image_content{ float: right;} .school-achievements-banner-slider .metaslider .caption{ padding: 12px} .div.wpcf7-mail-sent-ok{color: #FFF;background-color: #398f14;} /*-------------------------------------------------------------- >>> Gllery ----------------------------------------------------------------*/ .wonderplugin-gridgallery-item-container + a, #html5-watermark{ display:none !important;} .writen_by{ text-align: right} .h-top.formobile{ display: none}