/*

 Theme Name:     Waterbar

 Template:       Divi

 Version:        1.0.0

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

/* =Theme customization starts here

------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #003659 !important;
	font-family: 'Oswald', sans-serif !important;
}

.header-no-parallax .et_pb_fullwidth_header {
	background-position: center top !important;
}

.et-social-icons {
	float: right !important;
}

.rf-custom-fullwidth .et-hide-mobile {
	display: inline-block !important;
}

#top-header {
	border-bottom: 1px solid #fff;
}

.mobile_menu_bar::before {
	color: #003659 !important
}

#et-info-phone {

    color: #000;
}

#top-header a {
	color: #000 !important;
}

#et-secondary-nav li ul,
#top-header {
	background-color: #fff !important;
}

li#menu-item-999 {
	display: none;
}

li#menu-item-1002 {
	display: none;
}

#specials .et_parallax_bg {
	opacity: 0.5;
}

#footer-bottom {
	border-top: 1px solid #fff;
}

#home-about {
	padding: 0;
}

#home-about .et_pb_row_fullwidth {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0;
}

#home-about .et_pb_column.et_pb_column_2_3.et_pb_column_1 {
	padding: 150px 100px 150px 0;
}

/*        contact page styles        */
#gform_submit_button_1 {
	background-color: #83B6CC !important;
	color: #fafafa !important;
	border: 1px none #83B6CC;
	font-size: 16px;
	padding: 10px;
}

#main-footer {
	background-image: url("//www.waterbarsd.com/wp-content/uploads/2017/12/beach-footer-1.jpg");
	background-size: cover;
}

#footer-widgets {
	padding-top: 10%;
}

#footer-newsletter {
	background-color: #003659;
	padding: 1.5% 0;
}

#footer-newsletter span {
	color: #fff;
	font-size: 26px;
	font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
	text-transform: uppercase;
}

/*       footer customization        */
#footer-widgets .footer-widget #rpwwt-recent-posts-widget-with-thumbnails-2 li::before {
	border: none;
}

#footer-widgets .footer-widget #rpwwt-recent-posts-widget-with-thumbnails-2 li {
	padding-left: 0
}

.eventon_fc_days .evo_fc_day {
	color: #003659 !important;
}

.isabelle-fun-stuff {
	padding: 0 !important;
}

.isabelle-fun-stuff .et_pb_row {
	padding: 0 !important;
}

.rf-hover-zoom {
	padding-top: 0 !important;
}

.rf-hover-zoom img {
	text-align: center;
}

.rf-hover-zoom h4 {
	color: #fff !important;
	font-weight: 900;
	text-align: center;
	background-color: #003659;
	vertical-align: center;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.rf-hover-zoom a img {
	transition: all 0.2s ease-out;
}

.rf-hover-zoom>.et_pb_column a img:hover {
	transform: scale(1.06);
}

/*        open table header button syles        */
.opencart-dropdown {
    display: inline-block;
    float: right;
    position: relative;
}
.opencart-dropdown button {font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;background-color: #003659; border: 0 none; border-radius: 2px; color: #fff; margin: -6px 0 0 12px;padding: 3px;}

.opencart-dropdown button:hover {cursor: pointer; }

@media (max-width: 980px) {
	.rf-hover-zoom {
		padding: 0 1rem;
	}
}

/*     nav changes to hamburger     */
@media all and (max-width : 980px) {
	#home-about .et_pb_column.et_pb_column_2_3.et_pb_column_1 {
		padding: 10% 5% 10% 5%;
	}

	#main-header {
		background-color: transparent !important;
	}
	.opencart-dropdown, .et-social-icons {padding-top: 0.75em; }
}

@media all and (max-width: 767px) {
	.et-hide-mobile {
		display: inline-block !important; 
		
	}
	.et-social-icons {display: block !important; float:none !important; padding-top:inherit; }
	#top-header .opencart-dropdown {display: none;}
	
	#news-form {
		float: none;
	}
}

@media all and (max-device-width : 900px) {

	/*        special breakpoint for inline newsletter        */
	#footer-newsletter .container {
		text-align: center;
	}

	#news-form {
		float: none !important;
	}
}

/*        footer newsletter stylee        */
#footer-newsletter div:first-child {
    min-height: 5rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#news-copy {}

#news-form {
	float: right;
}

#news-form form div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
	gap: 10px;
}

#news-form input {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding: 15px;
}
#news-form input::placeholder {
	color: #fff;
}
#news-form button {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding: 15px;
}