﻿/*  Archdiocese of Toronto (ADot) CSS File

  Built by Envision IT 2014 */

img[id^='MSOImageWebPart'] {
    width: 100%;
}

#s4-bodyContainer {
  background-image:url('img/ADot_masterBackground.png');
  background-repeat:repeat-x;
  -webkit-overflow-scrolling: touch;
}

#s4-workspace a,
#s4-workspace a:visited,
#s4-workspace a:hover {
    color:  rgb(63,93,168);
}

#s4-workspace h1, 
#s4-workspace .h1,
.ms-rteElement-H1 {
  -ms-name:"Heading 1"; 
  color: rgb(63, 93, 168);
  font-size: 2.1em;
  margin-bottom: 20px;
  margin-top: 0;
}

#s4-workspace h2, 
#s4-workspace .h2,
.ms-rteElement-H2 {
  -ms-name:"Heading 2"; 
  color: #000;
  font-size: 1.8em;
  margin-bottom: 10px;
  margin-top: 0;
}

#s4-workspace h3, 
#s4-workspace .h3,
.ms-rteElement-H3 {
    -ms-name:"Heading 3"; 
    color: rgb(63, 93, 168);
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 0;
}

#s4-workspace h4, 
#s4-workspace .h4,
.ms-rteElement-H4 {
  -ms-name:"Heading 4"; 
  color: white !important;
  font-family: Arial;
  line-height: 25px;
  margin: 0 0 10px 0;
  background-color: rgb(63, 93, 168);
  font-size: 1.5em !important;
  line-height: 30px;
  padding-left: 10px;
}


#s4-workspace .btn-default {
  background-color: rgb(230, 231, 232);
  color: #000;
  font-family: Arial;
  font-size: 1em;
  padding: 3px 40px;
  text-transform: uppercase;
}

html, body, .ms-core-overlay {
  background-color:rgb(235,235,235);
    font-family:Georgia;
}

.ms-webpartzone-cell {
  margin-bottom: 0px;
}


#contentRow ul li,
#contentRow ol li{
  line-height: 1.5em;
}


/* paddings */
.col-no-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.col-no-padding-right {
  padding-right: 0 !important;
}
.col-no-padding-left {
  padding-left: 0 !important;
}
.col-padding-right-small {
  padding-right: 5px !important;
}
.col-padding-left-small {
    padding-left: 5px !important;
}
.col-padding-right-medium {
  padding-right: 10px !important;
}
.col-padding-left-medium {
    padding-left: 10px !important;
}
.col-padding-small {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.col-padding-medium {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.col-padding-left-content {
    padding-left: 25px !important;
    min-height: 400px;
}
.col-padding-right-content {
  padding-right: 25px !important;
  min-height: 400px;
}
.col-padding-content {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.col-padding-top-medium {
  padding-top: 10px !important;
}

#MSOTlPn_WebPartPageDiv {
overflow: hidden;
}

/********************************
 HEADER 
********************************/

/* Utilities */

#ADoT_Utilities {
  text-align:right;
  height:28px;
  margin-bottom:2px;
}
#select_font_size {
  display:inline-block;
  width:160px;
  color:#ffffff;
}
#select_font_size img {
 cursor:pointer;
}
#select_font_size span {
  display:inline-block;
  margin-top:1px;
  font-size:15px;
}

/* Mini sites */

#ADoT_MiniSites {
  float:right;
  padding-right: 5px;
  padding-left: 5px;
}
#ADoT_MiniSites table tr td {
  padding-left: 2px;
}
#ADoT_MiniSites_n_Search {
  z-index:1;
  margin-top:15px;
}

#ADoT_MiniSites a:link, #ADoT_MiniSites a:visited, #ADoT_MiniSites a:hover, #ADoT_MiniSites a:focus {
  text-decoration:none;
  font-weight:normal;
  color:white;
  font-size:1.3em;
}
.minibutton { 
    background: url('img/mini site button.png') no-repeat scroll 0px 0px transparent;
    height:40px;
    line-height: 25px;
    width:185px;
    background-size:185px;
    text-align:center;
    text-transform:capitalize;
    font-family:Arial;
}

/* search */
.ms-srch-sb {
  background-color:#ffffff;
}

#searchInputBox {
  float: none;
  margin-top:3px;
}
#ADoT_Search {
  float: right;
}
#ADoT_Search > span {
  color:#FFF;
  float:left;
  font-family:Arial;
  padding-right: 3px;
  line-height: 25px;
}
/*added by LTM */
#ADoT_Search > span > a > img {	
width:25px;
height:25px;	
}
#searchImg{
display:none;
}

/* ends here */

.ms-srch-sb > input {
  width: 150px;
  font-family: Arial !important;
}
.ms-mpSearchBox {
    text-align: right;
    width: 175px;
}

.searchRefiners {
    padding: 0 0 0 15px;
}
#Refinement #Value input{
  margin:0px;
  vertical-align: top;
}
#Refinement #Value label{
  margin:0px;
  font-size: 0.9em;
  font-weight: normal !important;
  max-width: 85%;
}
.ms-srch-Paging #PagingImageLink a.ms-promlink-button {
    background-color: rgb(230, 231, 232);
    border: 1px solid #dddddd;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-family: arial;
    text-transform: uppercase;
    height: 30px;
    width: 120px;
}

.ms-srch-Paging #PagingImageLink a span img {
  display:none !important;
}
.ms-srch-Paging #PagingImageLink a#PageLinkPrev span.ms-promlink-button-image,
.ms-srch-Paging #PagingImageLink a#PageLinkNext span.ms-promlink-button-image {
    width:auto!important;
}
.ms-srch-Paging #PagingImageLink a#PageLinkPrev span:before {
  content: "Previous";
}
.ms-srch-Paging #PagingImageLink a#PageLinkNext span:before {
  content: "Next";
}

/* Reset navigation */
#s4-workspace .navbar-default {
  border:none!important;
  background-color: transparent!important;
  border-color: transparent!important;   
}
#s4-workspace .navbar {
  margin-bottom: 0px; 
  min-height: 0; 
}
#s4-workspace .navbar-collapse {
  max-height: none;
}

