/*
Theme Name: labrat
Theme URI: https://ratguide.com/team
Template: labbook
Version:  2.0.0
Author:  Kristin J. Johnson (wererat)
Author URI:  https://wererat.net
Theme Date:  10-07-2020
Domain Path: /languages/
Tags: responsive-layout, flexible-header, rat-friendly design.
Description: Theme for Karen Grant's Rat Guide move to WordPress. Designed and maintained by Kristin J. Johnson, with beautiful art by "Bella" Joanne Hodges, for when the Guide grew too big for Karen by herself.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: labrat

A labor of love for humans with pet rats, copyright 2000 - 2020.  Year of the Rat!
*/

/* @import url('https://fonts.googleapis.com/css?family=Overlock|Overlock+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overlock+SC&display=swap'); */
@import url("../labrat/css/fonts.css");
@import url("../labrat/css/ratguide.css");

body {
     margin:0px 0px 10px 0px;
     font-family : Verdana, Arial,Tahoma,Helvetica,sans-serif;
     color:#055262;
     background : #e9e9e9 url(https://ratguide.com/wp-content/uploads/rgbackground.gif) !important;
}
 A {
     color: #005C91;
}
 a:visited {
     color: #CC3399;
}
 a:hover {
     color: #005C91;
     text-decoration: none;
}
 a:link {
     color: #663390;
}
 a:active {
     color: #005C91;
     text-decoration: none;
     background: #DBD7E0;
  }
 h1, h2 {
     font-family: 'Overlock SC', cursive !important;
     color:#663390;
    /* background-color : #e9e9e9;
     */
     text-align : left;
     margin-bottom : 10px;
     padding-top : 5px;
     padding-left:15px;
    /* border:1px solid #660090;
     */
}
 h3 {
     font-family: 'Overlock SC', cursive  !important;
     color:#663390;
    /* background-color : #e9e9e9;
     */
     text-align : left;
     border-bottom:1px solid #ffffff;
     border-right:1px solid #ffffff;
     margin-bottom : 5px;
     padding-top : 1px;
}
 h4, h5 {
     margin-left: 0px;
     padding-left: 10px;
     font-family: 'Overlock SC', cursive  !important;
     color:#663390;
    /* background-color : #e9e9e9;
     */
     text-align : left;
     margin-bottom : 5px;
     padding-top : 5px;
     border-bottom:1px solid #ffffff;
     border-right:1px solid #ffffff;
}
 .oldbox {
    /*border : thin dotted #660099;  
     border: 1px solid #313233 !important;  
     border-style:solid;border-image:linear-gradient(RebeccaPurple, transparent) 1;border-bottom:0;
     */
     background-color : #FFFFFF;
     color: #660099;
     padding: 1px !important;
     border-radius: 5px !important;
      
}

