/* standardCommon CSS */
   
@import url("/?originalUrl=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DMontserrat%7CHind%7CRock%2BSalt%7CNothing%2BYou%2BCould%2BDo%7CArchitects%2BDaughter");
@import url("/?originalUrl=https%3A%2F%2Ffonts.googleapis.com%2Ficon%3Ffamily%3DMaterial%2BIcons");

body {
  background-color: #FFFFFF;
  color: #222222;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

/* Links */
nav a:link,
nav a:visited,
div#navColumn a:link,
div#navColumn a:visited,
div#footer a:link,
div#footer a:visited {
    color: #0000FF;
    text-decoration: none;
}
nav a:hover,
nav a:active,
div#navColumn a:hover,
div#navColumn a:active,
div#footer a:hover,
div#footer a:active {
    color:#FFFFFF;
    background-color:#7AA37A;
    text-decoration:none;
}
div#pageContent a:link,
div#pageContent a:visited {
    border-bottom: 1px solid #f07e13;
    box-shadow: 0 -2px 0 #f07e13 inset;
    color: inherit;
    transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
    text-decoration:none;
}
div#pageContent a:hover,
div#pageContent a:active {
    border-bottom: 1px solid #481800;
    box-shadow: 0 -4px 0 #481800 inset;
    color: inherit;
    transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
	  text-decoration:none;
}
.noDecoration {
    background-color:transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration:none !important;
}

main,
#page,
.page {
	margin:0 auto;
    max-width:950px;
/*    border: medium solid #000080; */
}

/* No Display Options */
.nodisplayscreen {
    display:none;
}

nav,
#navColumn,
.navColumn {
	font-size:0.85em;
	width:180px;
	text-align:right;
	vertical-align:top;
	padding:8px;
	border-right:thin solid #000080;
    float:left;
}

#logoNav,
.logoNav	{
	border:none;
	width:180px;
	height:248px;
	margin:0 0 2em 0;
}

#navAnnouncement,
.navAnnouncement {
    background-color:#CDE472;
    color:#CC1100;
    font-size:1em;
    text-align:center;
    border-radius:1em;
    padding:5px;
}

#navAnnouncement a:link,
.navAnnouncement a:link {
	color:#CC1100;
	text-decoration:none;
}

#navAnnouncement a:visited,
.navAnnouncement a:visited {
	color:#CC1100;
	text-decoration:none;
}

#navAnnouncement a:hover,
.navAnnouncement a:hover {
	color:#CC1100;
	text-decoration:underline;
}

#navAnnouncement a:active,
.navAnnouncement a:active {
	color:#CC1100;
	text-decoration:underline;
}

.navSection {
	margin-bottom:1em;
}

.navSectionIcons {
    display:block;
    background-color:#7AA37A;
    color:#F5F5F5;
    text-align:right;
    vertical-align:center;
    padding:5px 2px 0 2px;
}

.navSectionHeader {
    font-weight:600;
}

#navQuotes,
.navQuotes {
color: inherit;
background-color:#F5F5F5;
font-family:'Architects Daughter', cursive;
font-size:1.3em;
text-align:left;
margin: 0.5em;
padding: 0.5em;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

#pageContentAndMugs,
.pageContentAndMugs {
    padding:0;
    max-width:704px;
    float:right;
}

#pageContent,
.pageContent {
	text-align: left;
	vertical-align: top;
    max-width:570px; 
	padding:1em;
    float:left;
}

h1,
#pageTitle,
.pageTitle {
  color: #481800;
  font-family:'Rock Salt', cursive;
	font-size:2em;
	font-weight:400;
  padding-bottom:0.25em;
  margin:0 0 0.25em 0;
  border-bottom:thin solid #481800;
}

h2,
#pageSubTitle,
.pageSubTitle {
	color:#F07E13;
	font-family:Montserrat,Hind, sans-serif;
	font-size:1.5em;
  margin:0;
}

#pageContent div.sectionTitle,
.pageContent div.sectionTitle,
#pageContent fieldset legend,
.pageContent fieldset legend {
	font-family:Montserrat,Hind, sans-serif;
	font-size:1.5em;
	font-weight:600;
    margin-top:1em;
}

#pageContent div.sectionSubTitle,
.pageContent div.sectionSubTitle {
	font-family:Montserrat,Hind, sans-serif;
	font-size:1.2em;
	font-weight:600;
    font-variant:small-caps;
    margin-top:0.5em;
}

#pageContent .sectionContent,
.pageContent .sectionContent {
	text-align:justify;
    width:auto;
    margin:1em 0 0.5em 0;
    clear:both;
}

#randomMugColumn,
.randomMugColumn {
	vertical-align: top;
    padding: 5px 5px 5px 0;
    float: left !important;
}

.randomMug {
	margin:0;
	padding:0;
	width:100px;
	height:100px;
 display: block;
}

div.quiltNavYears {
  column-count: 3;
  column-gap: 10px;
}

#footer,
.footer {
    background-color:#CCCC99;
    font-size:0.8em;
	text-align:center;
    padding-top:1em;
    clear:both;
}

.noticeBox {
    border: medium solid #7AA37A;
    border-radius: 1em;
    padding: 1em;
    margin: 1em 0;
}

.highlight {
    color: tomato;
    font-weight: bold;
}

.allVolunteerOrg {
	font-family:'Nothing You Could Do', cursive;
	font-size:2.5em;
	margin-left:1em;
}

.msaada {
    font-style:italic;
}

.no_break {
	white-space: nowrap;
}

.clear {
    clear:both;
}

/* Google Material Design Icons */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


/* Icon positioning */

div.PDFDownload {
  display:block;
  background-image: url("/?originalUrl=https%3A%2F%2Fresources.ridgebackrescue.org%2Fimages%2Fpdficon_small.png");
  background-repeat: no-repeat;
  background-position: 1em;
  padding-left: 2em;
  margin: 0.5em;
  background-position: left;
}
div.FlagUSA {
  display:block;
  background-image: url("/?originalUrl=https%3A%2F%2Fresources.ridgebackrescue.org%2Fimages%2Fflag_icon_usa.png");
  background-repeat: no-repeat;
  background-position: 1em;
  padding-left: 1.5em;
  margin: 0.5em;
  background-position: left;
}
div.FlagCanada {
  display:block;
  background-image: url("/?originalUrl=https%3A%2F%2Fresources.ridgebackrescue.org%2Fimages%2Fflag_icon_canada.png");
  background-repeat: no-repeat;
  background-position: 1em;
  padding-left: 1.5em;
  margin: 0.5em;
  background-position: left;
}

/* Redirect index pages for subdomains */

body#subdomainRedirect {
  font-size: 22px;
  text-align: center;
  box-shadow: 7px 7px 5px #CCCCCC;
  border: thin solid #222222;
  max-width: 550px;
  margin: 0 auto;
  padding: 15px 20px 20px;
  margin-top: 20px;
}