/* Navigation */
#navigation {
  background-color:#b3b3b2!important; 
}
#navigation .navbar {
  border-radius: 0;
}

.navbar-toggle {
  border-color:#FFF !important;
  min-width: 1em;
}
.navbar-toggle .icon-bar {
  background-color: #FFF;
}
#s4-workspace .navbar-collapse { 
  padding: 0px;
}
#navigation .navbar .nav > li {
  line-height: 35px; 
  padding-left:2px;
}
#navigation .navbar .nav > li > a {
  line-height: 20px;
  color: #000;
}
#navigation .navbar .nav > li.menuYellowBG a {
  background-color: rgb(237,174,83);
}
#navigation .navbar .nav > li.menuBlueBG a{
  background-color: rgb(63,93,168);
  color: #fff;
}
#navigation .navbar .nav > li:hover > a {
  background: rgb(242,31,38);
  color: white;
}

#colLeft .ms-core-listMenu-horizontalBox, 
#colLeft .ms-core-listMenu-horizontalBox ul{
    width:100%;
}


/* Breadcrumb */
#s4-workspace .breadcrumb {
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: 110px;
}
#s4-workspace .subSiteBreadcrumb {
  margin-left: 110px;
  padding: 8px 15px;
}
#s4-workspace .breadcrumb > li + li:before {
  content: "| ";
  color: #000;
}
#s4-workspace .breadcrumb .divider {
  display: none;
}
#s4-workspace .breadcrumb > li a,
#s4-workspace .subSiteBreadcrumb  a {
  color:#000;
}
#s4-workspace .subSiteBreadcrumb .breadcrumbCurrent {
  color: #999;
} 
#s4-workspace .subSiteBreadcrumb div {
  display: inline-block;
}

/* Left Nav */
#s4-workspace .ms-core-listMenu-root {
  padding-left: 0px;
}
#s4-workspace .nav-list {
  margin-bottom: 10px;
}
#s4-workspace .nav-list a,
#blogLeftMenu a {
  color: #000;
}
#s4-workspace .nav-list li.heading {
  display: none;
}
#s4-workspace .nav-list li,
#s4-workspace .ms-core-listMenu-root li,
#blogLeftMenu li{
  list-style: none;
  background-color: rgb(177,178,179);
  border-bottom:1px solid #fff;
}
#s4-workspace .nav-list > li > a,
#s4-workspace .ms-core-listMenu-root li a,
#blogLeftMenu li a {  
  display: block;
  font-size: 1.1em;
}
#s4-workspace .nav-list > li > a:hover,
#s4-workspace .ms-core-listMenu-root li a:hover {
  text-decoration: underline;
}
#s4-workspace .nav-list li.active {
  background-color: rgb(230,231,232);
  font-weight: bold;
}
#s4-bodyContainer .active > .nav-list {
  top:0;
  left:100%;
  border-radius:0;
  border-top:1px solid #fff;
}
#s4-bodyContainer .active:hover>.nav-list{
  display:block;
}
#s4-bodyContainer .inactive>.nav-list{
  display:none;
}
#s4-bodyContainer .active > .nav-list li {
  background-color: rgb(230,231,232);
  padding-left:20px;
}
#s4-workspace .ms-core-listMenu-root li {
  display: block;
  position: relative;
}
#s4-workspace .ms-core-listMenu-root li a,
#blogLeftMenu li a {
  padding: 10px 15px;
  position: relative;
  margin:0px;
  color:#000;
}
#s4-workspace .ms-core-listMenu-root li > span {
  display:none;
}
#s4-workspace .ms-core-listMenu-root li:hover,
#blogLeftMenu ul li.active  {
  background-color: rgb(230,231,232);  
}
#blogLeftMenu ul li.active a {
  color: #000;
}
#blogLeftMenu ul {
  padding:0;
  margin: 0 0 0 10px;
}
#blogLeftMenu ul li a:visited,
#blogLeftMenu ul li a:hover {
  color:#000;
}
/*#s4-workspace .nav-list ul {
  display: none;
}*/

/* Share */

#share_page { 
  display: inline-block;
  background: url('img/share.png') no-repeat;
  height: 26px; /* Height of new image */
  cursor:pointer;
  color:#000;
  font-size: 1.3em;
  padding-left: 0px;
  vertical-align: top;
  white-space: nowrap;
  margin-bottom: 3px;
}
#print_page {
  display: inline-block;
  background: url('img/print.png') no-repeat;
  width: 27px; /* Width of new image */
  height: 27px; /* Height of new image */
  cursor:pointer;
  vertical-align:top;
  margin-bottom: 3px;
}
#share {
  text-indent: -9999px;
}
#sharePopup span {
  float:left;
  padding-right: 20px;
  line-height: 30px;
  font-size: 17px; 
}
#sharePopup a {
    font-size: 15px;
}
#sharePopup img {
  float: left;
  margin-right: 10px;
}
#sharePopup ul {
  display: inline-block;
  margin: 0 0 -10px 0;
  padding: 0;
}
#sharePopup ul li{
  display: block;  
  list-style:none;
  cursor:pointer;
  line-height: 32px;
  margin-bottom: 10px;
}
#sharePopup .icon { margin-right: 5px; }


/* Icons */
a.icon {
    display: inline-block;
    height: 32px;
    width: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    text-align: left;
}
.icon.facebook { 
  background-image: url('img/icon-facebook.png') !important; 
}
.icon.twitter { 
  background-image: url('img/icon-twitter.png') !important; 
}
.icon.email { background-image: url('img/icon-email.png') !important; 
}


/* Popup dialog */

