/*
Theme Name: VW School Pro
Theme URI:  https://www.vwthemes.com/themes/premium-school-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: School WordPress theme is an aesthetically impressive, knowledge shedding and engaging premium theme. Education must be entertaining and this thought is well maintained while designing this theme. It caters fast and flexible development of attractive and useful website without writing a single line of code. The theme can be used for multiple purposes like elementary schools, preschools, kindergartens, schools, colleges, universities, coaching centres, training academies and institutes, e-learning portals, children educational sites and the list goes on. Access the site from any device and any browser since it is responsive and cross-browser compatible. It has a user-friendly interface of front as well as back end. The unique design makes your site stand apart your competitors’ site. It allows hassle-free navigation through the site which compels visitors to explore more site content. Become the lighthouse of education for kids as well as adult and make them learn more and more through your site.
Version: 1.3.5
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-school-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW School Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW School Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root{
  --white-c:#ffffff;
  --black-c:#000000;
  --black-b:#bbbbbb;
  --b-color:#a2a0a0;
  --b-color2:#c2272d;
  --global-c1:#002b46;
  --gray-d:#dddddd;
  --gray-33:#333333;
  --off-blue22:#22272b;
}
:root{
  --font-1:'PT Sans';
  --font-2:'PT Serif';
}
*,html body,img{
  margin:0; 
  padding:0; 
}
*,button:focus{
  outline:none !important;
}
html body{
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:var(--white-c); 
  position:relative; 
  font-size: 14px;
  color:var(--b-color); 
  font-family:var(--font-1);
}
label {
  margin-bottom: 0 !important;
}
img{
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:var(--b-color);
  font-family: var(--font-2);
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: var(--font-1);
}
body a{
  text-decoration:none; 
  color:var(--b-color2);
}
a:hover{
  text-decoration:none; 
  color:var(--black-c);
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--global-c1);
  background:var(--gray-d);
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -10px;
  top: -10px;
  color:var(--black-b);
}
blockquote cite {
  color: var(--b-color2);
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid var(--black-b);
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: var(--white-c);
  border: none;
  background-color: var(--b-color2);
}
input[type="submit"]:hover{
  cursor: pointer;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.wp-caption,.wp-caption-text,.gallery-caption{
  margin:0;
  padding:0;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid black;
}
.home.page-template .container{
  width: 1024px;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--white-c);
  padding: 0;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: var(--black-c);
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--black-b);
  color: var(--white-c);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: var(--black-b);
  color: var(--white-c);
}
.widget th,.widget td {
  padding: 0;
}
/* ----------- Spinner ------------- */
.eco-nature-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--global-c1);
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.eco-nature-loading-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.eco-nature-loading-box .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--white-c);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.eco-nature-loading-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.eco-nature-loading-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.eco-nature-loading-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.eco-nature-loading-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: var(--b-color2);
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: var(--white-c);
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 15px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  top: 5px;
}
#return-to-top:hover i,#return-to-top #screen-reader-text{
  color: var(--white-c);
}
#return-to-top.left{
  right: auto;
  left: 10px;
}
#return-to-top.center{
  right: 50%;
  left: 50%;
}
#return-to-top.right{
  left: auto;
  right: 10px;
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid var(--b-color2) ; 
  background:var(--b-color2);
  color: var(--white-c);
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font:bold 36px var(--font-2);
  margin-bottom: 20px;
  color: var(--off-blue22);
  padding: 0 0 10px;
  margin: 0;
}
section h3{
  margin:30px 0 0 0;
}
section h4{
  color:var(--black-c); 
  font-size:20px;
}
section h5{
  color:var(--gray-33); 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
  display: none;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/* --------- Social Icon Widget ------- */
.social_widget a{
  color: var(--white-c);
  padding: 7px 7px;
  margin-right: 7px;
  border: 1px solid var(--white-c);
  display: inline-block;
  margin-bottom: 5px;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: var(--b-color2);
  border: 1px solid var(--b-color2);
}
/* --------- search Page ------- */
.postbox h6 {
  font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
  font-size: 18px;
  border-bottom: 1px solid;
}
a.post-readmore i {
  margin-left: 8px !important;
  font-size: 18px;
  border-bottom: 1px solid var(--white-c);
  padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid var(--black-c); 
  color:var(--black-c); 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid var(--black-c); 
  color:var(--black-c); 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
  color: var(--black-c);
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
  border-top: 1px solid var(--b-color2);
  border-bottom: 1px solid var(--b-color2);
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
  margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
ol.carousel-indicators li {
  max-width: 10px;
  padding: 3px;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  border: 2px solid var(--white-c);
}
.carousel-indicators .active {
  background-color: var(--b-color2) !important;
  border-color: var(--b-color2);
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: var(--b-color2);
  color: var(--white-c) !important;
  border: 1px solid var(--b-color2);
}
.navigation span.page-numbers.current{
  background: var(--white-c);
  border: 1px solid var(--b-color2);
  color: var(--black-c) !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: var(--black-c);
}
.blog-icon i {
  font-size: 20px;
  background: var(--black-b);
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: var(--white-c);
  margin-right: 1%;
}
.blog-icon i:hover {
  background: #d3da36;
  color: var(--white-c);
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:var(--black-c);
  padding:5px 15px;
  margin-right:5px;
  line-height: 40px;
}
.bradcrumbs a:hover{
  background:var(--b-color2);
}
.bradcrumbs span{
  background:var(--gray-d); 
  color:var(--black-c);
  padding:5px 15px;
}
.related-post-wrap a {
    line-height: 45px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: var(--white-c);
  border-left: 1px solid var(--b-color2);
  border-right: 1px solid var(--b-color2);
  border-bottom: 3px solid var(--b-color2);
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:var(--black-c);
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
  background: var(--gray-33);
  border: none;
  color: var(--white-c);
  padding: 14px 0;
  font-size: 15px;
  margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid var(--black-b);
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: var(--b-color2);
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: var(--black-b);
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:var(--black-c);width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background: var(--b-color2);
  position: absolute;
  right: 28px;
  border: none;
  color: var(--black-c);
  font-size: 10px;
  margin-top: 1px;
  padding: 12px;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid var(--black-b);
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  padding-left: 15px;
}
#sidebar .tagcloud a{
  background:var(--black-c); 
  color:var(--black-c); 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:var(--b-color2);
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
  margin-bottom: 15px;
}
.textwidget {
  padding: 20px 0;
}
/*------------- Page -----------------*/
.title-box{
  color:var(--white-c);
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: var(--b-color2);
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 10px;
  margin: 0 0;
  color: var(--white-c);
  background-color: var(--gray-33);
  border-radius: 50%;
  width: 30px;
  margin: 0 4px;
  text-align: center;
  height: 30px;
}
.services_inner h4, .services_inner .short_text {
    color: var(--white-c);
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--b-color2);
  border-radius: 0;
  padding: 10px 14px;
  color: var(--white-c);
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: var(--b-color2);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: var(--white-c);
  color: var(--gray-33);
  border: 1px solid var(--b-color2);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid var(--gray-d);
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: var(--b-color2);
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: var(--white-c); 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce ul.products li.product .button {
  margin-top: 1em;
  display: block;
  text-align: center;
}
.woocommerce ul.products li.product .star-rating{
  margin: 5px auto !important;
}
.choose-box-icon{
  margin: 0 auto;
}