/***
Theme Name: Encrypted Lite Green
Author: CodeTrendy
Author URI: http://codetrendy.com
Theme URI: http://codetrendy.com/encrypted-lite-green
Description: Encrypted Lite Green is the child theme of Encrypted Lite theme. It exibits all the function of Encrypted Lite theme and is Green on Color. There is modification of Inner Page and in Template home.
The Theme demo can be found at http://demo.codetrendy.com/encrypted-lite-green
Version: 1.0.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: encrypted-lite
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, theme-options, threaded-comments, translation-ready, featured-images
Text Domain: encrypted-lite-green
 
Encrypted Lite Green is derived from Encrypted Lite, Copyright 2016 CodeTrendy
Encrypted Lite Theme is distributed under the terms of the GNU GPL
*/

/** Over Rides **/

a {
  color: #16A085;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
}

.header_text {
  background: #16A085 none repeat scroll 0 0;
}

#masthead {
  border-bottom: 3px solid #16A085;
  margin: 0;
}

#site-navigation ul.nav-menu > li a:hover::after, #site-navigation ul.nav-menu > li.current-menu-item a::after, #site-navigation ul.nav-menu > li:hover, #site-navigation ul.nav-menu > li.current-menu-item, #site-navigation ul ul li a::after, #site-navigation ul.nav-menu > li ul > li a:hover {
  background: #16A085 none repeat scroll 0 0 !important;
}

.slider-caption-wrap {
  background: rgba(65, 196, 132, 0.5) none repeat scroll 0 0;
}

#main-slider .bx-prev, #main-slider .bx-next {
  background-color: rgba(65, 196, 132, 0.5);
}

#main-slider .bx-next:hover, #main-slider .bx-prev:hover {
  background-color: rgba(65, 196, 132, 0.8);
}

#main-slider .slider-button a:hover {
  background: #16A085 none repeat scroll 0 0;
}

.dl-menuwrapper button, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
  background: rgba(65, 196, 132, 0.8) none repeat scroll 0 0;
}

.dl-menuwrapper button:hover {
  background: rgba(65, 196, 132, 0.3) none repeat scroll 0 0;
}

.call-to-action-wrapper {
  border-left: medium none;
  display: block;
  min-height: 115px;
  padding: 10px 0 10px 40px;
  width: 100%;
  border-left: 5px solid #16A085;
} 

.call-to-action-title {
  font-size: 30px; 
}

.call-to-action-desc {
  font-size: 17px; 
  display: block;
}

.btn {
  display: block; 
  text-align: center;       padding-top: 27px!important;
}

.call-to-action-wrapper .btn a {
  border: 1px solid #16A085;
  border-radius: 2px;
  color: #16A085;
  display: inline-block;
  height: auto; 
  position: relative;
  width: auto;     
    padding: 10px 30px;  
}

.call-to-action-wrapper .btn a:hover {
  background: #16A085 none repeat scroll 0 0;
  color: #fff;
}

figure.effect-sarah {
  background: rgba(65, 196, 132, 1) none repeat scroll 0 0;
}

.encrypted-icon-text-icon i {
  background: #16A085 none repeat scroll 0 0;
  border: 2px solid #16A085;
}

.navigation .nav-links a, .bttn, button, input[type="button"], input[type="reset"], input[type="submit"], .testimonial .bx-pager-item a:hover, .testimonial .bx-pager-item a.active {
  background: #16A085 none repeat scroll 0 0;
  
}

.navigation .nav-links a:hover, #comments h2.comments-title, .bttn:hover, button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: #31b474 none repeat scroll 0 0;
}

.widget li::before, a:hover, a:focus, a:active{
    color: #31b474;
}

.encrypted-icon-text.style3 .encrypted-icon-text-icon i, .encrypted-icon-text.style4 .encrypted-icon-text-icon i {
  background: #16A085 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
}

.el-overlay {
  background-color: rgba(65, 196, 132, 0.5) !important;
}

.search-icon .search-box {
  background: rgba(65, 196, 132, 0.69) none repeat scroll 0 0;
}

.contact-info i {
  color: rgba(65, 196, 132, 0.73);
}

.comment-list .comment-body {
  background: #fcfcfc none repeat scroll 0 0;
  border-top: 2px solid #16A085;
  margin-bottom: 20px;
  padding: 15px;
}

.el-date {
  background-color: #16A085;
}

.team-content::before, .team-content::after, .team-title, .copyright a {
  color: #16A085;
 
}
.team_member_name, .team_member_wrap:hover .team_member_content {
    background: rgba(65, 196, 132, 0.5) none repeat scroll 0 0;
}

.adddress-wrap > h2, .adddress-wrap > h2 .arrow-down, #el-top:hover {
  background: #16A085 none repeat scroll 0 0;
}

.google-map .contact-info {
  border-bottom: 5px solid #16A085;
}

.site-info {
  background: none repeat scroll 0 0 #52555d;
    border-top: 2px solid #16A085;
}

.copyright {
    color: #d1d1d1;
    float: left;
    font-size: 14px;
    line-height: 50px;
} 
 
/** Testimonials **/

.testimonial-archive .testimonial-main-wrap .team-content {
  background: #f6f6f6 none repeat scroll 0 0;
}

.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: #16A085;
}

.footer-block a {
  color: #16A085;
  font-size: 13px;
}

#colophon {
  background: #22252d none repeat scroll 0 0;
  border-top:none;
  color: #ffffff;
} 