body#subdomainRedirect header {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

body#subdomainRedirect img#logo {
  margin: 0 20px;
  width: 180px;
  height: 248px;
}

body#subdomainRedirect #tagLine {
  width: 220px;
  height: 248px;
  display: flex;
  flex-direction: column;
}

body#subdomainRedirect main {
  max-width: 440px;
  margin: 0 auto;
}

body#subdomainRedirect footer {
  font-size: 0.7rem;
  margin-top: 0.25rem;
  text-align: center;
}

/* TEMPORARY ADDITIONS FOR DOGS AVAIALBLE PAGES: BEGIN */

#dogsAvailable #NEWheaderLogo,
#dogsAvailable #NEWnavTopTemp,
#dogsAvailable #NEWnavBottomTemp,
#adoptionApplicationPage #NEWheaderLogo,
#adoptionApplicationPage #NEWnavTopTemp,
#adoptionApplicationPage #NEWnavBottomTemp {
    display: none;
}

  .coordList {
    margin-bottom: 1rem;
  }

/* TEMPORARY ADDITIONS FOR DOGS AVAIALBLE PAGES: END */

@media only screen and (max-width: 1000px) {
  body#subdomainRedirect #redirect {
    font-size: 0.8em;
  }
  #randomMugColumn {
    display: none;
  }

/* TEMPORARY ADDITIONS FOR DOGS AVAIALBLE PAGES: BEGIN */
  #dogsAvailable #navColumn,
  #dogsAvailable nav,
  #dogsAvailable .navSectionIcons,
  #adoptionApplicationPage #navColumn,
  #adoptionApplicationPage nav,
  #adoptionApplicationPage .navSectionIcons {
    display: none;
  }

  #dogsAvailable #NEWheaderLogo,
  #dogsAvailable #NEWnavBottomTemp,
  #adoptionApplicationPage #NEWheaderLogo,
  #adoptionApplicationPage #NEWnavBottomTemp {
    display: block;
  }

  #dogsAvailable #NEWnavTopTemp,
  #adoptionApplicationPage #NEWnavTopTemp {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: #F07E13;
    color: #FFFAFA;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem;
    margin: 1rem 0;
  }

  #dogsAvailable #NEWnavTopTemp a:link,
  #dogsAvailable #NEWnavTopTemp a:visited,
  #adoptionApplicationPage #NEWnavTopTemp a:link,
  #adoptionApplicationPage #NEWnavTopTemp a:visited {
    color: #FFFAFA;
    text-decoration: none;
    border-bottom: none;
    box-shadow: none;
    transition: none;
  }

  #dogsAvailable #NEWnavTopTemp a:hover,
  #dogsAvailable #NEWnavTopTemp a:active,
  #adoptionApplicationPage #NEWnavTopTemp a:hover,
  #adoptionApplicationPage #NEWnavTopTemp a:active {
    color: #e5e1e1;
    text-decoration: none;
    border-bottom: none;
    box-shadow: none;
    transition: none;
  }
  
  #dogsAvailable .NEWnavRow,
  #adoptionApplicationPage .NEWnavRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
/* TEMPORARY ADDITIONS FOR DOGS AVAIALBLE PAGES: END */

}