@import "../fonts/font-awesome/less/font-awesome.css";
/* Table of Contents
------------------------------------------------------- *

	0. Bootstrap Fixes
	1. Less Variables
	2. Header
	3. Links
	5. Slider
	6. Content
		6.1. Primary
		6.2. Secondary
	7. Pagination
	8. Footer
	9. HTML Markup and Formatting
	10. Widgets Style
	11. Comments
	


/* 0. Bootstrap Fixes
-------------------------------------------------------	*/
body {
  background: #fff;
}
#main {
  width: 100%;
}
.container {
  margin: auto;
}
code {
  white-space: pre-wrap !important;
}
/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
/* 2. Header
------------------------------------------------------- */
body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
#masthead {
  margin: 20px auto;
}
.site-title {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.site-title a {
  color: black;
}
.site-title a:hover {
  text-decoration: none;
}
.site-description {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: medium;
}
.main_logo {
  max-width: 360px;
}
#social-icons {
  float: right;
  text-align: right;
  margin-top: 20px;
}
.social-icon {
  color: #78757a;
  font-size: 36px;
}
.social-icon:hover {
  color: #2571bd;
}
a:hover .social-icon {
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  .site-title,
  .site-description,
  #social-icons {
    text-align: center;
    float: none;
  }
}
/* 3. Links
------------------------------------------------------- */
a {
  color: #918f93;
}
a:hover,
a:focus,
a:active {
  color: #2571bd;
}
/* 4. Navigation Menu 
-------------------------------------------------------	*/
.nav-wrapper {
  background: #f8f8f8;
  border-bottom: solid 1px #f1f1f1;
}
.nav-wrapper .navbar-default {
  margin-top: 0px;
  border: none;
  margin-bottom: 0px;
}
.nav-wrapper ul ul {
  background: #e7e7e7;
  border: none;
}
.nav-wrapper ul ul a:hover {
  background: #f8f8f8;
  color: #333;
}
ul.nav ul li.dropdown:hover > ul.dropdown-menu {
  /*  display: block;  */
}
/* 5. Slider
-------------------------------------------------*/
.slider-wrapper {
  margin: auto;
  margin-top: 15px;
}
.slide-title {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #000;
}
.nivo-caption a:hover,.nivo-caption a:focus{
  text-decoration: none;
}
.nivo-caption {
  max-width: 315px;
  min-width: 200px;
  overflow: hidden;
  right: 70px;
  top: 0;
}
.nivo-html-caption {
  display: none;
}
div.slide-title {
  font-size: 22px;
  text-shadow: 1px 1px 0px #fff;
  display: block;
}
div.slide-description {
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  div.slide-title {
    font-size: 18px;
  }
  div.slide-description {
    font-size: 13px;
  }
}
/* 6. Content 
------------------------------------------------------- */
#content {
  background: white;
}
/* 6.1 Primary 
------------------------------------------------------- */

.site-main .entry-content{
  margin: 0.3em 0px 0px;
}

