body{ font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;	color:#000; font-size:16px; }
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 1px;
}
.hidethisme { display: none;}
.col-xs-5ths {
    width: 20%;
    float: left;
}

.clear {clear: both;}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.form-control {border-radius: 0px;}
.btn {border-radius: 0px;}

.container,
.container-fluid{ position:relative; z-index:1;}
.last-modified { text-align: right;font-size: 14px;}
.no-gutter{ padding-left:0; padding-right:0; }
.box {padding-top: 20px;}
.no-padding-left{ padding-left:0; }
.no-padding-right{ padding-right:0; }
#welcome.bottom-gutter { padding-bottom: 50px; }
h2{ font-size:24px; font-weight:bold; margin-top:30px; }
h3{ font-size:20px; font-weight:bold; }
h4{ font-size:18px; }
h5{ font-size:16px; }
label {font-weight: 500;}
p{ margin:0 0 15px 0;}
a[href*="#hovertext"] {cursor: help; text-decoration: none!important; border-bottom:1px dashed #2c6ca1;}
.tooltip-inner {word-wrap: break-word;text-align: left;white-space: pre-line; padding: 5px 20px; text-align: center;font-size: 13px;}
a {color: #2c6ca1; text-decoration: underline;}
a:hover,
a:active,
a:focus{ color:#000; text-decoration: none;}
ul li {padding-bottom: 7px;}
.partial-underline{ display:block; width:45px; height:4px; background:#000; margin:20px 0 40px 0; }

.img-responsive-inline{ display:inline-block; height:auto; max-width:100%; }
.login-form { background-color: #f2f2f2;border: 2px solid #ecebeb;margin: 50px 0px;padding-bottom: 30px;}
.login-text {margin: 50px 0px;padding-bottom: 30px;}
.form-text.padding-top {padding-top: 10px;}
nav{ padding-top:0; padding-bottom:0; background:#f2f2f2; color:#000; z-index:2; }
nav .logos{ margin-right:85px; }
nav .logos div{ display:inline-block; margin-left:15px; margin-right:15px; }

nav.navbar-slide.show-menu{ top:0; }
nav.navbar{ border:medium none; border-radius:0; margin:0; transition:all 0.3s ease-in-out 0s; z-index:9999; }

#navbar-nav-container{ border-bottom:2px solid #797979; padding: 30px 0 20px 0; }
.navbar-header{ float:none; height:70px; padding-left:15px; padding-right:15px; }
#navbar-header-container{ background:#222; background:rgba(34, 34, 34, 1.0); }

.navbar-brand{ padding:0; line-height:50px; }
.navbar-brand-text{ padding:0; margin-left:0 !important; font-size:32px; font-weight:900; text-transform:uppercase; margin-right: 30px;}
.navbar a{ color: #000; text-decoration: none;}

.navbar-collapse.collapse{ display: block; visibility: visible;margin-right: 0px;}

.navbar-nav{ display:table; margin:0 auto; }

.nav > li{ padding:5px; }

.nav .open > a,
.nav .open > a:focus,
#documents .nav-tabs > li.active>a,
.nav .open > a:hover{ background-color:#659ad2; border-color:#659ad2; }

.nav > li > a,
.nav > li > a:visited{ color:#000; font-weight:bold; font-size:14px; transition:background 0.3s, color 0.3s; outline:0; padding:7px 10px; }
.nav > li > a:hover,
#documents .nav-tabs > li.active>a,
.nav > li > a:focus{ color:#000; background:#659ad2; /*box-shadow: 2px 3px 4px rgba(0,0,0,0.55);*/}

#documents .nav > li {padding: 0px;}
#documents .nav > li > a:hover {background-color: #f3f3f3;color: #000;}
#documents .nav-tabs > li>a {border: 1px solid #ddd; }
#documents tr:nth-child(even){background-color: #f3f3f3;}

.nav > li > a.large,
.nav > li > a.large:hover,
.nav > li > a.large:focus,
.nav > li > a.large:visited{ font-size:38px; }

.navbar-center .navbar-toggle{ width:100%; }

.navbar-toggle{
    float:left;
    height:60px;
    margin:0 15px 0 15px;
    padding:0;
}

.navbar-toggle .icon-bar{
    border-radius:2px;
    display:block;
    height:4px;
    width:30px;
	background:#fff;
}

.navbar-collapse{ background:#f2f2f2; }
.navbar-collapse.collapsing, .navbar-collapse.in{ /*box-shadow:0 10px 10px -10px rgba(255, 255, 255, 0.9);*/ }

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse{ max-height:410px; }

.logo-mobile{ position:absolute; top:20px; left:50px; }
.logo-mobile img{ height:24px; }

.form-control-search{ background-color:#f2f2f2; color:#000; height:70px; padding:10px 25px; border:1px solid #000; border-radius:0; box-shadow:none; font-size:20px; }
.btn-search{ position:absolute; top:3px; right:18px; width:70px; height:64px; border:medium none; padding:1px 5px; font-size:22px; background-color:#f2f2f2; color:#000; border-radius:0; transition:background-color 0.3s, color 0.3s; }
.btn-search.active,
.btn-search.focus,
.btn-search:active,
.btn-search:focus,
.btn-search:hover{ background-color:#659ad2; border-color:none; color:#000; border-radius:0; }

#announcement.alert.active {display: inline-block; width: 100%;}
#announcement.inactive {display: none;}

.iwantto .navbar-form{ padding:0; }
.iwantto .dropdown{ width:100%; }
.iwantto .dropdown .btn{ background-color:#659ad2; color:#000; width:100%; height:70px; border:1px solid #659ad2; border-radius:0; padding:25px 25px; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
.iwantto .dropdown .btn .fa{ font-size:26px; line-height:19px; }

.dropdown-menu{ font-size:14px; box-shadow:none; }
.dropdown-menu > li > a { padding:8px 10px; }
.iwantto .dropdown .btn:active, .iwantto .open>.dropdown-toggle.btn-default {box-shadow: 2px 3px 4px rgba(0,0,0,0.55);}
.dropdown-menu-light{ background-color:#659ad2; border:10px solid #659ad2; }
#iwantto .dropdown-menu-light{ background-color:#659ad2; border-top:0 solid #659ad2; border-right:15px solid #659ad2; border-bottom:10px solid #659ad2; border-left:15px solid #659ad2; }
.dropdown-menu-light > li > a{ color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:2px; transition:background-color 0.3s; text-decoration: none;}
.dropdown-menu-light > li > a:focus,
.dropdown-menu-light > li > a:hover{ background-color:#f2f2f2; color:#000; }

.navbar-nav > li > .dropdown-menu{ border-radius:0; margin-top:-5px; box-shadow: 2px 3px 4px rgba(0,0,0,0.55);}
.navbar-right .dropdown-menu{ left:auto; right:5px; }

.dropdown.open .fa{ color:#000; }

#subnav{ background:#f2f2f2; z-index:9998; }
#search-results .single-result {
    padding: 10px 10px;
}
#search-results .single-result:hover {
    background: #f7f8f9;
}
#search-results .lineage { margin: 0 0;overflow-wrap: break-word;word-wrap: break-word;}
#search-results .stitle {font-size: 22px;margin-bottom: 0px;}
#search-results .date { font-size: 14px;font-style:italic;}

#iwantto{ overflow:visible; }
#iwantto #dropdown-list{ min-width:100%; border-radius:0; box-shadow: 2px 3px 4px rgba(0,0,0,0.55);}
#iwantto .dropdown-menu{ margin:0; }

section{ padding-top:30px; padding-bottom:30px; background:none; text-align:left; }

section, header{ position:relative; }

section.banner{ padding-top:70px; padding-bottom:0px; }
section#welcome, section.homesection{ padding-top:0px; padding-bottom:40px; }
section#welcome #bottom { margin-bottom: 70px;}
#casestudy-copied { display: none;}
#casestudies {margin-top: 118px;}
#casestudies > .tab-content,
#custom-tab > .tab-content {margin-bottom: 45px;}
#casestudies > .tab-content > .tab-pane,
#custom-tab > .tab-content > .tab-pane{
    border: 1px solid #dddddd;
    padding: 0 0;
    background: #f2f2f2;
}
#casestudies > .nav-tabs > li > a,
#custom-tab > .nav-tabs > li > a{
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    background:#efefef;
    margin-right: 2px;
    border-radius: 0px;
}
#casestudies > .nav-tabs > li.active > a,
#custom-tab > .nav-tabs > li.active > a{
    border: 1px solid #ccc;
    border-bottom-color: transparent;
    border-radius: 4px 4px 0 0;
    background:#fff;
    text-decoration: none;
    border-radius: 0px;
    margin-right: 2px;
}
#casestudies > .nav,
#custom-tab > .nav {margin-bottom: 2px;}
#casestudies > .nav > li > a:hover,
#custom-tab > .nav > li > a:hover { color:#000; background:#eeeeee; box-shadow: 2px 3px 4px rgba(0,0,0,0);}
#casestudies > .nav > li > a:focus,
#custom-tab > .nav > li > a:focus{ box-shadow: 2px 3px 4px rgba(0,0,0,0);}
#casestudies > .nav > li,
#custom-tab > .nav > li {padding: 5px 0 0 5px;}
#casestudies .tab-pane > div:first-of-type,
#custom-tab .tab-pane > div:first-of-type{background-color: #659ad2; height: 168px;background-size: cover;background-position: center center;}
#casestudies .tab-pane > div:last-of-type,
#custom-tab .tab-pane > div:last-of-type{ padding:0 7px;}
#casestudies .tab-pane > div.seperator,
#custom-tab .tab-pane > div.seperator { background-color: #659ad2; height: 7px; width: 100%;}

#casestudies .tab-content ul,
#custom-tab .tab-content ul{padding-left: 18px;}

.footnote {font-size: 0.9em;}
.embed-container { width: 100%;}
div#ytv1.video-float {
    float: right;
    padding: 25px 0 25px 20px;
    margin-bottom: 0px;
    width: 40%;
}
.ytv {margin-bottom: 45px;}
.ytv div[id^="ytvtitlelabel"] {text-align: center;font-size: 16px;padding: 15px;display: block;line-height: 22px;font-weight: normal;background-color: #659ad2; cursor: hand;cursor:pointer;}
.ytv div[id^="ytvthumb"] {position: relative;top: 7px;display: inline-block;cursor: pointer;margin: 0px;width: 100%;}
.ytv div[id^="ytvthumb"]:before {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);content: "\f01d";font-family: FontAwesome;font-size: 100px;color: #fff;opacity: .8;text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);}
.ytv div[id^="ytvthumb"]:hover:before {color: #eee;}
#video-modals div[id^="ytvmodal"] #ytvtitlelabel {cursor: hand; cursor: pointer;}
#video-modals div[id^="ytvmodal"] #ytvdescription {padding: 5px 15px;}
.yoursay-btn {background: #659ad2;padding: 1px 10px;border: 1px solid #dddddd;text-align: center;position:relative;}
.yoursay-btn { margin-top: 30px; }
.yoursay-btn { margin-bottom: 25px;margin-top: 15px; font-size: 30px; }
.yoursay-btn,.yoursay-btn:active,.yoursay-btn:link {display: block;color: #000;height: 100%; width: 355px; text-decoration: none; }
.yoursay-btn:hover {background: #7bb0e8;}
.yoursay-btn {margin: 15px 0 30px 0;padding: 0 0;text-align: center;}
.yoursay-btn {margin-top: 0px;}
.yoursay-btn, .yoursay-btn:visited {
    font-weight: 700;
    display: block;
    background: #659ad2;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0;
    border: 0px solid #36404A;
    transition: background 0.3s;
    text-decoration: none;
    overflow:hidden;
}
.yoursay-btn:hover, .yoursay-btn:active, .yoursay-btn:focus {background: #a5c1de;color: #000;text-decoration: none;}

.yoursay-btn .tile-lable {
    font-size: 16px;
    padding: 15px;
    display: block;
    line-height: 22px;
    font-weight: normal;
    border: 1px solid #ccc;
}
.yoursay-btn h2 { margin-bottom: 15px;margin-top: 10px; font-size: 32px; }
.yoursay-btn h3 { margin-bottom: 10px;margin-top: 10px; font-size: 20px; }

.snapshotsa.box h2 {margin-top:5px;}
.snapshotsa.box { padding-top: 5px;}
#members_links li{display: inline;list-style-type: none;padding-right: 20px;}
#members_links_container ul {padding-left: 0px;}
#members_links .active {cursor: text;}
.vertical-alignment-helper {display:table;height: 100%;width: 100%;}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
#members-list .member-item img { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:2px solid #3a3a3a; }
#members-list .member-item  {border-top: 1px solid #3a3a3a;margin-bottom: 0px;padding-top: 50px;}
#members-list .member-item h2 {color: #3279b5; margin: 20px 0;}
#members-list .member-item p {font-size:14px;}
#members-list .member-item ul li {font-size:14px;}

#documents .tab-content {padding-top: 10px;}
#documents h3,#discussion h3,#squiz_discussion h3,#squiz_media h3 {border-bottom: 1px solid #ccc;cursor: hand; cursor: pointer;font-weight: 500;}
#squiz_discussion h3 i, #discussion h3 i, #squiz_media h3 i {padding-right: 15px;}
#documents .sub-folder {padding-left: 15px;}
#documents h3 i {padding-right: 15px;}
#documents h4 i {padding-right: 15px;}
#documents .fa-folder-o, #documents .fa-folder-open-o,#discussion .fa-folder-o, #discussion .fa-folder-open-o {display: none;}
#documents h3[aria-expanded=true] .fa-folder-o {display: none;}
#documents h3[aria-expanded=true] .fa-folder-open-o {display: inline-block;}
#documents h3[aria-expanded=false] .fa-folder-open-o {display: none;}
#documents h3[aria-expanded=false] .fa-folder-o {display: inline-block;}
#documents th, .agenda-table thead th {color: #FFF;background-color: #286090;}
.agenda-table .agenda-minutes > tfoot > tr > th {color: #000!important;background-color: #cecece!important;}
#documents th:last-child, #documents td:last-child {text-align: right;}


#squiz_discussion h4 a,#squiz_discussion h4 a:link,#squiz_discussion h4 a:active,#squiz_discussion h4 a:visited,
#squiz_media h4 a,#squiz_media h4 a:link,#squiz_media h4 a:active,#squiz_media h4 a:visited{font-size: 14px;font-weight: bolder;color: #000;text-decoration:none;}
#squiz_discussion h4 a:hover, #squiz_media h4 a:hover{text-decoration:underline;}
#squiz_discussion .discussion-details,#squiz_discussion .discussion-details p,
#squiz_media .discussion-details,#squiz_media .discussion-details p{padding-top:5px; margin: 0 0; font-size: 14px;}
#squiz_discussion .discussion-details, #squiz_media .discussion-details {height: 100%;}
#squiz_discussion .alternate-bg:nth-child(odd), #squiz_media .alternate-bg:nth-child(odd){background-color: #f1f1f1;}
#squiz_discussion .alternate-bg {}
#squiz_discussion h2,#squiz_media h2 {margin-top: 5px;}
#squiz_discussion h4, #squiz_media h4 {margin-bottom: 5px;}
#squiz_discussion .recent-reply, #squiz_media .recent-reply {display: inline;}
#squiz_discussion .recent-reply, #squiz_media .recent-reply {display: none; font-size: 14px;}
#squiz_discussion .recent-reply-by, #squiz_media .recent-reply-by {display: none; font-size: 13px; font-style: italic;}
#squiz_discussion .recent-reply:first-of-type,#squiz_discussion .recent-reply-by:first-of-type, 
#squiz_media .recent-reply:first-of-type,#squiz_media .recent-reply-by:first-of-type{display: block;}
#squiz_discussion .file-info, #squiz_media .file-info {font-size: 13px; margin:5px 0;}
#squiz_discussion .file-content, #squiz_media .file-content {font-size: 14px;margin: 5px 0;}
#squiz_discussion .reply-button, #squiz_media .reply-button {margin-bottom: 10px;bottom: 0px;position: absolute;}

body.modal-open {
    overflow: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     body.modal-open {
        overflow: hidden;
        margin-right: 0px!important;
        padding-right: 0px !important;
     }
}
body.modal-open[style] {
    /*padding-right: 0px !important;*/
}

.modal::-webkit-scrollbar {
    width: 0 !important;
}

#snapshot-carousel {max-height: 390px; width: 100%;}

#snapshot-carousel .carousel-inner > .item { height: 390px;background-size: cover;background-position: center center; }

.snapshot-tile {text-align: center; padding: 5px 5px; cursor: pointer;}
.snapshot-tile > div {background: #a5c1de; padding: 10px 10px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; min-height: 170px;}
.snapshot-tile > div > div,
.snapshot-tile > div > a > div{ height: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    
    align-items: center;
    
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    
    margin: 0 0;
}

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
    .snapshot-tile > div > div > h3 {
        margin: 0 10px!important;
        left: 0px;
        top: 110px;
        position: absolute;
    }
}

html[data-useragent*='MSIE 10.0'] .snapshot-tile > div > div > h3 {
    margin: 0 10px;
    left: 0px
    top: 110px;
    position: absolute;
}
.snapshot-tile > div > div > h3 {margin: 0 0;}
.snapshot-tile > div > div > h3 > span { display: inline-block;font-size: 14px; font-weight: normal; font-style: italic;}
.snapshot-tile > div:hover,.snapshot-tile > div:focus {-webkit-transition: background-color 100ms linear;-ms-transition: background-color 100ms linear;transition: background-color 100ms linear; cursor: hand; cursor: pointer;}
.snapshot-tile > div > i {font-size: 4em; padding-top:10px;}

/* added for tiles with links */
.snapshot-tile > div > a { color:#000; text-decoration:none; min-height:170px; display:block; }
.snapshot-tile > div > a > div > h3 {margin: 0 0; font-size:17px;}
.snapshot-tile > div > a > div > h3 > span { display: inline-block;font-size: 14px; font-weight: normal; font-style: italic;}
.snapshot-tile > div > a > i {font-size: 4em; padding-top:10px;}
/* added for tiles with links */

.snapshot-tile > div:hover,.snapshot-tile > div:focus {background: #659ad2;}

p.captiontitle {
    font-size: 14px;
    font-weight: bold;
    color: #464646!important;
}

#full_grid_three .btn {margin-right: 5px;}
#full_grid_three .btn.active { -webkit-box-shadow: 0px 5px 1px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 1px -3px rgba(0,0,0,0.75);box-shadow: 0px 5px 1px -3px rgba(0,0,0,0.75); font-weight: bolder;}
#full_grid_three .snapshot-tile { padding: 5px 5px;}
#full_grid_three .btn.all {color: #000;background-color: #fefefe;border-color: #000;} 
#full_grid_three .btn.all:hover {background-color: #eee;} 

/*
* Blue colour chart, lightest to darkest
* 
* #CEDDEF, #B5CCE7, #9CBCE0, #83ACD9, #6A9BD1, #518BCA, #397BC3
* 
*/

#full_grid_three .btn.a1-housing {color: #000;background-color: #CEDDEF;border-color: #B5CCE7;} 
#full_grid_three .btn.a1-housing:hover {background-color: #B5CCE7;border-color: #CEDDEF;} 
#full_grid_three .btn.a2-lifestyle {color: #000;background-color: #B5CCE7;border-color: #9CBCE0;} 
#full_grid_three .btn.a2-lifestyle:hover {background-color: #9CBCE0;border-color: #B5CCE7;} 
#full_grid_three .btn.a3-movement {color: #000;background-color: #9CBCE0;border-color: #83ACD9;} 
#full_grid_three .btn.a3-movement:hover {background-color: #83ACD9;border-color: #9CBCE0;} 
#full_grid_three .btn.a4-population {color: #000;background-color: #83ACD9;border-color: #6A9BD1;} 
#full_grid_three .btn.a4-population:hover {background-color: #6A9BD1;border-color: #83ACD9;} 
#full_grid_three .btn.a5-jobs {color: #000;background-color: #6A9BD1;border-color: #518BCA;} 
#full_grid_three .btn.a5-jobs:hover {background-color: #518BCA;border-color: #6A9BD1;} 
#full_grid_three .btn.a6-environment {color: #000;background-color: #518BCA;border-color: #397BC3;} 
#full_grid_three .btn.a6-environment:hover {background-color: #397BC3;border-color: #518BCA;} 

#full_grid_three .btn:hover,#full_grid_three .btn:focus {text-decoration: none;} 

#full_grid_three .sssa-1-housing > div { background: #CEDDEF }
#full_grid_three .sssa-1-housing > div:hover,#full_grid_three .sssa-1-housing > div:focus {background: #B5CCE7;}
#full_grid_three .sssa-2-lifestyle > div { background: #B5CCE7; }
#full_grid_three .sssa-2-lifestyle > div:hover,#full_grid_three .sssa-2-lifestyle > div:focus {background: #9CBCE0;}
#full_grid_three .sssa-3-movement > div { background: #9CBCE0; }
#full_grid_three .sssa-3-movement > div:hover,#full_grid_three .sssa-3-movement > div:focus {background: #83ACD9;}
#full_grid_three .sssa-4-population > div { background: #83ACD9; }
#full_grid_three .sssa-4-population > div:hover,#full_grid_three .sssa-4-population > div:focus {background: #6A9BD1;}
#full_grid_three .sssa-5-jobs > div { background: #6A9BD1; }
#full_grid_three .sssa-5-jobs > div:hover,#full_grid_three .sssa-5-jobs > div:focus {background: #518BCA;}
#full_grid_three .sssa-6-environment > div { background: #518BCA; }
#full_grid_three .sssa-6-environment > div:hover,#full_grid_three .sssa-6-environment > div:focus {background: #397BC3;}

/* start extra classes for Engagement and Consultation */
#full_grid_three .btn.a1-current {color: #000;background-color: #9CBCE0;border-color: #83ACD9;} 
#full_grid_three .btn.a1-current:hover {background-color: #83ACD9;border-color: #6A9BD1;} 
#full_grid_three .btn.a2-completed2017 {color: #000;background-color: #BFBFBF;border-color: #B5B5B5;} 
#full_grid_three .btn.a2-completed2017:hover {background-color: #B5B5B5;border-color: #A9A9A9;} 
#full_grid_three .btn.a3-completed2018 {color: #000;background-color: #D4D4D4;border-color: #CCCCCC;} 
#full_grid_three .btn.a3-completed2018:hover {background-color: #CCCCCC;border-color: #BFBFBF;} 

#full_grid_three .sssa-1-current > div { background: #9CBCE0 }
#full_grid_three .sssa-1-current > div:hover,#full_grid_three .sssa-1-housing > div:focus {background: #83ACD9;}
#full_grid_three .sssa-2-completed2017 > div { background: #BFBFBF; }
#full_grid_three .sssa-2-completed2017 > div:hover {background: #B5B5B5;}
#full_grid_three .sssa-3-movement > div:focus {background: #83ACD9;}
#full_grid_three .sssa-3-completed2018 > div { background: #D4D4D4; }
#full_grid_three .sssa-3-completed2018 > div:hover {background: #CCCCCC;}
#full_grid_three .sssa-5-jobs > div:focus {background: #518BCA;}
/* end extra classes for Engagement and Consultation */

#full_grid_three .snapshot-tile:hover > span  div > div, #full_grid_three .snapshot-tile > .activated {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
    transform: scale(1.05);
}
#full_grid_three .snapshot-tile:hover > div {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
}
.vertical-alignment-helper {display:table;height: 100%;width: 100%;}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

div[id^=stats-] .modal-content, #ytvmodal .modal-content {width: 85%;}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.modal-body {
    padding: 0px;
    overflow-y: auto;
    max-height: 800px;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal h4 {font-weight: bold;}

.carousel-control {width: 10%;}
.carousel-inner > .item { background:#333; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img{ opacity:.5; }

.carousel-caption{ text-align:left; top:0px; left:20px; }
.carousel-caption h1{ font-size:60px; font-weight:bold; }
.carousel-caption .btn-action{ background:#659ad2; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding:10px 30px; border:1px solid #659ad2; border-radius:0; position:absolute; bottom:0; transition:background-color 0.3s, border 0.3s; }
.carousel-caption .btn-action:hover,
.carousel-caption .btn-action:active,
.carousel-caption .btn-action:focus{ background:#f2f2f2; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding:10px 30px; border:1px solid #f2f2f2; border-radius:0; position:absolute; bottom:0; }
.carousel-indicators{ bottom:-40px; left:0; margin-left:0; padding-left:0; position:absolute; text-align:center; width:100%; z-index: 15; }
.carousel-indicators li{ border:1px solid #659ad2; width:12px; height:12px; }
.carousel-indicators .active{ background-color:#659ad2; margin:1px; }
/** fix issues of <p> added by WYSIWYG around <img> **/
#myCarousel .carousel-inner .item p { padding: 0 0; margin: 0 0;}
section.breadcrumbs{ padding-top:40px; padding-bottom:0; color:#000; background:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; }
.breadcrumbs a{ color:#000; text-decoration:none; transition:color 0.3s; }
.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus{ color:#659ad2; }

.intro{ margin:0 0 15px 0; }
.intro-bold p:first-child{ font-size:20px; font-weight:bold; }
.intro ul li, .intro p,.intro-bold p{ font-size:20px; font-weight:normal; }
.cec-intro{ margin:0 0 30px 0; }

.box h1,
.box h2{ font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding:10px 0; border-bottom:2px solid #7f7f7f; margin-bottom:15px;margin-top: 20px; }
.box h1 a,.box h2 a{ display:block; margin-top:0px; color:#000; text-decoration:none; }
.box h1 a .fa,.box h2 a .fa{ display:inline-block; float:right; font-size:28px; }
.box h1 a span,.box h2 a span{ display:inline-block; margin:7px 5px 0 0; }

.box h3{ font-size:20px; font-weight:normal; }

.box.big p{ font-size:24px; margin:18px 0; padding:0; text-align:left; max-width:80%; }
.box p{ font-size:20px; margin:30px 0; }
.box a{ text-decoration:none; transition:color 0.3s; }
.box a:hover,
.box a:active,
.box a:focus{ color:#000; text-decoration:underline; }

.box-links ul{ margin:20px 0 40px 0; }

.box-news p.image{ margin:15px 0 20px 0; }
.box-news p.summary{ margin:15px 0; }
.box-news p.date{ color:#686868; font-size:14px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; margin:15px 0; }

.box-news-alt p.image{ margin:15px 0 20px 0; }
.box-news-alt p.image img{ border-bottom:10px solid #659ad2; }
.box-news-alt p.summary{ margin:15px 0; }
.box-news-alt p.date{ color:#686868; font-size:14px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; margin:15px 0; }

.quick-links ul{ list-style-type:none; margin:-15px 0 0 0; padding:0; }
.quick-links ul li{ clear: left;font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding:0; border-bottom:2px solid #7f7f7f; background-color: #fff;}
.quick-links ul li a:hover,.quick-links ul li a:active,.quick-links ul li a:focus {background-color: #f2f2f2;}
.quick-links a{ width: 100%;padding:23px 0 23px 63px;vertical-align: middle;display:block; transition:background-color 0.3s;text-decoration: none;color:#000 }
.quick-links a:hover,
.quick-links a:active,
.quick-links a:focus{ color:#000; background:#f2f2f2; text-decoration:none; }
.quick-links ul li img {float: left;padding-right: 7px;vertical-align: middle;}

.quick-links #ql-practitioner a {background-image: url('/__data/assets/image/0005/280958/info.png'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-development a {background-image: url('/__data/assets/image/0008/280961/tick-notepad.png'); background-repeat: no-repeat;background-position: center left;padding: 13px 0 13px 63px; }
.quick-links #ql-location a {background-image: url('/__data/assets/image/0006/280959/location.png'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-demographic a {background-image: url('/__data/assets/image/0009/280962/users.png'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-development-plans a {background-image: url('/__data/assets/image/0007/280960/plans.png'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-events a {background-image: url('/?a=280957'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-snapshot a {background-image: url('/__data/assets/image/0003/316857/snapshot-icon.png'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-commission a {background-image: url('/__data/assets/image/0017/322703/sa-planning-commission-icon.png'); background-repeat: no-repeat;background-position: center left; }
.quick-links #ql-buildaudits a {background-image: url('/__data/assets/image/0020/333407/building-audit-icon.png'); background-repeat: no-repeat;background-position: center left; }


.multiform p {font-size: 14px; letter-spacing: 0.5px; margin: 0 0;}
.p-thin p {padding: 0 0; margin: 0 0;}
.p-thin {padding-top: 30px;padding-bottom: 20px;}
.p-thin.disclaimer {padding-top:0px;}
.p-thin.disclaimer p {font-size: 16px;}
p.note { margin-top: 10px;}
.sq-form-error { color: #a94442;}
#charNum {font-style: italic; font-size: 0.9em; margin-top: 30px;display: inline-block;}

.chkboxThis, .helper {cursor:hand;cursor: pointer;}
#amimeit, .MDPA {display: none;}
.hidden-input{height: 0px; width: 0px;padding: 0 0; margin: 0 0;position: absolute; left: -10000px;}
.sq-form-question-note { display: block; font-size: smaller;}
.sq-form-question.sq-form-question-text, .sq-form-question.sq-form-question-email-address, .sq-form-question.sq-form-question-select {padding: 7px 0;}
div[id^=Q-] { display: none; margin-top:15px;}
div[id^=Q-] > div > div:nth-child(odd) { margin-top:25px;}
div[id^=Q-] > div > div:nth-child(even) { margin-top:0px;}
div[id^=Q-] > fieldset > div { float: left; width: 50%; padding-right: 20px;}
div[id^=Q-] > fieldset > div:nth-child(odd) { padding-right: 15px;clear: both; }
div[id^=Q-] > fieldset > div:nth-child(even) { padding-left: 15px; }
div[id^=Q-] > fieldset > div textarea { height: 4em; }
div[id^=Q-] > fieldset > div label { min-height: 34px; line-height: 18px; font-weight: 500;font-style: italic;}
.emphasise { font-weight: 500; line-height: 2em;}
.lg-top-pmargin {margin-top: 45px;}
.helper {font-size: 15px;padding: 5px 0 0 10px;text-decoration: underline;font-style: italic;float: right;}
@media only screen and (max-device-width: 768px) {
    div[id^=Q-] > fieldset > div {width: 100%;}
    div[id^=Q-] > fieldset > div:nth-child(odd) { padding-right: 0px; }
    div#ytv1.video-float {
        float: right;
        padding: 10px 0 10px 0px;
        margin-bottom: 0px;
        width: 100%;
    }
}
.MDPA {margin-top:40px;}
span.add-comment {font-style: italic;font-size: smaller;}
.first-level-comment { border: 1px solid #ccc;padding: 10px 15px;font-size: larger; background-color: #eee;} 
.first-level-comment > span { background-color: #fff;display: inline-block;width: 100%;padding: 10px 15px;}

#upload {border: 0px solid green;}


.tiles{ margin:30px -15px; }

.tile{ margin:30px 0 30px 0; }
.tile-inner{ background:#f1f1f1; text-align:center; }
.tile-inner a{ display:inline-block; background:#f1f1f1; font-size:18px; transition:background-color 0.3s; color:#000;}
.tile-inner a:hover,
.tile-inner a:active,
.tile-inner a:focus{ color:#000; background:#659ad2; }
.tile-inner span{ display:inline-block; width:100%; height:95px; border-top:10px solid #659ad2; padding:20px 10px 10px 10px; }
.tile-inner-new{ background:#f1f1f1; text-align:center; }
.tile-inner-new a{ color:#000;display:inline-block; background:#f1f1f1; font-size:18px; transition:background-color 0.3s;width: 100%; }
.tile-inner-new a .img-responsive {width: 100%;}
.tile-inner-new a:hover, .tile-inner-new a:hover img,
.tile-inner-new a:active,
.tile-inner-new a:focus{ color:#000; background:#659ad2; opacity: 0.9;filter: alpha(opacity=90); }
.tile-inner-new span{ display:inline-block; width:100%; height:95px; border-top:10px solid #659ad2; padding:20px 10px 0 10px; }
.tile-inner-new p{ padding:0 0; }
.tile-inner-new a p {font-size: 16px;}

.tile-alt{ margin:15px 0 30px 0; }
.tile-alt-inner{ }
.tile-alt-inner a{ display:inline-block; font-size:18px; color:#000; transition:color 0.3s; }
.tile-alt-inner a:hover,
.tile-alt-inner a:active,
.tile-alt-inner a:focus{ color:#659ad2; }
.tile-alt-inner img{ border-bottom:10px solid #659ad2;width: 100%; }
.tile-alt-inner span{ display:inline-block; width:100%; }
.tile-alt-inner span.summary{ padding:20px 0 10px 0;height: 75px;}
.tile-alt-inner span.date{ color:#686868; font-size:14px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; margin:15px 0; }

.tile-side-by-side{ background:#ccc; margin:15px 0 20px 0; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; }
.tile-side-by-side a{ display:block; color:#000; transition:background 0.3s; }
.tile-side-by-side a:hover,
.tile-side-by-side a:active,
.tile-side-by-side a:focus{ color:#000; background:#659ad2; text-decoration:none; }
.tile-side-by-side img,
.tile-side-by-side span{ display:inline-block; width:50%; text-align:center; vertical-align: middle;}
.tile-side-by-side img{ max-width:342px; }
.tile-side-by-side span{ padding: 0 35px; }

.tile-news{ margin:15px 0 30px 0; }
.tile-news-inner{ }
.tile-news-inner a{ /*display:inline-block;*/ font-size:18px; color:#000; transition:color 0.3s; }
.tile-news-inner a:hover,
.tile-news-inner a:active,
.tile-news-inner a:focus{ color:#659ad2; }
.tile-news-inner span{ display:inline-block; width:100%; }
.tile-news-inner span.summary{ padding:20px 0 10px 0; }
.tile-news-inner span.date{ color:#686868; font-size:14px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; padding:15px 0; }
.tile-news-inner p{ margin:0; }

.ons-tiles {clear:both;}
/*.ons-tiles {margin: 30px -15px -30px -15px;} .ons-tile-header {height: 40px; color: #fff; background: #2e6da4;  margin: 50px 30px 0 0;}*/
.ons-tile-header {background: #2e6da4;  text-align:center;}
.ons-tile-header span{display: inline-block; height:40px; font-size:20px; font-weight:bold; color: #fff; padding-top: 5px;}

.tile-top{ margin-bottom:35px; }
.tile-top-inner{ text-align:center; }
.tile-top-inner a{ color:#000;display:inline-block; background:#f1f1f1; font-size:18px; transition:background-color 0.3s;width: 100%; }
.tile-top-inner a .img-responsive {width: 100%;}
.tile-top-inner a:hover, .tile-inner-new a:hover img,
.tile-top-inner a:active,
.tile-top-inner a:focus{ color:#000; background:#659ad2; opacity: 0.9;filter: alpha(opacity=90); }
.tile-top-inner span{ display:inline-block; width:100%; border-top:10px solid #659ad2; padding:20px 10px; }
.tile-top-inner p{ padding:0 0; }
.tile-top-inner a p {font-size: 16px;}

/*community engagement charter*/
.cec-video .tile-inner-new{ text-align: center;font-size: 16px;padding: 15px;display: block;line-height: 22px;font-weight: normal;background-color: #659ad2; cursor: hand;cursor:pointer; }
.cec-video a{color:#000; background-color: #659ad2; font-size: 16px; text-decoration:none; }
.cec-video .ytv { margin-bottom: 20px; }
.cec-video .ytv div[id^="ytvthumb"] { position: relative; top: 0px; display: inherit; cursor: pointer; margin: 0px; width: 100%;}
/*end of community engagement charter*/

.news-item{ margin-bottom:30px; }
.news-item-brief{ text-align:left; }
.news-item-brief h3{ margin-top:0; }
.news-item-brief .article-date{ font-style:italic; }

.media-item h2{ font-size:28px; }
.media-item h2 a{ color:#000; text-decoration:none; }
.media-item h2 a:hover,
.media-item h2 a:active,
.media-item h2 a:focus{ color:#659ad2; }

#search-results a{ color:#4e78a3; text-decoration:none; transition:color 0.3s; }
#search-results a:hover,
#search-results a:active,
#search-results a:focus{ color:#000; text-decoration:underline; }

.videowrapper-medium{ max-width:500px; }
.videowrapper{ float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; margin-top:30px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.footer{ background:#f2f2f2; color:#000; text-align:left; padding-top:50px; padding-bottom:50px;font-size:14px !important; z-index: 0;}
.footer .logo{ display:inline-block; margin:0 50px 50px 0; }

.footer h2{ font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; }
.footer p{ color:#000; font-size:16px; }
.footer a,
.footer a:visited{ color:#000; font-size:16px; font-weight:normal; text-decoration: none;}
.footer a:hover,
.footer a:focus,
.footer a:active{ color:#659AD2; }
.footer ul{ display:block; padding:0; font-size:16px; }
.footer li{ display:block; list-style-type:none; margin:0; padding:5px 0; font-weight:bold; }
.footer li:last-child{ border-right:0 solid #164671; }
.footer ul.no-heading{ margin-top:55px; }
.footer ul.horizontal{ margin:10px 0; text-align:right; }
.footer ul.horizontal li{ display:inline-block; list-style-type:none; margin:0; padding:0 10px; border-right:1px solid #d3d3d3;  }
.footer ul.horizontal li:last-child{ border-right:none;  }
.footer ul.horizontal li a{ font-size:14px; }
.footer .creative-commons{ font-size:14px; text-align:right; padding:0 10px; margin:10px 0; }
.footer .creative-commons a{ font-size:14px; }
.footer .footer-icons a{ display:inline-block; text-align:center; margin-right:-2px; margin-bottom:10px; }
.footer .footer-icons a .footer-icon-glyph,
.footer .footer-icons a:visited .footer-icon-glyph{ background:#f2f2f2 none repeat scroll 0 0; border:2px solid #000; border-radius:50%; color:#000; display:block; font-size:24px; width: 42px;height: 42px;padding: 2px; transition:border 0.3s ease 0s, color 0.3s ease 0s, background 0.3s ease 0s; }
.footer .footer-icons a:hover .footer-icon-glyph,
.footer .footer-icons a:active .footer-icon-glyph,
.footer .footer-icons a:focus .footer-icon-glyph{ background:#659AD2; border:2px solid #000; color:#000; }
.footer .logos div { display: inline-block; margin-right: 45px;}
.footer img { vertical-align: bottom;}
.footer hr { display: block;border-bottom: 2px solid #7f7f7f;}
.footer-icons { margin-top: 55px;}
/**@media (min-width: 1400px){
    .container{ width:1435px; }
    .tile-inner-new a .img-responsive {min-height: 207px;}
}**/



#header-nav-mobile{ margin:0; padding:0; }
#header-nav-mobile ul{ margin:0; padding:0; }
#header-nav-mobile li{ display:block; list-style-type:none; margin:0; }
#header-nav-mobile li a{ color:#000; display:block; font-size:32px; font-weight:normal; padding:0; }
#header-nav-mobile li a:hover,
#header-nav-mobile li a:focus,
#header-nav-mobile li a:active{ text-decoration:none; }

.mlogin-btn { text-align:center; }
.mlogin-btn a button.member-login-button { background-color: #659ad2; color: #000; border: 1px solid #659ad2; height:60px; width:300px; border-radius: 10px; font-weight: bold; letter-spacing: 2px; margin:75px 20px 0 0; } 
.mlogin-btn a button.member-login-button:hover { background-color:#286090; color:#fff; }
.mlogin-btn .user-icon{ padding:0 8px 0 0; }

/*start of lodge a submission*/
#div_296386_q12 legend{
    /*display:none;*/
    color:#000;
    font-weight:500;
    font-size:16px;
    margin-bottom: 13px;
    border-bottom:none;
}
#div_296386_q12 .sq-form-question-answer{
    display:inline-flex;
    width:378px;
}
#div_296386_q12 label{
    padding:4px 5px;
}
/*end of lodge a submission*/

/*building audits*/
.ba-intro p{font-size: 20px;font-weight: normal; margin-bottom:15px;}
.ba-phases{ margin:12px 0 13px 0; }
.ba-phases h2{ margin-top:-6px; }
.ba-acccontent{
    display:inline-block;
    width: 325px;
    margin-right: 20px;
}

/*end of building audits*/

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/*
 * Side menu slide out
 * 
 */

#pageslide{
	/* These styles MUST be included. Do not change. */
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	overflow:auto;

	/* Specify the width of your pageslide here */
	width:260px;
	padding:5px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color:#333333;
	color:#d0d0d0;
}
 
.open{}

.no-scrolling{ height:100%; overflow:hidden; position:fixed !important; }    



@media (max-width: 1200px) {
	.footer ul.horizontal{ text-align:left; margin-top:20px; }
	.footer .creative-commons{ text-align:left; }
}

@media (min-width: 1200px) {
    .container{ width:1170px; }
    .tile-inner-new a .img-responsive {min-height: 165px;}
}
@media screen and (max-width: 1024px) {
    .mlogin-btn a button.member-login-button { width:250px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .quick-links #ql-practitioner a {padding: 23px 0 23px 63px;}
}
@media screen and (max-width: 991px){
    .quick-links #ql-development a {padding: 23px 0 23px 63px;}
    .box.big p {
        font-size: 20px;
        max-width: 100%;
    }
    #casestudies .tab-pane > div:first-of-type {height: 290px;}
	#casestudies {margin-top: 10px;}
	#snapshot-carousel .carousel-inner > .item {height: 290px;}
	#casestudy-copied {display: block;} 
	#casestudy-copy {display: none;}
	.mlogin-btn a button.member-login-button { margin:15px 0 20px 0; width:300px; }
}

@media screen and (min-width: 769px){
}
@media screen and (min-width: 360px){
    .news.media-item img {max-width: 300px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .tile-inner-new a .img-responsive {min-height: 133px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .tile-inner-new a .img-responsive {min-height: 224px;}
}

@media screen and (min-width: 768px) and (max-width: 950px){
    nav .logos {margin-right: 0;}
    .no-padding-left {padding-right: 0px;}
    .no-padding-right {padding-left: 0px;}
}

@media screen and (max-width: 767px){
    #snapshot-carousel .carousel-inner > .item {height: 180px;}
    .snapshot-tile > div { min-height: 140px;}
    .snapshot-tile h3 { min-height: 70px;}
    .navbar-brand-text {font-size: 24px;margin-right: 40px;margin-left: 15px!important;}
    nav .logos div {margin-left: 0px; margin-right: 0px;}
    nav .logos div img {width:100%;}
    nav .logos {width: 200px;}
    .no-padding-left {padding-right: 0px;}
    .no-padding-right {padding-left: 0px;}
	
	.nav > li{
		margin:0 0px 0 0;
		padding:5px;
	}	
	
	ul#nav-mobile{ display:block; list-style-type:none; padding:2px; }
	
	ul#nav-mobile li ul{ display:none; list-style-type:none; padding:2px 2px 2px 20px; }
	ul#nav-mobile li ul a{ font-weight:normal; }

	ul#nav-mobile > li.mobile_submenu_open > ul,
	ul#nav-mobile > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul{ display:block; }
	
	ul#nav-mobile li ul li ul{ display:none; }
	
	ul#nav-mobile li{
		-webkit-user-select:none;
		-webkit-touch-callout:none;        
	}

    #pageslide .closenav {
    font-size: 20px;
    }
	#pageslide{ width:260px; background-color:#659AD2; }
	#pageslide a{ display:block; color:#000; font-size:14px; font-weight:bold; letter-spacing:2px; text-decoration:none; text-transform:uppercase; padding:8px 10px; }
	#pageslide a:hover,
	#pageslide a:focus{ text-decoration:none; background-color:#F2F2F2; color:#000 !important; cursor:pointer; }
	
	#nav-mobile li.navbar-divider{ display:none; }
	
	.footer ul.no-heading{ margin-top:0; }
	
	div[id^=stats-] .modal-content {width: 98%;}
}

@media screen and (max-width: 640px){
}

@media screen and (max-width: 480px){
    .navbar-brand {line-height: 30px;}
    #navbar-nav-container {padding: 5px 0 20px 10px;}
    .navbar-brand {height: 30px;}
    .navbar-brand-text {font-size: 22px;margin-left: 0px!important;}
    .footer img {width: 90%;}
    .footer .logos div {margin: 0 15px 20px 0;}
    .dropdown-menu-light > li > a {white-space: normal;}
     #casestudies .tab-pane > div:first-of-type {
        height: 190px;
    }
    .yoursay-btn,.yoursay-btn:active,.yoursay-btn:link { width: 100%;  }
    .tile-side-by-side span {padding: 0 3px;}
    .mlogin-btn a button.member-login-button {width:270px;}
}

@media screen and (max-width: 360px){
    .navbar-brand-text {font-size: 18px;margin-left:}
    nav .logos {width: 150px;}
    .footer img {width: 120px;}
    .footer .logos div {margin: 0 20px 20px 0;}
    .footer .footer-icons a .footer-icon-glyph, .footer .footer-icons a:visited .footer-icon-glyph {width: 45px;height: 45px;}
}
@media screen and (max-width: 320px){

}



/* break points to keep the page slide menu happy
@media (min-width: 280px) and (max-width: 300px){.container{ width:295px; }}
@media (min-width: 300px) and (max-width: 320px){.container{ width:393px; }}
@media (min-width: 320px) and (max-width: 340px){.container{ width:320px; }}
@media (min-width: 340px) and (max-width: 360px){.container{ width:345px; }}
@media (min-width: 360px) and (max-width: 380px){.container{ width:365px; }}
@media (min-width: 380px) and (max-width: 400px){.container{ width:385px; }}
@media (min-width: 400px) and (max-width: 420px){.container{ width:405px; }}
@media (min-width: 420px) and (max-width: 440px){.container{ width:425px; }}
@media (min-width: 440px) and (max-width: 480px){.container{ width:445px; }}
@media (min-width: 480px) and (max-width: 500px){.container{ width:485px; }}
@media (min-width: 500px) and (max-width: 520px){.container{ width:505px; }}
@media (min-width: 520px) and (max-width: 540px){.container{ width:525px; }}
@media (min-width: 540px) and (max-width: 560px){.container{ width:545px; }}
@media (min-width: 560px) and (max-width: 580px){.container{ width:565px; }}
@media (min-width: 580px) and (max-width: 600px){.container{ width:585px; }}
@media (min-width: 600px) and (max-width: 620px){.container{ width:605px; }}
@media (min-width: 620px) and (max-width: 640px){.container{ width:625px; }}
@media (min-width: 640px) and (max-width: 660px){.container{ width:645px; }}
@media (min-width: 660px) and (max-width: 680px){.container{ width:665px; }}
@media (min-width: 680px) and (max-width: 700px){.container{ width:685px; }}
@media (min-width: 700px) and (max-width: 720px){.container{ width:700px; }}
@media (min-width: 720px) and (max-width: 740px){.container{ width:720px; }}
@media (min-width: 740px) and (max-width: 760px){.container{ width:740px; }} */
/* end break points to keep the page slide menu happy */