/*
Theme Name:		cms
Description:	Cheeky Monkey Studios Ltd - Theme
Author:				Cheeky Monkey Studios Ltd
Template:			Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*#page-container { padding-top: 255px !important; }*/
h2 {
	padding-bottom: 10px;
	color: #333;
	font-weight: 500;
	line-height: 1.2em;
}

#top-header .container { padding-top: 0em !important; font-weight: 600; width: 100%; }
#et-info { display: block; padding-bottom: 5px; padding-top: 5px; font-size: 1.5em !important; font-weight: 300; letter-spacing: 2px; }
a[href^=tel] { color: inherit !important; text-decoration: none !important; font-size: 36px !important; }

#top-menu li a { font-size: 1.2em !important; font-weight: 600; }
#top-menu-nav > ul > li > a:hover { opacity: 1; color: #ffffff !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#top-menu li { display: inline-block; padding-right: 22px; margin-top: 13px; font-size: 14px; }

/* Top navigation style - width and colour */
.et_header_style_centered #main-header div#et-top-navigation {
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #02563d;
}

.social-icons { position: relative; float: left; text-align: left; padding: 5px 0px 0px 0px; }
.social-icons img, .social-icons-footer img { width: 30px; }
#footer-container .social-icons { position: relative; float: left; width: 100%; text-align: center; padding: 5px 0px 0px 0px; color: #fff !important; }
#footer-container .social-icons .fa-facebook-f { padding-right: 10px; font-size: 28px; color: #fff; top: -3px; position: relative; }
#footer-container .social-icons .fa-instagram { font-size: 35px; color: #fff; }
.fa-facebook-f { padding-right: 10px; font-size: 28px; color: #02563d; top: -3px; position: relative; }
.fa-instagram { font-size: 35px; color: #02563d; }

#main-header {
	position: relative;
	z-index: 9998;
	top: 0;
	width: 100%;
	background-color: #fff ;
	font-weight: 500;
	line-height: 23px;
	box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1);
}

/* Style mobile menu - width and text colour */
.container { width: 100%; max-width: 1080px; margin: auto; }
.et_header_style_centered .mobile_nav .select_page { color: #ffffff !important; }
.mobile_menu_bar::before { color: #ffffff !important; }
.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row { width: 100% !important; max-width: 100% !important; } /* Makes the header image full width on mobile */
.nav ul li a:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.2); }
#top-menu li li a { width: 200px; padding: 6px 10px; }
#main-header .et_mobile_menu li ul { display: block !important; visibility: visible !important; padding-left: 0px; }
.et_mobile_menu li li { padding-left: 0%; }

.nav li ul { position: absolute; padding: 0px 0; }
#top-menu li li { margin: 0; padding: 0 0px; width: 100% !important; }
#top-menu li li a { width: auto; padding: 4px 16px 8px 16px; }
.nav li ul { width: 256px; }
.nav li li ul { top: -3px; left: 256px; }
.nav li.et-reverse-direction-nav li ul { right: 256px; }

#et-info-phone::before { display: none; }
#et-info { float: right; text-align: right; letter-spacing: 0px; }
#et-info-phone { margin-right: 0px; font-size: 1em; font-weight: bold; }

.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-hyphen, .footer-text { position: relative; float: left; width: auto; }
.footer-col-hyphen { width: 10px; padding-left: 3px; padding-right: 4px; }
#footer-info { padding-bottom: 0px; color: #666; text-align: center; width: 100% !important; }
#footer-container { margin: 0 auto; width: 580px; }
#footer-bottom { padding: 10px 0 15px 5px !important; }
.footer-text { width: 100%; text-align: center; }

.et-pb-contact-message { text-align: center !important; }
.et_pb_contact p input { background-color: #fff !important; }
.et-pb-contact-message ul { list-style: none; }

/* Testimonials properties */
blockquote.easy_testimonial p { width: auto; text-align: center; }
.testimonial-client { font-weight: bold; }
.date { display: none !important; }
.easy-t-cycle-pager span { color: #ffffff; }
.easy-t-cycle-pager span.cycle-pager-active { color: #999999; }

.et_pb_pagebuilder_layout .entry-content { padding-top: 65px; }

@media all and (min-width: 320px) and (max-width: 980px) {
	#main-header { top: 30px !important; }
	.et_header_style_centered #main-header { padding: 15px 0; padding-bottom: 0px; }
	.logo_container { height: 89px !important; }
	.et_header_style_centered header#main-header.et-fixed-header .logo_container { height: 89px !important; }
	#page-container { padding-top: 185px !important; }
}

@media all and (min-width: 280px) and (max-width: 768px) {
	.fa-instagram { font-size: 28px; color: #02563d; }
	.fa-facebook-f { padding-right: 5px; font-size: 23px; color: #02563d; top: -3px; position: relative; }
	.et_pb_pagebuilder_layout .entry-content { padding-top: 4px; }
	.social-icons { width: 20%; text-align: left; }
	h1, h2 { font-size: 20px; line-height: 1.2em; padding-top: 20px !important; padding-bottom: 25px !important; }
	.center-text { text-align: center !important; }
	#top-header .container { padding-top: 0em !important; font-weight: 600; width: 100%; text-align: center; }
	#et-info { display: block; padding-bottom: 5px; padding-top: 2px; font-size: 1em !important; font-weight: 300; letter-spacing: 1px; width: 70%; text-align: right; }
	.et_pb_column { margin-bottom: 0px; }
	.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-hyphen { position: relative; float: left; width: 100%; }
	.footer-col-hyphen { display: none; }
	#footer-container { margin: 0 auto; width: 100%; }
}

@media all and (min-width: 320px) and (max-width: 980px) {
	#top-header .container { padding-left: 10px; padding-right: 10px; }
	h1, h2 { padding-top: 20px !important; padding-bottom: 25px !important; }
	.et_header_style_centered .et_mobile_menu { top: 50px; }
/*	.et-fixed-header#et_mobile_nav_menu { border: solid 1px red; height: auto !important; }*/
	.et_header_style_centered #logo { max-height: 95%; max-width: 80% !important; }
	.social-icons img { width: 28px; padding-top: 2px; }
	#et-info { padding-top: 10px; }
	#et-info-phone a { font-size: 1em !important; }
	.et_pb_column { margin-bottom: 0px; }
	.et_header_style_centered #logo { max-height: 95%; }
	.et_header_style_centered .et_mobile_menu { top: 34px; }
	.et_mobile_menu { padding: 0%; border-top: 1px solid #000000; text-align: center; }
}
	
@media all and (min-width: 981px) {
	#main-header { top: 40px !important; }
	body.admin-bar.et_fixed_nav #main-header { top: 67px !important; }
	.et_header_style_centered #main-header .logo_container { max-height: 170px !important; }
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container { padding-top: 189px !important; }
	.et_fullwidth_nav #main-header .container { width: 100%; max-width: 100%; padding-right: 0px !important; padding-left: 0px !important; }
	.et_header_style_centered #top-menu > li > a { padding-bottom: 0px !important; margin-bottom: 17px !important; }
}