/*
 Theme Name:   colorfulx
 Theme URI:   https://themehunk.com/product/colorful-x-wordpress-theme/
 Description:  colorfulx is a child theme of oneline lite, it provide a new skin to oneline lite theme with unique look.
 Author:       ThemeHunk Team
 Author URI:   http://www.themehunk.com/
 Template:     oneline-lite
 Version:      1.0.1
 License:      GNU General Public License v3 or later
 License URI:   http://www.gnu.org/licenses/gpl-3.0.html
Tags:one-column, two-columns, grid-layout, right-sidebar, custom-colors, custom-menu, theme-options, sticky-post, translation-ready, footer-widgets, blog  
 Text Domain:  colorfulx
*/
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;
}
figure.post-content, .woocommerce .products ul li, .woocommerce ul.products li, figure.team-content, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),  0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.image-test img{
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
 #ribbon .header-button.left-button, #latest-post span.read-more a, #scroll,.home #contact .leadform-show-form.leadform-lite input[type="submit"]{
  -webkit-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}
.service-title{
margin-top:20px
}
figure.team-content figcaption {
    background: #fafafa!important;
}
.leadform-show-form textarea, .leadform-show-form input:not([type]), .leadform-show-form input[type="email"], .leadform-show-form input[type="number"], .leadform-show-form input[type="password"], .leadform-show-form input[type="tel"], .leadform-show-form input[type="url"], .leadform-show-form input[type="text"], .leadform-show-form input[type="number"]{
border-radius:0!important;
}
.service-grid .service-list {
    font-size: 14px;
    line-height: 1.8em;
    overflow: hidden;
    padding-top: 30px!important;
    padding-right: 20px!important;
    padding-bottom: 40px!important;
    padding-left: 20px!important;
}
  ul.service-grid li.service-list:hover{     border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #222222;
    box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.2);
}
figure.team-content figcaption {
    background: rgba(255, 255, 255, 0.93);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #eaeaea;
}
.image-test img {
      border-radius: 0;
}
    .theme-slider-button:hover, #ribbon .header-button.left-button:hover, .woocommerce ul.products li.product .button:hover, #latest-post span.read-more a:hover{
background-color: #d80077!Important;
}
figure.team-content img{
padding:0;
max-width:100%;
margin:auto;
}
figure.team-content figcaption{
background:rgba(0, 0, 0, 0.6);
}
figure.team-content h3{
background:transparent;
}
#slider-div .over-lay {
   background: linear-gradient(45deg, rgba(110, 2, 111, 0.74) 0%, #4054b2e6 100%)!important;
}
a.theme-slider-button {
    color: #6e0270;
    background-color: #ffffff!important;
}
.caption-container {
    opacity: 1!important;
}
#services .sub-heading, #team .sub-heading, #latest-post .sub-heading, #woo-section .sub-heading {
    color: #2f2f2f!important;
    font-size: 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 7px;
}
#services .main-heading, #team .main-heading, #latest-post .main-heading, #woo-section .main-heading, #contact .cnt-main-heading{
font-size: 56px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1em;
    letter-spacing: -2px;
}
.service-title a{
	font-size:17px;
	text-transform:uppercase;

}
 #ribbon h3.main-heading{
 font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 0px;
}
.woocommerce ul.products li.product .button, #latest-post span.read-more a {
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    text-transform: none;
    line-height: 1em;
    letter-spacing: 0px;
    background-color: #6e0270;
    border-radius: 4px 4px 4px 4px;
    padding: 12px 17px 12px 17px;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11);
color:#fff;
}
.theme-slider-button:before, .theme-slider-button:after{
display:none;
}

.slider-button a, #ribbon .header-button.left-button {
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    text-transform: none;
    line-height: 1em;
    letter-spacing: 0px;
    background-color: #6e0270;
    border-radius: 4px 4px 4px 4px;
    padding: 20px 35px 20px 35px;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11)
}
.svg-bottom-container{
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

svg:not(:root) {
    overflow: hidden;
}
.svg-top-container svg,
.svg-bottom-container svg{
height:70px;
width:100%;
}
.svg-bottom-container{
  height:69px;  
}
.svg-top-container{
margin-top:-69px!important;
}
.theme-slider-button:before, .theme-slider-button:after{
display:none;
}
@media (min-width: 768px){
#contact .cnt-sub-heading {
    color: #f5f5f5!important;
font-size: 15px;
}
}
@media (min-width: 981px){
.caption-container h2 {
     font-size: 80px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0px;
}
}