/*
 Theme Name:   2M Creative
 Description:  Developed by 2M Creative
 Author:       2M Creative
 Author URI:   http://www.tuschmanphoto.com
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 */

@import url("../Divi/style.css");


/* =GLOBAL EDITS
------------------------------------------------------- */

/*----------- Grayscale Gallery -----------*/

.grayscale .et_pb_gallery_image {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    opacity: .8;

}

.grayscale .et_pb_gallery_image:hover {

    -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

    opacity: 1;

}

.et_overlay:before {

    display: none;

}





/*----------- Image Hover Effect (Push Up) -----------*/

.ds-hover8-wrapper {

	position: relative;

	color: rgba(0,0,0,0);

	width: 100%

}

.ds-hover8 h2 { 

   position: absolute; 

   display: block;

   z-index: 1;

   top: 75%; 

   width: 100%;

   font-size: 30px;

   text-align: center;

   color: #fff;

   background-color: #000;

   padding: 5px;

   -webkit-opacity: 0.75;

   -moz-opacity: 0.75;

   opacity: 0.75;

}

.ds-hover8 p {

	color: #fff;

}

.ds-hover8-wrapper:hover .ds-hover8 h2 { 

   -webkit-opacity: 0;

   -moz-opacity: 0;

   opacity: 0;

   -webkit-transition: all 0.5s ease;

   -moz-transition: all 0.5s ease;

   transition: all 0.5s ease;

}

figure.ds-hover8 { 

	margin: 0;

	padding: 0;

	display: inline-block;

	line-height: 0;

	position: relative;

	overflow: hidden; 

}

figure.ds-hover8 img{

	display: block;

}

figure.ds-hover8 figcaption a{

	text-decoration: none;

}

figure.ds-hover8::before, figure.ds-hover8::after{

	content: '';

	width: 100%;

	height: 100%;

	display: block;

	background: black;

	position: absolute;

	opacity: 0.3;

	top: 0;

	left: 0;

	-moz-transform: translate3d(0, -100%, 0);

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

figure.ds-hover8 figcaption{

	position: absolute;

	display: block;

	line-height: 1.7em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	text-align: center;

	background: #fff;

	padding: 10px;

	z-index: 100;

	width: 100%;

	max-height: 100%;

	overflow: hidden;

	top: 50%;

	left: 0;

	-moz-transform: translate3d(-100%, -50%, 0);

	-webkit-transform: translate3d(-100%, -50%, 0);

	transform: translate3d(-100%, -50%, 0);

	opacity: 0;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

figure.ds-hover8 img{

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

figure.ds-hover8 figcaption{

	top: 100%;

	opacity: 1;

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

figure.ds-hover8:hover img{

	-moz-transform: translate3d(0, -30px, 0);

	-webkit-transform: translate3d(0, -30px, 0);

	transform: translate3d(0, -30px, 0);

}

figure.ds-hover8:hover figcaption{

	background-color: #f44336;

	color: #fff;

	-moz-transform: translate3d(0, -100%, 0); 

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

figcaption a {

    border: 2px solid #ffffff;

    padding: 3px 10px;

    color: #fff;

    font-size: 0.8em;

}





/*----------- Scroll Top Button -----------*/

.et_pb_scroll_top {

    margin-right: 10px;

    border: 3px solid #f44336;

    border-radius: 0px !important;

}

.et_pb_scroll_top:before {

    color: #f44336;

}





/*----------- Main Header -----------*/

#main-header {

    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.36);

}





/*----------- 4 column section -----------*/

.fullwidth-special-col .et_pb_row.et_pb_gutters1 {

    width: 100% !important;

    max-width: 100% !important;

}





/*----------- Contact Form -----------*/

.et_pb_contact p input, .et_pb_contact p textarea {

    background-color: rgba(51, 51, 51, 0);

    border-bottom: 3px solid #f44336;

}





/*----------- Footer copyright info -----------*/

#footer-info a {

    color: #f44336;

}





/*----------- Phone number on Primary Menu -----------*/

.menu-phone a {

    padding-top: 10px;

    padding-bottom: 10px !important;

    padding-right: 12px;

    padding-left: 12px;

    border-radius: 0px;

    background-color: rgb(51, 51, 51);

    color: #c1c1c1;

    font-weight: bold;

}