.box { /* border-collapse:collapse; */
background-color : #DBD7E0;
width: 100%;   }
.box tr:nth-child(even) {
background-color: #e9e9e9;  }
.box td { border:1px solid #ffffff !important;
border-width:thin;
text-align:left;
 }
 
.box2 { border-collapse:collapse;
background-color : #DBD7E0;
width: 100%;   
  max-width: 1000px;
  border-bottom: 12px solid  #f0f0f0;}
.box2 tr:nth-child(even) {
background-color: #e9e9e9;  }
.box2 td { border-bottom:1px solid #ffffff !important;
border-width:thin;
text-align:left;

 }
 
 .box3 { /* border-collapse:collapse; */
background-color : #DBD7E0;
width: 100%;
border-spacing:unset !important;  
font-size: calc(6px + .5vw); }
.box3 tr:nth-child(even) {
background-color: #e9e9e9;  }
.box3 td { text-align:left;
padding: 0.2em;
 }
.box3 table { text-align:left;
padding: 0.25em;
 }




 .font2 {
     font-size : 12px;
}
 .font1 {
     font-size : 10px;
}
 #header {
     font-family: 'Overlock SC', cursive  !important;
     font-size:x-large;
     font-weight:normal;
     padding-left:15px;
     border-bottom:1px solid #660099;
     border-top:1px solid #660099;
     color:#005C91;
     line-height:120%;
}
 INPUT {
     background-color : #ffffff;
     border-color : #005C91;
     color : #000000;
     font-family : "Arial Narrow", sans-serif;
}
 SELECT {
     background-color : #ffffff;
     border-color : #005C91;
     color : #000000;
     font-family : "Arial Narrow", sans-serif;
}
 TEXTAREA {
     background-color : #ffffff;
     border-color : #005C91;
}
 HR {
     background-position : center;
     height: 1px;
     color : #660099;
     margin-left : 20px;
     margin-right : 20px;
}
 .gone {
     text-decoration : line-through;
}
 .subheader {
  /*    font-family: Overlock, 'Overlock SC', cursive  !important; */

     font-size:x-small;
     font-weight:normal;

/*      text-transform:uppercase; */
     letter-spacing:.1em;
     line-height:120%;
     padding:1px;
     width: 94vw;
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}
 .footer {
     border-top:1px solid #660099;
}
/* .footer1 {
     padding:15px;
     font-family : verdana, arial, sans-serif;
} */
 .odd {
     background-color : #005c91;
     color : #ffffff;
     border-top:1px solid #ffffff;
}
 .even {
     background-color : #ffffff;
     border-top:1px solid #ffffff;
}
 .lin {
     display: none;
}
 .den {
     display: block;
     width:100%;
     text-align:center;
     line-height: 0.75;
}
 .nom {
     display: block;
     width:100%;
     text-align:center;
     text-decoration: underline;
}
 .pronounce{
     font-family: "Courier New", Courier, "Times New Roman", Times, serif;
     color: #CC3399;
}
 .caption {
/*   border : thin solid #660099;
     font-size : 12px;
     text-align: left;
     padding: 3px; */
     color: #005C91 ;
     text-decoration: none;
     background: #DBD7E0 !important;
     padding: 6px;
       opacity: 0.9;
}

div.fix table {
  width: 100%;
  max-width: 1000px;
  border-bottom: 3px solid  #e9e9e9;
}

 .ff2 table.caption td {
     vertical-align: top;
     width: 200px;
     max-width: 800px;
 }
  table.caption td {
     vertical-align: top;
     max-width: 1000px;
}
 img.single-featured.wp-post-image {
     float: right;
     margin: 0 0 10px 10px;
}
 .fa-hourglass-half {
     color: #724993;
}
 .post-navigation a {
     display: none;
}
 .entry-content {
     background-color: #e9e9e9;
}
 .entry-meta, .post-meta {
     background-color: #e9e9e9;
     color: #724993;
}
 aside {
     background-color: #f0f0f0;
}
/*aside, .categories-2 {
     border:1px solid #D3D3D3;
}
 */
 .entry-content {
     color: #145867 !important;
     border-bottom:1px solid #ffffff;
}
 .top-section {
     border-bottom: 1px solid #D3D3D3;
}
 #secondary .widget_archive ul li:before {
     content: '\f073';
}
 #secondary .widget_categories ul li:before {
     content: '\f07c';
}
 .page-id-2 .post-meta {
     display: none;
}
/* hiding some elements */
 aside .title {
     display: none;
}
/*.single.category-care .site-branding {
     background color:pink !important;
}
 */
/*-------------------------------------------------------------- ## Header  --------------------------------------------------------------*/
/* space after icons in post header and footer */
 .main-navigation {
     font-size: calc(7px + .5vw); !important;
     font-family: 'Overlock SC', cursive  !important;
     font-weight: bold;
     clear: both;
     display: block;
     float: right !important;
     width: 100%;
     text-transform:uppercase;
     letter-spacing:.1em;


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f859b+17,663390+83,e9e9e9+90&0.99+1,0.1+68 */
     background: -moz-linear-gradient(top, rgba(31,133,155,0.99) 1%, rgba(31,133,155,0.78) 17%, rgba(86,70,147,0.1) 68%, rgba(102,51,144,0.1) 83%, rgba(233,233,233,0.1) 90%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(31,133,155,0.99) 1%,rgba(31,133,155,0.78) 17%,rgba(86,70,147,0.1) 68%,rgba(102,51,144,0.1) 83%,rgba(233,233,233,0.1) 90%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(31,133,155,0.99) 1%,rgba(31,133,155,0.78) 17%,rgba(86,70,147,0.1) 68%,rgba(102,51,144,0.1) 83%,rgba(233,233,233,0.1) 90%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc1f859b', endColorstr='#1ae9e9e9',GradientType=0 );
    /* IE6-9 */
} 

 .icon-laptop-medical-solid {
     color: #ECDAC7;
     text-align:center;
     padding-top : 1px;
     font-size: 1.33em;
}

 .icon-prescription-bottle-solid  {
     color: #FFEEA3;
     text-align:center;
     padding-top : 1px;
     font-size: 1.33em;
}

 .icon-stethoscope-solid  {
     color: #E9E9E9;
     text-align:center;
     padding-top : 1px;
     font-size: 1.33em;
}

 .icon-heart-solid  {
     color: #F9B4B4;
     text-align:center;
     padding-top : 1px;
     font-size: 1.33em;
}

 .icon-baby-carriage-solid  {
     color: #DFF0FE;
     text-align:center;
     padding-top : 1px;
     font-size: 1.33em;
}
/*-------------------------------------------------------------- ## Header (Masthead) --------------------------------------------------------------*/
 #masthead {
     grid-area: header;
   display: flex;
  flex-wrap: wrap;
  align-content: center;
     }
 #masthead .site-branding {
     background-color: #f0f0f0;
     width: 100%;
     /* display: grid;
     grid-template-columns: auto 1fr; */
     grid-template-rows: 152px;
    /* should match header image max height */
     grid-template-areas: "logo";
     align-items: center;
     overflow: hidden;
}
 #masthead .site-title-container {
   display:none !important;
     /* grid-area: title;
     padding: 1em; */
}
 #masthead .site-title {
      display:none !important;
   /*
     font-size: 200%;
     font-weight: 700;
     line-height: 1.2;
     margin: 0 0 5px 0;
     padding: 0; */
}
 #masthead .site-title a {
     display:none;
     color: #055262;
}
 #masthead .site-description {
     font-family: 'Overlock SC', cursive;
     color: #055262;


     font-size: calc(11px + .5vw); !important;
     letter-spacing: 1px;
     margin: 5px 0 0 0;
     padding: 0;
}
 #masthead .custom-logo-container {
     grid-area: logo;
     margin: 2px;
     justify-self: end;
         width: 100%;
}
 .main-navigation ul {
     display: flex;
     justify-content: space-around;
     list-style: none;
     margin: 0;
     padding-left: 0;
}
/* category and tag links */
 .entry-footer .cat-links a, .entry-footer .tag-links a {
     background-color: #FFD1B6 !important;
     border-radius: 4px;
     padding: 2px;
     border: none !important;
}
 .site-main .posts-navigation, .site-main .post-navigation {

     background-color: #f0f0f0 !important;
     padding: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
visiblity: hidden !important;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
visiblity: hidden !important;
}
/*  hide excerpts   */
.category .entry-summary {
    display: none;
}
 .widget, .hentry, #post-references, #post-revisions {
     background-color: #f0f0f0;
}
#post-revisions h3, #post-references h3 {
	color: #663390;
}
/* Remove from pages only */
.page .byline, .page .breadcrumbs, .page .entry-title, .page #post-revisions, .page #post-references, .page #execphp-2 {
 display:none !important;
}       
.post #post-revisions; {
 display:none !important;
}

 .page  .post-meta {
     display: none;
}

