/*
 Theme Name:     MTD 
 Description:    MTD Child Theme
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

#main-content img {
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	}
	
	
	/* Blog customisation
------------------------------------------------------- */
	
	/*Styling for the posts/ 
 
.ds-thumbnail-blog .et_pb_post { 
	border: none;
	}
	
/*Change homepage slider height 
.et_pb_container {
	height: 600px;
	}*/

/* Change Portfolio grid 
	
.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }*/


/*------------------------------------------------*/
/*---------[GQ - CUSTOM PORTFOLIO GRID]-----------*/
/*------------------------------------------------*/
 
/* Change columns from 4-3 

@media only screen and ( min-width: 981px ){
.project.et_pb_portfolio_item.et_pb_grid_item {
width: 31.33% !important;
}
.project.et_pb_portfolio_item.et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}
.project.et_pb_portfolio_item.et_pb_grid_item:nth-child(4n+1) {
clear: none;
}
.project.et_pb_portfolio_item.et_pb_grid_item:nth-child(3n+1) {
margin-right: 5.5%;
}
}   @media (min-width: 981px){ 
        .gq-portfolio-section .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item  {width: 31.33% !important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) {clear: inherit;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 3%!important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) {margin-right: 0%!important;}

*/
 
/* special hover effect for desktop only 
 
    @media (min-width: 981px){ 
    .gq-portfolio-section .et_portfolio_image {
        min-height: 200px;}
 
    .gq-portfolio-section .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
 
    .gq-portfolio-section .et_pb_portfolio_item img {
            webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
 
    .gq-portfolio-section .et_pb_portfolio_item h2 {
        background-color: #a2c046;
        color: #fff;
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        webkit-transition:.5s;}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover h2 {
            top: 78%;
            padding: 15px 0;}
 
    .gq-portfolio-section .et_overlay {z-index: 0;}
 
 
    .gq-portfolio-section .et_overlay:before {
        opacity:0!important;
            top: -10%!important;
            font-family: sans-serif!important;
            content: 'Read More'!important;
            font-size: 13px;
            padding: 10px 20px;
            background-color: rgba(0, 0, 0, 0.59);
             color: #fff;
           width:100%  
            left: 50%;
            margin-right: -50%;
            transform: translate(-40%)}
 
    .gq-portfolio-section .et_overlay:hover:before {
        opacity:1!important;
            top: 6%!important;}
 
    }
 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 73%!important;}}
 
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 72%!important;}}
 
        @media only screen and (max-width : 980px) {
            .gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .gq-portfolio-section .et_overlay {display:none;}}
*/

#slider-row {

	}

#SR-slider {

	}
	
	#island-diagram {
	
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	}





/*Desktop resizing of slider*/

@media only screen and ( max-width: 1024px ) {
.et_transparent_nav #page-container {
padding-top: 225px !important;
}
.et_pb_slider .et_pb_slide {
height: 250px;
}
}



/*Tablet resizing of slider*/

@media only screen and ( max-width: 981px ) {
.et_transparent_nav #page-container {
padding-top: 75px !important;
}
.et_pb_slider .et_pb_slide {
height: 200px;
}
}



/*Mobile resizing of slider*/

@media only screen and ( max-width: 480px ) {
.et_transparent_nav #page-container {
padding-top: 0px !important;
}
.et_pb_slider .et_pb_slide {
height: 80px;
}
}

@media only screen and ( max-width: 480px ) {
.et_pb_slides .et_pb_container {
height: auto !important;
min-height: auto !important;
}
.et_pb_slider .et_pb_slide {
padding: 0 !important;
}
.et_pb_slides .et_pb_slide_description {
padding-top: 0 !important;
}
}


#main-content img {
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	}
	
#no-drop img {
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}