
/* ------------------------------ THIS STYLESHEET CONTAINS CSS PRESETS FOR THE HERD CHILD THEME ------------------------------------------ */

/* ------------------------------ DO NOT EDIT (INSTEAD USE /theme-specific.css) ------------------------------------------ */

/* -------------------------------------*/
/*-- 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-name a,
#herd-footer-centre ul.menu li.company-name a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;  
}



/* -------------------------------------*/
/*-- 50/50 TEXT/IMAGE STRIP STYLES --*/
/* -------------------------------------*/

@media only screen and (min-width: 768px) {
  .et_pb_row.fifty-fifty {
    display: flex;    
  }
}

@media all and (max-width: 767px) {
    /*** wrap row in a flex box ***/
    .et_pb_row.fifty-fifty {
    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-fifty-fifty {
  -webkit-order: 1;
  order: 1;
  }
  .second-on-mobile-fifty-fifty {
  -webkit-order: 2;
  order: 2;
  }

  /*** add margin to last column ***/
  .et_pb_row.fifty-fifty:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 980px)  { 
  .et_pb_row.fifty-fifty .et_pb_column {
    width: 50%!important;
  }
}


/* -------------------------------------*/
/*-- STANDARD LISTING ITEM STYLES --*/
/*-- (PORTFOLIO POSTS PRO) --*/
/* -------------------------------------*/

.standard-listing .et_pb_portfolio_item .entry-title {
  margin-top: 20px!important;
  margin-bottom: 20px;
}

.standard-listing .et_pb_portfolio_item p.post-meta {
  margin: 0;
  padding: 0;
}

.standard-listing .et_pb_portfolio_item p.dp-custom-field span.dp-custom-field-name {
  display: none;
}

.standard-listing .et_pb_portfolio_item p.dp-custom-field {
  display: block;
}

.standard-listing .et_pb_portfolio_item p.dp-post-excerpt a.more-link {
  display: block;
  margin-top: 10px;
}



/* -------------------------------------*/
/*-- LISTING ITEMS FILTER STYLES --*/
/*-- (FILTERABLE PORTFOLIO POSTS PRO) --*/
/* -------------------------------------*/

.et_pb_filterable_portfolio.nofilters .et_pb_portfolio_filters {
  display: none;
}



/* ----------------------------------------------*/
/*-- TILE LISTING ITEM STYLES --*/
/*-- (PORTFOLIO POSTS PRO) --*/
/* ----------------------------------------------*/

.tile-listing .et_pb_portfolio_item.et_pb_grid_item .entry-title {
  margin-top: 25px;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

.tile-listing .et_pb_portfolio_item p.dp-custom-field span.dp-custom-field-name {
  display: none;
}

.tile-listing .et_pb_portfolio_item p.dp-custom-field {
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}

.tile-listing .et_pb_portfolio_item p.dp-post-excerpt {
  padding-left: 30px;
  padding-right: 30px; 
  padding-bottom: 30px;
  padding-top: 15px;
}

.tile-listing .et_pb_portfolio_item p.dp-post-excerpt a {
  display: block;
  margin-top: 20px;
}



/* ----------------------------------------------*/
/*-- IMAGE TILE LISTING ITEM STYLES --*/
/*-- (PORTFOLIO POSTS PRO) --*/
/* ----------------------------------------------*/


.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title {
  position: absolute;
  top: 15px;
  padding-right: 30px;
  padding-left: 30px;
  line-height: 1.3em;
}

.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt {
  position: absolute;
  bottom: 25px;
  padding-right: 30px;
  padding-left: 30px;
  line-height: 1.2em;
}

.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item span.et_portfolio_image:after {
  content: '';
  background-image: linear-gradient(180deg,rgba(10,10,10,0.4) 30%,rgba(10,10,10,0.9) 70%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
  border-radius: 10px;
}

.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item span.et_portfolio_image img {
  border-radius: 10px;
}

.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item a {
  cursor: default;
  pointer-events: none;
}

.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title a,
.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt a {
  pointer-events: auto;
  cursor: pointer;
}

.et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt a {
  display: block;
  margin-top: 15px;
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title {
    bottom: 215px;
    top: auto;
  }
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt {
    bottom: 50px;
    line-height: 1.4em
  }
}
@media only screen and (min-width: 768px) {
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title {
    bottom: 200px;
    top: auto;
  }
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt {
    bottom: 15px;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 880px) {
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title {
    bottom: 225px;
  }
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt {
    bottom: 25px;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 1080px) {
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title {
    bottom: 230px;
  }
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item p.dp-post-excerpt {
    bottom: 30px;
    line-height: inherit;
  }
}
@media only screen and (min-width: 1320px) {
  .et_pb_dpblog_portfolio.image-tile-listing .et_pb_portfolio_item .entry-title {
    bottom: 210px;
  }
}








































/* -------------------------------------*/
/*-- PEOPLE SINGLE SOCIAL ICON STYLES --*/
/* -------------------------------------*/

.profile-social-icons .social-icon .et-pb-icon {
    font-size: 34px;
    margin-right: 10px;
}







