/*      
Theme Name: Invidi Technologies
Theme URI: http://www.graphicallyspeaking.ca/
Description: Template by GSSI.
Version: 1.0
Author: Graphically Speaking Services Inc.
Author URI: http://www.graphicallyspeaking.ca/
Tags:  
*/

/* PM CSS goes here. 
*  Before project launch, this should be incorporated into the sass files
*/

.column {
    float: left;
    width: 50%;
    padding: 10px;
}


.row:after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1020px) {
    .column {
        width: 100%;
    }
}

#post-603 .entry-content img {
    margin-bottom: 1em;
    margin-top:1em;
}

/*HOMEPAGE SLIDER*/
#slick-slide01 .caption{
    max-width: 682px!important;
}

#slick-slide01 h2{
    margin-bottom: 4%!important;
}

@media (max-width: 375px) {
#slick-slide01 .caption{
    max-width: 370px!important;
}
}

@media (max-width: 375px) {
#slick-slide03 h2{
    line-height: 25px!important;
}
}

#slick-slide03 .caption{
    max-width: 514px!important;
}

#slick-slide03 h2{
    line-height: 49px!important;
}



#slick-slide04 .caption{
background-color: rgba(255, 0, 0, 0)!important;
text-align: center;
margin-bottom: -90px!important;
max-width: 801px!important;
}

#slick-slide04 .caption h2{
color: #ffffff!important;
text-align: center;
font-size: 45px;
line-height: 25px;
}

@media (max-width: 831px) {
#slick-slide04 .caption h2{
    line-height: 55px;
}
}
@media (max-width: 830px) {
#slick-slide04 .caption h2{
	font-size: 35px;
}
}

@media (max-width: 830px) {
.home-slider .slider .caption h2 span{
	margin-top: -2px!important;
}
}

#slick-slide04 span.driving{
	font-size: 36px;
	color: #ffffff;
	font-weight: 800;
	margin-bottom: 3%;
}

@media (max-width: 830px) {
#slick-slide04 span.driving{
	line-height: 40px;
}
}

@media (max-width: 830px) {
#slick-slide04 span.driving{
	font-size: 25px;
}
}

@media (max-width: 831px) {
#slick-slide04 span.driving{
	margin-bottom: 1%;
}
}

#slick-slide04 .caption .btn {
/*color: #ffffff!important;
border-color: #ffffff!important;*/
float: none!important;
	}


@media screen and (min-width: 641px){}
.slider .slick-dots {
    bottom: 89px;
}
}

/*----------------------*/

.page-id-20 #post-20 .column {
    width: 30%!important;
}

@media (max-width: 1152px) {
.page-id-20 #post-20 .column {
    width: 100%!important;
}
}

.page-id-603 .accordion .accordion-title{
background: #009fdb!important;
}


.entry-content img.wpp{
	margin-bottom: 240px!important;
}

@media (max-width: 1140px) {
.entry-content img.wpp{
	margin-bottom: 0px!important;
}
}

body .gform_wrapper ul li.gfield {
    margin-top: -16px!important;
}

#post-592 table{
	    margin: 12px 0 15px 0!important;
	    height: 408px!important;
}

#post-593 table{
	    margin: 12px 0 15px 0!important;
	    height: 408px!important;
}

span.percentage{
	font-weight: 700!important;
	color: #e60000!important;
}

.case-study h2{
	font-size: 24px!important;
}

#post-600 table{
	    margin: 12px 0 15px 0!important;
	    height: 199px!important;
}


#post-600 table li{
	margin-bottom: 0px;
}

.gfield_label{
	margin-top: 16px!important;
	margin-bottom: 2px!important;
}

@media (-webkit-min-device-pixel-ratio: 2){
.page-template-about-us .content-with-logos .cols-wrap .logos img {
    zoom: 1.6!important;
}
}

.table-margin{
	margin-bottom: -10px!important;
}

.mc4wp-response{
	color: white!important;
}

.page-id-20 .page-ancestor{
	display: none!important;
}

.page-id-18 .page-ancestor{
	display: none!important;
}

.page-id-36 .page-ancestor{
	display: none!important;
}

.page-id-38 .page-ancestor{
	display: none!important;
}