/*
Theme Name: Level Up Child
Theme URI: http://group.bmcc.is/g5_sp16/
Author: Yulia Spiridonova
Author URI: http://ec2-52-25-96-153.us-west-2.compute.amazonaws.com/
Description: This is a child theme of arunachala theme
Template: arunachala
Version: 0.1
*/

@import url("../arunachala/style.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);


/*--------------------------------------------------------------
                     Yulia's CSS
--------------------------------------------------------------*/
.site-content .widget-area {
  float: right;
  overflow: hidden;
}

.site-content {
  max-width: 100%;
}


.site-header{
  max-width: 100%;
}

.header-main{
  width: 95%;
  margin-left: 5%;
}

#main{
width: 81.5%;
margin: auto;
}

.wp-post-image {
  width: 100%;
}

.entry-title, .entry-summary {
  display: none;
}

.hentry {
  margin: 0em;
  padding-bottom: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation li.visited > a {
  color: #51cc26;
}


/*-----------media-----*/

@media screen and (max-width: 480px){

  h4.aboutSchool{
    margin-top: 2%;
    font-size: 1.1em;
    font-weight: bolder;
  }

  #backgroundGallery{
    margin-top: -12%;
    padding-bottom: 0;
    margin-bottom: 5em;
  }

  .hentry {
    border-bottom: none;
  }

  p{
    font-size: 0.7em;
    width: 100%;
 }
 #primary {
  width: 100%;
  float: left;
}

#secondary {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10%;
}
img{
  width:100%;
}
#mealogo{
    float: left;
    width: 12%;
    margin: 2%;
   }
  #test {
    width: 84%;
    float: right;
  }
  #test h1{
     text-align: left;
     margin-right: 1em;
     letter-spacing: 0.4em;
    font-size: 1.1em;
    color: white;
  }

.menu-toggle, .main-navigation.toggled .nav-menu {
  text-align: right;
  right: 15;
  left: auto;
}

  .menu-bmcc-menu-container{
    margin-right: 5%;
  }
  .content-area {
    margin-right: 0;
  }

  p, textarea{
  width: 100%;
}

}
@media screen and (min-width: 480px) and (max-width: 680px){
#backgroundGallery{
    margin-top: -9%;
    padding-bottom: 0;
    margin-bottom: 3em;
  }

h4.aboutSchool{
    margin-top: 2%;
    font-size: 1.4em;
    font-weight: bolder;
  }

#primary {
  width: 100%;
  float: left;
}

.hentry {
    border-bottom: none;
  }

p, textarea{
  width: inherit;
}
#secondary {
  margin-top: 5%;
  width: 100%;
  float: left;
  text-align: center;
}
#mealogo{
  width: 10%;
    float: left;
    margin-left: 10%;
   }

  #test {
    width: 75%;
    float: right;
    
  }
  #test h1{
    font-family: Krungthep;
     text-align: center;
     margin-right: 1em;
     letter-spacing: 0.4em;
    font-size: 1.5em;
    color: white;
  }

.menu-toggle, .main-navigation.toggled .nav-menu {
  text-align: right;
  right: 15;
  left: auto;
}

  }

@media screen and (min-width: 680px) and (max-width: 800px){
  #primary {
  width: 100%;
  float: left;
}

#secondary {
  margin-top: 5%;
  width: 100%;
  float: left;
  text-align: center;
}


.menu-toggle, .main-navigation.toggled .nav-menu {
  text-align: right;
  right: 15;
  left: auto;
}

#backgroundGallery{
    margin-top: -7%;
    padding-bottom: 0;
    margin-bottom: 3em;
  }

h4.aboutSchool{
    margin-top: 2%;
    font-size: 1.4em;
    font-weight: bolder;
  }

.hentry {
    border-bottom: none;
  }

p{
  width: inherit;
}

#mealogo{
  width: 20%;
    float: left;
    margin: 3%;
   }

  #test {
    width: 70%;
    float: right;
    
  }
  #test h1{
    font-family: Krungthep;
     text-align: center;
     letter-spacing: 0.4em;
    font-size: 1.9em;
    color: white;
  }

}

