/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@font-face {
    font-family: 'OffBold';
    src: url('offsans-webfont.eot');
    src: url('offsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('offsans-webfont.woff') format('woff'),
         url('offsans-webfont.ttf') format('truetype'),
         url('offsans-webfont.svg#ITCOfficinaSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OffBoldIt';
    src: url('offsansit-webfont.eot');
    src: url('offsansit-webfont.eot?#iefix') format('embedded-opentype'),
         url('offsansit-webfont.woff') format('woff'),
         url('offsansit-webfont.ttf') format('truetype'),
         url('offsansit-webfont.svg#ITCOfficinaSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font:13px/1.231 verdana,arial,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	line-height: 1;
	background-color: #fff7e3;
}

h2.node-title{
font-size: 100%;
	}

#section-header{
background: url('_images/mobile-header-bg.jpg') no-repeat;
}

.logo-img img{
width:45px;
height:45px;
}

.menu-mlid-606, .menu-mlid-760, .menu-mlid-761{
display: none;
}

#block-menu-block-2 .menu-mlid-762, #block-menu-block-2 .menu-mlid-763,
#block-menu-block-2 .menu-mlid-1734, #block-menu-block-2 .menu-mlid-1735 {
display: none;
}

#zone-menu-wrapper{
display: none;
}

.slogan{
display: none;
}

.language{

}

.i18n-fr .tools{
font-size: 61%;
}

ul.language-switcher-locale-url{
margin-bottom: -5px;
}



#block-locale-language{
float: right;
margin-right: 20px;
width:24px;
margin-left: 0px;
}


.i18n-fr #block-locale-language{
width:23px;
}

#block-locale-language ul li a, #block-locale-language ul li{
padding-left: 0px;
}

.tools .language-switcher-locale-url li{
padding-right: 0px;
padding-bottom: 2px;
padding-top: 14px;
background: url('_images/flag-black.png') center top no-repeat;
}

.responsive-layout-mobile .tools .language-switcher-locale-url li{
background: none;
padding-top: 0px;
}

.responsive-layout-mobile .tools .language-switcher-locale-url li a{
background: url('_images/flag-black.png') center top no-repeat;
overflow: hidden;
width: 22px;
height: 11px;
text-indent: -9999px;
}


.responsive-layout-mobile .tools .language-switcher-locale-url{
overflow: hidden;
}


#block-locale-language .active{
display: none;
}

.responsive-layout-mobile #block-locale-language li.active{
display: none;
}

.resources ul li{
border-right:1px solid #000;
}

h1.title{
font: 330% 'OffBold', verdana, sans-serif;
margin:10px 0px;
padding-left: 8px;
letter-spacing: 0px;
}



.tools{
font-size:69%;
margin-top: -10px;
border-top:1px solid #fff;
margin-left: 55px;
margin-top: -25px;
padding-top: 14px;
width: 220px;
}

.tools a{
font-weight: bold;
color:#000;
text-decoration: none;
text-transform: uppercase;
}

.tools ul.menu{
overflow: hidden;
position: relative;
left: -8px;
top: 0px;
}

.i18n-fr .tools ul.menu{
top: 2px;
left: -15px;
}

.tools ul li, .tools ul li a{
list-style: none;
float: left;
padding: 0px;
margin: 0px;
padding: 0px 4px;
}

.i18n-fr .tools ul li, .i18n-fr .tools ul li a{
padding-left: 2px;
padding-right: 2px;
}


.tools ul li.last{
border-right: none;
}

.front h1.title{
display: none;
}

#region-branding{
margin-left:0px;
margin-right:0px;
padding-left:18px;
padding-top:18px;
height:64px;
}


.front .accepted{
width:294px;
background: url('_images/mobile-accepted.png') no-repeat;
}

.front .not-accepted{
width:294px;
background: url('_images/mobile-rejected-new.png') no-repeat;
}


.accNotacc p.title{
padding-top:10px;
font-weight: bold;
text-transform: uppercase;
}

.accNotacc p{
margin-top: 0px;
margin-bottom:10px;
margin-left: 5px;
}

.accNotacc .content ul li{
	margin:0px;
	padding:0px;
	list-style-type: square;
	margin-bottom: 10px;
}

.accNotacc ul{
	margin:0px;
	padding:0px;
	margin-left: 20px;
}

.accNotacc{
font-size: 93%;
}


/*province select*/

