p, pre {margin: 0.6em 0 1em; font-size: 1.1em;} h1 {margin: 0.67em 0 0.4em;} h2 {margin: 0.83em 0 0.6em;} h3 {margin: 1em 0 0.6em;} h4 {margin: 1.33em 0 1em;} h5 {margin: 1.67em 0 1.2em;} h6 {margin: 2.33em 0 1.8em;} body {font-size: 0.90em; line-height : 1.2em; font-family: Arial, Helvetica, sans-serif;} nav ul {padding: 0; } /* COMMON STYLES */ .access-only {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0;} .mobile-only {display: none;} .web-only {} .red {color: #EF0509;} .page-margin {max-width: 1000px; margin: 0 auto; padding-left: 5px; padding-right: 5px; position: relative;} .clear {clear: both;} .right {float: right;} .left {float: left;} .top {margin-top: 0;} .bold {font-weight: bold !important;} .italic {font-style: italic !important;} .box {padding: 20px 10px; background: #fff url("../images/background/box.gif") top no-repeat;} .box.promo h2 {color: #EF0509;} .unselectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .padded.right {margin: 0 0 1em 1em;} .padded.left {margin: 0 1em 0 1em;} .is-not-mobile .only-mobile {display: none !important;} .placeholder {color: #bbb;} ::-webkit-input-placeholder {color: #bbb;} :-moz-placeholder {color: #bbb;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;} #twitter-feed {font-size: 1em; line-height: 1.1em; position: relative; height: 50px; padding: 7px 10px 7px 10px; background: #fff url("../images/background/twitter-feed.gif") top left no-repeat;} #twitter-feed .twitterLogo {float: left;} #twitter-feed ul {padding: 0; list-style-type: none; float: left; margin-left: 10px;} #twitter-feed .user {float: left; margin: 5px 0 0 10px; font-size: 0.7em;} #twitter-feed .user .by {display: block;} #twitter-feed a {color: #EF0509;} #twitter-feed #twitter_update_list {width: 670px; display: block; float: left; margin:4px 0 0 10px;} /* BODY */ #page-wrap {color: #222; padding-bottom: 2em; background: #fff url("../images/background/page.jpg") no-repeat center 40px;} #section-body .bold {font-weight: bold;} #section-body {min-height: 20em; clear: both; margin-top: 2em;} #section-body h1.page-title {margin-top: 0; margin-bottom: 1em;} #section-body h1 {font-size: 1.5em; font-weight: normal; margin-top: 0; line-height: 1em;} #section-body h2 {font-size: 1.3em; font-weight: normal;} #section-body h3 {font-size: 1.2em; font-weight: normal;} #section-body h4 {font-size: 1.1em; font-weight: normal;} #section-body #below-side-navigation, #section-body #nav-siblings {float: left; width: 18%; min-width: 8em;} #section-body #nav-siblings a {text-decoration: none; font-weight: bold; color: #222; font-size: 0.9em;} #section-body #nav-siblings ul li.true-current > a, #section-body #nav-siblings a:hover {color: #EF0509;} #section-body #nav-siblings ul {margin-top: 0;} #section-body #nav-siblings ul li:first-child {border-top: 1px solid #ccc;} #section-body #nav-siblings ul li {border-bottom: 1px solid #ccc; padding: 3px 0;} #section-body #nav-siblings .nav-siblings-sub ul {margin: 0 0 -4px 0; background: white; padding: 0 0 0 10px;} #section-body > div.content {min-width: 15em;} #section-body > div.content a {color: #222; text-decoration: underline;} #section-body > div.content a:hover {color: #EF0509; text-decoration: none;} #section-body.template-content > div.content {float: right; width: 80%; min-height: 400px;} #section-body > div.content.one-column div.left-column {position: relative;} #section-body > div.content.two-columns div.left-column {float: left; width: 49%;} #section-body > div.content.two-columns div.right-column {float: right; width: 49%;} #resource-id-1 #section-body > div.content.two-columns div.left-column {width: 420px;} #resource-id-1 #section-body > div.content.two-columns div.right-column {width: 560px;} #section-body #nav-children {width: 100%; font-size: 0.85em; } #section-body #nav-children ul li {width: 49%; float:left;} #section-body #nav-children ul li.odd {clear: both;} #section-body #nav-children ul li.even {float:right;} #section-body #nav-children ul li > a {font-weight: bold; display: block; color: #fff; text-decoration: none; padding: 0.2em 1em; background: url("../images/background/arrow.gif") no-repeat 98% 50% #5D5D5D;} #section-body #nav-children ul li > a:hover {background-color: #EF0509;} #section-body #nav-children ul li > span {display: block; margin-bottom: 1em; margin-top: 0.3em; color: #666;} #section-body .bottom-content {margin-top: 20px;} .hideDiv{ display:none; visibility:hidden;} /* HEADER */ #header-main .snb-title {display: block; position: absolute; margin: 0; left: 5px; top: 10px; text-indent: -9999px; height: 90px; width: 459px; background: transparent url("../images/logo/snb_title.png") top left no-repeat;} #header-main .bar {clear: both; height: 10px; margin-top: 20px; background: #202020 url("../images/background/black_header_bar.png") center center no-repeat;} #header-main #section-login {float: right; height: 3em; margin-top: 4.5em;} #header-main #section-search {position: relative; float: right; height: 25px; width: 250px; margin-top: 4.5em; margin-bottom: 1em; margin-right: 0.5em;} #header-main #section-search input {border: 0; margin: 0; padding: 0; outline: 0;} #header-main #section-search input:focus {border-color: red;} #header-main #section-search input.query {position: absolute; top: 0px; left: 2px; width: 220px; height: 23px; font-size: 0.9em; line-height: 21px; border: 1px solid #cccccc; border-top-left-radius:0.3em; border-bottom-left-radius:0.3em; padding-left: 5px; } #header-main #section-search input.btn {position: absolute; top: 0px; right: 0px; width: 70px; height: 25px; color: #333333; background: transparent url(../images/background/bg_button_gradient.gif) repeat-x; border: 1px solid #cccccc; border-top-right-radius:0.3em; border-bottom-right-radius:0.3em; } .sisea-highlight {background-color: yellow;} #header-main #nav-main {margin-right: 30px; font-size: 1.3em;} #header-main #nav-main > ul {margin-bottom: 1em;} #header-main #nav-main > ul > li {display: block; float: left; margin-left: 0.7em; padding-left: 0.7em; border-left: 1px solid #222; white-space: nowrap;} #header-main #nav-main > ul > li:first-child {margin-left: 0; padding-left: 0; border-left: 0;} #header-main #nav-main a {text-decoration: none; color: #222;} #header-main #nav-main > ul > li.current > a, #header-main #nav-main > ul > li > a:hover {color: #EF0509;} #header-main #nav-main .nav-main-sub {visibility: hidden; background: #EEE; border: 1px solid #CCC; margin: 0; padding: 0; position: absolute; z-index: 990;} #header-main #nav-main .nav-main-sub ul {margin: 0;} #header-main #nav-main .nav-main-sub ul li a {display: block; min-width: 130px; padding: 5px 20px; border-bottom: 1px solid #CCC; font-size: 12px;} #header-main #nav-main .nav-main-sub ul li a:hover {color: #EF0509;} #header-main #share-this-container {position: absolute; top: 0; right: 0;} #header-main #share-this-container.with-facebook-like {top: 30px; width: 330px;} #header-main #share-this-container.with-facebook-like > a {padding-top: 5px;} #header-main #mobile_nav_btn_container {position: absolute; width:60px; height: 30px; background-color:#333333; border: 1px solid #333333; border-radius: 0.3em; right: 10px; top: 29px; display: none;} #header-main #mobile_nav_btn_container #div_menubtn {margin: auto auto; text-align:center; margin-top: 5px;} #header-main #mobile_nav_btn_container #a_menubtn {padding: 5px 3px; color: #ffffff; text-decoration: none;} .navmenu_show{display: block !important;} .sponsors_inner_logo_div{ display: inline; margin: 0 auto; padding: 0 10px; text-align: center; width: 30%; } ._type_of_sponsors{width:100%;text-align: center; padding-bottom: 10px; padding-top: 50px;} /* FOOTER */ #footer-main a {color: #333333; text-decoration: underline;} #footer-main a:hover {text-decoration: underline;} #footer-main {min-height: 8em; clear: both; color: #ccc; background-image: none; padding-top: 2em;} #footer-main div.nav {float: left; font-size: 1.1em; } #footer-main div.nav div.social {border-bottom: 1px solid #CCCCCC; margin-bottom: 1em;} #footer-main nav ul {margin: 0.8em 0;} #footer-main nav ul li {display: inline; margin-left: 0.5em; white-space: nowrap; border-left: 1px solid #D9D9D9; padding-left: 0.5em;} #footer-main nav ul li:first-child {margin-left: 0; border-left: 0px solid #D9D9D9; padding-left: 0em;} #footer-main div.social {clear: both;} #footer-main div.social li a{float: left; margin-left: 10px;} #footer-main div.social li a:first-child{ margin-left: 0px;} #footer-main div.social span {color: #eee;} #footer-main .view-mobile-site-link a {color: #EF0509;} #footer-main div.social #icon_twitter {background: transparent url(../images/icon/icon_twitter.png) 0px 0px no-repeat; display: block; width:29px; height:29px; text-indent:-9999px;} #footer-main div.social #icon_facebook {background: transparent url(../images/icon/icon_facebook.png) 0px 0px no-repeat; display: block; width:29px; height:29px; text-indent:-9999px;} #footer-main div.social #icon_youtube {background: transparent url(../images/icon/icon_youtube.png) 0px 0px no-repeat; display: block; width:29px; height:29px; text-indent:-9999px;} #footer-main div.social #icon_instagram {background: transparent url(../images/icon/icon_instagram.png) 0px 0px no-repeat; display: block; width:29px; height:29px; text-indent:-9999px;} #footer-main div.social li {border-left: 0px solid #D9D9D9;} #footer-main div.sponsors {float: right;} #footer-main div.sponsors nav ul li {margin: 0; border-left: 0px solid #D9D9D9;} #footer-main div.sponsors img {border: 0;} #footer-main div.sponsors #footerlogo_toronto {float: left; display: block; width: 165px; height: 70px; text-indent: -9999px; background: transparent url(../images/logo/torontoLogo.gif) 0px 0px no-repeat;} #footer-main div.sponsors #footerlogo_scotiabank {float: left; display: block; width: 175px; height: 70px; text-indent: -9999px; background: transparent url(../images/logo/scotiabankLogo.gif) 0px 0px no-repeat;} #section-body nav.feature {} #section-body nav.feature ul li {width: 420px; margin-bottom: 10px;} #section-body nav.feature ul li > .top {height: 8px; background: transparent url("../images/background/nav/feature/top.gif") top left no-repeat;} #section-body nav.feature ul li > .bottom {height: 7px; background: transparent url("../images/background/nav/feature/bottom.gif") top left no-repeat;} #section-body nav.feature ul li > .body {padding: 0 10px; background: transparent url("../images/background/nav/feature/background.gif") top left repeat-y;} #section-body nav.feature ul li > .body > a {color: #EF0509; font-size: 18px; padding-left: 10px; text-decoration: none; background: transparent url("../images/background/nav/feature/arrow.gif") 0 6px no-repeat;} .featurebox_large_text {width: 48%; height: 156px; display: block; float:left;} .featurebox_large_gallery {width: 48%; height: 315px; display: block; float:left; margin-top: 2.33em; background-color:#000000; overflow:hidden;} .featurebox_large_gallery .galleria-stage {width: inherit; height: inherit;} .featurebox_large_gallery .galleria-container {margin: auto auto;} #section-body > div.content .featurebox_large_gallery #galleria_image .galleria-info-title a {color: #ffffff;} .galleria-errors {display: none !important;} /*hide all galleria error, too many issues in IE*/ .galleria_image_exhibition_conainer {width: 100%; height: 380px; margin-bottom: 40px; overflow:hidden;} #galleria_image_exhibition {} .bg_red {background-color: #FF003A;} .bg_grey {background-color: #7C7C7C;} .bg_grey2 {background-color: #333333;} .featurebox_nopadding {margin-left: 0px; clear:left;} .featurebox_padding {margin-left: 2.35em;} .featurebox_large_text>*{color: #ffffff;} #section-body .featurebox_large_text p {margin: 0px; padding: 10px 15px 0px 15px; font-size: 1.1em; line-height: 1.2em;} #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6 {margin: 0px; padding: 15px 15px 0px 15px; font-size: 1.65em; line-height: 1.4em;} #section-body > div.content .featurebox_large_text a { color: #ffffff; text-decoration: none; } /* #section-body .featurebox_large_text h4 a:last-child{padding-right: 15px; background: transparent url(../images/icon/icon_arrow.gif) right 5px no-repeat;} #section-body .featurebox_large_text p a:last-child{padding-right: 15px; background: transparent url(../images/icon/icon_arrow.gif) right 0px no-repeat;} */ .featurebox_small_container {clear:left; margin-top: 10px; margin-bottom: 2em;} .featurebox_small {width: 31%; height: 200px; display: block; float: left; margin-top: 2.1em; position: relative; background-position: center center;} #section-body > div.content .featurebox_small a {color: #ffffff; text-decoration: none;} .featurebox_small p {color: #ffffff; margin: 10px 24px 0px 24px; font-size: 1.1em;} #section-body .featurebox_small h4 {color: #ffffff; margin: 10px 24px 0px 24px; font-size: 1.4em; line-height: 1.1em;} #section-body .featurebox_small h1, #section-body .featurebox_small h2, #section-body .featurebox_small h3, #section-body .featurebox_small h5, #section-body .featurebox_small h6{margin: 10px 10px 0px 10px;} .featurebox_small .hovertext {position: absolute; bottom:0px; left: 0px; background: transparent url(../images/background/bg_trans_60.png) repeat 0px 0px; display: block; width: 100%;} .featurebox_small .hovertext p {margin: 10px 10px 10px 10px; font-size: 1.1em;} #resource-id-1 #section-body {margin-top: 2em;} #resource-id-1 #section-body h1.page-title {display: none;} #section-body .left-column ul li {font-size: 1.1em;} #header-main #section-login {visibility: visible;} #accordion > h3.ui-state-default { -moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; background-attachment:scroll; background-color:transparent; background-image:url("../images/background/plus_03.gif"); background-position:0 0; background-repeat:no-repeat; height:16px; margin-bottom:3px; padding-bottom:8px; padding-left:8px; padding-right:8px; padding-top:8px; } #accordion > h3.ui-state-active { -moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; background-attachment:scroll; background-color:transparent; background-image:url("../images/background/minus_03.gif"); background-position:0 0; background-repeat:no-repeat; height:16px; padding:8px;} #accordion > h3 > a { margin-left: 30px; } /* My Night Styles */ .removenight { display: inline; background-image: url("../images/icon/icon_remove_night.gif"); background-repeat: no-repeat; float: right; background-position: right -60px; height: 20px; padding-right: 14px; padding-top: 6px; padding-right: 40px; font-weight: bold; color: black; cursor: pointer; text-decoration: none; margin-top:-2px;} .addnight { background-image: url("../images/icon/icon_add_night.gif"); background-repeat: no-repeat; float: right; background-position: right -60px; height: 27px; padding-right: 40px; font-weight: bold; display: block; line-height: 27px;} .viewnight { display: inline; background-image: url("../images/icon/icon_view_night.gif"); background-repeat: no-repeat; float: right; background-position: right -60px; height: 20px; padding-right: 10px; padding-top: 6px; padding-right: 40px; font-weight: bold; cursor: pointer; text-decoration: none; margin-top:-2px; color: Black;} .loginnight { display: inline; background-image: url("../images/icon/icon_my_night.gif"); background-repeat: no-repeat; float: right; background-position: right -60px; height: 20px; padding-right: 10px; padding-top: 6px; padding-right: 40px; font-weight: bold; cursor: pointer; text-decoration: none; margin-top:-2px; color: Black;} .loginnight:hover { background-position: right -18px; color:#000; } .viewnight:hover { background-position: right -18px; color:#000; } .addnight:hover { background-position: right -18px; color:#000; } .removenight:hover { background-position: right -18px; color:#000; } #result .error {color: #EF0509} .containerMapButton a.addnight {color: Black; } .containerMapButton a.removenight {color: Black; } .mygallery-wrapper {margin-bottom: 3em;} #resource-id-96 #div2 {margin-top: 40px;} .curator_biography { display: none; clear:both;} #btn_readmore {padding-left: 20px; text-decoration: none !important;} #project-details .right-column .zone-1 {background-color: #EE2622;} #project-details .right-column .zone-2 {background-color: #5B6222;} #project-details .right-column .zone-3 {background-color: #902088;} #project-details .right-column .zone-4 {background-color: #009A8B;} #project-details .right-column .type-8 {background: #ffffff url(../images/background/snbprojectdetail_bg_circle.gif) no-repeat center center;} #project-details .right-column .type-11 {background: #ffffff url(../images/background/snbprojectdetail_bg_triangle.gif) no-repeat center center;} #footer-main #share-this-container {float: left; width: 23px; margin-top: 1px; margin-bottom: 50px;} /* @media all and (max-width: 1110px) { #page-wrap {background-position-x: -240px;} } */ /* ################################################################### */ @media all and (max-width: 1680px) { #header-main #nav-main {font-size: 1.28em;}} @media all and (max-width: 1024px) { .featurebox_large_text {width: 47%; height: 156px;} .featurebox_large_gallery {width: 47%; height: 315px;} .featurebox_small {width: 30.5%;} #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6 {font-size: 1.7em; line-height: 1.2em;} #section-body .featurebox_large_text p {line-height: 1.4em;} #section-body .featurebox_small h4 br {} #section-body .featurebox_small h4 {font-size: 1.5em; line-height: 1.2em;} #section-body .featurebox_small p {font-size: 1em; line-height: 1.4em;} } /* ################################################################### */ @media all and (max-width: 800px) { #header-main #nav-main {font-size: 1.0em;} .featurebox_large_text {width: 48%; height: 156px; } .featurebox_large_gallery {width: 48%; height: 315px; margin-top:2em;} .featurebox_padding {margin-left: 2em;} .featurebox_small {margin-top: 2em; height: 210px;} #section-body .featurebox_large_text p {font-size: 1.2em; line-height: 1.1em;} #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6 {font-size: 1.4em; line-height: 1.2em; padding: 10px 15px 0px 15px;} #header-main #section-login {float: none; position: absolute; right: 10px; top: 10px; margin-top: 0px;} #section-body.template-content > div.content.two-columns div.left-column {float: none; width: 100%;} #section-body.template-content > div.content.two-columns div.right-column {float: none; width: 100%;} #section-body .mygallery {display: none;} #twitter-feed {display: none !important;} #header-main #section-search{margin-top: 4em;} #section-body #nav-siblings {float: left; width: 100%;} #section-body.template-content > div.content {float: left; width: 100%;} #section-body > div.content.two-columns div.left-column {float: none; width: 100%;} #section-body > div.content.two-columns div.right-column {float: none; width: 100%;} #resource-id-1 #section-body > div.content.two-columns div.left-column {width: 100%;} #resource-id-1 #section-body > div.content.two-columns div.right-column {width: 100%;} #section-body .featurebox_small h4 br {display: none;} #section-body .featurebox_small h4 {font-size: 1.4em;} #section-body .featurebox_small p {font-size: 1em; line-height: 1.4em;} /* #footer-main div.nav {width: 100%;} #footer-main div.nav nav ul li {display: block; padding-left: 0; margin-left: 0; border: 0; white-space: normal; border-bottom: 1px solid #999;} #footer-main div.nav > nav {float: left; width: 49%;} #footer-main div.nav div.social {float: right; border-top: 0; text-align: right; clear: none; width: 49%;} #footer-main div.sponsors {float: none; width: 227px; margin-left: auto; margin-right: auto;} #footer-main div.sponsors nav ul li {float: right;} #footer-main div.sponsors nav ul li:first-child {float: left;} */ } /* ################################################################### */ /*600*/ @media all and (max-width: 760px) { #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6{font-size: 1.6em; line-height:1.4em;} #section-body .featurebox_large_text p {font-size: 1.1em; line-height: 1.3em;} #page-wrap {background-image: none;} .featurebox_large_text {width: 99%; height: auto; float: none; clear: left; margin-bottom: 1em; padding-bottom: 1em;} .featurebox_large_gallery {width: 99%; height: 315px; float: none; clear: left; margin-top: 1em; overflow:hidden;} .featurebox_padding {margin-left: 0em;} .featurebox_small {margin-left: 0.5em; margin-right: 0.5em; margin-top: 1em; height: 200px; padding: 0px; width: 47%;} .featurebox_nopadding {clear: none;} #footer-main div.sponsors {float: left;} #header-main #nav-main {margin-right: 0px; margin-bottom: 0.5em; display: none;} #header-main .bar {display: none;} .page-margin {clear:both;} #header-main {float: left; min-height: 80px; width: 100%;} .loginnight {background: none; margin-top: 0px; float: left; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 1em; height: auto; color: #ffffff; text-decoration: none; margin-right: 0px !important; width:88%;} .loginnight:hover {color: #ffffff;} #header-main #section-login {border-radius: 0.3em; border: 1px solid #FF0D37; background-color: #FF0D37; width:98%;} #header-main #section-login {text-align: left; display: none; height: auto; float: left; top:0px; left:0px; right:0px; bottom: 0px; position: relative; margin-bottom: 0.3em; } #header-main #section-login a {display: block; color: #ffffff;} #header-main #section-login span {color: #ffffff;} #header-main #section-login #span_Hi {margin-left: 1em; color: #ffffff;} #header-main #section-login .link_mynight {display: inline; padding-top: 0.5em; padding-bottom: 0.5em; margin} #header-main #nav-main > ul > li:first-child {border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; border: 1px solid #333333; background-color: #333333;} #header-main #nav-main > ul > li {background-color: #333333; width: 98%; margin-bottom: 2px; padding-top: 5px; padding-bottom: 5px; margin-left: 0px; padding-left: 0px;border: 1px solid #333333;} #header-main #nav-main > ul > li:last-child {border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em; border: 1px solid #333333; background-color: #333333;} #header-main #nav-main > ul > li a {color: #ffffff; padding-left: 1em; display: block; padding-top: 0.3em; padding-bottom: 0.3em;} #header-main #nav-main > ul > li.current > a, #header-main #nav-main > ul > li > a:hover {color: #FFFFFF;} #header-main #mobile_nav_btn_container {display: block;} #header-main .snb-title {left: 0; width: 252px; height:57px; background: url("../images/logo/snb_title_small.png") no-repeat scroll left top transparent; display: relative;margin-left: 0px; position: relative;} #header-main #section-search {width: 98%; margin-top: 1em; float: left; display: none; margin-bottom: 1em;} #header-main #section-search input.query {width: 89%; height: 33px;} #header-main #section-search input.btn {height:35px; background-image: url(../images/background/bg_button_gradient_large.gif);} #footer-main {margin-left: 1em;} #footer-main div.sponsors #footerlogo_toronto {background: transparent url("../images/logo/torontoLogo_small.gif") no-repeat scroll 0 0;width: 155px;} #footer-main div.sponsors #footerlogo_scotiabank {background: transparent url("../images/logo/scotiabankLogo_small.gif") no-repeat scroll 0 0;} #footer-main div.sponsors {margin-top: 1.4em; margin-bottom: 1.5em;} .web-only{display: none;} #section-body #nav-children ul li {width: 100%; float:none;} #section-body #nav-children ul li.even {float:none;} #header-main #nav-main .nav-main-sub {visibility: hidden !important; display: none;} #header-main #share-this-container {margin-top: 0;} /* #header-main #nav-main ul li:first-child {border-top: 1px solid #ccc;} #header-main #nav-main ul li {display: block; padding-left: 0; margin-left: 0; border: 0; white-space: normal; border-bottom: 1px solid #ccc; float: none;} #header-main #nav-main ul li {padding: 3px 0;} #header-main #nav-main ul li a {font-weight: bold; font-size: 0.9em;} */ #section-body .featurebox_small h4 br {display: none;} #section-body .featurebox_small h4 {font-size: 1.5em;} #section-body .featurebox_small p {font-size: 1em;} #section-login #div_Login {min-height:1.8em; padding-top:0.5em} } /* ################################################################### */ @media all and (max-width: 480px) { #header-main .snb-title {width: 252px; height:57px; background: url("../images/logo/snb_logotest.png") no-repeat scroll left top transparent; background-size:252px 57px;} #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6{font-size: 1.4em; line-height:1.2em;} #section-body .featurebox_large_text p {font-size: 1.1em; line-height: 1.2em;} .featurebox_large_gallery{height: 280px;} .featurebox_small_container {margin-top: 0em; margin-bottom: 0em} .featurebox_small {width: 47%; margin-left: 0.3em; margin-right: 0.3em; height: 280px;} .featurebox_nopadding {clear: none;} #header-main #section-login {margin-top: 0.5em; clear: both;} #header-main #share-this-container {position: relative;} #header-main #share-this-container.with-facebook-like {top: 0;} .mobile-full{width: 100% !important;} .mobile-sink{float: none !important;} #section-body nav.feature ul li {width: 100%;} #section-body .featurebox_small h4 br {display: none;} #section-body .featurebox_small h4 {font-size: 1.4em;} #section-body .featurebox_small p {font-size: 1em;} } @media all and (max-width: 350px) { #section-body .featurebox_large_text {height: auto; padding-bottom: 1em;} #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6{font-size: 1.3em; line-height: 1.3em;} #section-body .featurebox_large_text p {font-size: 1.1em; line-height: 1.2em;} .featurebox_large_gallery {height:220px;} #section-body .featurebox_small h4 br {display: none;} #section-body .featurebox_small h4 {font-size: 1.1em; line-height: 1.2em; } #section-body .featurebox_small p {font-size: 0.9em; line-height: 1.1em;} #galleria_video .galleria-container, #galleria_image .galleria-container{margin-left: auto; margin-right: auto;} .featurebox_small {width: 47%; margin-left: 0.3em; margin-right: 0.3em; margin-top: 0.6em; height: 230px;} #header-main #section-search input.query {width: 20em;} #footer-main {margin-left: 0em;} #footer-main nav, #footer-main #share-this-container, #footer-main .social{ margin-left: 0.6em;} #footer-main div.sponsors nav {margin-left: 0em;} #footer-main div.sponsors #footerlogo_toronto {width: 146px; background-position: -3px 0px;} #footer-main div.sponsors #footerlogo_scotiabank {width: 172px; background-position: -3px 0px;} } @media all and (max-width: 320px) { #header-main .snb-title {background-image: url(../images/logo/snb_logotest.png);background-size: 235px 48px; width:235px height: 48px; background-position: 0 7px;} /*#header-main .snb-title {background-image: url(../images/logo/snb_title_small320.png); width:235px height: 48px; background-position: 0 7px;}*/ #section-body .featurebox_large_text h1, #section-body .featurebox_large_text h2, #section-body .featurebox_large_text h3, #section-body .featurebox_large_text h4, #section-body .featurebox_large_text h5, #section-body .featurebox_large_text h6 { font-size: 1.2em; } #section-body .featurebox_small h4 {font-size: 1.5em;} #section-body .featurebox_large_text p{font-size: 0.9em;} .featurebox_small {width: 98%; height: 200px;} #footer-main nav, #footer-main #share-this-container, #footer-main .social {margin-left: 0em;} #footer-main div.sponsors #footerlogo_toronto {width: 140px;} #footer-main div.sponsors #footerlogo_scotiabank {background-position: -9px 0px;} .loginnight {margin-right: 0px !important; width: 79%;} #footer-main {padding-top: 0.5em;} #footer-main div.sponsors {margin-top: 0em;} #section-body .featurebox_small h4 br {} #section-body .featurebox_small h4 {font-size: 1.3em; line-height: 1.7em; margin-top: 1em;} #section-body .featurebox_small p{font-size: 1.0em; line-height: 1.4em;} } @media all and (max-width: 240px) { #header-main .snb-title {background-image: url(../images/logo/snb_title_small240.png); width:158px height: 32px; background-position: 0 22px;} #header-main #section-search input.query {width:15em;} .featurebox_small {width: 98%; margin-left: 0px; height: 230px;} #footer-main nav ul li {clear: left; margin-left: 0px; border-left: 0px solid #D9D9D9; display: block; padding-left: 0em;} .loginnight {margin-right: 0px !important; width: 73%;} #section-body .featurebox_small h4 {font-size: 1.3em; margin-top: 0.4em; line-height: 1.4em;} #section-body .featurebox_small p{font-size: 1.0em; line-height: 1.2em;} }