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

 Theme Name:   divi-child
 Theme URI:    
 Description:  Divi Child
 Author:       james
 Author URI:   
 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

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#page-container { padding-top: 49px !important;} /*-- fix page loading --*/
#main-header { background-color: #222; border-bottom: solid 1px #ddd;}
.main_background {min-height: calc( 100vh - 82px); display: flex; flex-direction: column;}
.container {width:98%; max-width:98%;}
.contentContainer {max-width: 800px;}
#et-top-navigation {padding-top: 16px !important;}
#top-menu a ,.et_mobile_menu a{ color: #fafafa !important}
#top-menu li{font-size: 17px !important; font-weight: normal !important;}
#top-menu li.current-menu-item > a , .current_page_item > a{ color: #AF504C !important}
.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom: 16px !important;}
.nav li ul, .et_mobile_menu {border-top: solid 2px #AF504C}
.nav li li a {font-size: 17px !important;}
.st-mobilemenu li a:hover, .nav ul li a:hover {color: #AF504C !important; opacity: 1;}
.logoLink #logo {vertical-align: middle; height: 20px !important; max-height: 20px !important}
.logoName { color: #f0f0f0; font-size: 15px; vertical-align: middle;}
#main-footer {border-top: 1px solid #000;}
#footer-bottom { padding: 4px 0 !important;}
#footer-info {font-size: 12px; padding-bottom: 0px!important; text-align: center; width: 100%;}
.entry-title { font-size: 18px; font-weight: 700;}
.formLabel {color: white;}
.mobile_menu_bar::before {color: #f0f0f0;}

input[type="submit"] {
	background-color: #AF504C;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
@keyframes fader {
	0% { background: rgba(50,50,50,0.8); border-color: #333; color: #fff;} 
	50% { background: #222; border-color: #222; color: #222;} 
	100% { background: rgba(50,50,50,0.8); border-color: #333; color: #fff;} 
	}
@keyframes textchanger {
  0% {
    content: "Java Development";
  }
  25% {
    content: "JQuery & javascript";
  }
  50% {
    content: "Web Solutions";
  }
  75% {
    content: "Java Maintenance & Support";
  }
  100% {
    content: "Guru Meditating..";
  }
}
.homeContentCont {animation: fader 4s infinite alternate ease-in-out; }
#medbox {
	cursor: pointer;
	padding: 20px;
	display: flex;
	align-items: center; 
	align-self: center;
	justify-content: center;
	}
#medbox p {
	color: #ff0000 ;
	font-size: 25px ;
	font-weight: bold ;
	text-align: center;
	animation: fader 4s infinite alternate ease-in-out;
  	content: "" !important;
	}
#medbox p:before {
  content: "Guru Meditating";
  animation: textchanger 16s infinite alternate ease-in-out; 
}

@media screen and (max-width: 530px) {
	.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea  { width: 100% !important}
}

@media screen and (max-width: 450px) {
	.guru {
		font-size: 20px ;
	}
}