#top-header {
position: relative;
box-shadow: 0 3px 3px rgba(0,0,0,.1);
background: linear-gradient(105deg, #44B1D2 70%, #04D4F0 30%);
}
#main-header {
position: inherit;
}
#et-info {
float: none;
}
#top-header .et-social-icons {
float: right;
}
#page-container {
overflow: hidden;
}
.el-header-title .et_pb_title_container {
position: absolute;
bottom: 20px;
left: 10%;
}
.el-inner-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 18px;
}
.el-menu:after {
content: '\5e';
font-size: 18px;
margin: 0 15px;
vertical-align: middle;
font-family: ETmodules;
}
.el-submenu-section {
background-color: #04D4F0;
padding: 20px !important;
clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);
margin-top: -40px;
} .et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover {
padding: 6px 35px !important;
font-weight: 600 !important;
}
.el-rect-button,
.appoint-form .et_pb_contact_submit,
.el-contact-form .et_pb_contact_submit {
padding-right: 2.4em !important;
}
.el-rect-button:after,
.appoint-form .et_pb_contact_submit:after,
.el-contact-form .et_pb_contact_submit:after {
font-size: 24px !important;
border-left: 1px solid;
margin-top: -6px;
padding: 6px;
margin-left: 0.7em !important;
}
.el-rect-button:hover:after {
color: #fff !important;
}
.el-contact-form .et_pb_contact_submit,
.appoint-form .et_pb_contact_submit {
color: #fff !important;
} .el-heading {
text-transform: uppercase;
font-size: 40px;
font-weight: 700;
}
.el-text-heading {
text-transform: uppercase;
font-size: 15px !important;
font-weight: 500;
margin-bottom: 5px;
}
.el-border {
border-bottom: 1px solid #000000;
height: 23px;
width: 10%;
}
.el-border-1 {
border-bottom: 1px solid #000000;
height: 23px;
width: 7%;
margin-top: -20px;
}
.el-border-center {
border-bottom: 1px solid #ffffff;
height: 23px;
width: 10%;
margin: 0 auto;
}
.el-border-center-1 {
border-bottom: 1px solid #ffffff;
height: 23px;
width: 7%;
margin-top: -20px !important;
margin: 0 auto;
}
.el-border-line-center {
border-bottom: 1px solid #000000;
height: 23px;
width: 10%;
margin: 0 auto;
}
.el-border-line-center-1 {
border-bottom: 1px solid #000000;
height: 23px;
width: 7%;
margin-top: -20px !important;
margin: 0 auto;
} .el-doctor-des {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 50px;
}
.el-team-description .et_pb_team_member_description {
display: flex;
flex-wrap: wrap;
}
.el-team-description .et_pb_member_position {
order: 1;
}
.el-team-description .et_pb_module_header {
order: 2;
margin-top: 5px;
}
.el-team-content {
order: 3;
}
.el-team-description .et_pb_member_social_links {
order: 4;
} .el-border-bottom {
border-bottom: 1px solid #ebf0f5;
margin-bottom: 10px;
}
p.el-services:before {
content: '\24';
margin: 0 10px;
vertical-align: middle;
font-family: ETmodules;
font-size: 20px;
color: #44b1d2;
font-weight: 1000;
}
p.el-services a {
color: #000000;
}
a.el-border-text {
border-bottom: 1px solid #ffffff;
color: #ffffff;
}
a.el-border-text:hover {
border-bottom: 0px;
} .el-patient-download-form {
display: flex;
width: 100%;
}
.el-patient-form {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #f0f0f0;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
width: 80%;
padding: 20px;
font-size: 24px;
font-weight: 400;
}
.el-download-form {
display: flex;
align-items: center;
background-color: #04D4F0;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
font-size: 15px;
font-weight: 700;
text-align: center;
padding: 10px;
}
.el-download-form a {
color: #ffffff;
}
.el-patient-form:before {
content: '\e092';
font-size: 18px;
margin: 0 15px;
vertical-align: middle;
font-family: ETmodules;
} .el-cost-heading  {
position: relative;
background: #F6F6F6;
border: 1px solid #F6F6F6;
padding: 20px 30px !important;
font-size: 16px;
font-weight: 400 !important;
}
.el-content table td {
font-size: 14px;
line-height: 24px;
color: #868686;
padding: 21px 30px !important;
border-bottom: 1px solid #E8E8E8;
}
.el-pages  a {
color:#868686;
font-size: 14px;
}
.el-pages  a:hover {
color:#04D4F0
}
.el-pages-border-bottom {
border-bottom: 2px solid #04D4F0;
padding: 10px 0 10px 10px;
margin: 0px 0 20px;
}
.el-left {
padding: 0 20px 0 0;
}
.el-cost-treatment .et_pb_text_inner {
display:flex;
position: relative;
z-index: 99;
}
.el-price {
font-size: 30px;
}
.el-contact:before {
content: '\24';
font-family: ETmodules;
font-size: 20px;
color: #04D4F0;
font-weight: 1000;
margin-right: 20px;
}
.el-page:before {
content: '\24';
font-family: ETmodules;
font-size: 20px;
color: #04D4F0;
font-weight: 1000;
margin-right: 20px;
} .el-border-image .et_pb_image_wrap:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #04D4F0;
}
.el-border-image img {
left: 20px;
top: 20px;
} .el-bg-color {
background-color: #059DC0;
padding: 20px;
clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
margin-top: -40px;
}
.el-bg-color:hover {
background-color: #a4c000;
}
.el-blurb-icon .et_pb_blurb_position_left .et-pb-icon-circle {
padding: 20px;
border-radius: 40px;
font-size: 24px;
}
.el-contact-form .et_pb_contact {
box-shadow: 2px 2px 21px #f2f2f2;
}
.el-contact-form .et_contact_bottom_container {
text-align: center; 
float: inherit !important;
padding-top: 40px;
}
.el-contact-form .et_pb_contact_form {
padding: 40px;
} .tiled-gallery {
margin: 0 !important;
} .el-toggle .et_pb_toggle_close{
border-left: 2px solid #04D4F0; 
}
.el-toggle .et_pb_toggle_title:before {
position: absolute;
top: 50%;
right: 0;
margin-top: -.5em;
color: #ccc;
font-size: 22px;
content: '\4c';
color: #04D4F0;
} #main-footer .footer-widget h4 {
font-size: 20px;
font-weight: bold;
}
.footer-address:before {
font-family: ETmodules;
content: '\e081';
padding-right: 5px;
color: #04D4F0;
}
.footer-phone:before {
font-family: ETmodules;
content: '\e090';
padding-right: 5px;
color: #04D4F0;
}
.footer-email:before {
font-family: ETmodules;
content: '\e076';
padding-right: 5px;
color: #04D4F0;
}
#menu-patient-center li,
.footer-hours li {
border-bottom: 1px solid rgba(245, 245, 245, 0.28);
margin-bottom: 15px !important;
}
#footer-widgets {
border-bottom: 1px solid rgba(245, 245, 245, 0.28);
}
#footer-info {
color: #fff;
}
#footer-info a {
font-weight: 500;
color: #fff;
}
#main-footer {
position: relative;
background: url(http://wildomardental.wpengine.com/wp-content/uploads/2019/09/dentist-in-wildomar-top-header-1080.jpg);
background-size: cover;
}
#main-footer:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
}
.bottom-nav li {
font-weight: 500;
} @media screen and (min-width: 981px) { .special-menu a {
color: #fff !important;
background: #44B1D2 !important;
padding: 10px 20px 10px !important;
border-radius: 30px;
} .el-doctor-des {
width: calc(47.25% + 140px) !important;
margin-left: -140px;
margin-top: 50px;
} #menu-footer-navigation {
float: right;   
}
.bottom-nav li:last-child {
padding-right: 0;
}
#footer-bottom {
width: 50%;
margin-left: 5%;
}
}
@media screen and (max-width: 980px) {
.el-border-image .et_pb_image_wrap {
margin-bottom: 30px !important;
}
.el-heading {
text-transform: uppercase;
font-size: 22px;
font-weight: 700;
}
.el-button-center .et_pb_button_module_wrapper {
text-align: center;
}
.et_pb_section {
padding: 0px 0 !important;
}
.el-header-title .et_pb_title_container {
position: absolute;
bottom: 10px;
left: 40px;
padding: 15px;
}
}
@media screen and (max-width: 767px) {
#top-header {
background: #44B1D2 !important;
}
.el-home-header .header-image-container.bottom {
display: none;
}
}
@media screen and (max-width: 630px) {
.el-inner-menu {
display: inline;
text-align: center;
margin-top: 18px;
}
.el-menu:after {
content: '';
margin: 0 15px;
}
.el-submenu-section {
background-color: #04D4F0;
padding: 0px !important;
clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);
margin-top: -55px;
}
.el-menu-1 {
margin-left: -30px;
}
.el-submenu-section .et_pb_text_inner {
margin-top: 20px;
}
}
@media screen and (max-width: 479px) {
.el-team-description  .et_pb_module_header {
order: 2;
margin-top: 27px;
margin-left: -169px;
}
.el-patient-form {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #f0f0f0;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
width: 80%;
padding: 20px;
font-size: 19px !important;
font-weight: 400;
}
.el-download-form {
display: flex;
align-items: center;
background-color: #04D4F0;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
font-size: 11px;
font-weight: 700;
text-align: center;
padding: 10px;
}
}
@media screen and (max-width: 340px) {
.el-bg-color {
background-color: #04D4F0;
padding: 20px;
clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
margin-top: -44px;
}
}