/*
 Theme Name:   Lucid Rhino
 Theme URI:    https://firstf.co.uk
 Description:  Divi Child Theme
 Author:       Lucid Rhino Web Design - Aidan Ashby
 Author URI:   https://lucidrhino.design
 Template:     Divi
 Version:      0.5.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  divi-child
*/




:root {
	-theme-blue: #19234b;
	-theme-blue-rgba: 25, 37, 75;
	-theme-gold: #a17b49;
	-theme-gold-rgba: 161, 123, 73;
}


/* Cursor selection colours */
::-moz-selection {background: var(--theme-gold); color: white;}
::selection {background: var(--theme-gold); color: white;}


/* Scroll to top button */
.et_pb_scroll_top.et-visible, .et_pb_scroll_top.et-hidden {
	background: var(--theme-blue);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
	border: 3px solid white;
    border-right: none;
}


/* Vertically align contents */
.vertcenter {
	display: flex;
	justify-content: center;
	flex-direction: column;
}


/* Main menu search */
.et_pb_menu__close-search-button, .et_pb_menu__search input, .et_pb_menu__search input::placeholder, .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input {
	color: white !important;
}
.et_pb_menu .et_pb_menu__search-container {
	left: auto;
	max-width: 700px;
	right: 0;
}
.et_pb_menu .et_pb_menu__search-form, .et_pb_fullwidth_menu .et_pb_menu__search-form {
    padding-left: 5px;
}


/* Main menu text size */
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
	font-size: 21px; color:#1e2548;
}

/* Hover state */
.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
    color: #a17b49;
    opacity: 1;/* Change to your desired hover color */
}


/* Occasional gold text */
.gold {
  color: #A17B49;
}


/* Button corners, change on hover */
a.et_pb_button, button.et_pb_button {
  border-radius: 0 10px 0 10px !important;
}
a.et_pb_button:hover, button.et_pb_button:hover {
  border-radius: 10px 0 10px 0 !important;
}



/* Main menu button */
.et-menu>li.menucta a {
	transition: all 300ms ease 0ms;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.menucta>a, .et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menucta>a {
	background-color: #a17b49;
	font-family: Lora;
	color: white !important;
	/*max-height: 40px;
    margin: 17px 14px 0 14px !important;
	border: 3px solid white;*/
	border-radius: 0 10px 0 10px;
	padding: 10px 20px;
	height: 50px;
	margin-top: 13px;
}
/*.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.menucta {
	max-width: 150px;
    text-align: center;
}
.menucta a, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.menucta a {
	color: inherit !important;
	padding: 10px 5px 8px 5px !important;
	transition: all 0s !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.menucta a {
	padding: 5px 5px 8px 10px !important;
}*/
.et_pb_menu_0_tb_header.et_pb_menu ul li.menucta a:hover {
	background-color: #1E2548;
	color: white !important;
	border-radius: 10px 0 10px 0;
}
.et-menu>li.menucta a:hover {
    background-color: #1E2548;
    opacity: 1;
}



/* Margin below h2 and list items */
h2, li {
  margin-bottom: 15px;
}



/* Bold standfirst on team member page */
.single-team .et_pb_post_content p:first-child {
	font-weight: bold;
}
.fancy_title span {
	font-size: 60px;
	font-weight: 400;
	color: var(--theme-gold);
	font-family: 'Lora',Georgia,"Times New Roman",serif;
}
.fancy_title span:last-child {
	font-weight: 700;
}



header .et_pb_row_0_tb_header.et_pb_row {
	padding: 40px 0;
}



/* Team member thumbnails all same height */
/* Desktop And Above */
@media all and (min-width: 981px) {
	.teamloop img {
		height: 300px;
		object-fit: cover;
	}
}
/* Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
	.teamloop img {
		height: 250px;
		object-fit: cover;
	}
}
/* Smartphone Only */
@media all and (max-width: 767px) {
	.teamloop img {
		height: 200px;
		object-fit: cover;
	}
}
.teamloop h2 {
	margin-bottom: 0;
}



/*style the wp-pagenavi pagination links*/
.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #f1f3f5;
	font-size: 0.7em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}
/*style the wp-pagenavi current page number*/
.wp-pagenavi span.current {
	color: #ffffff !important;
	background: var(--theme-blue) !important;
	border-radius: 100px;
}
/*style the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
	color: #ffffff !important;
	background: var(--theme-blue) !important;
}
/*style the wp-pagenavi pages text*/
.wp-pagenavi .pages {
	background: none;
}
/*remove border and center the wp-pagenavi links*/
.wp-pagenavi {
	border-top: none;
	text-align: center;
	padding-top: 40px;
}



/* Post carousel titles */
.dsm-post-carousel h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.dsm_post_carousel.dsm_post_carousel_0 .dsm-entry-wrapper {
	padding: 10px 0;
}
.dsm-post-carousel .dsm-entry-wrapper header h2 {
	background: #f1f2f2;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0px 4px 6px #ddd;
}



/* White contact form labels for dark background */
.et_pb_contact_field_options_title, .et_pb_contact_field_checkbox label, .et_pb_contact_field_radio label {
	color: white;
}



/* Post inputs */
.single-post input.text, .single-post input.title, .single-post input[type=text], .single-post select, .single-post textarea {
	margin: 10px 0;
	padding: 10px;
	width: 300px;
	max-width: 100%;
	font-size: 24px;
	border: 2px solid #a17b49;
	background-color: #f0f0f0;
}
/* Mortgage calc button */
button#calcMortgage {
	padding: 15px 50px;
    background-color: #A17B49;
    color: white;
    border: none;
    margin: 20px 0;
    font-size: 18px;
	border-radius: 0 10px 0 10px !important;
}
button#calcMortgage:hover {
	background-color: #19234b;
	border-radius: 10px 0 10px 0 !important;
	cursor: pointer;
}