.popup .overlay {
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: url('img/bg-overlay.png');
    z-index: 9999;
}
.popup .container {
    width: auto !important;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
}
.popup .chrome.has-title {
    margin-top: -40px;
}
.popup .chrome {
    padding: 40px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    position: relative;
    margin: auto;
    background-color: #fff;
    background-position: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.popup .chrome .inner {    
    margin: auto;
}
.popup .loading {
    background-image: url('img/icon-loading.gif');
}
.popup .close {
    position: absolute;
    top: -19px;
    right: -19px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    z-index: 10000;
    background-image: url('img/icon-close.png');
}
.popup .title {
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    margin-top: -4px;
    margin-bottom: -15px;
    color: #777;
    -webkit-text-shadow: 1px 1px #fff;
    -mox-text-shadow: 1px 1px #fff;
    text-shadow: 1px 1px #fff;
}

/********************************
 HEADER 
********************************/

.footer {
  background-color: rgb(177, 178, 179);
}

.footer div {
  text-align: center;
  color: #000;
  font-size: 1em;
  padding: 10px 0;
  min-height: 30px;
}

/********************************
 CONTENT 
********************************/

#contentRow {
  background-color:#ffffff;
  padding-bottom:10px;
    padding-top: 0px;
    padding-left: 0px;
}

#contentRow .catalog-item-image img {
  width: 100%;
  margin-bottom: 10px;
}

/* Sign up */
#SignIn {
  background-color: rgb(242, 31, 38) !important;
  color: white !important;
  display: block!important;
  font-family: Arial;
  font-size: 1.2em;
  line-height: 30px;
  margin: 10px 0 10px 0;
  padding: 0 5px;
  text-transform: uppercase;
}
#SignIn span {
  color:#fff;
  float:right;
  line-height: 25px;
  top: 4px !important;
}

/* EventsTab */

#eventsTab {
  margin-top:5px;
}
#eventsTab  .panel-default > .panel-heading{
  background-color: rgb(230, 231, 232);
  padding: 0;
}
#eventsTab  .panel-title {
    font-size: 1em;
   /*background-color: rgb(63, 93, 168); */
}

#eventsTab  .panel-clr {
    background-color:rgb(242, 31, 38); /* red */
} 
    
#eventsTab  .panel-clr.on {
    background-color:rgb(63, 93, 168); /* blue */
}

#eventsTab  .panel-clr1 {
    background-color:rgb(242, 31, 38); /* red */
} 
    
#eventsTab  .panel-clr1.on {
    background-color:rgb(63, 93, 168); /* blue */
}

#eventsTab  .right {
    float: right;    
    color: #fff !important;
    font-size: 0.65em !important;
    font-family:Arial;
    line-height: 30px;
    margin-right: 5px;
    margin-top: 5px;
  }


#eventsTab  .panel-default > .panel-heading a {
  padding-left: 2px;
  font-size: 1em;
  line-height: 22px;
  color: #fff;
}
#eventsTab  .panel-default > .panel-heading span {
  float:right;
  line-height: 20px;
}
#eventsTab  .panel-body > .row {
  margin-bottom: 10px;
}
#eventsTab  .panel-body > .row a {
  color: rgb(63, 93, 168);
}


/* Social */

#homeSocial {
  margin-top:5px;
}
#homeSocial  .panel-default > .panel-heading{
  background-color: rgb(230, 231, 232);
  padding: 0;
}
#homeSocial  .panel-title {
    font-size: 1em;
}
#homeSocial  .panel-default > .panel-heading a {
  padding-left: 30px;
  font-size: 1em;
  line-height: 22px;
  color: #000;
}
#homeSocial  .panel-default > .panel-heading span {
  float:right;
  line-height: 20px;
}
#homeSocial  .panel-default > .panel-heading .facebook {
  background: url('img/facebookslider.png') no-repeat 0 0;
}
#homeSocial  .panel-default > .panel-heading .twitter {
  background: url('img/twitter slider.png') no-repeat 0 0;
}
#homeSocial  .panel-default > .panel-heading .youtube {
  background: url('img/youtubeslider.png') no-repeat 0 0;
}
#homeSocial  .panel-body > .row {
  margin-bottom: 10px;
}
#homeSocial  .panel-body > .row a {
  color: rgb(63, 93, 168);
}

/* YouTube list */
#youtubeList img {
  width: 100%;
}
#facebookList,
#twitterList {
  padding:0px !important;
}
#homeVideo img {
  width: 100%;
}

/* Home links */
.homeLinks > a {
  background-color: rgb(242, 31, 38) !important;
  color: #fff !important;
  font-family: Arial !important;
  font-size: 1.3em !important;
  line-height: 30px;
  margin: 0 0 5px;
  padding-left: 5px;
  text-transform: capitalize;
  display: block;
}

/* Blog */

.blogContent {
  padding-top:50px;
  padding-bottom: 20px;
}
li.ms-blog-postComment > .ms-table > .ms-tableRow >.ms-tableCell:first-child {
  display:none;
}
li.ms-blog-postComment .ms-blog-postHeader {
    padding-left: 0 !important;
}
li.ms-blog-postComment .ms-blog-postHeader > .ms-textSmall > b {
    display:none;
}
table.ms-blog-MainArea td:first-child {
    width: 80%; 
    padding-left:20px;       
}

/* images */
#contentRow .ms-rtestate-field img {
  width:100%;
  /* removed to fix bug Bug 15890: Cannot create space around images */
  /* margin:0!important;   */
}

/* Map information */
#map_canvas {
  width: 100% !important;
}

ul.dfwp-column {
  padding-left: 0px;
}

ul.dfwp-column .officeInformation {
    margin:10px 0;
}
ul.dfwp-column .officeInformation .title {
  font-weight: bold;
}

ul.dfwp-column .officeInformation .title span {
    color: rgb(63,93,168)!important;
    font-size:1em;
}

#chancerymap-canvas {
    width: 100%;
    height: 350px;
}

/********************************
 WEBPARTS
********************************/

/* Heahers*/

.News-Header,
.Blog-Header,
.PastoralPlan-Header {
  background-color:rgb(242,31,38);
  margin-left:0;
  margin-bottom: 10px;
  color: white !important;
  font-family:Arial;
  line-height:30px;
  height:30px;
}
.Events-Header {
  margin: 5px 0;
  background-color: rgb(230,231,232);
  color: black;
  padding-left: 5px;
  font-family: Georgia !important;
  font-size: 1.3em !important;
  text-transform: uppercase;
  line-height: 30px;  
}

