/**
 * This css overrides the Shortcodes style
 *
 * @package Lily\CSS
 * @author ZigzagPress
 * @license GPL-2.0+
 */

/* Team 
--------------------------------------------- */

.zps_team.zps_column.zps_one_half .thumbnail,
.zps_team.zps_column.zps_one_third .thumbnail,
.zps_team.zps_column.zps_one_fourth .thumbnail {
	background: #fff;
	padding: 0 0 50px 0;
	transition: background .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, transform .2s ease-in-out
}

.zps_team_wrap .zps_team ul li {
	padding: 0 10px;
}

.zps_team_wrap .zps_team ul {
    padding: 0 !important;
}

.zps_team_wrap .zps_team ul li a {
	border: none;
	display: inline-block;
	font-size: 14px;
}
.zps_team_wrap .zps_team small {
	display: block;
	font-family: "Karla", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .15em;
	margin-bottom: 30px;
	margin-top: 10px;
	text-transform: uppercase;
}

.zps_team_wrap .caption p {
	margin-bottom: 30px
}

.zps_team img {
    margin-bottom: 1em;
}

.zps_team br {
	display: none
}

/* Button
--------------------------------------------- */

.entry-content a.zps_btn {
	text-decoration: none;
}

.zps_btn {
	margin-top: 1em;
}

.entry-content a.zps_btn,
.zps_btn {
	background-color: #222;
	border: 2px solid #222;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .15em;
	padding: 25px 46px;
	text-align: center;
	text-transform: uppercase;
	transition: all .2s;
}

.entry-content a.zps_btn:hover,
.zps_btn:hover, .zps_btn:active, .zps_btn:focus {
	background: #44bba4;
	border: 2px solid #44bba4;
	color: #fff;
}

/* Pricing Table 
--------------------------------------------- */

.pricing {
    margin-top: 24px;
}
.pricing.zps_column.zps_one_half, 
.pricing.zps_column.zps_one_third, 
.pricing.zps_column.zps_one_fourth {
    background: #f6f6f6];
}
.pricing_head {
    background: #f6f6f6;
    margin-bottom: 0;
}
.pricing_head::after {
	background: #000;
	content: "";
	display: block;
	height: 2px;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 50px;
}

.pricing_head .pricing_title {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
    padding: 40px 20px 0;
}
.pricing.pricing_best .pricing_title {
    padding: 40px 20px 0;
    background: #f6f6f6;
    color: inherit;
}
.pricing .zps_column.zps_one_third {
    width: 33.33%;
    float: left;
    overflow: hidden;
    margin-left: 3%;
}
.pricing_head .pricing_price {
    font-weight: normal;
    line-height: 1.625em;
    background: #f6f6f6;
}
.pricing_head .pricing_price {
	display: inline-block;
    padding: 20px 0;
}
.pricing .pricing_content ul > li + li {
	 margin-top: 10px;
}
.pricing_head .pricing_desc {
	display: initial;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 0 0 5px;
	vertical-align: text-top;
}

.pricing.pricing_best .pricing_head,
.pricing.pricing_best .pricing_price,
.pricing.pricing_best .pricing_footer {
    background: #f6f6f6;
}
.pricing.pricing_best .pricing_head,
.pricing.pricing_best .pricing_desc {
    color: inherit;
}
.pricing_content {
	padding: 0 20px 30px;
}
.pricing .pricing_content ul {
    margin-top: 24px;
    padding-left: 0;
}
.pricing .pricing_content ul li {
    list-style: none;
    padding: 4px 0;
}
.pricing .pricing_content ul li:last-child {
	border-bottom: none;
}
.pricing.pricing_best .pricing_footer {
    background: #f6f6f6;
    padding: 40px 20px;
}
.pricing .pricing_footer {
    background: #f6f6f6;
    margin: 0;
}
.pricing_footer a.pricing_button,
.pricing.pricing_best .pricing_footer a.pricing_button {
	background-color: #44bba4;
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .15em;
	padding: 18px 24px;
	text-transform: uppercase;
	transition: all .2s;
}

.pricing.pricing_best .pricing_footer a.pricing_button,
.pricing_footer a.pricing_button:hover  {
	background-color: #222222;
	color: #fff;
}

.pricing.pricing_best .pricing_footer a.pricing_button:hover {
	background-color: #44bba4;
	color: #fff;
}

/* Accordions and Toggle 
--------------------------------------------- */

.toggle_header h4,
.accordion_header h4 {
	margin: 0 0 10px;
	padding: 15px 20px;
}

.accordion_header .dashicons,
.toggle_header .dashicons{
	font-size: 14px;
	border: 1px solid;
	border-radius: 50%;
}

/* Blog 
--------------------------------------------- */

