/* 
 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: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#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: '\4d';
}


/* -------------------------------------*/
/*------ 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; /* Safari 6.1+ */
  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;  
}