footer .social-icons {
  text-align: center;
  float: right;
}

.social-icons a:hover{
    color: #ffffff;
}

#site-navigation ul ul {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 130%;
  transition: all 1s ease 0s;
  visibility: hidden;
  z-index: 99999;
}

#site-navigation ul.nav-menu > li.current-menu-item a, #site-navigation ul.nav-menu > li:hover > a, #site-navigation ul.nav-menu > li ul > li a{
    color: #000;
}

#comments h3{
    background: #16A085 none repeat scroll 0 0; 
}

#commentform textarea {
  border-color: #16A085;
}

.blue-border {
  border-bottom: 1px solid #16A085;
  font-size: 26px;
}

h1.entry-title::after {
  background: #16A085 none repeat scroll 0 0;
  bottom: -6px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 10%;
} 

#primary.content-area {
  background: #fff none repeat scroll 0 0;  
  padding: 0 20px 0 0;
}

.widget-area aside{
    background: #fff none repeat scroll 0 0;   
     padding: 0 0 0 20px;
}

.right-sidebar #primary {
  float: left;
  width: 75%;
}

#primary, #secondary {
  padding: 20px 0!important;
}

.right-sidebar #secondary-right {
  padding: 20px 0!important;
}

.left-sidebar #secondary-left {
  padding: 20px 0!important; 
}

.both-sidebar #secondary-right {
  padding: 20px 0!important; 
}

.both-sidebar #secondary-left {
  padding: 20px 0!important; 
}


.bx-pager-item {
    height: auto;
    width: auto;
}

#main-slider .bx-pager-item a {
    background: #fff;
    color: transparent;
    display: inline-block;
    font: 0px/0 a;
    height: 4px;
    margin: 5px;
    outline: medium none;
    text-align: right;
    width: 30px;
}

#main-slider .bx-pager-item a:hover, #main-slider .bx-pager-item a.active {
    background: #16A085;
}
.widget-area {
  display: inline-block;
  float: left;
  padding-left: 10px;
  width: 29%;
}

.widget {
  margin: 0 0 10px;
}

h1.entry-title::after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 10%;
}

h1.entry-title, .page-header .page-title { 
  color: #555;
  width: 100%;
  position: relative;
}

h1.entry-title {
  margin: 0;
}

h1.entry-title:after {
    content: "";
    width: 10%;
    background: #16A085;
    height: 1px;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.entry-content p {
  margin-top: 16px;
}

.left-sidbar-right {
  float: left;
  width: 77.2%;
}
.team_member_name {
  border-radius: 5px 14px 2px;
  
}

section.portfolio {
  background: #fff none repeat scroll 0 0;
}

#respond {
  background: #6f6f6f none repeat scroll 0 0;
  color: #eee;
  margin-top: 20px;
  padding: 20px;
}

.footer-block .widget-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.theme-border::after{
    background: none;
}

.feature-layout-title > span:after {
  background: #16A085;
}

.blog-main-title:after {
  background: #16A085;
}

.testimonial-title:after {
  background: #16A085;
}

.team_memeber_title:after {
  background: #16A085;
}

.team_member_name {
  background: #16A085;
  opacity: 1;
  border-radius: 0;
}

.team_member_wrap:hover .team_member_content {
    height: 177px;
}

.client_logo h2:after {
  background: #16A085;
}

ul.bottom_info_address {
  background: #16A085;
}

.w-t {
  background: #16A085; 
}

.widget ul li a:hover {
  color:#16A085; 
}

#site-navigation ul.nav-menu > li.current-menu-item a, #site-navigation ul.nav-menu > li:hover > a {
    color: #fff!important;
}  

.blue-border {
  font-size: 20px;
}

h1.page-title::after {
  background: #16A085;
}

.dtl_link a i:hover {
  color: #fff;
  background: #16A085!important;
}

.widget ul li a {
  color: #fff;
}

.footer-block .style3 {
  color: #555;
} 

.footer-block .style1 .encrypted-icon-text-inner h5{
  color: #fff!important;
}

.feature-number h2:hover {
  color: #16A085;
}

.header_text_wrap a:hover{
  color: #fff;
}

.widget ul li a {
  color: #555;
}

.footer-block .widget ul li a {
  color: #cfcfcf;
}

.footer-block .widget {
  margin: 0 0 74px;
}

.encrypted-icon-text-icon i:hover { 
    border: 2px solid #16A085;
    background: none;
    color: #16A085;
}

.encrypted-icon-text-content {
    word-break: break-word;
    font-size: 14px;
    font-weight: 300;
}



@media screen and (max-width: 480px) {
.cta-right { 
    padding-top: 20px;
}

.cta-left {
  float: none;
}

footer .social-icons {
  float: none;
  padding: 10px;
}

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #16A085;
}

#site-navigation ul.nav-menu > li ul > li a{ 
border-bottom: 2px solid #16A085; 
} 

.footer-block .widget ul li a:hover {
color:#16A085;
}

.entry-footer a:hover {
color:#16A085;
}

.client_logo .owl-theme .owl-nav {
  display: none;
}

.footer-block .tagcloud a:hover {
    border: 1px solid #16A085; 
    color: #16A085;
}
/** added for gallery */
.gallery {
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.gallery:after {
    display: table;
    content: "";
    clear: both;
}

.gallery-item {
    margin: 0;
    float: left;
    padding: 0.5em;
}

.gallery-item img {
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}