.list-title  {
  margin: 0 0 10px 0;
  background-color:rgb(242,31,38);
  color: #FFF;
  padding-left: 5px;
  font-family: Georgia !important;
  font-size: 1.3em !important;
  text-transform: capitalize;
  line-height: 30px;  
}

.News-Header .view-all a,
.Blog-Header .view-all a,
.PastoralPlan-Header .view-all a{
  color: #fff !important;
  font-size: 0.9em !important;
  font-family:Arial;
  line-height: 30px;
  margin-right: 5px;
   
}
.Events-Header a.view-all  {
  color: rgb(242,31,38) !important;
  font-size: 0.75em !important;
  font-family:Arial;
  line-height: 30px;
  margin-right: 5px;
  text-transform: none;
  font-weight: bold;
}

.News-Header .title,
.Blog-Header .title,
.PastoralPlan-Header .title{
  font-size: 1.5em !important;
  margin-left: 10px;
  display:inline;
  line-height:30px;
}


/* Items titles */
ul.News-List li .item-title{
  color: rgb(63,93,168);
  padding-bottom: 5px;
}

ul.Blog-List li .item-title,
ul.PastoralPlan-List li .item-title {
  display: block;
  color: rgb(63,93,168);
  padding-bottom: 20px;
  font-size: 1.2em;
}

/* Items readmore */
ul.News-List li .read-more,
ul.Blog-List li .read-more,
ul.PastoralPlan-List li .read-more {
  color: #000;
  text-decoration: underline;
}
ul.News-List li .read-more:hover,
ul.Blog-List li .read-more:hover,
ul.PastoralPlan-List li .read-more:hover {
  text-decoration: none;
}

/* News */

ul.News-List {
  list-style: none;
  margin-left: 20px;
  margin-right: 10px;
  padding: 0 !important;
}

ul.News-List li {
  padding-bottom: 15px;
  margin-bottom:5px;
}

ul.News-List li img {
  float:left;
  margin-right:10px;
}

ul.News-List li div.col-md-3,
ul.News-List li div.col-md-9 {
  padding-left:0px;
}

ul.News-List li a {
  margin-bottom: 5px;
  }
ul.News-List li a .item-title {
  font-size: 1.2em;
}


/* Blog */

ul.Blog-List {
  list-style: none;
  margin-left: 0px;
  padding: 0 !important;
}
ul.Blog-List li {
  padding-bottom: 20px;
}
ul.Blog-List li .row {
  margin:0 !important;
}
ul.Blog-List li img {
  margin-right:0;
  width:100%;
}
ul.Blog-List li a {
  margin-bottom: 5px;
}



/* Pastoral Plan */

ul.PastoralPlan-List {
  list-style: none;
  margin-left: 0px;
  padding: 0 !important;
}

ul.PastoralPlan-List li {
  padding-bottom: 20px;
}
ul.PastoralPlan-List li .row {
  margin:0 !important;
}
ul.PastoralPlan-List li img {
  margin-right:0;
  width: 100%;
}
ul.PastoralPlan-List li a {
  margin-bottom: 5px;
}

/* Events */
ul.Events-List {
  list-style: none;
  margin-left: 0px;
  padding: 0 !important;
}

ul.Events-List li {
  padding-bottom: 10px;
}

ul.Events-List li img {
  float:left;
  margin-right:10px;
}

ul.Events-List li a,
ul.cbs-List table td a {
    margin-bottom: 5px;
    color: rgb(63,93,168) !important;
}
ul.Events-List li a .event-icon,
ul.cbs-List li .event-icon {
  color: #000;
  width: 38px;
  border-style: solid none;
  border-width: 1px medium;
  border-color: #ABABAB;
  float: left;
  text-align: center;
  padding: 3px 0;
  margin-right: 10px;
}
ul.Events-List li a .event-icon .event-month,
ul.cbs-List li .event-icon .event-month  {
  font-size: 1.3em;
  text-transform: uppercase;
}
ul.Events-List li a .event-icon .event-day,
ul.cbs-List  li .event-icon .event-day{
  font-size: 0.9em;  
}
ul.cbs-List table.events td.date {
  width: 200px;
}
ul.cbs-List div.Events > a + div + div {
  margin-bottom:5px;
}
ul.Events-List table td {
  vertical-align: top;
}

/* Content Block */
.ContentBlock {
    line-height:1.5em;
}
.ContentBlock a.LinkTitle {
    color: rgb(63, 93, 168);
    display: block;
    font-size: 1.2em;
    padding-bottom: 20px;
}
.ContentBlock a.ImageRight {
    width: 50%;
    float: right;
}    
.ContentBlock a.ImageRight img{
    width:100%;
    margin: 0 0 5px 5px;
}
.ContentBlock a.ImageFull {
    width: 100%;
    float: left;
}    
.ContentBlock a.ImageFull img{
    width:100%;
    margin: 0 0 5px 0;
}
.ContentBlock a.LinkMore {
    color: #000;
    text-decoration:underline;
}

/* Parish/Mass Search */
#searchTabs ul {
  border-bottom:none !important;
}
#searchTabs .nav-tabs > li > a {
  font-size: 1em;
  padding: 3px 33px;
  text-transform: uppercase;
}
#searchTabs .nav-tabs > li > a[href='#sectionParish'] {
  background-color: rgb(177,40,43) !important;
  color: #FFF !important;
}
#searchTabs .nav-tabs > li > a[href='#sectionParish']:hover {
  text-decoration: underline;
  background-color: rgb(209,50,54) !important;
}
#searchTabs .nav-tabs > li > a[href='#sectionMass'] {
  background-color: rgb(237,174,83) !important;
  color: #000!important;
}
#searchTabs .nav-tabs > li > a[href='#sectionMass']:hover {
  background-color: rgb(240,190,115) !important;
  text-decoration: underline;
  color: #000 !important;
}
#searchTabs .panel {
  padding: 10px;
  margin-bottom:10px;
}
#searchTabs .form-control {
  margin-bottom:5px;
}
#searchTabs .btn-default {
  margin: 0 auto;
  display: block;
}
div.jsonOutput {
  margin-top:40px;
  margin-bottom: 20px;
}

