 /* 
 Theme Name: 		Modern Psychiatry & Wellness LCC
 Author:			Modern Psychiatry
 Author URI: 		https://www.modernpsych.com/
 Theme URI: 		https://www.modernpsych.com/
 Template: 			Divi
 Version: 			1.0
 Description:    	A simple, custom-built child theme for Modern Psychiatry & Wellness LCC.
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

#logo {
	-webkit-transform: initial !important;
}

.kontak input,
.kontak input:focus,
.kontak textarea,
.kontak textarea:focus {
  background: rgb(102, 102, 102);
  width: 100%;
  color: rgb(255, 255, 255);
  border: 1px solid #bec6ca;
  padding: 6px 12px;
}

.custom-social {
	text-align: center;
}

.custom-social li {
	display: inline-block;
	padding: 0;
}

#footer-widgets .footer-widget li:before {
	border: none;
}

.topbar {
	background: #e60909;
	width: 100%;
	display: block;
}

.topbar .container {
	background: #000;
	padding: 5px 0;
}

.sbmt {
  background: rgb(102, 102, 102);
  color: rgb(255, 255, 255);
 	margin: auto; 
  font: 17px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #bec6ca;
}

#footer-bottom {
	background: #e60909;
	padding: 0;
}

#footer-bottom .container {
	background: #000;
	padding: 5px 0;
}

#footer-info {
	display: none;
}

.widget_media_image {
	width: 100%;
}

#main-footer {
	color: #000;
	text-align: center !important;
}

#custom_html-2 {
	width: 100%;
}

.phoneidn {
	text-transform: uppercase;
	padding: 15px 0;
}

.phoneidn h3 {
	font-size: 31px;
	color: #E60909;
}

.phoneidn h4 {
	font-size: 12px;
	color: #E60909;
}

.et_pb_gutters3.et_pb_footer_columns1 .footer-widget {
	width: 100%;
}

@media (min-width:981px) {
	header>.container {
		
	}
	
	#et-top-navigation {
		background: #f2f2f2;
	}
	
	.et_header_style_centered #top-menu {
		text-align: center;
	}
	
	.et_header_style_centered nav#top-menu-nav {
		width: 100%;
	}
	
	.et_header_style_centered #main-header div#et-top-navigation {
		display: table;
	}
	
	.logowrap>.logo_container {
		float:left;
	}
	
	.et_header_style_centered #top-menu>li>a,
	.et_header_style_centered #top-menu>li>a {
		padding-bottom: 0px!important;
	}
	
	#top-menu>li>a {
		line-height:50px;
	}
	
	#top-menu-nav {
		width:100%;
		margin:0 auto;
	}
	
}

@media (max-width: 980px) {
	.footer-widget:nth-child(n) {
		    width: 100%;
    		margin: 0 0 7.5% 0!important;
	}
}