.zpblog_shortcode .zps_column.zps_one_half .thumbnail,
.zpblog_shortcode .zps_column.zps_one_third .thumbnail,
.zpblog_shortcode .zps_column.zps_one_fourth .thumbnail {
	background: #fff;
	padding: 0 0 20px 0;
	transition: background .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, transform .2s ease-in-out
}

.zpblog_shortcode .caption h4 {
	font-size: 30px;
	margin: 0 0 10px;
}

.zpblog_shortcode .caption h4 a {
	border: none;
	margin: 0;
	text-decoration: none	
}

div.zpblog_shortcode .blog_meta {
	color: inherit;
}

div.zpblog_shortcode .thumbnail a img {
	display: block
}

div.zpblog_shortcode .caption {
    margin-top: 1em;
    padding: 10px 15px;
}

div.zpblog_shortcode .caption p {
	margin-top: .5em;
}

div.zpblog_shortcode a.zps_readmore {
    background: transparent;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .15em;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .4s;
}

div.zpblog_shortcode a.zps_readmore:before {
	background-color: rgb(34, 34, 34);
	content: "";
	display: inline-block;
	height: 1px;
	margin-right: 10px;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
	vertical-align: middle;
	width: 25px;
}

div.zpblog_shortcode a.zps_readmore:hover::before {
    width: 50px;
    color: currentColor;
}


/* Columns 
--------------------------------------------- */

.column_wrapper {
    display: block;
    overflow: hidden;
    max-width: 1300px;
    margin: 0 auto;
}

.zps_column.zps_one_half,
.zps_column.zps_one_third,
.zps_column.zps_one_fourth,
.column_wrapper,
.zps_team_wrap,
.zps_services_wrapper,
.pricing_wrap {
	position: relative;
}

.zps_services.zps_column.zps_one_half,
.zps_services.zps_column.zps_one_third,
.zps_services.zps_column.zps_one_fourth {
	padding: 15px;
	margin-bottom: 3%
}

/* Services 
--------------------------------------------- */
 
.zps_services img {
	margin-bottom: 2em
}

/* Testimonial 
--------------------------------------------- */

.testimonial_wrapper {
	position: relative;
}

.testimonial_content {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	width: 80%;
}


.testimonial_content h4 {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
}

.testimonial_wrapper h4 {
	display: inline-block;
    margin-top: 15px;
    padding: 5px 12px;
    font-size: 16px;
	    letter-spacing: .1em;
    font-weight: 500;
    text-transform: uppercase;
}

.testimonial_content p {
	text-align: inherit;
	font-family: inherit;
	max-width: 700px;
	padding: 0;
	line-height: 1.79em;
	text-transform: none;
}

span.testimonial_position {
	font-size: 12px;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.testimonial_wrapper .cycle-next:hover, 
.testimonial_wrapper .cycle-prev:hover {
    background: transparent;
    color: inherit;
    opacity: .5
}

.testimonial_carousel .owl-theme .owl-dots .owl-dot span::after {
    border: none;
}

.testimonial_carousel .owl-theme .owl-dots .owl-dot span {
	background-color: #222;
	border: 1px solid #222;
	vertical-align: middle;
	height: 8px;
	width: 8px;
}

.testimonial_carousel .owl-theme .owl-dots .owl-dot span::after {
    border: none;
}

.testimonial_carousel .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
    border: 1px solid #222;
    vertical-align: middle;
    height: 12px;
    width: 12px;
    
}

.testimonial_carousel .owl-theme .owl-dots .owl-dot.active span, 
.testimonial_carousel .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #fff;
}


/* Clients 
--------------------------------------------- */

.client_carousel {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.client_carousel .container {
	width: 100% !important
}

img.zps_carousel_image {
	margin: 0 auto;
	opacity: 1;
	width: auto !important
}

img.zps_carousel_image:hover {
	opacity: .6
}

a.client_carousel_nav {
	cursor: pointer
}

a.client_carousel_nav.cc_next,
a.client_carousel_nav.cc_prev {
	display: none!important
}

a.client_carousel_nav.cc_next {
    position: absolute;
    right: -20px;
    top: 0;
}

a.client_carousel_nav.cc_prev {
    position: absolute;
    left: -20px;
    top: 0;
}

.client_carousel .owl-theme .owl-dots .owl-dot.active span, 
.client_carousel .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fff;
    border: 1px solid #222;
}


.client_carousel .owl-theme .owl-dots .owl-dot.active span {
	width: 12px;
    height: 12px;
}

.client_carousel .owl-theme .owl-dots .owl-dot span {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    display: block;
    background-color: #222;
    border: 1px solid #222;
    border-radius: 50%;
}

.client_carousel .owl-theme .owl-dots .owl-dot span::after {
    display: none
}