.province-select{
background: url('_images/pharmacy.jpg') 11px 0px no-repeat;
width: 284px;

padding-left: 10px;
}


.province-select h2{
font: 138.5% 'OffBoldIt', verdana, sans-serif;
margin-left: 45px;
margin-top: 8px;
padding-top: 5px;
}

.province-select p{
font-size: 85%;
line-height: 1.3em;
}

p.subtitle{
margin: 0px;
margin-left: 45px;
margin-bottom: 15px;
}

.province-select select{
float: left;
}

.province-select p.submit{
float: left;
margin-left: 10px;
}

.i18n-fr .province-select p.submit{
float: left;
margin-top: 0px;
margin-left: 5px;
}

.responsive-layout-mobile .node-content h1{
padding-left: 0px;
}


/*hiding things*/

/*Remove Flag from display*/



.block-views-news-all-news{
display: none;
}

.mobileBtn{
display: block;
height: 53px;
}

.hider{
display: none;

}

.accepted{
margin-bottom: 10px;
cursor: pointer;
}

.not-accepted{
margin-bottom: 10px;
cursor: pointer;
}

#block-menu-block-3, .logos, #region-sidebar-second, #region-sidebar-first{
	display: none;
}

.footerLogo p{
font-size:77%;
color:#b9a269;
line-height: 1.3em;
}

.mobile{
display: block;
margin-bottom:10px;
margin-top: 10px;
width: 294px;
}

a#return-location{
background: url('_images/mobile-locations-find.png') no-repeat;
display: block;
height: 60px;
width: 294px;
overflow: hidden;
text-indent: -9999px;
}

.i18n-fr a#return-location{
background: url('_images/mobile-locations-find-french.png') no-repeat;
}

.resources ul li.menu-mlid-739 a{
border-right:none;
}

.mobile ul.issues{
clear: both;
margin: 0px;
list-style-type: none;
}

.mobile ul.issues li{
float: left;
list-style-type: none;
}

.issues a{
	overflow: hidden;
text-indent: -9999px;
display: block;
cursor: pointer;
}

.issues .man{
background: url('_images/ball.jpg') no-repeat;
height: 73px;
width: 92px;
border-bottom:1px solid #ccc6b6;
}

.issues .dog{
background: url('_images/dog.jpg') no-repeat;
height: 73px;
width: 97px;
border:1px solid #ccc6b6;
border-top:none;
}

.issues .fish{
background: url('_images/fish.jpg') no-repeat;
height: 73px;
width: 93px;
border-bottom:1px solid #ccc6b6;
}

.issues .active{
border-bottom:none;
}

.issue-content{
clear: both;
}
.issue-content div{
display:none;
}

.issue-content div.issueShow{
display:block;
}

.region-content #block-system-main p, .region-content #block-system-main ul li{
font: 108%/1.3em Georgia,Times New Roman, serif;
}

/*geolocation page*/

.context-geolocation h1#page-title{
display: none;
}

.context-geolocation #region-content{
margin: 0px;
}

.context-geolocation #section-header{
display: none;
}

.homeInfo{
background:url('_images/home-window.png') no-repeat;
font-size: 85%;
line-height: 1.3em;
}

.locationInfo{
background:url('_images/location-window.png') no-repeat;
font-size: 85%;
color: #fff;
position: relative;
}

.locationInfo a{
color: #fff;
text-transform: uppercase;
position: absolute;
bottom: 40px;
left: 10px;
display: block;
font-weight: bold;
text-decoration: none;
}

.locationInfo a:hover{
text-decoration: underline;
}

.locationInfo p{
margin: 0px;
padding: 0px;
margin-top: 3px;
}

#address{
float: left;
width: 270px;
}

#search_mobile_btn_submit{
float: left;
/* display: block; */
display:none;
overflow: hidden;
width: 19px;
height: 19px;
cursor: pointer;
background:url('_images/search.jpg') no-repeat;
margin-left: 5px;
margin-top: 1px;
text-indent: -9999px;
}

#search_container{
overflow: hidden;
padding:5px;
background-color: #a5c1df;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}


.context-geolocation #search_container{
padding: 0px;
padding-bottom: 5px;
width: 320px;
}

#location_header{
background:url('_images/marker-bg.jpg') no-repeat 5px 5px;
padding-left: 40px;
color: #fff;
margin-bottom: 5px;
}

