/*
Theme Name: MFD
Description: Child theme
Author: Carol Thomson
Author URI: http://firestreammedia.com
Template: Divi
Version: 1.0

dk blue: 073269  
med blue: 8CBBF8
blue-gray:  DEE5EF
*/

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

:root {
  --main: #073269;
	--accent: #8FAE41;
  --btn: #8CBBF8;
}

h1, .et_pb_title_container h1 {font-size: 2.8rem; padding: 16px 0 0; line-height: 1.2em; text-transform: uppercase; font-weight:600 !important;}
h2 {font-weight:700 !important; font-size: 2rem !important; line-height:1em; padding-bottom: 20px;}
h3 {font-weight:700 !important; font-size: 1.5rem !important; padding: 0; line-height:1em; margin-bottom: 6px;}
.home h1, h2, h3 {color: var(--main); font-size: 2.5rem;}
.home h1 {padding-bottom: 1em; text-transform:none;}

.et_pb_module a, .et_pb_module a:hover {text-decoration: underline; color:var(--main) !important;}
.et_pb_module a:hover {color:var(--accent) !important}

p, .et_pb_text {font-size:1.3rem; line-height:1.5em}
p#small {font-size:1.6rem; line-height:1.6em}
ul li {padding-bottom: 0.5em;}

#buttons {display:flex; justify-content:flex-end; margin:40px 0 10px;}
#buttons a {margin-left:16px; background-color: var(--btn); padding:12px 6px; border-radius: 12px; color:var(--main); text-decoration: none; font-size:1.3rem; font-weight:500; text-align: center; width:160px;}
#buttons a:hover {background-color:var(--accent); color:var(--main) !important}
h4.phone { text-align: right; font-size: 1.5rem;}
h4.phone a, h4.phone a:hover {color:#fff !important; text-decoration: none !important; font-weight:600;}

.et-menu a {text-decoration: none !important;}
.et-menu a:hover {opacity: 1;}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor a {color:#8CBBF8 !important;}
.et_pb_menu_0_tb_header {margin-top: -14px !important;}

.et_mobile_menu li a {text-decoration: none !important;}
ul#mobile_menu1 li a {color:var(--main) !important;}

/* HOME */
.home .serving p {font-size: 1.1rem;}

/* SECONDARY */
.book-online ul {margin-top:1em;}
#buttons a.book-online {background-color: var(--accent); color:#fff;}
#buttons a.book-online:hover {background-color: var(--main);  color:#fff !important}

#mfd-footer {padding:20px 0 0}
#mfd-footer .et_pb_text_inner, #mfd-footer .et_pb_text_inner p {font-size:1.1rem !important; color:#fff !important;}
#mfd-footer .et_pb_text_inner a, #creds.et_pb_module a {color:#fff !important;}
#mfd-footer .et_pb_text_inner a:hover, #creds.et_pb_module a:hover {color:var(--accent) !important;}
#mfd-footer .et_pb_text_inner a.phone {text-decoration:none;}
#mfd-footer .et_pb_text_inner a:hover.phone {text-decoration:none; color:#fff !important}

#creds p {color:#fff !important; font-size:14px !important; padding:0 30px 10px 0;}


/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1160px ) {   
  #mfd-footer .et_pb_text_inner, #mfd-footer .et_pb_text_inner p {font-size:1rem !important;}
}
@media only screen and ( min-width: 981px ) and ( max-width: 1024px ) {  
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {font-size: 18px !important;}
}

/* Tablets and below */
@media only screen and ( max-width: 980px ) {
	.et_pb_column_0_tb_header {width:40%}
  .et_pb_image_0_tb_header .et_pb_image_wrap img {width: 90% !important;}
	.et_pb_column_1_tb_header {width:55%}
	#buttons.page {justify-content:center}
	
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.custom_row {  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;-webkit-flex-wrap: wrap; /* Safari 6.1+ */flex-wrap: wrap;}
	.first-on-mobile {-webkit-order:1; order: 1;}
	.second-on-mobile {-webkit-order:2; order: 2;}
	.third-on-mobile {-webkit-order:3; order: 3;}
	.custom_row:last-child .et_pb_column:last-child {margin-bottom: 30px !important;}
}
	
/* Smartphones All */
@media all and (max-width: 767px) {                                      
	.et_pb_column_0_tb_header, .et_pb_column_1_tb_header {width:100%}
	#buttons {justify-content:center}
	.et_pb_module .mobile_menu_bar::before {top: -180px;}
	.et_pb_menu .et_mobile_menu {top: -140px;}
	h4.phone { text-align: center;}
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {                         
	#buttons.header a {font-size: 1.1rem; padding:8px 4px; width:120px;}
	#buttons.header a:first-of-type {margin-left:0;}
	.home h1 {font-size: 2.2rem; padding-top:0;} 
	h1, .et_pb_title_container h1 {font-size: 2.5rem;}
}
@media only screen and ( max-width: 390px ) {  
	.et_pb_module .mobile_menu_bar::before {top: -140px;}
	.et_pb_menu .et_mobile_menu {top: -100px;}
	#long-h1 .et_pb_title_container h1 {padding-top:0}
}