/*
Theme Name: Literacy Solutions
Description: Child theme for Specular theme
Author: Elisenda Hdez
Template: specular
Version: 1.0.0
Text Domain: specular
*/



@font-face {
    font-family: 'cambria';
    src: url(fonts/cambria.ttf);
}


p{font-family: cambria;
  font-size: 15px;}

.breadcrumbss{
    display:none;
}

/* Elements inside the green header */

.login-div{    
  
  display: inline-block;
  z-index: 5;
/*  margin-top: 20px;*/
/*  height: 32px;
  width: 150px; */
/*  padding-left:40px;
  padding-top:5px;*/
  box-sizing:border-box;
  border-radius:5px;
  color: #fff;
  border-color: #FE6C61;
  font-size: 11px;   
  text-align: center;   
  border: 1px solid transparent;
  background-color: #FE6C61;
  background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
  background-repeat: repeat-x;
  }

.login-div:hover {
  transform: translate(2px,2px);
      color: #f7f7f7;
    border-color: #fe5043;
    background-color: #fe5043;
    font-size: 11px;
    text-align: center;  
    border: 1px solid transparent; 
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
   background-repeat: repeat-x;
}

.login-div a:hover{
  color:white;
}

.breadcrumbss{color:white;}


/*HOME*/

nav .menu li ul.sub-menu li a {

  color:white; 

}

.vc_row .vc_row {
    margin-left: 0px !important; 
   
}


/*.testimonial_carousel {background-color:rgb(23, 186, 200);} */

.header_page {background-color: rgb(92, 155, 91) !important;}

 #menu-main-menu ul li:hover {background-color:#4EC300;}

/*OUR TEAM PAGE*/

.staff-grid h4 {color:#5C9B5B !important;}

.staff_position {

  color:#FF5F68 !important;
  font-weight: bold;
}


/*SINGLE STAFF PAGE*/

.single_staff .featured_img2 {width: 30%;}                         

.single_staff .featured_img2 {margin-left:35%;}

.h1staff{margin-left:35%;}

.single_staff p {
  
    text-align: justify;
}

.pstaff{margin-left:35%;}

.overlay2 {width: 30%;}


.h1staff {
    color:#5C9B5B !important;
}


#menu-courses .current-menu-item {

   background-color: #4EC300;
    color: white;

}



.tpl2 img.facebook {  
  width: 40px !important;}

.tpl2 img.linkedin {  
  width: 40px !important;}

  .tpl2 img.vimeo {  
  width: 40px !important;}

  .vc_gitem-post-data h4{text-align: center !important;}

  .staff_position {   
    text-align: center !important;
}

.facebook:hover, .linkedin:hover, .vimeo:hover {transform: translate(3px,3px);}

.single_staff p {
    margin-top: 20px;
    font-size: 18px;
}

/*CATEGORIES PAGE*/

.categories .vc_gitem-post-data h4 {
    text-align: center !important;
}

.categories .vc_btn3-container.vc_btn3-left {
    text-align: center !important;
}

 .categories .vc_gitem-post-data  {
   height:50px;
   box-sizing:border-box;
}


/*FOOTER  */

footer#footer .inner {background-color:rgb(92, 155, 91) !important;}
    
#copyright {background-color: #B3E0F3 !important;}

#nav_menu-3 ul li {display:inline-block;} 

footer .inner .widget ul li{
	float: none;
	width: auto;
	padding-bottom: 0;
	padding-top: 0;
}

footer#footer a {color:white !important;}

footer#footer a:hover{color:#F23630!important;}

#copyright > div > div > div > div.copyright_text > a {color:green !important;}

#copyright > div > div > div > div.copyright_text > a:hover {color:red !important;}

.footer_social_icons.circle li {   
    text-align: center;
    margin-right: 10px;
}

.footer_social_icons.circle li:hover {
    background-color: #4EC300;
}

/*HOME MENU  & COURSES MENU */

#menu-home-1, #menu-courses-1, #menu-courses{list-style: none; 
                	                          border-bottom: 1px solid #e5e5e5;
                                            border-top: 1px solid #e5e5e5;
                                             }

#menu-home-1 li, #menu-courses-1 li, #menu-courses li {display:inline-block;
                                                      padding-right: 25px;
                                                      padding-top: 10px;
                                                      padding-bottom: 10px;
                                                      font-family: 'Antic Slab';
                                                      font-size: 20px;
                                                      }



/* COURSES PAGE */

.webinar button,.proposal button{
  font-size: 16px;
}
.page_header_yes #content {
    padding-top: 10px;
}

 #menu-courses-1 li {
  
    padding-left: 25px !important;
   
}

#menu-home-1 li, #menu-courses-1 li, #menu-courses li {
   
    padding-right: 15px;
    padding-left: 15px;
}



#menu-courses-1, #menu-courses {border-top:1px solid #4EC300;}

#menu-courses-1 a:hover, #menu-courses-1 li:hover, #menu-courses a:hover, #menu-courses li:hover{

  background-color: #4EC300; 
        color:white;
}


 .course_title{color:#5C9B5B !important;}   

.catalogo:hover {transform: translate(3px,3px);}

 .video {margin-left: 30px;}

 /*SURVEYS */ 

 .content.survey{

    background-color: #D6E2BE;
    margin-top: 10px;
    border: 1px solid #FF5F68;
    width: 70% !important;
    padding-left:20px;
   
}

#watu_quiz [type="button"]{

  background-color: #FF675B;
    box-shadow: 0 2px 0 #ff3323;
  margin-top:30px;
      border-radius: 5px;
      padding-left:10px;
      padding-right:10px;
      color:white;

}