.context-geolocation #location_header{
padding-left: 0px;
color: #fff;
margin-bottom: 5px;
background:none;
}

.context-geolocation #geo-logo{
	float: left;
	width: 60px;
	margin-top: 18px;
	margin-left: 18px;
	}

.context-geolocation #geo-input{
	float: left;
	width: 242px;
}

.context-geolocation #geo-logo a{
display: block;
overflow: hidden;
text-indent: -9999px;
width:46px;
height:46px;
background: url('_images/logo-mobile.png') no-repeat 0px 0px;
}

.context-geolocation #address{
	width: 215px;
	}

#location_title{
border-left:1px solid #fff;
font: 123.1%'OffBold', verdana, sans-serif;
padding: 5px;
}

#province_dropdown{
font-size: 12px;

}

#location_dropdown{
margin-top: 6px;
width:190px;
font-size: 12px;
}



#addressLocal{
border-left:1px solid #fff;
border-bottom:1px solid #fff;
padding: 5px;
font-size: 85%;
}

.node-content .desc, .node-content .province{
display: none;
}

.block-news-province-news, .publications{
display: none;
}

.accNotacc, .videoCB{
display: none;
}

.front .accNotacc{
display: block;
}

.locations {
  border-bottom: 1px solid #ccc;
}

.node ul.locations {
  padding: 0;
}

.locations,
#block-system-main .content ul.locations li {
  list-style: none;
  list-style-image: none;
}

#block-system-main .content ul.locations li {
  margin-bottom: 0;
  font-size: 95%;
  font-family: verdana, arial, clean, sans-serif;
  overflow: hidden;
}

.locations .location {
  clear: both;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  cursor: pointer;
}

.locations .location-name {
  color: #005b88;
  width: 50%;
  float: left;
}

.locations .location-name:hover {
  color: #feab04;
}

.locations .location-address {
  width: 50%;
  float: right;
}

.locations .location-directions {
  display: none;
}

.region-content #block-system-main .locations .location-address p {
  margin-bottom: 0;
  font-size: 95%;
  font-family: verdana, arial, clean, sans-serif;
}


/*Mobile Accepted Block*/

.responsive-layout-mobile #block-block-5{
display: none;
}

.responsive-layout-mobile #block-block-14{
display: none;
}

.appendix{
	color:#b9a269;
	font-style: italic;
}

.front .mobAcc{
display: none;
}

.responsive-layout-mobile .mobAcc{
display: block;
}



/*Page Styling*/

body{
width: 320px;
margin: 0 auto;
}

.region-content #block-system-main p, .region-content #block-system-main ul li{
line-height: 1.4em;
font-size: 123.1%;
}

h1.title{
font-size: 200%;
}

.responsive-layout-mobile .view-id-news h1.title{
padding-left:0px;
}

h2,h3{
font: bold 85% verdana,arial,clean,sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
}

#block-system-main, #section-footer{
padding-left: 8px;
padding-right: 8px;
}


/*node teaser styling*/

.node-teaser h2{
margin-bottom: 5px;
}

.node-teaser h2 a{
font: bold 123.1% verdana,arial,clean,sans-serif;
text-decoration: none;
text-transform: none;
color: #005b88;
text-decoration: none;
}

.views-row .node-teaser {
padding-top: 15px;
border-bottom: 1px solid #D8CBAA;
padding-bottom: 15px;
}

.views-row-last .node-teaser {
border-bottom: none;
}

.views-row-first .node-teaser {
padding-top: 5px;
}

.node-teaser .submitted, .node-type-article .submitted{
font: 85% verdana,arial,clean,sans-serif;
color:#b2a072;
margin-bottom: 5px;
}

.node-type-article .submitted{
margin-top: 5px;
}

.node-teaser .field-name-field-article-description, .node-type-article .field-name-field-article-description{
font: 93% verdana,arial,clean,sans-serif;
font-weight: bold;
margin-bottom: 5px;
}

.node-type-article .field-name-field-article-description{
margin-top: 5px;
}

.node-teaser .field-name-body{
font-size: 100%;
}

.node-teaser p{
margin-bottom: 10px;
}

.node-teaser .node-links .node-readmore a{
border:none;
background: transparent;
color: #0062A0;
text-transform: uppercase;
font: bold 69% verdana,arial,clean,sans-serif;
float: right;
margin: 0px;
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}


.node-teaser .node-links .node-readmore a:hover{
color: #feab04;
}