.widget {

    margin: 0 0 -1.0em 0 !important;
 
}
/* Make sure select elements fit in widgets */
 .widget select {
     max-width: 100%;
     font-size: 95%;
}
 .widget .widget-title {
 border-bottom: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
 margin-bottom: 2px !important;
     color: #075068;
    font-size: calc(9px + .5vw); !important;"
     font-weight: bold;
     line-height:120%;
}
 #colophon {
     grid-area: footer;
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
     max-width: 1200px;
     color:#055262;
     text-align: center;
     padding: 1em;
}
 .rgfooter {
     width: 95% !important;
      max-width: 1200px;
     align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f859b+17,663390+83,e9e9e9+90&0.99+1,0.1+68 */
     background: -moz-linear-gradient(top, rgba(31,133,155,0.99) 1%, rgba(31,133,155,0.78) 17%, rgba(86,70,147,0.1) 68%, rgba(102,51,144,0.1) 83%, rgba(233,233,233,0.1) 90%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(31,133,155,0.99) 1%,rgba(31,133,155,0.78) 17%,rgba(86,70,147,0.1) 68%,rgba(102,51,144,0.1) 83%,rgba(233,233,233,0.1) 90%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(31,133,155,0.99) 1%,rgba(31,133,155,0.78) 17%,rgba(86,70,147,0.1) 68%,rgba(102,51,144,0.1) 83%,rgba(233,233,233,0.1) 90%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc1f859b', endColorstr='#1ae9e9e9',GradientType=0 );
    /* IE6-9 */
}
 .rgfooter2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+10,663390+47,1f859b+83&0.1+21,0.99+99 */
     background: -moz-linear-gradient(top, rgba(233,233,233,0.1) 10%, rgba(194,179,207,0.1) 21%, rgba(102,51,144,0.4) 47%, rgba(31,133,155,0.81) 83%, rgba(31,133,155,0.99) 99%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(233,233,233,0.1) 10%,rgba(194,179,207,0.1) 21%,rgba(102,51,144,0.4) 47%,rgba(31,133,155,0.81) 83%,rgba(31,133,155,0.99) 99%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(233,233,233,0.1) 10%,rgba(194,179,207,0.1) 21%,rgba(102,51,144,0.4) 47%,rgba(31,133,155,0.81) 83%,rgba(31,133,155,0.99) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ae9e9e9', endColorstr='#fc1f859b',GradientType=0 );
    /* IE6-9 */
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
     max-width: 1200px;
     color:#055262;
}
 #colophon a {
     color: #087B94;
}
 td, th {
     border: none !important;
}
 #footer-widgets {
    margin: 0px;
}

