/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com
 Description:  Divi Child Theme
 Author:       Jordan Wollman
 Author URI:   https://misfitbrands.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  Divi-child
*/

/* ===== GLOBALS ===== */

@import url("webfonts/trenda-black.css");
@import url("webfonts/trenda-black-it.css");
@import url("webfonts/trenda-bold.css");
@import url("webfonts/trenda-bold-it.css");
@import url("webfonts/trenda-regular.css");
@import url("webfonts/trenda-light.css");
h1, h2, h3 { font-family: 'Trenda-Black', Roboto, Helvetica, Arial, Sans-Serif; }
h1 em, h2 em, h3 em { font-family: 'Trenda-BlackIt', Roboto, Helvetica, Arial, Sans-Serif; font-style: normal; }
h4, h5, h6 { font-family: 'Trenda-Bold', Roboto, Helvetica, Arial, Sans-Serif; }
h4 em, h5 em, h6 em { font-family: 'Trenda-BoldLt', Roboto, Helvetica, Arial, Sans-Serif; font-style: normal; }
.yellow { color: #F2C94C; }
.grey { color: #09212B; }
.trenda-light { font-family: 'Trenda-Light', Roboto, Helvetica, Arial, Sans-serif; }
.yellow-link {
	-moz-transition: .2s ease-in-out all;
	-webkit-transition: .2s ease-in-out all;
	transition: .2s ease-in-out all;
	color: #F2C94C;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid rgba(255,255,255,0);
	}
.yellow-link:hover {
	border-bottom: 2px solid #F2C94C;
	}
.leading-hellip p {
	text-indent: -.8em;
	margin-left: .8em;
	}

/*	====

	COLORS
	Yellow #F2C94C
	Grey #09212B
	
	==== */

/* ===== HIDE DEFAULTS ===== */
#footer-bottom,
.et_slide_menu_top {
	display: none;
	}

/* ===== FADE IN MAIN MENU ===== */
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}
#main-header {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	}

/* ===== MENU ===== */
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
	top: 30px;
	}
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
	opacity: 1 !important;
	}
.et_slide_in_menu_container {
	font-family: 'Trenda-Black', Roboto, Helvetica, Arial, Sans-Serif;
	}
.mobile_menu_bar:before {
	-moz-transition: .2s ease-in-out all;
	-webkit-transition: .2s ease-in-out all;
	transition: .2s ease-in-out all;
	color: #FFF !important;
	}
.mobile_menu_bar:hover:before {
	color: #F2C94C !important;
	}
@media all and (min-width: 981px) and (max-width: 980px) {
	#page-container #main-header .et_menu_container #et-top-navigation {
	    padding: 21px 0 18px 0 !important;
	    }
	}
.et_header_style_fullscreen .mobile_menu_bar.et_toggle_fullscreen_menu {
	float: right;
	}
.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {
	display: inline-block;
	position: relative;
	top: 3px;
	}
.btn-talk {
	font-size: 18px;
	font-family: 'Trenda-Bold', Roboto, Helvetica, Arial, Sans-Serif;
	position: relative;
    z-index: 500;
    float: left;
    margin: 4px 10px 0 0;
	}
.btn-talk a {
	-moz-transition: .2s ease-in-out all;
	-webkit-transition: .2s ease-in-out all;
	transition: .2s ease-in-out all;
	color: #FFF;
	}
.btn-talk a:hover {
	color: #F2C94C;
	}
@media all and (max-width: 514px) {
	.btn-talk {
	    display: none;
	    }
	}
.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
	font-size: 60px;
	}
.et_mobile_menu li a:hover {
	color: #F2C94C !important;
	opacity: 1;
	}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li {
	line-height: 3em;
	letter-spacing: -.1em;
	}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.pnav-nolink a {
	font-size: 30px;
	cursor: auto;
	color: #F2C94C !important;
	font-family: 'Trenda-Light', Roboto, Helvetica, Arial, Sans-serif;
	letter-spacing: 0;
	}
@media screen and (max-width: 981px) {
	.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
		font-size: 30px;
		}
	.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.pnav-nolink a {
		font-family: 'Trenda-Regular', Roboto, Helvetica, Arial, Sans-serif;
		font-size: 20px;
		}
	.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li {
		line-height: 2em;
		}
	.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
		top: 23px;
		right: 38px;
		}
	}

/* ===== BUTTONS ===== */
.msft_button {
	-moz-transition: .2s ease-in-out all;
	-webkit-transition: .2s ease-in-out all;
	transition: .2s ease-in-out all;
	display: inline-block;
	font-size: 18px;
	padding: 14px 30px !important;
	border: 1px solid #FFF;
	margin: 0 10px 10px 0;
	}
.msft_button:hover {
	color: #09212B !important;
	background: #FFF;
	}
.msft_button.dark {
	color: #09212B !important;
	border: 1px solid #09212B;
	}
.msft_button.dark:hover {
	background: #09212B;
	color: #FFF !important;
	}

/* ===== HOME ===== */
.home-angle img {
	opacity: 0;
	}
.home-angle .et_pb_image {
	background-size: 103%;
	}
.home-intro {
	position: relative;
	top: -122px;
	}
@media screen and (max-width: 981px) {
	.home-intro {
		top: 0;
		}
	}
