@charset "UTF-8";
/* CSS Document */

 * Town of Stellarton
 * J4 Admin Template (Atum) Customisations
 * a variety of minor and subtle size changes, hilites and masking reducing
 * some of the glare & "super-sized" look & feel
 * @RussW 18-Aug-2021
 */  
	 
/* CSS */	 
	 
	 
	 
	 
#mod-custom115 span { ;}
#mod-custom115 {position: absolute; top: 35px; left: 35px;}
#mod-custom115 span, #mod-custom131 span {text-indent: 200%; white-space: nowrap; overflow: hidden; display: block;}

.site .container-below-top {
    position: relative;
    max-width: 1320px;
}

/* Main content container */
main {max-width: 820px; line-height: 1.6; font-size: 1.05rem;}

/* Paragraph spacing */
main p {margin-bottom: 1.2rem;}

main h1 {font-size: 2.25rem; margin-bottom: 1rem; line-height: 1.2;}
main h2 {margin-top: 2rem; margin-bottom: 0.75rem;}
main img {box-shadow: 0 4px 12px rgba(0,0,0,0.08);}




#councillors {display: flex; flex-wrap: wrap; flex; justify-content: space-between; margin: 40px 0 0 0;}

#councillors section h2 {font-size: 1.5em; margin: 30px 0 0px 0;}
#councillors img {padding: 2px; border: 1px solid #000;}
#councillors section {margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5;}

.council-intro {
    font-size: 1.05rem; background: #f8f9fb; padding: 1rem 1.25rem; border-left: 4px solid #1e3a8a;
    border-radius: 4px;}

.sidebar-left a {
    display: block;
     padding: 0.3rem 0.6rem ;
    border-radius: 4px;
}

.sidebar-left a:hover, .sidebar-left .current a, .sidebar-left  a:focus-visible {background: #f0f4ff;}


.sidebar-left { position: sticky;  top: 71px;  align-self: flex-start; height: fit-content;}
.site .sidebar-left .mod-list li {padding: 0px 0.25em;}


.site .dj-megamenu-clean li ul.dj-submenu > li > a {padding: 6px 20px;}
#mod-custom117 {position: absolute; top: 5px; right: 5px; width: 400px;}
#mod-menu130 {position: absolute; top: 100px; right: 25px;}
#mod-menu130 a {color: #fff;}
.itemid-101 #mod-menu130 .item-101 {display: none;}
	 
.site #dj-megamenu111mobile button {width: 126px !important;}

#mod-custom131 .facebook a {background: url(../images/social.png) 1px 0  no-repeat;}
#mod-custom131 .instagram a {background: url(../images/social.png) -39px 0  no-repeat;}
#mod-custom131 .youtube a {background: url(../images/social.png) -80px 0  no-repeat;}

#mod-custom131 .facebook a:hover, #mod-custom131 .facebook a:focus {background: url(../images/social.png) 1px -60px  no-repeat;}
#mod-custom131 .instagram a:hover, #mod-custom131 .instagram a:focus {background: url(../images/social.png) -39px -60px  no-repeat;}
#mod-custom131 .youtube a:hover, #mod-custom131 .youtube a:focus {background: url(../images/social.png) -80px -60px  no-repeat;}



#mod-custom131 {position: absolute; top: 160px; right:85px;}
#mod-custom131 ul {display: flex; display: flex; margin: 0; padding: 0; width: 159px; justify-content: space-around;}
#mod-custom131 li {list-style: none;}
#mod-custom131 li a {width: 35px; height: 35px; display: block;}

.itemid-101 #mod-custom131 {position: absolute; top: 160px; right:40px;}

.itemid-756 h1:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

}.site .container-header .grid-child {position: relative; padding: 0;}
.site header.header.container-header {min-height: 220px; position: relative;}
.dj-megamenu-wrapper {position: absolute; top: 190px; left: 50%; transform: translate(-50%, -50%); min-width: 533px;}
.site .container-header {background: #1931b2;}

.com-content-article__body a[href^="http:"], .com-content-article__body a[href^="https:"] {padding: 0 11px 0 0; background: url(../images/external.gif) top right no-repeat; padding: 0 17px 0 0;}

.item-page a[href^="http:"], .item-page a[href^="https:"] {padding: 0 11px 0 0; background: url(../images/external.gif) top right no-repeat; padding: padding: 0 17px 0 0;}

/*	
/* Site Map */

main #osmap #osmap-menu-uid-mainmenu {display: none;}
main #osmap a a[href^="http:"], main #osmap a[href^="https:"] {background: none;}
main #osmap li {list-style: none;}

h1, h2, h3, h4, h5 h6 {font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 700;}
h1, .docman_category h3.koowa_header {font-size: 2.5rem;  line-height: 1.04; margin: 1em 0; font-weight: 700;}
h2 {font-size: 1.9rem;  line-height: 1.1111111111;  margin:0 0 .75em 0; font-weight: 600;}
h3 {font-size: 1.7rem;  line-height: 1.3157894737;  font-weight: 500; margin:40px 0 10px 0;}
h4 {font-size: 1.3rem; line-height: 1.3157894737; font-weight: 500; margin:40px 0 10px 0;}
h5 {font-size: 1.1rem; line-height: 1.3157894737; font-weight: 500; margin:40px 0 10px 0;}
main p,  main td, .newsintro p {font-size: 1.17rem; line-height: 1.3157894737; font-family: "lato", sans-serif; font-weight: 400; font-style: normal; margin-bottom: 1rem;}
main a, main li {font-family: "proxima-nova", sans-serif; font-weight: 400; font-style: normal;}


main a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: .1578em;
}

