/*
Theme Name: n_twentytwentyfour
Theme URI: https://nikki.xhostcustomers.co.uk
Description: Nikki's theme
Author: d7 Enterprises
Author URI: http://d7enterprises.co.uk
Template: twentytwentyfour
Version: 1.0.0
*/
@import url("font-awesome.min.css");

/* How to Style Horizontal Rule HTML (hr tag) on WordPress 
       https://thesideblogger.com/horizontal-rule-html-css-wordpress/
hr_diamond; hr_bow_gradient; hr_reflectedmoon; hr_threelargedots; hr_dotdashdot
*/

hr.hr_diamond {
  overflow: visible!important; 
  padding: 0!important;
  height: 1px!important;
  width: 90%!important;
  max-width: 90%!important;
  border: 1px #000!important;
  color: #000!important;
  text-align: center!important;
  background-image: linear-gradient(to right, #f6f6f6, #000000, #f6f6f6)!important; 
  margin: 35px auto!important;
}
hr.hr_diamond:after {
  content: "⯁";
  display: inline-block!important;
  position: relative!important;
  top: -0.65em!important;
  font-size: 1.6em!important;
  padding: 0 0.5em!important;
  background: #fff!important; /* use hex code of the background color of your page */
}

hr.hr_bow_gradient {
  width: 90%;
  max-width: 90%!important;
  border: 0!important;
  height: 2px!important;
  background: #000000!important;
  background-image: linear-gradient(to right, #f6f6f6, #000000, #f6f6f6)!important;
  margin: 35px auto!important;
}

hr.hr_reflectedmoon {
  overflow: visible!important; 
  width: 25px!important;
  max-width: 25px!important;
  margin: 50px auto 25px!important;
  height: 30px!important;
  border-style: solid!important;
  border-color: #000!important;
  border-width: 1px 0 0 0 !important;
  border-radius: 30px!important;
  background-color: #fff!important; 
}
hr.hr_reflectedmoon:after {
  display: block;
  content: "";
  height: 30px;
  margin-top: -30px;
  border-style: solid;
  border-color: #000;
  border-width: 0 0 1px 0!important;
  border-radius: 30px!important;
}

hr.hr_threelargedots { 
  overflow: visible!important; 
  padding: 0!important; 
  height: 30px!important; 
  width: 90%!important; 
  max-width: 90%!important; 
  border: 0!important; 
  text-align: center!important; 
  margin: 35px auto!important;
  background-color: #fff!important; 
}
hr.hr_threelargedots:after { 
  content: "● ● ●"; 
  display: inline-block!important; 
  position: relative!important; 
  font-size: 1.3em!important; 
  padding: 0 0.5em!important; 
  color: #000;
}

hr.hr_dotdashdot { 
  overflow: visible!important; 
  width: 35px!important; 
  max-width: 35px!important; 
  border: 0!important;
  border-bottom: 3px dashed #000!important;
  background: #fff!important;
  margin: 35px auto!important;
}
}