div.jsonOutput div.resultItem {
  padding:10px 0 15px 0;
  border-bottom:1px solid rgb(230,231,232);
}
div.jsonOutput div.nameRow a.parishLink {
  cursor:pointer;
}
div.jsonOutput div.nameRow a span {
  color:#428bca;
  font-size:1.3em
}
div.jsonOutput div.infoRow span.parishInfo+span.parishInfo::before
{ 
  content:" | ";
}
div.jsonOutput div.resultItem div.additionalInfoRow 
{
    padding-top:8px;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div{
clear:both;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div span{
display:block;
float:left;
text-align:right;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div span.masslabel{
visibility:hidden;
font-weight:bold;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div:first-child span.masslabel{
display:inline;
color:black;
font-weight:bold;
visibility:visible;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div span.massDay{
font-weight:bold;
width:120px;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div span.massTime{
width:60px;
}
div.jsonOutput div.resultItem div.additionalInfoRow div div span.massLanguage{
width:80px;
}
div.jsonOutput ul.pager li
{ 
}
div.jsonOutput ul.pager li:first-child
{ 
  float:left;
}
div.jsonOutput ul.pager li.prevBtn
{ 
}
#s4-workspace .pager li > a, #s4-workspace .pager li > span {
  background-color: rgb(230, 231, 232);
  border: 1px solid #dddddd;
  border-radius: 4px;
  display: inline-block;
  font-family: arial;
  padding: 3px 40px;
  text-transform: uppercase;
  color:#000;
}
.col-home-right #searchTabs {
  margin-top:10px;
}
.col-home-right #searchTabs .jsonOutput {
  display:none;
}

.parish_clergy_detail{
    margin-bottom: 15px;
}

/* Catalogs in general */

.catalog-item-title {
  color: rgb(63, 93, 168);
  font-size: 2.1em;
  margin-top: 0;
}
.catalog-item-title + .catalog-item-date {
  color: rgb(63, 93, 168);
  font-style: italic;
  margin-bottom: 20px;
}
.catalogitem-content {
  line-height: 1.5em;
}
.catalogitem-content > .catalog-text-wrap {
  float: right;
  margin: 0 0 10px 10px;
}

ul.cbs-List {
  width:100%;
}
ul.cbs-List table td {
  vertical-align: top;
}
ul.cbs-List li > div {
  padding-bottom: 20px;
}
ul.cbs-List table {
  width: 90%!important;
}
ul.cbs-List table td a,
ul.cbs-List a div.item-title {
  font-size: 1.2em;
}
ul.cbs-List table.events td.date {
  width: 200px;
}
ul.cbs-List .ms-noWrap {
  white-space: pre-wrap!important;
}
ul.cbs-List .catalog-item-date {
  font-size: 0.9em;
  margin-bottom: 10px;
}
ul.cbs-List .item-tags {
  font-size: 0.9em;
  margin-top: 10px;
}

/* Parish Detail - Clergy*/
div.clergyOutput,
div.pastorOutput,
div.parishDetailOutput {
  margin-bottom: 20px;
}
div.clergyOutput div.title, div.pastorOutput div.title, div.massOutput div.title {
  background: rgb(63,93,168);
  color: white;
  padding: 5px;
}
div.clergyOutput > div > div.resultItem, div.pastorOutput > div > div.resultItem {
  font-size:1em;
}


div.ClergyOutput > div > div:nth-child(1) > span:nth-child(4){
	margin-left: -4px;
}

div.massOutput > div > div.resultItem > span:first-child,
div.parishDetailOutput > div.resultItem div > span:first-child, 
div.parishZoneOutput > div.resultItem > div > span:first-child{
  font-weight:bold;
}


div.parishZoneOutput > div.resultItem > div.title{
    margin-bottom:10px;
}

div.massOutput > div > div.resultItem > span:first-child {
  width: 110px;
  display:inline-block;
}

div.clergyOutput > div.title ,
div.pastorOutput > div.title ,
div.massOutput > div.title {
  color:#428bca;
  font-size:1.5em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  margin-bottom: 10px;
}
div.parishDetailOutput div.title span {
  font-size:1.5em;
  color: rgb(63,93,168);
  font-weight:normal!important;
}

div.parishDetailOutput > div.resultItem > div.address:last-child, div.parishDetailOutput > div.resultItem > div.phone:last-child {
  margin-bottom:20px;
}
div.address:last-child{
  margin-bottom:20px;
}
div.detailSection {
  margin-top:20px;
  margin-bottom:5px;
}
#parishMassDetailInfo ul {
  list-style: none;
  margin: 0 0 0 5px;
  padding:0;
}
#parishMassDetailInfo ul li span {
  width: 110px;
  font-weight: bold;
  display: inline-block;
  padding-top: 16px;
}
#parishMassDetailInfo > ul > li:nth-child(1) > span {
  padding-top: 0px;
}
div.ClergyOutput {
  margin-left: 5px;
}
div.ClergyOutput > div > div.resultItem 
{
	padding-bottom: 16px;
}
div.ClergyOutput span.clergy-position
{
	font-style: italic;
}
/* Subscribe */
#s4-workspace .Subscribe ul {
    margin:0;
    padding:0;
    list-style: none;
    color:rgb(177, 40, 43);
}
#s4-workspace .Subscribe .Required {
    color:rgb(177, 40, 43);
}
#s4-workspace .Subscribe .radio, 
#s4-workspace .Subscribe .checkbox{
    margin-top: 0;
}
#s4-workspace .Subscribe span {
    font-weight:bold;
}
#s4-workspace .Subscribe .radio label, 
#s4-workspace .Subscribe .checkbox label {
    margin-right: 15px;
    padding-right: 25px;
}


/********************************
 Image rotator styles
********************************/

#s4-bodyContainer #image-rotator .ms-webpart-chrome-vertical,
#s4-bodyContainer #image-rotator .ms-webpart-zone,
#s4-bodyContainer #image-rotator .ms-webpart-cell-vertical { display: block; }
#EIT_ImageRotator .controls .pause img,
#EIT_ImageRotator .controls .play img,
#EIT_ImageRotator .controls .slide-toggle img ,
#EIT_ImageRotator .controls .learn-more {
    display: none;
}