.entry-title a:hover{
  color: #60980F!important;
}
.featured-thumb {
  text-align: center;
}
.featured-thumb img {
  box-shadow: 0px 1px 2px #444;
  border-radius: 5px;
}
.archive .entry-title a {
  font-size: 16px;
  color: black;
}
.archive .entry-title a:hover {
  color: #2571bd;
}
.archive .entry-meta {
  font-size: small;
  color: #918f93;
}
.archive .entry-meta .posted-on {
  margin-right: 6px;
}
.featured-image-single {
  text-align: center;
}
.featured-image-single img {
  max-width: 80%;
  border: solid 5px #ffffff;
  box-shadow: 0px 2px 2px #888;
  margin-bottom: 15px;
}
/* 6.2 Secondary 
------------------------------------------------------- */
#secondary {
  padding-top: 20px;
}
#secondary ul {
  list-style: none;
  margin-left: 5px;
}
#secondary ul li:before {
  margin-right: 5px;
  content: "\f0da";
  font-family: "FontAwesome";
  color: #918f93;
}
#secondary ul ul {
  margin-left: 15px;
}
#secondary ul ul ul {
  margin-left: 5px;
}
#secondary .widget_recent_entries li:before {
  content: "\f0f6";
}
#secondary .widget_recent_entries li {
  border-bottom: solid 1px #f7f7f7;
  padding: 5px 0px;
}
#secondary .widget_recent_comments li:before {
  content: "\f075";
}
#secondary .widget_recent_comments li {
  border-bottom: solid 1px #f7f7f7;
  padding: 5px 0px;
}
#secondary h1.widget-title {
  font-size: 24px;
}
#secondary .widget_search input[type=submit] {
  display: inline-block;
}
#secondary .widget_search input[type=search] {
  display: block;
  width: 100% !important;
}
/* 7. Pagination
-----------------------------------------------*/
.pagination {
  margin: 20px 0;
  /* text-align: center; */

  width: 100%;
  margin-left: -40px;
  clear: both;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a {
  color: #f8f8f8;
  transition: all 0.4s ease;
}
.pagination ul > li > a .next {
  float: right;
}
.pagination ul > li > a:hover {
  color: #918f93;
  background: #e3e3e3;
}
.pagination .current {
  background: #e4e2e2;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fcfcfc;
  border: solid 1px #f1f1f1;
  border-left-width: 0;
  display: inline-block;
  color: #919191;
}
.pagination ul  > li:first-child  > a,
.pagination ul  > li:first-child  > span {
  border-left-width: 1px;
}
.pagination ul  > li:last-child  > a,
.pagination ul  > li:last-child  > span {
  border-rigth-width: 1px;
}
/* 8. Footer 
------------------------------------------------------- */
#colophon {
  padding: 50px;
}
#footertext {
  float: right;
  text-align: right;
}
/* 9. HTML Markup & Formatting
--------------------------------------------------- */
article table {
  background: #f7f7f7;
}
article table td {
  padding: 5px;
  border: solid 1px #eee;
}
article table th {
  padding: 5px;
  background: #ccc;
  border: solid 1px #ccc;
}
/* 10. Widgets Style
---------------------------------------------------- */
.rp-item {
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 5px;
  border-bottom: solid 1px #f7f7f7;
  padding-bottom: 5px;
}
.rp-item:last-child {
  border-bottom: none;
}
.rp-item:before {
  content: none !important;
}
.rp-thumb {
  float: left;
  width: 64px;
  margin-right: -5px;
  margin-top: 3px;
}
.rp-thumb img {
  width: 48px;
  border: solid 2px #eee;
  border-radius: 2px;
}
.rp-thumb rp-title {
  clear: none;
}
.rp-thumb rp-title a {
  display: block;
}
/* 11.1 Comments
---------------------------------------------------------- */
#respond input[type=text] {
  max-width: 450px;
}
#comments ol.comment-list {
  list-style: none;
}
#comments li.comment {
  border: solid 1px #f8f8f8;
  padding: 10px;
  margin-top: 15px;
  list-style: none;
}
#comments .vcard img {
  border: solid 4px #f8f8f8;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}
#comments .comment-metadata {
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .vcard img {
    width: 100px !important;
    height: auto;
  }
}


/* wwwwwwwwwwwwwwwwwwwwwwwwww my code wwwwwwwwwwwwwwwwwwwwwwwwwwww */

.nopadding{

  padding-right: 0px;
  padding-left: 0px;
}

.mymenu{
  width: 100%;
  height: auto;
  background: #fff987;
  border-bottom: 4px solid #62980f;
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 0px;
    padding-left: 0px;
 }
.nav > li {
  padding-top: 12px;
  padding-bottom: 10px;
}
.nav > li.active {
    background-color: #62980F;
}

.nav > li.active > a {
    color: #fff!important;

    background-color: #62980F;
    border-left: 0px;
}

 .nav > li > a {
    color: #000!important;
    font-size: 16px;
    padding: 3px 25px!important;
    border-left: 1px solid #62980F;
}
.navbar{
  min-height: 40px;
}
 .nav > li:first-child > a {
    font-size: 16px;
    padding: 3px 25px!important;
    border-left: 0px;
}
}
.navbar-nav > li {
  padding-top: 5px;
  padding-bottom: 5px;

}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #FFF987;
}
.navbar-default {
    background-color: #FFF987;
    border-color: none;
}


.nav-wrapper {
    background: none repeat scroll 0% 0% #FFF987;
    border-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #62980F;
}
.first{
  font-size: 60px;

}
.right{
  font-family: Baskerville Old Face;
  font-size: 50px;
  color: #2e3192;
  font-weight: bold;
}
.site-branding{
  padding-left: 0px;
}

.right a,.right a:hover, .right a:focus,.right a:active{
  color: #2e3192;
  text-decoration: none;
}
p.right{
  line-height: 25px;
  padding-top: 40px;
}
.pre{
  font-size: 19px;
}

.footer{
  padding-top: 20px;
  width: 100%;
  height: auto;
  color: #fff;
  background: url(/wp-content/themes/rightstart/images/footer.jpg);
}