#watu_quiz [type="button"]:hover{

transform: translate(1px,1px);

 }

 /*CONTACT FORMS  */

 /*the one in the contact us page*/

.wpcf7-submit {
  color: white !important;
  background: rgb(244, 119, 119)!important;   
  
}

  .wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap textarea { 

    background: #D1E7F5;

  }



    div.wpcf7-validation-errors {
    border: 2px solid rgb(244, 119, 119)!important;
}

.clear{clear:both;}

/*the one in the webinar page*/

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="date"]  {

      background: #D1E7F5;

  }

#wpcf7-f2179-p2182-o1 > form > p:nth-child(9) > span.wpcf7-form-control-wrap.hour > select {

      background: #D1E7F5;

  }

#wpcf7-f2179-p2182-o1 > form > p:nth-child(9) > span.wpcf7-form-control-wrap.houroption > select {

      background: #D1E7F5;

  }

/*BLOG PAGE */

.btn-bt.default { 
    
    background-color: #F47777 !important;
   
} 

.blog_grid h4{
    text-align: center;
}

.blog_grid .vc_gitem-post-data {
    
    padding-left: 20px;
}

.aws-search-form {

  width: 50%;
}

.aws-search-form  input[type="text"]{

  height: 30px;
}

.blog_grid .vc_gitem-post-data  {
   height:30px;
   box-sizing:border-box;
}

.blog-article.standard-style .content h1, .blog-article.alternative-style .content h1, .blog-article.timeline-style .content h1 {
    padding-top:30px;
}

.blog_grid .cuadrado:hover{

  transform: translate(3px,3px);

}


/* Menu section*/ 

.login-div {
  
   /* margin-left: -70px;*/
/*    margin-top: 20px;   */
    width: 90px;
 /*   padding:5px 10px; */
  
}

.page_parents .pull-right{

top: 70% !important;
}

#menu-main-menu > li> a:hover{

    background-color: #4EC300 !important;
    color: white !important;
}


nav .menu > li {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

/*Shop */

.shop-text{

  

    background-color: #D6E2BE;   
    margin-top: 10px;
    border: 1px solid #FF5F68;
    text-align: center;
}

div > div > div > p.return-to-shop > a{

   color:black!important;
}

/*About our courses*/ 

.proposal button{
 
 margin-top:20px !important;

}

.vc_btn3.vc_btn3-size-lg {
    
    padding: 11px 25px!important;
}

.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 6px!important;
}

.proposal button:hover, .webinar button:hover{
      color: #f7f7f7 !important;
    border-color: #fe5043!important;
    background-color: #fe5043!important;
}


#blog > div > div > ul > li > div.image_wrap > a > span{

  display:none;
}

#blog > div > div > ul > li.product.type-product.status-publish.has-post-thumbnail.purchasable.product-type-simple:hover{

  transform: translate(3px,3px);

}

#blog > div > div > ul > li.product.type-product.status-publish.has-post-thumbnail.purchasable:hover{

   transform: translate(3px,3px);
}


.reset_variations{

  display:none !important;
}

.variations td.label{

    background-color: #F47777;
    color: #222;
    border-color: rgba(68,68,68, 0.20);
    font-size: 13px;
    border-width: 2px;
    border-style: solid;
    padding-left: 1em !important;
    font-weight: normal;
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    color: #FF5F68;
   
}

.aws-container .aws-search-field {
    width: 50%;

}

.woocommerce-ordering{

  display:none;
}

/*Search page*/ 

.search.search-results ul.info {
    display: none !important;
}


/* media queries*/

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


      /*.row .span12 {margin-left: -60px !important;}*/

        nav .menu li > ul.sub-menu li, .menu-small ul li a {
            color:white !important;
        }       
 

       footer .inner .widget {
       /* margin-left:60px;   */
        width: 100%
        } 

        #menu-courses li {    
        font-size: 15px;
        }

        #nav_menu-3 ul li {
        display: inline-block;
        }


    .news{padding-left: 60px;}         
      
}

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

    
      footer#footer .inner {
     padding-left: 100px;   
     }

    .wpb_video_widget.vc_video-aspect-ratio-43 .wpb_video_wrapper {

    margin-left: 24px;

  }

  .sub-menu {display:none !important;}

  #fws_58230f68b3d67 > div.col.span_12.dark > div{padding-bottom: 0px;}

 .slider .vc_col-sm-12.vc_column.column_container.with_padding {padding-bottom: 0px !important;}


  .single_staff .featured_img2 {
     margin-left: 0; 
     width: 100%;
   }


  .pstaff {
    margin-left: 0;
    }

  .vc_column .wpb_video_widget .wpb_wrapper{
    float: none !important;
  }


  .header_page, #slider-fullwidth {
    display: none;
    
   }
 
}

@media screen and (min-width: 990px) and (max-width: 1090px) {

header#header #navigation {
    float: right;
    margin-top: -40px;
    height: 20px;
}

}