/* 
 Theme Name:   RENAME ME
 Theme URI:    https://weareherd.co.uk 
 Description:  Your custom theme created by Herd
 Author:       Herd
 Author URI:   https://weareherd.co.uk
 Version:      1.0.0
 Template:     Divi
*/
img[title] {
	pointer-events: none;
}

/* -------------------------------------*/

/*-- NATIVE DIVI NAVIGATION FIXES --*/

/* -------------------------------------*/

/*-- REMOVING THE SUBNAV ARROW --*/
#et-top-navigation #top-menu li.menu-item-has-children a::after, #et-top-navigation #top-menu li.current-menu-item ul.sub-menu li.menu-item a::after, #et-top-navigation #top-menu li.current-page-ancestor ul.sub-menu li.menu-item a::after, #et-top-navigation #top-menu li.current-page-ancestor ul.sub-menu li.current-menu-item a::after {
	display: none;
}

#et-secondary-menu #et-secondary-nav li.menu-item-has-children a::after, #et-secondary-menu #et-secondary-nav li.current-menu-item ul.sub-menu li.menu-item a::after, #et-secondary-menu #et-secondary-nav li.current-page-ancestor ul.sub-menu li.menu-item a::after, #et-secondary-menu #et-secondary-nav li.current-page-ancestor ul.sub-menu li.current-menu-item a::after {
	display: none;
}

#top-menu li.menu-item-has-children a, #et-secondary-nav li.menu-item-has-children a {
	padding-right: 0px !important;
}

/*-- COLLAPSING THE MOBILE NAVIGATION --*/
#main-header .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
	position: relative;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
	font-family: "ETmodules";
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
	font-size: 16px;
	content: "L";
	top: 13px;
	right: 10px;
}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
	content: "M";
}

#main-header .et_mobile_menu ul.sub-menu {
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu {
	display: block !important;
	visibility: visible !important;
}

#main-header .et_mobile_menu .location, #main-header .et_mobile_menu .telephone-number, #main-header .et_mobile_menu .book-now-button {
	display: none;
}

#top-menu li.mobile-only, #top-menu li ul.sub-menu li.mobile-only, #et-secondary-menu #et-secondary-nav li.mobile-only, #et-secondary-menu #et-secondary-nav li ul.sub-menu li.mobile-only {
	display: none;
}

/*-- IMPROVING THE HAMBURGER --*/
.mobile_nav.opened .mobile_menu_bar:before {
	content: "M";
}

/* -------------------------------------*/

/*------ REORDER COLUMNS ON TABLET AND MOBILE -----*/

/* -------------------------------------*/
@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

/* -----------------------------------------------*/

/*------ CHANGE PORTFOLIO GRID TO 3 COLUMNS -----*/

/* ----------------------------------------------*/
@media only screen and ( max-width: 500px ) {
	.three-column-grid .et_pb_grid_item {
		width: 100% !important;
		margin: 0 0 8% 0 !important;
	}
}

@media only screen and ( min-width: 768px ) {
	.three-column-grid .et_pb_grid_item {
		width: 30.666% !important;
		margin: 0 4% 4% 0 !important;
	}
	
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left;
	}
	
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
}

/* -----------------------------------------------*/

/*------ CHANGE PORTFOLIO GRID TO 2 COLUMNS -----*/

/* ----------------------------------------------*/
@media only screen and (max-width: 767px) {
	.two-column-grid .et_pb_grid_item {
		width: 100% !important;
		margin: 0 0 8% 0 !important;
	}
}

@media only screen and ( min-width: 768px ) {
	.two-column-grid .et_pb_grid_item {
		width: 48% !important;
		margin: 0 4% 4% 0 !important;
	}
	
	.two-column-grid .et_pb_grid_item:nth-child(2n) {
		margin-right: 0 !important;
	}
	
	.two-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: unset !important;
	}
}

/* -------------------------------------*/

/*-- FOOTER STYLES --*/

/* -------------------------------------*/

/* Social Media Icons */
#herd-footer-columns .footerblock, #herd-footer-centre .footerblock {
	text-align: center;
}

#herd-footer-columns .footerblock .et_pb_blurb, #herd-footer-centre .footerblock .et_pb_blurb {
	width: 50px;
	display: inline-block;
	margin-bottom: 0 !important;
}

#herd-footer-columns .footerblock .et-pb-icon-circle, #herd-footer-centre .footerblock .et-pb-icon-circle {
	padding: 10px;
}

#herd-footer-columns .footerblock.left, #herd-footer-centre .footerblock.left {
	text-align: left;
}

/* Centered Footer Menu */
#herd-footer-centre .centered-footer-nav .widget_nav_menu {
	width: 100% !important;
	margin: 0 !important;
}

#herd-footer-centre .centered-footer-nav .widget_nav_menu ul.menu {
	text-align: center;
}

#herd-footer-centre .centered-footer-nav .widget_nav_menu ul.menu li {
	display: inline;
}

#herd-footer-centre .centered-footer-nav .widget_nav_menu ul.menu li + li:before {
	content: " | ";
	padding: 0 10px;
}

/* Left Aligned Footer Menu */
#herd-footer-columns .left-aligned-footer-nav .widget_nav_menu {
	width: 100% !important;
	margin: 0 !important;
}

#herd-footer-columns .left-aligned-footer-nav .widget_nav_menu ul.menu {
	text-align: left;
}

#herd-footer-columns .left-aligned-footer-nav .widget_nav_menu ul.menu li {
	display: inline;
}

#herd-footer-columns .left-aligned-footer-nav .widget_nav_menu ul.menu li + li:before {
	content: " | ";
	padding: 0 10px;
}

#herd-footer-columns ul.menu li.company a, #herd-footer-centre ul.menu li.company a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}