/*

 Theme Name:     Sapphire Living

 Description:    Sapphire Theme

 Author:         CME

 Template:       Divi

 Version:        1.0.0

*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
.entry-content h1 {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2017/05/Headingbg.png") no-repeat scroll 3px 2px;
    color: #042e59;
    font-size: 26px;
    margin: 0 0 17px 0;
text-transform:uppercase;
    padding: 25px 0 25px 100px;
}
.entry-content h2 { color:#70CAEC; }
.entry-content h3 { color:#477F8C; }
.gform_wrapper h3.gform_title { margin-top:15px !important; padding-bottom:0; color:#004B75; }
.gform_wrapper .top_label .ginput_container { margin-top:0 !important; }

/* ---Slider padding etc.----- */
.et_pb_slider .et_pb_slide { text-align: left; }
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { margin: 0; padding: 5% 0%; width: 50%; }
.et_pb_slide { padding: 0 0; }

#et-info { float: right; }
#et-info-phone { margin-right:25px;}

/* ---Makes logo little bigger for mobile (instead of tiny)----- */
.et_header_style_centered #logo { max-height: 85px; }

#et-top-navigation { background-color:#004B75 !important; }
.et_fullwidth_nav #main-header .container { padding-right: 0px; padding-left: 0px; }

#top-menu-nav ul li a { padding:15px 20px; }
#top-menu .menu-item-has-children a:first-child { padding-right:30px; margin-right:15px }
#top-menu-nav ul li.menu-item-54 a { border-right:none; }

#top-menu li { padding: 0 5px; margin: 6px 0px; border-right:1px solid #6DC9EC; }

/* No right border for last menu item------- */
#top-menu li.last { padding-right:20px; border-right:none; }

/* ---Dropdown menu--- */
#top-menu li li { border-right:none; }
#top-menu li li a, .fullwidth-menu li li a { padding: 8px 11px 5px 11px; border-bottom: 1px solid #ffffff; }
.et_header_style_centered #top-menu li li a { padding-bottom: 5px !important; }
.nav li ul { padding: 10px 0 20px 0; left:-4px; }

/* Little down arrow for drop menu------- */
#top-menu .menu-item-has-children > a:first-child::after { position: absolute; top: 14px; right: 0px; font-size:24px; }

.et_header_style_centered #top-menu li a { padding-bottom:15px !important; }
.et-search-form input.et-search-field { padding-top:47px; font-size:18px; }
.et_close_search_field  { padding-top:25px; }

#main-content h1 { padding-bottom:20px; }
#main-content .et_pb_team_member { text-align:center; }
#main-content .et_pb_team_member p { margin-top:12px; color:#6b6b6b; }

#main-footer { margin: 0 auto;  text-align:center; background: #004B75 url("/wp-content/uploads/2017/06/bottom-footer.jpg") repeat-x center bottom; min-height:342px; line-height:20px;  }
#main-footer h2 { color:#ffffff; padding-bottom:2px; font-size:24px;  }
#main-footer h2.blue { color:#4DA2C6; text-transform:uppercase; padding-bottom:10px; }
#main-footer a { color:#AEE0F4 !important; }
#footer-widgets { padding-top: 3.4%; margin-bottom: 6.5%; }

.footer-widget { margin-bottom: 10% }

/* ---Contact form customization--- */
.blueform { background-color:#D5F2FB; padding:1% 0% 1% 3%; }
.blueform label  { color:#45C6EF; }
.blueform input { border-bottom:3px solid #45C6EF; }
.blueform textarea { border-bottom:3px solid #45C6EF; }
.blueform #gform_submit_button_1 { padding:7px 0px; width:92%; background-color:#6DC9EC; border-bottom: none !important; color:#ffffff;
font-family: Arial; font-weight:bold; }

.et_section_regular img.alignleft { border-top:7px solid #6DC9EC; margin-top:2px; }
.et_section_regular img.alignright { border-top:7px solid #6DC9EC; margin-top:2px;}
.et_section_regular img.aligncenter { border-top:7px solid #6DC9EC; margin-top:2px;}

.title {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background: #6DC9EC;
    color: #fff;
    float: left;
    width: 100%;
}
.pdf {
    padding: 10px 0;
    text-align: center;
    background: #D5F2FB;
    color: #fff;
    float: left;
    width: 100%;
}

/* ---Mobile menu heading and 3 stripes color --- */
.et_header_style_centered .mobile_nav .select_page { color:#ffffff !important; }
.mobile_menu_bar::before { color:#ffffff !important; }

/* ---Tighten up Gallery spacing --- */
.et_pb_grid_item { margin: 0 1% 1% 0 !important; }

/* Removed main top header section/logo to replace with new from Divi library  */
.logo_container, #top-header {display:none; }
#et-info p {padding-bottom:.5em; }
#et-info {padding-top:0; }
#db-info-text { margin: 0 auto !important; }


/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

/*-------------------[1200px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1200px ) {

}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
#leftbottom { display:none; }
#main-footer { padding-bottom:80px; }
.et_pb_slide_content img.alignnone { display:none; }
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
#leftbottom { display:none; }
#main-footer { padding-bottom:80px; }
}

@media screen and ( max-width: 782px ) {
#leftbottom { display:none; }
#main-footer { padding-bottom:80px; }
.et_pb_slider {display:none;}
.et_pb_section.sliderpadding { padding: 20px 0 20px 0; }
}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
#leftbottom { display:none; }
#main-footer { padding-bottom:80px; }
.et_pb_slide_content img.alignnone { display:none; }
.et_pb_slider {display:none;}
.et_pb_section.sliderpadding { padding: 20px 0 20px 0; }
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
#leftbottom { display:none; }
#main-footer { padding-bottom:80px; }
.et_pb_slide_content img.alignnone { display:none; }
.et_pb_slider {display:none;}
.et_pb_section.sliderpadding { padding: 20px 0 20px 0; }
}