@media screen and (min-width: 800px){
.menu-toggle, .main-navigation.toggled .nav-menu {
  text-align: right;
  margin-right: 1%;
}
.main-navigation{
  margin-right: -2%;
}
   #backgroundGallery{
    padding-bottom: 0;
  }

h4.aboutSchool{
    margin-top: 2%;
    font-weight: bolder;
  }

  .hentry {
    border-bottom: none;
  }
   #mealogo{
    float: left;
    width: 10%;
   }
  #test {
    width: 80%;
    float: right;
    }
  #test h1{
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 1.9em;
    color: white;
  }
 
  .menu-bmcc-menu-container{
    margin-right: 2%;
  }

  #primary {
  width: 78%;
}

#secondary {
  width: 20%;
  margin-right: 1%;
}

  p .aboutSchool{
    margin-bottom: 2%;
   }

}
/* Large screens ----------- */
@media screen and (min-width: 1024px) {
  #backgroundGallery{
    margin-top: -2%;
    padding-bottom: 0;
    margin-bottom: -5%;
  }

  h4.aboutSchool{
    margin-bottom: 3%;
    font-size: 1.8em;
    font-weight: bolder;
  }

  p{
    width: 100%;
    margin: auto;
  }

  p.about{
  font-size: 2em;
  width: 82%;
}

  div .entry-content{
    margin-bottom: 8%;
  }

   #mealogo{
    float: left;
    width: 10%;
    margin-top: 2%;
   }
  #test {
    width: 60%;
    float: left;
    margin-top: 4%;
   
  }
  #test h1{
    letter-spacing: 0.4em;
    font-size: 3.5rem;
    color: white;
  }
  .menu-bmcc-menu-container{
    margin-right: 12%;
  }


  #primary {
  width: 84%;
}

#secondary {
  width: 16%;
}
p.about{
  font-size: 2em;
  width: 72%;
}

}
@media screen and (min-width: 2560px){
  p{
    font-size: 1.5em;
  }
  #mealogo{
    float: left;
    width: 30%;
    margin-top: 2%;
   }
  #test {
    width: 70%;
    float: left;
    margin-top: 4%;
   
  }
  #test h1{
    text-align: center;
    letter-spacing: 0.5em;
    font-size: 3.5em;
    color: white;
    margin-right: 50%;
  }
}

/*-----------Fonts-----*/
@font-face {
  font-family: Krungthep;
  src: url(fonts/Krungthep.ttf);
  font-weight: normal;
}
@font-face {
  font-family: Futura;
  src: url(fonts/Futura.ttf);
  font-weight: normal;
}
h1 {
  font-family: Krungthep;
  letter-spacing: 0.3em;
  font-size: 1.2em;
}
.hoverthing h1 {
  color: white;
 /* padding: 4%;*/
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
h1 small {
  font-size: 18px;
  display: block;
  text-transform: none;
  font-weight: 300;
  margin-top: 5px;
}
 /*#mealogo{
  float: left;
  width: 12%;
  background: red;
 }
.site-title {
  width: 70%;
  float: left;
  background: blue;
  letter-spacing: 0.5em;
  font-size: 28px;
  color: white;
}*/

body.search .page-title, body.archive .page-title {
  color: #3487A3;
  font-family: Krungthep;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}

a, p {
  font-family: Futura;
  letter-spacing: 0.2em;
  font-size: 18px;
}
.entry-meta a, .comment-meta a {
    color: #3487A3;
}

.entry-meta a:hover, .comment-meta a:hover {
    color: #3487A3;
}

h4{
  font-family: Krungthep;
  letter-spacing: 0.1em;
  color: #3487A3;
}


/*----------Navigation, Header -----*/

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
  color: #3487A3;
}

.main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li.visited > a {
  color: #9052CA;
}

.widget-title, .widgettitle {
border-bottom: none;
}

a:hover, a:focus, a:active {
    color: #3487A3;
}

/*----------Footer -----*/
.site-footer { 
    text-align: center;
    background: #131212;
}
h5{
   font-family: Futura;
  letter-spacing: 0.2em;
  font-size: 16px;
}

/*--------------------------------------------------------------
                    Kimarley's CSS
--------------------------------------------------------------*/



/*--------------------------------------------------------------
                     YParent theme override
--------------------------------------------------------------*/


.header-main .site-branding{
  float: none;
  margin:  0;
  width: 100%;
}