/* LAST UPDATED: 01.15.2024 - SM - hid main class b/c margin-top was messing up secondary pages */

/* This is for base html, body tags and maybe frequently used classes like .container if they're overriding Bootstrap */

* ,
::after,
::before {
    box-sizing: inherit;
        -webkit-box-sizing: inherit;
}

html,
body {
    font-family: var(--primary-font-family);
    font-size: var(--base-font-size);
    font-weight: 300;
    line-height: 1.5;
}

html {
  overflow-x: hidden;
}

body {
    height: 100%;
    margin: 0 auto;
  	max-width: 100%;
  	width: 100%;
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 4002px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* For list pages in typical page layouts */
.container.list-item .row {
  margin: 0 0 1.5em 0;
  width: 100%; 
}

.container--squeeze {
    max-width: 700px;
}

/* Added 03.12.2024 to even out some issues on landing pages */
.module {
  margin: 0 auto;
}

.module,
.general-content.module {
    padding: 30px 0;
}

/* Also added 03.12.2024, this is an override */
.module .silc-grid {
  margin-left: 0 !important;
}

/* Mostly for the non-landing pages? 
.main {
    margin-top: 84px;
}
*/



/***** MEDIA QUERIES *****/
@media screen and (max-width: 768px) {
    /* Added 06.10.22 */
	.container.page-content {
      margin: 0;
      padding: 0 5px;
      width: 90%; /* Formerly 100% */
	}
}

/* Added 06.17.2022 */
@media screen and (max-width: 760px) {
  .container {
    width: 90%;
  }
  
  .section {
    margin: 1em 0 3em 0;
    width: 100%;
  }
  
  .module {
    margin: 0 auto !important; /* Added 06.10.22. CHanged to 0 auto on 06.24.22. */
    padding: 15px 0;
    width: 100%;  /* Added 06.10.22 */
  }
}

/* Added 05.10.2024 */
@media screen and (min-width: 769px) and (max-width: 1194px) {
  .container.page-content {
    width: 95%;
  }
}

/* Added 06.21.2022 */
@media screen and (min-width: 800px) and (max-width: 1080px) {
  .section {
    width: 95%;
  }
  
 .module {
   margin: 0; /* Added 06.10.22 */
   padding: 15px 0;
   width: 100%; /* Added 06.10.22 */
  }
}

@media screen and (max-width: 1080px) and (orientation: landscape) {
  /* Added 06.21.2022 */
  body {
    overflow-x: hidden;
  }
}