.slider{
  padding-top: 20px;
  width: 100%;
  height: auto;
  background: #FFFEEA;
  border-bottom: 1px solid #e8e9e9;
}
.home{
  background: #60980F;
  color: #fff;
}

.center{
  text-align: center;
}

.home a{
  color: #fff;
}
.p-bottom-10{
  padding-bottom: 10px;
}
.p-bottom-20{
  padding-bottom: 20px;
}

.p-bottom-15{
  padding-bottom: 15px;
}


.m-0{

  margin-bottom: 0px;
  margin-top: 0px;

}

.arr-img{
  z-index: 200;
  margin-top: -26px;
}
.l-border{
  border-left: 8px solid #60980F;
  padding-left: 15px;
  min-height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 0px;
}

h3{
  font-size: 28px;
  color: #2E3192;
}

.about img{
  width: 100%;
}
.arr-img img{
  width: 42px;
}

.no-p-left{
  padding-left: 0px;
}
.m-top-40
{
  margin-top: 40px;
}

.no-p-right{
  padding-right: 0px;
}
.mission-p{
  padding-left: 0px;
  padding-right: 30px;
}

.blue{
  position: relative;
  min-height: 260px; 
  background: #ddedfe;
  box-shadow: 2px 2px 1px #e3e3e3;
  -moz-box-shadow:2px 2px 1px #e3e3e3;
  -webkit-box-shadow:2px 2px 1px #e3e3e3;  
}