main a:hover, main a:focus {
    text-decoration-thickness: max(3px, .1875rem, .12em);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
}



main li {line-height: 1.615789; font-size: 1.17rem;}

/* Base link style */
a {
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.15em;
    text-decoration-skip-ink: auto;
}

/* Hover state */
a:hover {
    text-decoration-thickness: 0.18em;
}

/* Focus state for keyboard users */
a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    text-decoration-thickness: 0.18em;
}

/* Active state (optional but useful) */
a:active {
    text-decoration-thickness: 0.2em;
}
 


/* Tables */
.item-page table, .blog table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em; width: 100%;}
.item-page tbody tr, .blog tbody tr {border: 1px solid #eee;}
.item-page th, .item-page td, .item-page caption, .blog th, .blog td, .blog caption {padding: 0.25em .5em; text-align: left;}
.item-page tbody tr:nth-child(odd) td, .blog tbody tr:nth-child(odd) td {background-color: rgba(250,250,250,1)}


.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 auto 20px auto;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

blockquote {background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px;}
blockquote:before {color: #ccc; content: "»"; font-size: 4em; line-height: 0.3em; margin-right: 0.25em; vertical-align: -0.08em;}
blockquote p {display: inline;}

sr-only, .itemid-101 h1 {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}





 /* JCE Editor styles */ 
.item-page .image_right, .blog .image_right  {float:right; margin: 0 0 15px 15px;}
.item-page .image_right_drop_shadow, .blog .image_right_drop_shadow  {float:right; margin: 0 0 15px 15px; -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45); 
box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);}
.item-page .image_left, .blog .image_left {float:left; margin: 0 15px 15px 0;} 
.item-page .image_left_drop_shadow, .blog .image_left_drop_shadow  {float:left; margin: 0 15px 15px 0; -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45); 
box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);}
.item-page .image_right_border, .item-content .image_right_border, .blog .image_right_border  {float:right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #aaa;}
.item-page .image_left_border, .item-content .image_left_border, .blog .image_left_border {float:left; margin: 5px 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.item-page .image_left_border-no-float, .blog .image_left_border-no-float {float:none; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #aaa;}

.item-page .image_centered_border, .blog .image_centered_border img {margin: 0 auto 30px auto; display: block; height: auto; width:auto; padding: 2px; border: 1px solid #aaa;}
.item-page p.center_image, .blog p.center_image {text-align:center; margin: 25px 0;}
.item-page p img.center_image, p.center_image img, .blog p img.center_image  {display:block; margin: 0 auto 10px auto; width:auto;}
.item-page p img.center_image_border, p.center_image_border img, .blog p img.center_image_border  {display:block; margin: 0 auto 10px auto; width:auto; border: 1px solid #aaa; padding: 2px;}
.bg-image {background: url(../images/content-bg.png) right bottom no-repeat;}


@media only screen and (min-width: 550px) {
	
}


@media only screen and (max-width: 745px) and (min-width: 230px) {
	
}

@media print { 
  html, body { margin: 0;  padding: 0; width: 100%;}
  body { background-color: White; color: Black; font-size: 12pt;}
  * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group }
  tr, img { page-break-inside: avoid }
  img { max-width: 100% !important }   
  .sidebar-left, .mod-breadcrumbs__wrapper, #back-top, .aux {display: none;}
  .container-topbar, div.sm, #mod-custom130, .grid-child.container-nav, .latestnews-items .linkleft, 
/*	.readalllink, #mod-custom149, .container-sidebar-left {display: none;}	
  .site .customlogo span {height: auto; color: #000; text-indent: 2px; font-size: 40pt; font-weight: 400;}
 .features section h3 {text-align: left;}
 .item-page  {border: none;}
	.site-grid {display: block;}
*/	
}