/*
	Theme Name: Waterstone Lifestyle and Leisure Products
	Theme URI: http://www.waterstoneproducts.com/
	Description: Waterstone Lifestyle and Leisure Products Divi Child Theme
	Author: PR Services Ltd.
	Author URI: http://yukoninfo.com/
	
	Version: 1.0.0
	Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	
	Template: Divi
*/



/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* Box Sizing
--------------------------------------------- */



/*
Defaults
---------------------------------------------------------------------------------------------------- */
/* Default CSS
--------------------------------------------- */
@import url("../Divi/style.css");
@font-face {
	font-family: 'mistralregular';
	src: url('fonts/mistral-webfont.eot');
	src: url('fonts/mistral-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mistral-webfont.woff') format('woff'), url('fonts/mistral-webfont.ttf') format('truetype'), url('fonts/mistral-webfont.svg#mistralregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Typographical Elements
--------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666 !important;
}
p {
	line-height: 1.8em;
	padding-bottom: 10px;
}
.entry-content p {
	margin-bottom: 15px;
}
.entry-content a {
	color: #0016c5;
}
blockquote,
blockquote::before {
	color: #999;
}
blockquote {
	margin: 24px 40px;
	margin: 2.4rem 4rem;
}
blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}
.entry-content ul {
	margin-left: 20px;
}
.entry-content ol {
	list-style-position: outside;
	margin-left: 40px;
}

/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000063 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 16px;
	margin: 0 0 1.6rem;
	text-shadow: none;
}
h1 { font-size: 38px; }
h2 { font-size: 34px; }
h3 { font-size: 30px; }
h4 { font-size: 26px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }

/* Animation
--------------------------------------------- */
@-webkit-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade {
  0%   { opacity: 0; }
  50%  { opacity: .5 }
  100% { opacity: 1; }
}
@keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
li {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

/*Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* Header
--------------------------------------------- */
#main-header {
	border-bottom: 5px solid #000063;
}
#header-widget {
	text-align: right;
	padding-top: 30px;
	float: right;
  }
#header-widget .top-widget h3 {
	color: #666 !important;
	text-shadow: none;
	font-weight: bold;
	font-size: 30px;
}

/* Main Menu
--------------------------------------------- */
/*#et-top-navigation {
	float: none;
	width: 100%;
}
#et-top-navigation ul li {
	padding-right: 0;
}
#et-top-navigation ul li a {
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}
#et-top-navigation ul li.menu-item-has-children a {
	padding-right: 10px !important;
}
#et-top-navigation ul li.menu-item-has-children a:after {
	right: 2px !important;
	top: 12px !important;
}
#et-top-navigation ul li ul {
	top: 43px;
	left: 0px;
	border-top: 5px solid #0016c5;
	padding: 0;
}
#et-top-navigation ul li ul li {
	width: 100%;
}*/

#et-top-navigation, #et-top-navigation #top-menu-nav, #et-top-navigation #top-menu {
	width: 100%;
}
#et-top-navigation {
	padding-left: 0 !important;
}
#et-top-navigation #top-menu {
	display: flex;
    justify-content: space-around;
}
#et-top-navigation ul li ul {
	border-top: 5px solid #2EA3F2;
	padding: 0;
}
#et-top-navigation ul li ul li {
	padding: 0 !important;
	width: 100%;
}
#et-top-navigation ul li ul li a {
	width: 100%;
	color: #666666 !important;
	font-weight: normal !important;
	font-size: 14px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
#et-top-navigation ul li ul li a:hover, #et-top-navigation ul li ul li.current-menu-item a {
	color: #fff !important;
	background: #0016c5;
	font-weight: normal;
}

#et-top-navigation ul li.current-menu-item a, #et-top-navigation ul li.current-menu-parent a {
	font-weight: bold;
	color: #0016c5;
}

	
	