.msft_prt {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}
.msft_prt .et_pb_text_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'Trenda-Bold', Roboto, Helvetica, Arial, Sans-Serif;
	font-size: 28px;
	letter-spacing: -.03em;
	text-align: center;
	}
.msft_prt .et_pb_text_inner a span {
	font-family: 'Trenda-Regular', Roboto, Helvetica, Arial, Sans-Serif;
	font-size: 60%;
	letter-spacing: 0;
	}
.msft_prt .et_pb_text_inner a {
	-moz-transition: .4s ease-in-out all;
	-webkit-transition: .4s ease-in-out all;
	transition: .4s ease-in-out all;
	background: rgba(9,33,43,.5);
	color: #FFF;
	padding: 47% 5% 53% 5%;
	display: block;
	box-sizing: border-box;
	opacity: 0;
	position: relative;
	bottom: 0;
	}
.msft_prt .et_pb_text_inner a:hover {
	padding: 45% 5% 55% 5%;
	opacity: 1;
	}
@media screen and (max-width: 981px) {
	.home-contact-cta.et_pb_row_9 {
		width: 80% ;
		text-align: left;
	}
	.home-contact-cta.et_pb_row_9 h2 {
		text-align: left !important;
	}
	.home-contact-cta .et_pb_text_inner {
		text-align: left;
	}
	.msft_prt .et_pb_text_inner a {
		padding: 45% 5% 55% 5%;
		opacity: 1;
		}
}


/* ===== FOOTER ===== */
.footer-copyright .et_pb_text_inner {
	margin-top: -6px;
	}
.footer-social {
	text-align: center;
	}
.footer-social .et_pb_text_inner {
	margin-top: -7px;
	}
.footer-social a {
	-moz-transition: .2s ease-in-out all;
	-webkit-transition: .2s ease-in-out all;
	transition: .2s ease-in-out all;
	display: inline-block;
	width: 41px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	background: url(/wp-content/uploads/2018/06/footer-social-sprite.png) 0 0 no-repeat;
	opacity: .5;
	margin: 0 5px 0 5px;
	}
.footer-social a:hover {
	opacity: 1;
	}
.footer-social a.instagram {
	background-position: -41px 0;
	}
.footer-social a.twitter {
	background-position: -82px 0;
	}
.footer-social a.linkedin {
	background-position: -123px 0;
	}
	
@media screen and (max-width: 981px) {
	.global-footer .et_pb_column_1_3 {
		padding: 0;
		margin: 0 0 10px;
		}
	.footer-social .et_pb_text_inner {
		margin: 20px 0;
		}
	.footer-copyright .et_pb_text_inner {
		margin: 0 0 20px 0;
		}
	.footer-copyright .et_pb_text_inner p {
		text-align: center;
		}
	}

/* ===== EMAIL SIGNUP ===== */
.email-signup .et_pb_newsletter_description {
	display: none;
	}
.email-signup .et_pb_newsletter_form input[type=password],
.email-signup .et_pb_newsletter_form input[type=text],
.email-signup .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text],
.email-signup .et_pb_newsletter_form p.et_pb_newsletter_field textarea,
.email-signup .et_pb_newsletter_form select,
.email-signup .et_pb_newsletter_form textarea {
	padding: 14px !important;
	font-size: 22px;
	}
.email-signup .et_pb_newsletter_button {
	font-family: 'Trenda-Bold', Roboto, Helvetica, Arial, Sans-Serif;
	}
.et_pb_newsletter_success h2 {
	font-family: 'Trenda-Light', Roboto, Helvetica, Arial, Sans-serif;
	text-align: left;
	margin: 20px 0;
	line-height: 1.1em;
    }

/* ===== GRAVITY FORMS ===== */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100%;
	padding: 14px !important;
	border: none;
	background: rgba(0,0,0,.03);
	font-size: 22px !important;
	color: #09212B !important;
	}
.gform_wrapper .gfield_label {
	font-size: 22px !important;
	color: #09212B !important;
	font-weight: 100 !important;
	}
.gform_wrapper .field_sublabel_below {
	margin: 0 0 2em 0 !important;
	}
.gform_wrapper .gfield_radio label {
	font-size: 16px !important;
	}
.gform_wrapper .gform_footer input[type=submit] {
	font-family: 'Trenda-Bold', Roboto, Helvetica, Arial, Sans-Serif;
	-moz-transition: .2s ease-in-out all;
	-webkit-transition: .2s ease-in-out all;
	transition: .2s ease-in-out all;
	display: inline-block;
	font-size: 18px !important;
	padding: 14px 30px !important;
	margin: 0 10px 10px 0;
	color: #09212B;
	border: 1px solid #09212B;
	}
.gform_wrapper .gform_footer input[type=submit]:hover {
	background: #09212B;
	color: #FFF !important;
	cursor: pointer !important;
	}

/* CASE STUDIES */
.tb_hero_img {
	overflow: hidden;
	}
.tb_hero_img.frst span {
	margin-top: -2px;
	}
.tb_hero_img.lst span {
	margin-bottom: -2px;
	}
.work-pagi a {
	transition: .2s all ease-in-out;
	-webkit-transition: .2s all ease-in-out;
	-moz-transition: .2s all ease-in-out;
	}
.work-pagi a:hover {
	color: #4cdef2 !important;
	}