/*
Theme Name: Spring Oaks
Theme URI: http://www.jamesonmarketing.com/
Description: A Custom Theme
Author: Jameson Marketing
Author URI: http://www.jamesonmarketing.com/
Template: Divi
Version: 2.8
*/


/*------------------------------------------------*/
/*-------------[COLORS AND FONTS]-----------------*/
/*------------------------------------------------*/

/* colors */
/* Blue: #2e3e72 */
/* Turquiose: #50c5c3 */

@import url(https://fonts.googleapis.com/css?family=Slabo+27px);

/* font-family: 'Slabo 27px', serif; */




/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

p {font-family: 'Slabo 27px', serif; font-size: 18px;}


/* add special background */
	#page-container, #main-footer {
		background-image: url("https://springoaksdental.com/wp-content/uploads/2017/01/Circles-1.jpg");
		background-repeat: repeat;}


/* inset shadows */
	.inset-shadows {
		-moz-box-shadow: inset 1px 0px 30px 3px #cacaca;;
    		-webkit-box-shadow: inset 1px 0px 30px 3px #cacaca;;
    		box-shadow: inset 1px 0px 30px 3px #cacaca;}

/* outer shadows */
	.outer-shadow {
		-moz-box-shadow: 1px 0px 30px 3px #cacaca;;
    		-webkit-box-shadow: 1px 0px 30px 3px #cacaca;;
    		box-shadow: 1px 0px 30px 3px #cacaca;}

/* rows with columns that have outer shadows */
	.row-equal-columns-shadows {
		padding-top: 15px!important;
		padding-bottom: 15px!important;
    		padding-left: 15px!important;
    		padding-right: 15px!important;
    		width: 90%;
    		max-width: 1110px;}



/* image modules with borders */

	.image-module-borders img {
    		border-top: 5px solid #50c5c3;
    		border-bottom: 5px solid #50c5c3;}

	.image-module-borders-grey img {
    		border-top: 5px solid #2e3e72;
    		border-bottom: 5px solid #2e3e72;}



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



/* top header font icons */
	i.fa {padding-right: 6px;}


/* logo */
	@media only screen and (max-width : 980px) {
		#logo {max-height: 83%;}}

/* main header moved down */
	@media only screen and (min-width : 981px) {
	#main-header {
    		margin-top: 19px;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		box-shadow: 0px 0px 30px #cacaca;}
	#main-header.et-fixed-header {
    		top: 21px!important;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;}}


/* shrinking navigation menu area on smaller screen sizes */
  
	@media only screen and (max-width : 1200px) {
		.container.clearfix.et_menu_container {
    			width: 95%;
    			max-width: 95%;}}

	@media only screen and (max-width : 1140px) {
  		#et-top-navigation {padding-left: 0px!important;}}
  



/* keep top header visible on mobile */
	@media only screen and (min-width : 981px) {
		.th-mobile-only {display:none!important;}}

	@media (max-width: 980px) { 
		div#top-header {
			display: block !important;
			position: relative;
			padding-top: 10px;}
		#et-secondary-nav, #et-secondary-menu {
			display: block !important;}
		.et_secondary_nav_only_menu #main-header {
			top: 40px !important;}
		.th-desktop-only {display:none!important;}}

/* hide items in the mobile dropdown menu */
	#mobile_menu li:not([id]) { display:none !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: #79c8cc;
    			padding: 2px 0px 2px 2px;
    			top: 9px;
    			color: #fff!important;}
  		.mobile_menu_bar::after {
    			font-family: Arial;
    			content: "MENU";
    			position: relative;
    			padding: 10px 20px 10px 5px;
    			background-color: #79c8cc;
    			color: #FFFFFF!important;
			cursor: pointer;}}



/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/



/* header section 1 */
	.head-sec-1 h1 {
    		font-size: 66px;
    		color: #2e3e72;}
	.head-sec-1 h2 {
    		font-size: 35px;
    		color: #50c5c3;}

	@media only screen and (max-width : 599px) {
	.head-sec-1 h1 {
    		font-size: 40px;}
	.head-sec-1 h2 {
    		font-size: 20px;}}

	@media only screen and (max-width : 364px) {
	.head-sec-1 h1 {
    		font-size: 30px;}
	.head-sec-1 h2 {
    		font-size: 15px;}}



/* blurb section */
	.blurb-c1 {
    		border-top: 5px solid #50c5c3;
    		border-bottom: 5px solid #50c5c3;
		box-shadow: 0px 1px 40px rgba(136,136,136,0.7);}

	.blurb-c2 {
    		border-top: 5px solid #2e3e72;
    		border-bottom: 5px solid #2e3e72;
		box-shadow: 0px 1px 40px rgba(136,136,136,0.7);}

	.blurb-c3 {
    		border-top: 5px solid #b4b5b9;
    		border-bottom: 5px solid #b4b5b9;
		box-shadow: 0px 1px 40px rgba(136,136,136,0.7);}


/* welcome section text */
	.welcome-module {
    		background-color: #50c5c3;
    		padding: 15px 20px;}
	.welcome-module h1 {
    		font-family: 'Slabo 27px', serif;
    		color: #2e3e72;
    		text-transform: lowercase;
    		font-size: 40px;
    		font-weight: 700;}
	.welcome-module h2 {
    		text-transform: uppercase;
    		color: #fff;
    		font-size: 18px;}

	@media only screen and (max-width : 599px) {
	.welcome-module h1 {
		font-size: 27px;}
	.welcome-module h2 {
    		font-size: 15px;}}

/* blurbs with borders */

	.blurb-module-borders-blue .et_pb_blurb_content, .blurb-module-borders-turq .et_pb_blurb_content {
    		padding: 20px 20px 0px;}

	.family-dental-care-section .blurb-module-borders-blue {
    		border-top: 5px solid #2e3e72;}

	.family-dental-care-section .blurb-module-borders-turq {
    		border-top: 5px solid #50c5c3;}


	.family-dental-care-section .et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_right:nth-child(2) {
    		background-color: #fff;
    		padding-bottom: 17px;
    		border-bottom: 5px solid #2e3e72;}

	.family-dental-care-section .et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_right:nth-child(5) {
    		background-color: #fff;
    		padding-bottom: 17px;
    		border-bottom: 5px solid #50c5c3;}

	.button-module-borders {
    		margin-top: 7px!important;
    		margin-right: 21px!important;}

	@media only screen and (max-width : 980px) {
	.blurb-module-borders-turq {
    		margin-top: 50px;}}




/* comprehensive section */

   /*text box with a turq background */
	.text-box-turq {
    		background-color: #50c5c3;
    		padding: 20px 15px;}
	.text-box-turq h1 {
    		font-family: 'Slabo 27px', serif;
    		color: #2e3e72;
    		text-transform: lowercase;
    		font-size: 36px;
    		font-weight: 700;}
	.text-box-turq h2 {
    		text-transform: uppercase;
    		color: #fff;
    		font-size: 13px;}

   /* text box below */
	.text-box-below {
		    padding: 13px;}


   /* service feature text module */
	.service-feature {
		    padding: 10px 10px 0px;}
	.service-feature h1 {
    		text-transform: uppercase;
    		font-size: 18px;
    		font-weight: 600;}
	.light-button {
    		margin-right: 20px;
    		margin-bottom: 20px!important;}


	@media only screen and (max-width : 980px) {
	.service-feature {padding: 30px 10px 0px 25px;}}


	







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

/* top border */
	#main-footer {border-top: 5px solid #50c5c3;}

/* text */
	#main-footer h2 {
    		font-size: 14px!important;
    		font-weight: 700;
    		color: #2e3e72;}
	#main-footer a, #main-footer td {
    		color: #848484;
    		font-family: 'Slabo 27px', serif;
		font-size: 16px;}

/* icons */
	.footer-address:before {
    		position: absolute;
    		color: #2e3e72;
    		margin-left: -21px;
    		font-family: "FontAwesome";
    		content: "\f041";
    		font-size: 22px;
    		margin-top: -4px;}

	.footer-email:before {
    		position: absolute;
			color: #2e3e72;
			margin-left: -22px;
			font-family: "FontAwesome";
			content: "\f0e0";
			font-size: 16px;
			margin-top: -5px;}

	.footer-resources:before {
    		position: absolute;
    		color: #2e3e72;
    		margin-left: -24px;
    		font-family: "FontAwesome";
    		content: "\f005";
    		font-size: 22px;
    		margin-top: -4px;}

	.footer-phone:before {
    		position: absolute;
    		color: #2e3e72;
		margin-left: -24px;
    		font-family: "FontAwesome";
    		content: "\f095";
    		font-size: 22px;
    		margin-top: -4px;}

	.footer-hours:before {
    		position: absolute;
    		color: #2e3e72;
    		margin-left: -24px;
    		font-family: "FontAwesome";
    		content: "\f017";
    		font-size: 22px;
    		margin-top: -4px;}



/* footer row 1 */
	@media only screen and (max-width : 980px) {
		.pbe-footer-row-1 {
			max-width: 1120px!important;
    			padding-left: 25px;
    			width: 90%;}
		.pbe-footer-row-1 .et_pb_column.et_pb_column_1_2 {
    			margin-left: -20px;
    			width: 110%!important;}}

/*-------------------------------------*/
/*---------- CONTACT FORM -------------*/
/*-------------------------------------*/



/* form */
	.caldera-grid .form-control {
    		background-color: #9a9898!important;
    		border: 0px;
		border-radius: 5px!important;
    		height: 46px!important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
    		box-shadow: inset 0 1px 1px rgba(0,0,0,.0);}
	.caldera-grid textarea.form-control {
    		height: 130px!important;}

/* placeholder text color */
	input::-webkit-input-placeholder {color:#fff!important;}
	input::-moz-placeholder {color:#fff!important;}
	input:-moz-placeholder {color:#fff!important;} 
	input:-ms-input-placeholder {color:#fff!important;}
	textarea::-webkit-input-placeholder {color:#fff!important;}
	textarea::-moz-placeholder {color:#fff!important;}
	textarea:-moz-placeholder {color:#fff!important;}
	textarea:-ms-input-placeholder {color:#fff!important;}

/* form box when typing */
	.caldera-grid .form-control:focus { 
		border-color: #50c5c3!important;
    		color: #FFF!important;
    		outline: 0!important;
    		-webkit-box-shadow: 0px 0px 0px rgba(255,255,255,.5),0px 0px 20px rgba(255,255,255,.5)!important;
    		box-shadow: inset 0px 0px 0px rgba(255,255,255,.5),0px 0px 20px rgba(255,255,255,.5)!important;}

/* button */
	
	input#fld_1516647_1 {
    		background: #50c5c3!important;
    		color: #fff!important;
    		background-image: none!important;
    		text-shadow: none!important;
    		width: 100px!important;
    		border: 0px solid #000!important;
    		float: right!important;
    		border-radius: 3px!important;
    		font-size: 15px!important;
		font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;}
 
	input#fld_1516647_1:hover{
		background: #41908f!important;
		color: #fff!important;
		background-image: none!important;
		text-shadow: none!important;
		width: 100px!important;
		border: 0px solid #b62b33!important;
		float:right!important;}



/*-------------------------------------*/
/*----------- BLOOM POPUP -------------*/
/*-------------------------------------*/


.et_bloom .et_bloom_form_container .et_bloom_form_header {
	padding: 0 !important;}

.et_bloom .et_bloom_optin_1 .et_bloom_form_content {
	display: none !important;}

.et_bloom .et_bloom_form_container a {
	padding: 6px 12px !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background: #50c5c3;
	border-radius: 3px;}

.et_bloom .et_bloom_form_container a:hover {
	color: #fff !important;
	background: #339b99;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;}

.et_bloom .et_bloom_form_header p {
	margin-bottom: 15px !important;}

.et_bloom .et_bloom_form_header h2 {
    color: #2e3e72!important;}

.et_bloom .et_bloom_form_container .et_bloom_close_button {
    background-color: #50c5c3!important;}

.et_bloom .et_bloom_close_button:before {
    color: #fff!important;}

.et_bloom_form_container_wrapper.clearfix {
    border: 3px solid #50c5c3!important;}





/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---[ADD YOUR CUSTOMIZATION BELOW THIS LINE]-----*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/