/******************************************************************
Theme Name: Baldivis Secondary College
Theme URI: 
Description: 
Author: Jdesign
Author URI: http://www.jdesignperth.com.au
Version: 1.0
******************************************************************/


.header{
	background: #ffffff;
  border-top: 11px solid #f05532;
	z-index: 30;
}

.header .sticky.is-stuck{
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
}

.header .logo{
  margin:15px;
  transition: all .5s ease-in-out;
}


.header .top-left{
  margin-top:15px;
  margin-right: 10px;
  float: right;
}

.header .top-left .social{
  float: left;
  padding: 20px;
}

.header .top-left .social .fa{
  font-size: 26px;
  color: #535253;
  padding: 5px;
}

.header .top-left .social a:hover .fa{
  color:#a0a0a0;
}

.header .top-left .phone{
  font-family: 'Open Sans', sans-serif;
  font-size: 23px;
  color:#535253;
  display: inline-block;
  padding: 20px;
  text-align: right;
}

.header .top-left .phone .fa-phone{
  color: #f9b515;
}

.header .sticky.is-stuck .logo{
  margin-top: 0px;
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: all .5s ease-in-out;
}

.header .searchbox input[type=text]{
  border: 1px solid #535153;
  box-shadow: none;
  color: #535153;
  display: inline;
  font-size: 14px;
  float: right;
  height: 36px;
  width: 300px;
  padding: 15px 10px 15px 32px;
}

.header .searchbox input[type=submit]{
  background: url(assets/images/icon-search.png) center no-repeat;
  border:0;
  color:transparent;
  height: 36px;
  float: right;
  margin-right: -38px;
}

.header .sticky.is-stuck .searchbox{
  display: none;
}


.menu-row{
  background-color: #535253;
  padding: 25px 0px;
  transition: all .5s ease-in-out;
}

.header .sticky.is-stuck .menu-row{
  padding: 5px 0px;
  margin-top: -20px;
  transition: all .5s ease-in-out;
}

.top-bar{
  background-color: #535253 !important;
  padding: 0 !important;
}

.top-bar ul{
  background-color: #535253 !important; 
}

.top-bar .menu > li > a{ 
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color:#fff;
  padding: 0.5rem 0.9rem !important;
}

.top-bar .menu > li > a:hover{
    color: #f05532;
}

.top-bar .menu .active > a{
    background: transparent;
}

.top-bar .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{
  border-color: transparent transparent;
}

.top-bar .menu.submenu > li{
  background: rgba(83, 83, 83, 0.8);
}

.top-bar .is-dropdown-submenu{
  border: 0px;
  min-width: 240px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after{
  border-color: transparent transparent transparent #fff !important;
}

.off-canvas{
  background: #535253 !important;
  background: -moz-linear-gradient(top,  #535253 0%, #828182 100%) !important;
  background: -webkit-linear-gradient(top,  #535253 0%,#828182 100%) !important;
  background: linear-gradient(to bottom,  #535253 0%,#828182 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535253', endColorstr='#828182',GradientType=0 ) !important;
}

.off-canvas a{
  color: #fff;
  font-size: 14px;
}

.off-canvas a:hover{
  color: #f37328;
}

.off-canvas .is-accordion-submenu-parent > a::after{
  border-color: #fff transparent transparent;
}

#content{
  background: url(assets/images/bg.png) center bottom no-repeat;
  padding-top: 45px;
  padding-bottom: 45px;
}

.entry-content p,
.entry-content li,
.entry-content td
{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #535253;
}

.entry-content a
{
  color: #ff8e4c;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.entry-content a:hover{
  color: #ff5e00;
  text-decoration: underline;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  font-family: 'Open Sans', sans-serif;
  color: #535253;
}

.entry-content h1{
  font-size: 36px
}

.entry-content h2{
  font-size: 30px
}

.entry-content h3{
  font-size: 24px
}

.entry-content h4{
  font-size: 18px
}

.entry-content h5{
  font-size: 16px
}

.entry-content h6{
  font-size: 14px
}

h1.page-title{
  color: #535253;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: bold;
  display: table;
}

h1.page-title:after{
  border-bottom: 2px solid #f9b515;
  content: '';
  display: block;
  width: 80px;
  margin-top: 5px;
}


#sidebar_home{
  border-right: 3px solid #f37328;
}

#info-bar .image{
  border: 1px solid #535253;
  height: 100px;
  max-height: 100px;
  text-align: center;
  margin-bottom: 8px;
  padding-top: 5px;
  transition: all 0.5s ease;
}

#info-bar .title{
  color: #030000;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight:bold;
  height: 60px;
  max-height: 60px;
  margin-bottom: 10px;
  line-height: 16px;
  text-align: center;
}