.nowrap {
    white-space: nowrap;
}
/* collapsing categories */
.sym { color: #0B789C !important; }


/* sidebar widget for categories */
.catimage {
     font-family: 'Overlock SC', cursive  !important;
     color:#663390;
     font-size: calc(11px + .5vw); !important;"
     font-weight: bold;
     padding-bottom: 6px;
     padding-top: 6px;
    /* background-color : #e9e9e9;
     */
     
}

/* breeding categories and health main categories
order widget */
.breeding {
    color: #757575;
    text-decoration: none !important;
}

.search-advanced-link {
 font-family: 'Overlock SC', cursive  !important;
 font-size: calc(10px + .5vw); !important;
}

/*--------------------------------------------------------------
# Archives
--------------------------------------------------------------*/
.archive-description {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.archive-description p {
    margin: 1em !important;
      text-indent: 1.5em;
}

.archive-description {     color: #005C91;
     text-decoration: none;
     background: #DBD7E0;
     padding: 6px;
       opacity: 0.9;
     }


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

blockquote {
    margin: 0 1.5em;
    border-left: 0 !important;
    padding-left: 0.5em;
}

/*
This needs repaired if styles are updated
ul {
 }
ol {
} */

.warning{ 
font-family: verdana, arial, sans-serif; 
color: #CC3399; 
      font-style: italic;
text-indent: 10px;
}

.broken_link, a.broken_link {
	text-decoration: line-through;
}



/*  for 'figure' titles */

h2.entry-title, h1.page-title, h3.entry-title, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,

p.toc_title {   font-family: 'Overlock', cursive  !important; } /*toc titles*/