#EIT_ImageRotator {
    height: auto !important;
    margin-bottom: 10px !important;
}

#EIT_ImageRotator .controls {
  top: auto !important;
  left: 77% !important;    
  bottom: 10px !important;
}
#EIT_ImageRotator .slide {
  width: 100% !important;
  background-color: rgb(216,230,241) !important;
}

#EIT_ImageRotator .controls .pause,
#EIT_ImageRotator .controls .slide-toggle {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    z-index: 2;
}

#EIT_ImageRotator .controls .slide-toggle.selected {
    background-color: rgb(242,31,38) !important;
}

#EIT_ImageRotator .controls .play .brush {
  width: 0; 
  height: 0; 
  display: block;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent; 
  border-left-width: 15px;
  border-left-style: solid;  
  margin-bottom: 1px;
  margin-right: 5px;
}

#EIT_ImageRotator .controls .pause {
    margin-right: 0;
}
  

#EIT_ImageRotator .controls .slide-toggle {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 20px;
}

#EIT_ImageRotator .controls .slide-toggle {
    background-color: rgb(237,174,83) !important;
}

#EIT_ImageRotator .controls .pause .brush {
  width: 3px;
  height: 16px;
  margin: 2px;
  float: left;
  display: block;
  background-color: rgb(242,31,38) !important; 
}

#EIT_ImageRotator .controls .play .brush {
    color: rgb(242,31,38) !important; 
}

#EIT_ImageRotator .has-captions .caption {
    margin-left: 74% !important;
    padding-bottom: 40px!important;
    position: relative;
} 

#EIT_ImageRotator .caption .read-more {
  position: static;
  text-align: right;
  margin-top: 5px;
  bottom: 0x !important;
} 
  
#EIT_ImageRotator .caption-title {
  font-family: "Arial Narrow", Arial, sans-serif !important;
  font-size: 1.3em !important;
  font-weight: normal !important;
  color: rgb(63, 93, 168);
}   

#EIT_ImageRotator .caption-content {
  overflow: hidden;  
  white-space:pre-wrap;
  text-overflow: ellipsis;
  height: auto;
  color:#000;
}
#EIT_ImageRotator .caption {
  padding: 0 15px!important;
}
#EIT_ImageRotator .caption a {
  color: #000 !important;
  font-weight: bold;
}



/********************************
 MEDIA 
********************************/

/* Large desktop */
@media (min-width: 980px) { 
    .container {
      width: 980px !important;
    }
    #ADoT_TopHeader {
      height:180px;
    }

    #ADoT_logo {
      position:absolute;
      top:0;
      height:205px;
      width:150px;
      z-index:10;
      background-image:url("img/tablet/COA.png");
      background-repeat: no-repeat;
    }
    #ADoT_logo a {
      width: 123px;
      height: 172px;
      display: block;
    }    

    /* top menu */

    #s4-bodyContainer .navbar .nav li.dropdown:hover > ul.dropdown-menu{
     display: block;
    }
    #s4-bodyContainer .navbar .nav li.dropdown-submenu:hover > ul.dropdown-menu{
      display: block;
      left:100%;
      top:0;
    }
    #navigation .navbar .nav > li {
      font-size: 1.5em !important;
    }   
    #navigation .navbar .nav > li > a {
      padding: 0 19px!important;
    }
    #navigation .navbar .dropdown-menu {
      font-size: 0.9em;
    }
    #navigation .navbar .dropdown-menu .dropdown-menu{
      font-size: 1em;
    }


    /* Find Parish - Parish Search Web Part*/
    table.grdResults {
        width:100%;
    }

    #searchTabs .nav-tabs > li > a {
      padding: 3px 32px !important;
    }

    /* image rotator*/
    #EIT_ImageRotator {
      height: 316px !important;
    }
    #EIT_ImageRotator .caption-content {
      max-height:220px !important; 
    }

    
}
/* tablets */
@media (min-width: 768px) {
    .container {
      width: 768px;
    }
     #ADoT_logo {
      position:absolute;
      top:0;
      left:-1px;
      height:170px;
      width:120px;
      z-index:10;
        background-image:url("img/tablet/COA.png");
    }
    #ADoT_logo a {
      height:170px;
      width:120px;
      display: block;
    } 


    #s4-bodyContainer .navbar .nav li.dropdown:hover > ul.dropdown-menu{
     display: block;
    }
    #s4-bodyContainer .navbar .nav li.dropdown-submenu:hover > ul.dropdown-menu{
      display: block;
      left:100%;
      top:0;
    }
    #s4-bodyContainer .dropdown-submenu > a:after,
    #s4-bodyContainer .dropdown-submenu:hover > a:after {
      border-width: 0;
    }

    /* image rotator */
    #EIT_ImageRotator .has-captions .slide > a {
        width: 69%;
    } 
    #EIT_ImageRotator .caption-content {
      max-height:170px; 
    }

    /* Find Parish - Parish Search Web Part*/
    table.grdResults {
        width:100%;
    }

    #searchTabs .nav-tabs > li > a {
      padding: 3px 15px;
    }

    /* top nav */
    #navigation {  
      padding-left: 100px;
    }
    #navigation .navbar {
      margin: 0;
      min-height: 35px;
    }
    #navigation .navbar .nav{
      background-color:#b3b3b2!important; 
    }
    #navigation .navbar .nav > li {
      display: inline-block;
      width: auto;
      text-align:center;
      font-size: 1.1em;
      background: url("img/bg-menu.gif") no-repeat left 10px;      
    } 
    #navigation .navbar .nav > li:first-child {
      background: none;
    }
    #navigation .navbar .nav > li > a {
      line-height: 45px;
      padding: 0 17px;
      display: block;
    }    
    #navigation .navbar .nav > .active > a,
    #s4-workspace .nav .open > a, #s4-workspace .nav .open > a:hover, #s4-workspace .nav .open > a:focus {
      background: rgb(242,31,38);
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color: #FFF;
    }    
    #navigation .navbar .nav > li > .dropdown-menu {
      text-align: left;
      padding:0px;
    }
    #navigation  .navbar .nav > li > .dropdown-menu:before,
    #navigation .navbar .nav > li > .dropdown-menu:after {
      border: 0;
    }
    #navigation  .navbar .nav li.dropdown:hover > ul.dropdown-menu {
      display: block;
    }
    #navigation .dropdown-menu {
      margin: 0;
      padding:0;  
    }   
    #navigation  .dropdown-submenu {
      position:relative;
      padding:0;
    }
    #navigation .dropdown-menu,
    #navigation  .dropdown-submenu > .dropdown-menu {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #b3b3b2;
    }
    #navigation  .dropdown-submenu > .dropdown-menu {
      margin-left:0;
    }
    #navigation  .navbar .nav > li > .dropdown-menu li > a {
      border-bottom: 1px solid #9a9a98;
      color: #000;
    }
    #navigation  .navbar .nav > li > .dropdown-menu li:hover > a {
      filter: null;
      color: #fff;
      background-color: rgb(242,31,38); 
    }
    #navigation  .dropdown-submenu > a:after {
      border-left-color: #333;
    }
    #navigation  .dropdown-submenu:hover > a:after {
      border-left-color: #0070b8;
    }
    #navigation  .btn-navbar {
      margin-bottom: 5px;
    }

    #ADoT_Donate {
        float: right;
    }
    #ADoT_Donate a{
      width:95px;
      height:45px;
      margin-right:-16px;
      background-image:url("img/desktop/ADoT_DonateNow.png");
      background-repeat: no-repeat;
      margin-left: 3px;
      text-align:left;
      display:block;
      text-indent: -9999px;
      background-size: 80px 45px;
    }

    /* Home page */

    .col-home-bottom-left {
      padding-right: 5px !important;
      padding-left:10px;
    }
    .col-home-bottom-right {
      padding-left: 0px !important;
      padding-right: 10px;
    }
    .col-home-left {
      padding-right:5px !important;
      padding-left: 10px;
    }  
    .col-home-right {
      padding-left: 0px !important;
    } 

    /* borders */
    .zone-border-left {
      border-left: solid 3px orange;
    }
    .zone-border-right {
      border-right: solid 3px orange;
    }
    .zone-border-right-small {
      border-right: solid 2px orange;
    }
    .zone-border {
      border-right: solid 3px orange;
      border-left: solid 3px orange;
    }

    /* overlap */
    .overlap {
      margin-left: -3px;
      margin-right: -3px;
    }
    .overlap-left {
      margin-left: -3px;
    }

    #EIT_ImageRotator {
      height: 245px;
    }
}