.yellow{
  position: relative;
  min-height: 260px;
  background: #fbf9da;
  box-shadow: 2px 2px 1px #e3e3e3;
  -moz-box-shadow:2px 2px 1px #e3e3e3;
  -webkit-box-shadow:2px 2px 1px #e3e3e3;    
}
.blue span img,.yellow span img{
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.img-b{
   vertical-align: bottom;
  display: block;
}
.m-top-20{
  margin-top: 20px;
}

h4{
  font-size: 23px;
  color: #2E3192;
}

h5{
  font-size: 19px;
  color: #2E3192;
}

h5.l-border{
  border-left: 3px solid #60980F ;
  padding-left: 15px;
  min-height: 40px;
  margin-top: 0px;
}
.widget .widget-title{
  border-left: 8px solid #60980F;
  padding-left: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.m-bottom-40{
  margin-bottom: 40px;
}

.posted{
  color: #9e9c9c;
  font-style: italic;
  font-size: 11px;
  margin-bottom: 0px;
}
.news h4{
  margin-top: 0px;
}

.news-border{
  border:1px solid #eceaea;
}

.padding{
  padding-top: 10px;
  padding-bottom: 10px;

}
.p-10{
  padding-left: 10px;
  padding-right: 10px;

}

.blue h3,.yellow h3{
  line-height: 40px;
}
.blue p, .yellow p{
  margin-top: 25px;
  line-height: 25px;
}

.m-bottom-15{
  margin-bottom: 15px;
}

.m-top-5{

  margin-top: 5px;
}

.m-top-7{

  margin-top: 7px;
}

.slider-wrapper {
  margin-bottom: 0px!important;
}

.learnmore{
  padding-top: 10px;
  padding-bottom: 10px;
}
p{
  font-size: 14px;
}

a:focus,a:hover{
  text-decoration: none;
}

.social-circle {
  margin-right: 10px;
  background: none repeat scroll 0% 0% #676767;
  border-radius: 50px;
  -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; 
  padding: 19px 21px;
  border: 1px solid #636060;
}


.gsocial-circle,.tsocial-circle {
  margin-right: 10px;
  background: none repeat scroll 0% 0% #676767;
  border-radius: 50px;
  -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; 
  padding: 20px 15px;
  border: 1px solid #636060;
}


.insocial-circle {
  background: none repeat scroll 0% 0% #676767;
  border-radius: 50px;
  -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; 
  padding: 21px 19px;
  border: 1px solid #636060;
}

.icon-facebook{
  margin-top: 40px;
}
.social-right{
  text-align: right;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: middle;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0px;
}
.site-info .social-icon{
  font-size: 20px;
}
.site-info .icon-time,.site-info .icon-phone{
  font-size: 18px;
}
.social-icon,.social-icon:hover {
    color: #fff;
    font-size: 28px;
}
.nop-left{
  padding-left: 0px;
}
.m-top-15{
  margin-top: 10px;
}
.footer span{
  font-size: 13px;
}
.img-abs{
  position: absolute;
}
.img-abs img{
  bottom: 0px;
}
.m-bottom-20{
  margin-bottom: 20px;
}
strong span{
  color: #2E3192;
}
.p-top-40{
  padding-top: 40px;
}
.social p{
  font-size: 23px;
  margin-bottom: 0px;
  color: #7F7F7F;
  text-align: right;
}
.social p img{
  width:53px;
  float:right; 
}
.social p.ph{
  font-size: 17px;
}
.f-right{
  /*float: right;*/
}
.contact .social-icon{
  color: #7F7F7F;
  font-size: 20px;
}
.f-left{
  float: left;
}
.footer-down{
  color: #676767;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;

}

.f-right{
  text-align: right;
}

a.net{
  text-decoration: underline;
  color: #000;
}
a.web:hover{
  color: #000;
  text-decoration: underline;
}
a.net:hover,a.net:focus{
  text-decoration: underline;
  color: #000;
}

.fb_reset{
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
  line-height: 0;

}

.sensorial-right{

  text-align: right;

}

@media(max-width: 380px){

  .blue span img,.yellow span img{
      width: 110px;
    }

  .sensorial-right img{

     float: left;
  
   }
}
@media(max-width: 768px){
   .nav > li{
     border-left: 0px none !important;
   }
   .nav > li > a {
      color: #000!important;
      font-size: 16px;
      padding: 3px 25px!important;
      
  }
  .navbar-header{
    border-bottom: 3px solid #62980F;
  }  
  .navbar-collapse ul{
    padding-left: 20px;
  }
  .navbar-default .navbar-nav>.open{
    background-color: transparent !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
    color: #fff;
  }
  .f-right{
    text-align: center;
  }
  .social{
    height: 0px!important;
  }
  .social p{
    font-size: 19px;
    margin-bottom: 0px;
    color: #7F7F7F;
    text-align: left;
  }
  .p-top-40{
    padding-top: 15px;
  }
  .social p img{
    width:43px;
    float:left; 
  }
  .social p.ph{
    font-size: 14px;
  }

  .site-branding{
  
    padding-left: 15px;
  }

  .site-info img{
    width: 18px;
  }
   .social-right{
    text-align: center;
  }
  p.right {
    line-height: 35px;
  }
  .arr-img img{
    width:32px;
  }
  .arr-img{
    margin-top: -21px;
  }
  .no-p-right{
    padding-right: 15px;
  }
  .no-p-left,.mission-p{
    padding-left: 15px;
    padding-right: 15px;

  }
  .footer-down{
    text-align: center;
  }
  .site-branding a img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
  }
  .right{
    font-size: 36px;
  }

  .first {
    font-size: 42px;
  }
  .pre{
    font-size: 14px;
    text-align: center;
  }
  p.right {
      padding-top: 10px;
    text-align: center;

  }
  h3{
    font-size: 25px;
  }

  div.slide-title {
    font-size: 15px;
  }

  .nivo-caption {
    max-width: 80px!important;
    min-width: 200px;
    overflow: hidden;
    right: 15px;
    top: 0px;
  }

  .nivo-caption {
    padding: 12px!important;
  }


  .sensorial-right img{

     float: left;
  
   }


}


@media(min-width: 970px){
  .nav > li > a {
    padding: 3px 5px !important;
    font-size: 13px;

  }
  .nav > li:first-child > a {
    font-size: 12px;
    padding: 3px 12px !important;
    border-left: 0px none;
  }


}


@media(max-width: 970px){
   .blue span img, .yellow span img {
    width: 110px;
  }

  .nav > li > a {
    padding: 3px 5px !important;
  }
  .nav > li:first-child > a {
    font-size: 13px;
    padding: 3px 12px !important;
    border-left: 0px none;
  }

  .nav > li > a {
    font-size: 13px;
  }

}


@media(min-width: 1170px){
  .nav > li > a {
    padding: 3px 10px !important;
    font-size: 16px;

  }
  .nav > li:first-child > a {
    font-size: 16px;
    padding: 3px 17px !important;
    border-left: 0px none;
  }

}



@media(min-width: 1200px){
  .nav > li > a {
    padding: 3px 20px !important;
    font-size: 16px;

  }
  .nav > li:first-child > a {
    font-size: 16px;
    padding: 3px 16px !important;
    border-left: 0px none;
  }


}



/* Bubble Top */
.bubble-top {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    content: "";
    border-style: solid;
    left: calc(50% - 21px);
    top: -21px;
    border-width: 0px 22px 22px;
    border-color: transparent transparent #60980F;
}