/*
Theme Name:  Hover Effect
Theme URI:   
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Hover Effect.
Author:      Aaron Podbelski
Author URI:  www.portmanteaudesigns.com
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.4
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
font-family: din-condensed, sans-serif;;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
h1 {
	font-size: 50px !important;
font-family: din-condensed, sans-serif !important;
}

h2 {
/* 	font-size: 36px; */
	font-size: 26px;
font-family: din-condensed, sans-serif !important;
/* 	font-family: "pirulen", Arial, sans-serif !important; */
	font-weight: 600;
}

#et-top-navigation {
font-family: din-condensed, sans-serif !important; 
/* 	font-family: "Copperplate", Arial, sans-serif !important; */
/* 	font-size: 36px !important; */
}

.title-box {
	color: #FF9900 !important;
	padding: 7px 8px 7px 8px !important;
}

/*
.home-page-title {
	font-size: 50px !important;
}
*/


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

@media only screen and (min-width: 981px) {
	#main-header {
		top: 0 !important;
	}
	#top-header {
		top: 90px !important;
	} 
}

.background-banner {
	margin-top: -250px;
}

#main-header {
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

#main-header.et-fixed-header {
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

#et-info {
	float: none !important;
}

.container {
	text-align: center;
}

#top-header .container {
	padding-top: 0px;
	margin-top: 6px;
/* 	margin-left: 30px; */
}

#et-info-email {
	font-size: 1.3em;
}

.video-spacer {
	margin-bottom: 50px !important;
}

.drop-shadow {
/* 	box-shadow: 5px 8px 10px #9A9999; */
	box-shadow: 16px 18px 13px #9A9999;

}

.drop-shadow:hover {
/* 	box-shadow: 1px 3px 10px rgba(154, 153, 153, 1);	 */
	box-shadow: 10px 12px 8px rgba(154, 153, 153, 1);	
	transition: box-shadow 0.2s ease-in-out;
}

.div-drop {
	margin-top: 10px;
}

.et_pb_video_overlay_hover {
	transition: all 0.2s ease-in-out !important;
}

.full-width-columns {
	width: 100%;
}

/*
.overlay-one { 
	position: relative; 
}

.overlay-one:after {
	 position: absolute;
	 content: 'WHAT';
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 opacity: 1; 
	 transition: .5s ease all; }

.overlay-one:hover:after {
 	opacity: 1; 
}
*/

.overlay-title {
	position: absolute;
	bottom: 10px;
	z-index: 100;
	color: white;
/* 	background-color: rgba(235, 139, 49, 0.7); */
	background: rgba(54,51,51,0.7); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left,rgba(29,29,29,0.98),rgba(54,51,51,0.7)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(29,29,29,0.98),rgba(54,51,51,0.7)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(29,29,29,0.98) ,rgba(54,51,51,0.7)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(29,29,29,0.98) 0%, rgba(54,51,51,0.7) 100%);
	margin-bottom: 3%;
	margin-left: 3%;
	padding: 8px;
}

/* Pre-render the bigger shadow, but hide it */
/*
.drop-shadow::after {
  box-shadow: 1px 3px 3px rgba(154, 153, 153, 1);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
*/
/*------------------------------------------------*/
/*---------------[FONTS]------------------*/
/*------------------------------------------------*/
@font-face {
	font-family: din-condensed, sans-serif; 
	src: url("https://use.typekit.net/sif6ius.css");  
	font-weight: normal;  
}

@font-face {
	font-family: pirulen;  
	src: url(https://dhedhover.staging.wpengine.com/wp-content/themes/hover-effect/fonts/pirulen.ttf);  
	font-weight: normal;  
}
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
#top-menu li a {
	font-size: 18px !important;
	transition: all 0.2s ease-in-out !important;
	font-family:'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
	padding-bottom: 15px;
}

#top-menu li a:hover {
	font-size: 20px !important;
	text-shadow: 0px 0px 1px #EB8C32;
	
}


/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}