@media (max-width: 991px){
    /* Blog Navigation */
    #blogLeftMenu {
      margin-left:5px;
      padding-right: 20px;
    }
    #blogLeftMenu > ul > li.active {
      background-color: rgb(230,231,232);
    }
    #blogLeftMenu > ul > li.active a,
    #blogLeftMenu > ul > li.active a:visited {
      background-color: rgb(230,231,232);
      color: #000;
    }
    #blogLeftMenu > ul > li {
      background-color: rgb(242,31,38);
      border-bottom: 3px solid #fff;
    }
    #blogLeftMenu > ul > li a,
    #blogLeftMenu > ul > li a:visited {
      color:#fff;
      font-size: 1.3em!important;
    }
    #blogLeftMenu > ul > li:hover a,
    #blogLeftMenu > ul > li:hover a:visited {
      color: #000;
    }
    #blogLeftMenu > ul > li:hover {
      background-color: rgb(230,231,232);
    }
}

/* Phones */
@media (max-width: 767px) {
    #s4-bodyContainer {
      background-image:url('img/phone/ADot_masterBackground_mobile.png');
    }
    
    /* Resize images inserted in pages */
    #contentRow .ms-rtestate-field img {
      max-width:100% !important;
      max-height: 100% !important;
    }

    #ADoT_logo {  
      position:absolute;
      top:0;
      left:-1px;
      height:85px;
      width:65px;
      z-index:10;
      background-image:url("img/phone/COA.png");
      background-repeat: no-repeat;
    } 
    #ADoT_logo a {
      height:85px;
      width:65px;
      display: block;
    } 

    #select_font_size{
        display:none;
    }

    /* Find Parish - Parish Search Web Part*/
    table.grdResults {
        width:100%;
    }

    /* image rotator */
    #EIT_ImageRotator .has-captions .caption {
      display: none!important;
    }
    #EIT_ImageRotator .has-captions .slide > a {
      width: 100% !important;
    } 
    #EIT_ImageRotator .slides img {
      width: 100% !important;
      /*fix for bug - Top banner background colour incorrect for mobile view*/
      padding-top:12% !important;  
      background-color: white !important;
    }
    
    /* utilities */
    #mobile_siteName div a {
      color: #fff !important;
      font-family: "Arial Narrow",Arial,sans-serif;
      font-size: 1.3em;
      text-transform: capitalize;
      padding-left: 55px;
      line-height: 32px;
      visibility: hidden;
    }
    #mobile_siteName div {
      background: url('img/mobilewatermark.png');
      background-repeat: no-repeat;
      background-size: 250px 25px;
      background-position: 55px;
    }
    #mobile_utilities {
      padding-left: 55px;
    }
    #mobile_utilities ul {
      list-style: none;
      margin:0;
      padding:0;
    }
    #mobile_utilities ul.navbar-left {
      float: left;
    }
    #mobile_utilities ul.navbar-right {
      float: right;
    }
    #mobile_utilities ul li {
      display: inline-block;
      padding-top: 4px;
    }
    #mobile_utilities ul li a{
      display: block;
      width: 24px;
      height: 24px;
      text-indent: -9999px;
    }
    #mobile_utilities ul li.twitter a{
      background: url("img/icon-twitter.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.facebook a{
      background: url("img/icon-facebook.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.youtube a{
      background: url("img/icon-youtube.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.tumblr a{
      background: url("img/icon-tumblr.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.pinterest a{
      background: url("img/icon-pinterest.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.googleplus a{
      background: url("img/icon-googleplus.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.email a{
      background: url("img/icon-email.png") no-repeat 0 0;
    }
    #mobile_utilities ul li.search a{
      background: url("img/icon-search.png") no-repeat 3px 0;
      border-right: 1px solid #fff;
      width: 35px;
    }
    #mobile_utilities ul li.share a{
      background: url("img/icon-share.png") no-repeat 3px 0;
      border-right: 1px solid #fff;
      width: 35px;
    }
    #mobile_utilities ul li.toggle {
      width: 30px;
      text-align: right; 
    }

    /* header */
    #s4-workspace .navbar {
      border: none;
    }
    #s4-workspace .navbar-header {
      /*height: 32px;*/
      height: 44px;
      background-color: #000 !important;
    }
    #s4-workspace .navbar-toggle {
      border:none;
      margin:4px 0 0 0;
      padding:0;
      float: none;
    }
    #s4-workspace .breadcrumb {
      height: 40px;
    }
    #s4-workspace .breadcrumb > li,
    #s4-workspace .subSiteBreadcrumb {
      /*display: none; */
      visibility: hidden;
      height: 40px;
    }   
    #wrapper {
      display: none;
    }

    /* footer */
    .footer div {
      display: none;
    }

    /* top menu */
    #navigation .navbar .nav { 
      border: 1px solid #000;
    }
    #navigation .navbar .nav > li {  
      font-size: 1.5em !important;
    }
    #navigation .navbar .nav > li {
      padding-left: 0;
      text-align: right;
      border-top: 1px solid #000;
    }
    #navigation .navbar .nav > li:first-child {
      border-top:none;
    }    
    #navigation {
      background-color: transparent !important;
    }
    #s4-workspace .navbar-collapse {
      background-color: #b3b3b2 !important;
      float: right;
      width: 70%;
    }
    #s4-workspace .dropdown-menu {
      float: none;
      position: relative;
      background-color: #eeeeee;
      border:1px solid #eeeeee;
      font-size: 0.8em;
      margin-top:1px;
      box-shadow:none;
    }

    /* left menu */
    #s4-workspace .nav-list {
      margin: 0 15px 10px;
    }
    #s4-workspace .nav-list li {
      background-color: rgb(242,31,38);
      border-bottom: 3px solid #fff;
    }
    #s4-workspace .nav-list li a {
      color:#fff;
      font-size: 1.3em!important;
    }
    #s4-workspace .nav-list li.active a,
    #s4-workspace .nav-list li:hover a {
      color: #000;
      font-weight: normal;
    }
    #s4-workspace .nav-list .nav-list {
      margin: 0!important;
    }
    #s4-workspace .nav-list .nav-list li {
      border-bottom-width: 0;
    }
    #s4-workspace .nav-list .nav-list li a:hover {
      background-color: transparent;
    }
    #blogLeftMenu li a {
        font-size: 1.3em !important;
    }
    .ms-blog-MainArea,
    .ms-blog-MainArea ul.ms-blog-postList {
        min-width: 50px !important;
    }
    .ms-blog-MainArea {
        margin-top:10px;
    }

    /* Subsite Navigation */
    #zz2_RootAspMenu, 
    #zz13_RootAspMenu {
      margin-left:5px;
      padding-right: 20px;
    }
    #zz2_RootAspMenu > li.static.selected,
    #zz13_RootAspMenu > li.static.selected {
      background-color: rgb(230,231,232);
    }
    #zz2_RootAspMenu > li.static.selected a,
    #zz13_RootAspMenu > li.static.selected a {
      background-color: rgb(230,231,232);
      color: #000;
    }
    #zz2_RootAspMenu > li.static,
    #zz13_RootAspMenu > li.static {
      background-color: rgb(242,31,38);
      border-bottom: 3px solid #fff;
    }
    #zz2_RootAspMenu > li.static a,
    #zz13_RootAspMenu > li.static a {
      color:#fff;
      font-size: 1.3em!important;
    }
    #zz2_RootAspMenu > li.static:hover a,
    #zz13_RootAspMenu > li.static:hover a {
      color: #000;
    }

    /* Blog Navigation */
    #blogLeftMenu {
      margin-left:5px;
      padding-right: 20px;
    }
    #blogLeftMenu > ul > li.active {
      background-color: rgb(230,231,232);
    }
    #blogLeftMenu > ul > li.active a,
    #blogLeftMenu > ul > li.active a:visited {
      background-color: rgb(230,231,232);
      color: #000;
    }
    #blogLeftMenu > ul > li {
      background-color: rgb(242,31,38);
      border-bottom: 3px solid #fff;
    }
    #blogLeftMenu > ul > li a,
    #blogLeftMenu > ul > li a:visited {
      color:#fff;
      font-size: 1.3em!important;
    }
    #blogLeftMenu > ul > li:hover a,
    #blogLeftMenu > ul > li:hover a:visited {
      color: #000;
    }
    #blogLeftMenu > ul > li:hover {
      background-color: rgb(230,231,232);
    }
}

@media print {
    #mobile_siteName {
        /*display:block;
        margin-left: 50px;
        padding-top:10px;
        margin-bottom:20px;*/
        display: none;
    }
    #mobile_siteName div a {
      /*color: #000!important;
      font-size: 2em;*/
      display: none;
    }
    .coa-print-logo {
      width: 84px;
      height: 125px;
    }
    .hidden-print {
      display: none!important;
    }
    ul.breadcrumb {
      display: none;
    }

    #ms-designer-ribbon {
      display: none; 
    }
    #colLeft {
      display:none;
    }
    #colMiddle {
        width:100%!important;
        border-left:none;
        padding-top:20px;
    }
    #colMiddleFull {
        width:100%!important;
        border-left:none;
        padding-top:20px;
    }
    #colRight {
        padding-top:20px;
    }

    #mobile_siteName .ADot_siteName a:link:after, #mobile_siteName .ADot_siteName a:visited:after {
        content: "";
    }

    html, body, .ms-core-overlay {
        background-color: #FFFFFF;
    }
}