#info-bar a:hover .image{
  box-shadow: 1px 5px 10px #c1c1c1;
}

.left-nav{
  background: #fef6e3;
  margin-bottom: 50px;
  padding: 25px 15px;
}

.left-nav .nav-page-title h2{
  color: #535253;  
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}

.left-nav ul {
  list-style-type: none;
  margin: 0;
}

.left-nav ul li.current_page_item a{
  color: #f37328;
}

.left-nav ul li a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #535253;
}

.left-nav ul li a:hover {
  color: #f37328; 
}

.news-footer{
  background: #fef6e3;
  padding: 60px 0px;
}

.news-footer h4{
  color: #535253;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: bold;
  display: table;
}

.news-footer h4:after{
  border-bottom: 2px solid #f9b515;
  content: '';
  display: block;
  width: 80px;
  margin-top: 5px;
}

.news-footer h5.news-title{
  color: #535253;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}

.news-footer .newsbox{
  margin-bottom: 30px;
  clear: both;
  color: #535253;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.news-footer .imgbox{
  float: left;
  height: 170px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.news-footer .date{
  color: #f37328;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.news-footer a{
  color: #f37328;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
}

.footer-signup{
  color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding: 38px 0px 30px 0px;
  background-color: #828182;
}

.footer-signup h3{
  color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.footer-signup input[type='email']{
  border: 0;
  border-radius: 50px;
  box-shadow: none;
  height: 44px;
  margin-top: 24px;
  margin-bottom: -24px;
  padding-left: 20px;
  width: 100%;
}

.footer-signup button[type='submit']{
  background: #f37328;
  border: 0;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  float: right;
  height: 44px;
  padding: 10px 60px;
  position: relative;
  top: -20px;
  transition: 0.4s;  
}

.footer-signup button[type='submit']:hover {
  background: #a5a5a5;  
  box-shadow: inset 3em 0 0 0 #a5a5a5,
              inset -3em 0 0 0 #a5a5a5;
}

.footer{
  background: #535253;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #fff;
  margin-top: 0 !important;
  padding: 25px 0px 0px 0px;
}

.footer li a{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

.footer li a:hover{
  color: #fff;
  text-decoration: underline;
}

.footer ul{
  list-style: none;
  float: right;
}

.footer ul li{
  float: left;
  padding: 20px 5px;
}

.footer ul li:after{
  content: "|";
  padding-left: 5px;
}

.footer ul li:last-child:after{
  content: " ";
}

.footer-copyright{
  background: #f37328;
  margin-top: 25px;
  padding: 25px 0px;
}

.footer-copyright .copyright{
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #fff;
}

.footer-copyright .copyrightJdesign {
  	font-size: 10px;
	padding: 5px 0px 5px 100px;
	color: #fff;
	text-decoration: none;
	line-height: 16px;
	display: block;
	float: right;
	opacity: 0.3;
}

.footer-copyright .copyrightJdesign:hover {
   text-decoration: none;
   opacity: 1; 
}



@media screen and (max-width: 63.99em) {

  .top-bar .menu > li > a{
    padding: 0.7rem 0.5rem;
  }

  .dropdown.menu > li.is-dropdown-submenu-parent > a{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

}

@media screen and (max-width: 39.9375em) {
  .header {
    text-align: center;
    margin-bottom: 0px;
  }

  .header .top-left{
    margin-top: 0px;
    float: initial;
  }  

  .header .top-left .social{
    padding: 10px 20px;
    float: initial;
  }

  .header .top-left .phone{
    padding: 10px 20px;
  }

  .menu-row{
    padding: 5px;
  }

  .top-bar .menu > li{
    display: block;
    text-align: center;
  }

  .top-bar .menu > li a{
    background: #FF5722;
    width: 200px;
    margin: 10px;
    display: inline-block;
    color:#fff;
    font-weight: bold;
  }

  .top-bar .menu > li a:hover{
    color:#1e1e1e;
  }

  #signup input[type='submit']{
    padding: 10px 40px;
  }

  .footer{
    text-align: center;
  }

  .footer-copyright .jdesign{
    float: initial;
  }
}