/*---------------------------*/
/* custom.css                */
/* j51_layla 4               */
/* www.thesciencecouncil.com */
/* modified 2024/11/18       */
/*---------------------------*/

/* ===========================  fonts  ==================================*/
@import url(http://fonts.googleapis.com/css?family=Garamond);

/* ============================== typography ==================================== */

p {
    margin-left: 0PX;
    margin-top: 10px;
    margin-right: 0PX;
    margin-bottom: 10px;

    line-height: 1.4;
    font-weight: 200 !important;
} 

h1 {
  font-size: 2.4em;
  font-weight: 800;
  margin-bottom: 1.6rem;
  color: #666;
}

h2, h2 a:link, h2 a:visited {
    font-family: Droid Sans, Arial, Verdana, sans-serif;
    color: #666;
  	font-size: larger !important;
    line-height: 140% !important;
}

a {
    font-weight: 700;
} 

/* ===========================  logo  ==================================*/
.logo {
    padding: 20px 0px 0px;
    max-width: 100%;
}

/* ======================== header =====================================*/

#container_header, #container_hornav {
    background-color: #dddddd !important;
}

/* ========================= navbar stuff  ======================== */

/*  navbar settings  */
/*  set font for navbar  */
 .hornav, .btn, .button, button {
    font-family: Titillium Web;
    font-size: 15px;
} 
/* sets drop-down menu fonts  */
.hornav ul.menu ul li a, .hornav ul.menu ul li span {
  color: #2d2d28;
  padding-left: 10pt !important;
  font-size: 10pt !important;
  line-height: 90% !important;
  font-weight: lighter !important;
}

  .module:first-of-type .module_surround {
    padding-top: 0px !important;
}  

.module .module_surround, .module_menu .module_surround {
    height: 100%;
    padding: 0px !important;
}  

/*  navbar centering  */
.hornav ul.menu {
  	margin-left: auto !important;
    margin-right: auto !important;
}
.hornav {
    position: relative;
    z-index: 10;
    display: flex;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
}
/*   set "sticky" navbar so it remains at top of page ALWAYS */
#container_header {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* =========================== top1 spacing =============================== */
 .module:first-of-type .module_surround {
    padding-top: 0px !important;
}
.module .module_surround, .module_menu .module_surround {
    height: 100%;
    padding: 0px !important;
} 
#container_top1_modules {
  	padding-top: 15px !important;  
}
  
/* ===========================  top2 spacing & bg ============================== */
.block_holder {
   /* padding-left: 50px;
  	padding-right: 50px; */
    padding-bottom: 10px;
    padding-top: 10px;
}

#container_top2_modules {
  	background-color: #a6a7ab !important;
}

/* ============================ j51_icons ================================= */

/* .j51_icon_layout_row-i-t i {
    align-self: auto !important;
    margin-right: 0.5rem !important;
} */

.j51_icons139 .boxed figure {
   	/* makes all boxes same height  */
    height: 200px;
}

.j51_icon h3 {
    margin: 0 0 5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.2rem;
    font-weight: bold !important;
}

.j51_icon.boxed figure {
    padding: 5px 5px 20px 5px !important;
    margin: 0;
} 

.j51_icons139 .boxed figure {
  background-color: rgb(221, 221, 221) !important;
}

/* ============================= article formatting  ==================== */
.blog-item {
  background-color: white !important;
  border: 1px solid black !important;
  padding: 15px !important;
}
/* ============================= acymailing 5 formatting  ==================== */ 
.acym_unsubscribe { font-size: 12px !important; color : #999999 !important; }

/* ============================= mobile device stuff  ==================== */
@media only screen and (max-width: 767px) {
    .sidecol_a, .sidecol_b {
        order: 0 !important;
        padding: 30px;
    }
}