/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
html {
	scroll-behavior: smooth;
}
.page-title h1 {
	display:none;
}
.page-id-622 header .branding {
	display:none;
}
/* Header code start here */
.masthead{
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) -5%, rgba(0, 0, 0, 0.3) 33%)!important;
	height: 200px;
}
.phantom-fade #phantom {
	background-color:#000!important;
	height: 65px;
}
#main-slideshow .tp-bgimg {	
       filter: grayscale(100%); 
}

/* Home page about us section */
.home-about {
    padding: 0px 0px 0px 130px;
}
.about-img-home img{
	filter: gray; 
    -webkit-filter: grayscale(1); 
}
.heading-img img {
	width: 42px;
	margin-right:10px;
}

/* Home page Gallery images code start here */
.home-gallery-img .vc_column-inner {
	padding: 0;
}
.home-gallery-img {
	margin:0;
}
.home-gallery-img .wpb_single_image {
    margin-bottom:0;
}
.home-gallery-img .wpb_single_image img {
      filter: gray; 
      -webkit-filter: grayscale(1); 
	  height:260px;
/*       -webkit-transition: all .8s ease-in-out;   */
    }
.home-gallery-img img:hover {
      -webkit-filter: grayscale(0); 
/*       -webkit-transition: all .8s ease-in-out;   */
    }
.large-hover-icons .format-photo .rollover i:after, .large-hover-icons .rollover-zoom i:after {
    background-image: url("http://lara.stratup.online/wp-content/uploads/2019/09/motifwhite.png")!important;
}


/* home testimonial code here */
.home-testimols .testimonial-item .ts-viewport {
    background-color:transparent!important;	
}
.home-testimols .testimonial-content p{
    text-align: center;
    padding: 0 90px;	
}
.home-testimols .testimonial-vcard .alignleft {
    display: none;
}
.home-testimols .wf-td {
    display: block;
    width: 100%;
    text-align: center;
}
.home-testimols .testimonial-vcard {
    margin: 0;
    width: 100%;
}
.home-testimols, .home-testimols .testimonial-vcard .text-primary, .home-testimols .testimonial-vcard .text-secondary {
   color:#FFF!important;	
}
.home-testimols .testimonial-vcard .text-primary {
	text-transform: uppercase;
	font-size:18px;
}
.home-testimols .testimonial-vcard .text-secondary {
	font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}

.home-testimols .contentSlider-wrap .psBullet:after, .home-testimols .contentSlider-wrap .psBullet.act:hover:after {
    border-color: #ffffff75;
    background-color: #ffffff75;
}
.home-testimols .contentSlider-wrap .psBullet.act:after{
    background-color: #FFF;
}

/* Footer Bottom-bar code start here */
#footer .wf-container-footer {
	text-align:center;
}
#footer .widget-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}
.footer-txt p {
	font-size:18px;
}
#bottom-bar  .wf-float-left {
	text-align:center;
	width:100%;
}



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

.home-about {
    padding: 0px 15px 0px 15px;
}
.home-testimols .testimonial-content p{
    text-align: center;
    padding: 0px;	
}
.home-gallery-img .wpb_single_image img {
    height:100%!important;
    }	
}

@media screen and (max-width: 500px) {
/* Header code start here */
.masthead{
	background: #000!important;
	height: 60px;
}
.phantom-fade #phantom {
	background-color:#000!important;
	height: 60px;
}
.about-img-home figure {
	text-align:center!important;
	width:100%
	}	
}


/* Custom Code */
.vc_tta-panels .vc_tta-panel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    position: absolute;
    width: 100%;
}
.vc_tta-panels .vc_tta-panel.vc_active {
    opacity: 1;
    visibility: visible;
    position: relative;
}
.filter-tab-gallery .wpb_tabs.tab-style-two {
	background-color:transparent!important;
}

.vc_gitem-zone-a {
    filter: grayscale(100%); /* Make image black and white */
    transition: filter 0.5s ease-in-out; /* Smooth transition */
}

.vc_gitem-zone-a:hover {
    filter: grayscale(0%); /* Show full color on hover */
}