@charset "utf-8";
/*
  DOCUMENT INFORMATION:
    Type: CSS Document
    Title: /css/macroductadvanced.css
    Description: Custom CSS for macroductadvanced.com website
    Authorship:
        Original Author: Joe Levi, Webmaster; 20205-06-26
        Last Updated: Joe Levi, Webmaster; 20205-06-26

*/


/*
.bubble-font {
    font-family: 'Baloo Bhaina 2', cursive;
}
    
.modal-content  {
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;   
}

.modal-header  {
    -webkit-border-radius: 50px 50px 10px 10px !important;
    -moz-border-radius: 50px 50px 10px 10px !important;
    border-radius: 50px 50px 10px 10px !important; 
}
*/

.ucase {
  text-transform: uppercase;
}

.macro-btn-primary,
.macro-btn-secondary {
  border-radius: 50px;
  padding: 6px 25px;
  margin: 6px 0;  
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  width: 100%;  
}

.macro-btn-primary {
  color: #fff;
  border: 2px solid #7AB828;
  background: #7AB828 !important;
}

.macro-btn-secondary {
  color: #2A4960;
  border: 2px solid #7AB828;
  background: #fff !important;

}

.macro-btn-primary:hover,
.macro-btn-secondary:hover {
  color: #2A4960;
  border: 2px solid  #2A4960;
  background: #7AB828 !important;
}

.product-card img {
  display: block;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.zoom {
  transition: ease 0.5s;
}

.zoom:hover {
  transform: scale(1.0125); /* (Note: if the zoom is too large, it will go outside of the viewport or its container) */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.agenda-table th {
  color: #2A4960;
  padding: 0.5em;
}

.agenda-table tr {
    border-bottom: 1px solid #2A4960;
    height: 2.5em;
}

.agenda-table td {
    padding: 0.5em;
}

.macro-more::after {
  content: " >>";
}

.columns-2 {
  columns: 2;
  column-gap: 3em;
  text-align: justify;
}

.columns-3 {
  columns: 3;
  column-gap: 1.5em;
  text-align: justify;
}

.uline {
  text-decoration: underline;
}

dt {
  float: left;
  clear: left;
  width: 100px;
  font-weight: bold;
}

dt::after {
  content: ": ";
}

dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

.press-heading {
   text-align: center;
   font-size: 1.5em;
}

.press-footer {
  background-color: #2d5e72;
  color: white;
  padding: 20px;
  padding-right: 40px;
}

.press-footer div {
  text-align: right;
}

.dateline {
  font-weight: bold;
}

.dateline::after {
  font-weight: bold;
  content: " - ";
}