/* Slide
--------------------------------------------- */
.et_pb_slider .et_pb_slide_description {
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.et_pb_slider .et_pb_slide_description h2 {
	margin: 0;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	font-family: mistralregular;
	font-size: 7em;
	line-height: 0.85em;
	text-transform: lowercase;
}
.et_pb_slider .et_pb_slide_description .et_pb_slide_content p {
	font-weight: bold;
	font-size: 20px;
}

/* Content
--------------------------------------------- */
.et_pb_section {
	padding: 0;
}
.et_pb_column.et_pb_column_1_3 {
	width: 29.62962962962963% !important;
	margin-right: 5.555555555555556% !important;
}
.et_pb_column.et_pb_column_2_3 {
	width: 64.81481481481481%;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	border: 0;
	padding: 10px;
	background: blue;
	color: #fff;
	font-weight: bold;
}

/* Sidebar
--------------------------------------------- */
.et_pb_section .et_pb_column_1_3 .widget_nav_menu h4.widgettitle {
	margin: 0;
}
/*.et_pb_section .et_pb_column_1_3 .et_pb_widget_area {
	border-right: none;
}*/
.et_pb_section .et_pb_column_1_3 .widget_nav_menu ul.menu {
	margin-left: 0;
}
.et_pb_section .et_pb_column_1_3 .widget_nav_menu ul.menu li a {
	display: block;
	padding: 5px 10px;
	font-weight: bold;
}
.et_pb_section .et_pb_column_1_3 .widget_nav_menu ul.menu li {
	margin-bottom: 5px;
}
.et_pb_section .et_pb_column_1_3 .widget_nav_menu ul.menu li a:hover, 
.et_pb_section .et_pb_column_1_3 .widget_nav_menu ul.menu li.current-menu-item a {
	color: #fff !important;
	background: #0016C5;
}

/* Footer
--------------------------------------------- */
#footer-bottom {
	padding: 0;
}
#main-footer {
	background-color: #000063 !important;
}
#footer-widgets {
	padding-top: 30px;
}
#footer-widgets .footer-widget {
	width: 100% !important;
}
#footer-widgets .footer-widget #text-4 {
	float: left;
}
#footer-widgets .footer-widget #text-3 {
	float: right;
}
#footer-widgets .footer-widget .fwidget h4 {
	color: #fff !important;
	font-size: 16px;
	margin: 0;
}
#footer-widgets .footer-widget .fwidget p {
	font-size: 13px;
	line-height: 1.3;
}
#footer-widgets .footer-widget .fwidget .et-social-icons li:before, #footer-widgets .footer-widget .fwidget .et-social-icons a:before {
	border: 0 !important;
}
#footer-widgets .footer-widget .fwidget .et-social-icons li {
	padding: 0;
	margin: 0;
}
#footer-widgets .footer-widget .fwidget .et-social-icons li a {
	font-size: 14px;
}
#footer-widgets .footer-widget .fwidget .et-social-icons li a:hover {
	color: #fff !important;
}
#footer-widgets .footer-widget .fwidget .et-social-icons li a.icon:before {
	padding: 5px;
	background: #fff;
	color: #000063;
	margin-right: 10px;
}
#footer-widgets .footer-widget .fwidget .footer-copyright {
	font-size: 12px;
	clear: both;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1100px) and (min-width: 981px) {
	#main-header .container, .et_pb_row {
		width: 100% !important;
		padding: 0 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.et_pb_row {
		padding: 20px;
	}
	#et-top-navigation ul li a {
		font-size: 14.5px;
	}
}
@media only screen and (max-width: 980px) {
	#main-header {
		padding-bottom: 0;
		padding-top: 10px;
	}
	#main-header .container, .et_pb_row, #main-footer .container {
		width: 100% !important;
		padding: 0 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.et_pb_row {
		padding: 20px;
	}
	#main-header #logo {
		max-height: none;
		width: 300px;
	}
	#et-top-navigation #top-menu {
		display: none;
	}
	#main-header .mobile_menu_bar {
		padding-bottom: 0;
	}
	#et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before {
		font-size: 42px;
		color: #0016C5 !important;
	}
	#et_mobile_nav_menu ul.et_mobile_menu {
		left: auto;
		right: 10px;
		top: 100%;
		padding: 0;
		width: 220px;
		border-top: 5px solid #0016C5;
		-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
		box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
	}
	#et_mobile_nav_menu ul.et_mobile_menu li, #et_mobile_nav_menu ul.et_mobile_menu li a  {
		border: none;
	}
	#et_mobile_nav_menu ul.et_mobile_menu li a:hover {
		background: none;
	}
	#et_mobile_nav_menu ul.et_mobile_menu li.menu-item-has-children a {
		background-color: transparent;
	}
	#et_mobile_nav_menu ul.et_mobile_menu ul {
		border: none;
	}
	#et_mobile_nav_menu ul.et_mobile_menu ul li {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	#et_mobile_nav_menu ul.et_mobile_menu ul li a:hover, #et_mobile_nav_menu ul.et_mobile_menu li ul li.current-menu-item a {
		background: #0016c5;
	}
	#footer-widgets .footer-widget #text-4, #footer-widgets .footer-widget #text-3 {
		width: 50% !important;
	}
	#footer-widgets .footer-widget #text-3 .et-social-icons, #footer-widgets .footer-widget #text-3 .footer-copyright {
		text-align: right;
	}
	.et_pb_column.et_pb_column_1_3 {
		display: none;
	}
	.et_pb_column.et_pb_column_2_3 {
		width: 100%;
	}
	#footer-widgets .footer-widget #text-4, #footer-widgets .footer-widget #text-3 {
		width: 100% !important;
		text-align: center;
	}
	#footer-widgets .footer-widget #text-3 .et-social-icons, #footer-widgets .footer-widget #text-3 .footer-copyright {
		text-align: center;
	}
}
@media only screen and (max-width: 768px) {
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	h3 { font-size: 26px; }
	h4 { font-size: 20px; }
	h5 { font-size: 16px; }
	h6 { font-size: 16px; }
	/*#main-header #logo {
		position: absolute;
		left: 50%;
		margin-left: -150px;
		float: none;
	}*/
	#main-header #logo {
		text-align: center;
	    display: block;
	    margin: 0 auto;
	}
	#header-widget {
	    width: 100%;
		text-align: center;
		padding-top: 30px;
	}
	#header-widget .top-widget h3 {
		margin: 0;
		padding: 0;
	}
	#main-header .mobile_menu_bar {
		padding-bottom: 0;
	}
	#main-header #et_mobile_nav_menu {
		float: none;
		text-align: center;
	}
	#et_mobile_nav_menu ul.et_mobile_menu {
		right: auto;
		left: 50%;
		margin-left: -110px;
		top: 100%;
	}
	#et_mobile_nav_menu ul.et_mobile_menu ul {
		padding-right: 10px;
	}
	
	
	_:-moz-tree-row(hover), #et_mobile_nav_menu ul.et_mobile_menu {
		top: 100%;
	}
	_:-ms-input-placeholder, :root #et_mobile_nav_menu ul.et_mobile_menu {
		top: 100%;
	}
}

@media (min-width: 981px) {
	.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
		margin-bottom: 0;
	}
}
@media (min-width: 981px) {
	#main-header .container {
		width: 98% !important;
	}
}