/*
Theme Name: Rude Family Dentistry
Theme URI: http://rudefamilydentistry.com
Description: A Custom Child Theme
Author: Jameson Marketing
Author URI: http://jamesondesign.com/
Template: Divi
Version: 1
*/

/* @import url('../Divi/style.css'); */



/*------------------------------------------------*/
/*--------------[CHANGE COLORS HERE]--------------*/
/*------------------------------------------------*/

/* divi cta buttons */
	.ctabuttons a.et_pb_button {font-size: 14px; color:#ffffff !important; border: 2px solid #ffffff;}
	.ctabuttons .et_pb_promo_button:hover {border: 3px solid #ffffff;}

/* images with border */
	.border img {border: 8px solid #231f20;}
	img.et-waypoint.et_pb_animation_off.et-animated {border: 10px solid #231f20;}
	.et_pb_team_member_image {border: 10px solid #231f20;}
	.et_pb_team_member_image img {margin-bottom: -7px #231f20;}

/* contact form colors */
	.caldera-grid .form-control {background-color: #ffffff; border: 1px solid #231f20; border-top-color: #231f20;}
	.caldera-grid .form-control:hover {border: 2px solid #231f20; border-top-color: #231f20;}
	.caldera-grid .btn-default {border: 2px solid #231f20; color: #ffffff; background-color: #231f20;}
	.caldera-grid .btn-default:hover {background-image: none; border: 2px solid #231f20; color: #fff; background-color:#8c0c04;}




/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {line-height: 27px;}


/* boxed */
	.boxed {
    		max-width: 1080px;
    		float: none;
		margin: 0;
		left: 50%;
    		margin-right: -50%;
    		transform: translate(-50%, 0%);
    		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
    		-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
    		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);}


	@media only screen and (max-width : 1120px) {
	.boxed {max-width: 95%;}}

	@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 1024px)
		and (-webkit-min-device-pixel-ratio: 1){
			.boxed {
    				max-width: 100%;
    				float: none;
				margin: 0;
				left: 0%;
    				margin-right: 0%;
    				transform: translate(0%, 0%);}}


/*------------------------------------------------*/
/*-----------------[TOP HEADER]-------------------*/
/*------------------------------------------------*/

/* full width top header */
	.et_fixed_nav.et_boxed_layout #page-container #top-header {width: 100%; max-width: none;  margin: none!important;}
	@media (min-width: 981px){.et_fullwidth_secondary_nav #top-header .container {max-width: 1200px;}}

/* keep top header visible on mobile devices and remove links in mobile menu */

	#mobile_menu li:not([id]) { display:none !important; }

	@media (max-width: 980px){
		#top-header .container {width: 100%; padding-right:5px;}
		.et_secondary_nav_only_menu #top-header {display: block; height: 32px;}
		#et-secondary-nav, #et-secondary-menu {display: block !important;}
		.et_secondary_nav_only_menu #main-header, .et_secondary_nav_only_menu #main-header {top: 30px !important;}
		#top-header a {padding-top: 9px;}}

	@media (max-width: 640px){
		.mobile-hide {display:none!important;}
		#et-secondary-nav li {float: right;}}
		
/* Right Justify The Top Header */
	#et-info { float: right; }


/*------------------------------------------------*/
/*-------------------[HEADER]---------------------*/
/*------------------------------------------------*/

/* logo */
	@media only screen and (min-width: 981px){
		#main-header #logo {
    			max-height: 190%;
    			background-color: #fff;
    			padding: 0px 16px 0px 0px;
    			box-shadow: 0px 0px 0px #888888;}}
	.et-fixed-header #logo { max-height: 90% !important; }	

/* menu */
	#top-menu li, .fullwidth-menu li {font-size: 16px;font-weight: 700;}
	#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {font-weight: 700;}


/* menu on smaller screens */
	@media only screen and (max-width : 1024px) {
		#et-top-navigation {padding-left: 0px!important;}
		#top-menu li {padding-right: 17px;}}

	@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px)
		and (-webkit-min-device-pixel-ratio: 1) {
			#main-header #logo {max-height: 80px!important;}}

/* mobile menu button with icon */
	@media only screen and (max-width : 980px) {	
		#et_top_search {display: none;}
		#et_mobile_nav_menu {margin-top:-15px;}
  		.mobile_menu_bar:before {
    			background-color: #231f20;
    			padding: 2px 0px 2px 2px;
    			top: 9px;
    			color: #231f20;}
  		.mobile_menu_bar::after {
    			font-family: Arial;
    			content: "MENU";
    			position: relative;
    			padding: 10px 20px 10px 5px;
    			background-color: #231f20;
    			color: #FFFFFF!important;
			cursor: pointer;}}

	@media only screen and ( max-width: 767px ) {
		.mobile_menu_bar:before {padding: 2px 0px 2px 2px;}}


/* shrink menu on smaller viewports */
	@media only screen and (max-width : 1350px) {
		.container.clearfix.et_menu_container, #top-header .container.clearfix {
    		max-width: 100%!important;
    		width: 90%!important; } }
	@media only screen and (max-width : 1200px) {
		.container.clearfix.et_menu_container, #top-header .container.clearfix {
    		width: 95%!important; } 
		#top-menu li {padding-right: 13px!important;}
		#top-menu li a {font-size: 13px!important;} }
	@media only screen and (max-width : 1100px) {
		#top-menu { margin-left: -150px; }
		#main-header #logo { max-height: 50px; } }
	@media only screen and (max-width : 980px) {
		.container.clearfix.et_menu_container, #top-header .container.clearfix {
    		width: 80% !important; } }



/*------------------------------------------------*/
/*---------------------[Caldura]------------------*/
/*------------------------------------------------*/


.caldera-grid .form-control {height: 40px;}
.caldera-grid textarea.form-control {height: 165px;}






/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/

#footer-widgets {padding-top: 50px;}

.footer-widget h4 {font-weight: 700; text-transform: uppercase;}
.textwidget {font-size: 16px;}

#footer-bottom {background-color: #99cccc;}
#footer-info {color: #ffffff;}
#footer-info a {color: #ffffff;}

.et-social-icon a {color: #ffffff;}
.et-social-icon a:hover {text-shadow: 0px 0px 5px #000;}




/*------------------------------------------------*/
/*----------------[MOBILE DEVICES]----------------*/
/*------------------------------------------------*/



/*-------------------------------------------------*/
/*----------------[Andrea]------------------------*/
/*------------------------------------------------*/
.noborder img {
    border: 0px !important;
}