/**
Theme Name: Red Rattler Studio
Theme Description: Red Rattler Studio
*/

#btnlistmap { display: none; }


body { background-color: #607158;
       margin: 0px;
       font-size: 1.2em;
      }

#thepage { top: 0px;
            width: 100%;
            height: auto;
            background-color: transparent;
            font-size: 1em;
            font-family: verdana, Arial, sans-serif;
            margin-left: auto;
            margin-right: auto;
         }

#headertag { position: relative;
          top: 0px;
          left: 0px;
          width: 98%;
          height: 60px;
          text-align: left;
          padding-top: 10px;
          padding-left: 1%;
          padding-right: 1%;
          color: #fff;
          background: #c31212;
          display: none;
        }

#tagline {   color: #ffffff;
              background: transparent;
              font-size: 1em;
              font-family: verdana, Arial, sans-serif;
              font-weight: bold;
              width: 100%;
              max-width: 1000px;
              margin-left: auto;
              margin-right: auto;
            }
#tagline a { color: #fff; }
#tagline a:hover { text-decoration: underline; }

#pageheader { position: relative;
              top: 0px;
              left: 0px;
              max-width: 1000px;
              width: 100%;
              height: 62px;
              margin-left: auto;
              margin-right: auto;
              background-color: transparent;
           }

#logo { position: absolute; 
        top: 10px;
        left: 0px;
        width: 340px;
        height: 40px;
        background: transparent;
        cursor: pointer;
     }


#mobnav { display: none; }

#navdiv { position: absolute;
          top: 14px;
          left: 66%;
          width: 180px;
          height: 40px;
          background: #607158;
          z-index: 111;
      }

#nav { /*max-width: 1000px;*/ width: 100%; height: auto; background: transparent; margin-left: auto; margin-right: auto; padding: 0px; z-index:111; }
#nav a { height: 30px; text-align: center; text-transform: uppercase; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 0.8em; display: block; margin: 0; padding: 10px 0px 0px 10px; }
#nav a { color: #ffffff; background: #607158; text-decoration: none; }
#nav a:hover { color:#000; background: #607158; }

#nav ul { position:relative; list-style: none; margin: 0; padding: 0; top: 0px; left: 0px; width: 100%; }
#nav li { position:relative; float: left; width: 90px; background: #607158; /*border-bottom: 1px #ffffff solid;*/ }

.navfixed { position: fixed; }

#homesplash { position: relative;
          top: 0px;
          left: 0px;
          width: 100%;
          background: transparent;
      }

#splash { position: relative;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 0px;
          padding-top: 20%;
          background-size: 100% 100%;
          background-color: transparent;
      }
#splashhd { display: hidden; /*position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; max-width: 1000px; height: auto; line-height: 0em; margin-left: auto; margin-right: auto; background: transparent; z-index: 11;*/ }
#splashhomehd { position: absolute; top: 80%; left: 0px; right: 0px; width: 100%; max-width: 1000px; height: auto; line-height: 0em; margin-left: auto; margin-right: auto; background: transparent; z-index: 11; }
#splashimg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 11; }
#splashimg img { position: relative; top: 50%; left: 50%; display: block; min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; max-height: none; transform: translate(-50%, -50%); }

#contentpage { position: relative;
           top: 0px;
           left: 0px;
           width: 100%;
           height: 100%;
           background: #fff;
         }

#pagecontent { position: relative;
               top: 0px;
               left: 0px;
               margin-left: auto;
               margin-right: auto;
               display: table;
               width: 100%;
               max-width: 1000px;
               height: 300px;
               background-color: transparent;
               padding-bottom: 100px;
             }

#singlepane { position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 300px;
            background-color: transparent;
            padding-left: 0px;
            padding-right: 0px;
            vertical-align: top;
            display: table-cell;
            font-size: 0.8em;
            font-family: verdana, Arial, sans-serif;
           }

#leftpane { position: relative;
            top: 0px;
            left: 0px;
            width: 60%;
            height: 300px;
            background-color: transparent;
            padding-left: 0px;
            vertical-align: top;
            display: table-cell;
            font-size: 0.8em;
            font-family: verdana, Arial, sans-serif;
           }

#rightpane { position: relative;
             top: 0px;
             left: 0px;
             width: 38%;
             height: 300px;
             background-color: transparent;
             padding-left: 2%;
             vertical-align: top;
             display: table-cell;
             font-size: 0.8em;
             font-family: verdana, Arial, sans-serif;
            }

.lefttext { font-size: 1em;
            font-family: verdana, Arial, sans-serif;
            background: transparent;
             padding-top: 20px;
          }

.righttext { font-size: 1em;
             font-family: verdana, Arial, sans-serif;
             background: transparent;
             padding-top: 20px;
           }

.righttext img { clear: both;
                 padding-bottom: 12px;
               }

.padfooter { position: relative;
             top: 0px;
             left: 0px;
             width: 100%;
             height: 4px;
             background-color: #602f32;
           }

#footer { position: relative;
          top: 10px;
          left: 0px;
          width: 100%;
          height: 100%;
          color: #fff;
          background: #607158;
          background-size: contain;
          border-bottom: 1px #333333 solid;
        }

.footnav { text-align: left;
           padding-top: 0px;
           padding-left: 4%;
           max-width: 1200px;
           margin-left: auto;
           margin-right: auto;
           background: #607158;
         }

.footnav ul { width: 100%; list-style: none; background: transparent; margin: 0px;  padding: 0px; display:inline-block; }
.footnav li { float: left; width: 33%; }

.wp-block-media-text__content {
    padding: 0px !important; /* Applies 20px padding to all sides */
}
.wp-block-media-text {
    padding: 0px !important; /* Applies 20px padding to all sides */
}
.wp-block-media-text.is-vertically-aligned-center {
    padding-left !important: 0px; /* Applies 30px padding to the left of the text content */
}
.has-media-on-the-right {
    padding: 0px !important; /* Applies 20px padding to all sides */
}


p { margin-top: 0px; }

a:link { color: #0000ff; text-decoration: none; }
a:visited { color: #0000ff; }
a:hover { color: #ff0000; }

a.footer {    color: #d9d9d9;
              background-color: transparent;
              font-family: verdana, arial, sans-serif;
              text-decoration: underline;
            }
a.footer:visited { color: #d9d9d9; }
a.footer:hover { color: #d3cab7; } 
.footer { font-size: 0.9em; }



@media screen and (max-width: 960px) {
   h1 { font-size: 1.8em; }
   #hdlogin { display: none; }
   #subnav a { height: 36px; padding-top: 2px; }

   .footer { font-size: 0.8em; }
}

@media screen and (max-width: 800px) {
   h1 { font-size: 1.5em; }
   #thepage { min-height: 0px; }
   #nav a { font-size: 0.75em; }
   #contentpage { min-height: 0px; }

   #pagecontent { min-height: 0px; }
   #leftpane { position: relative; display: inline; float: none; width: 100%; min-height: 0px; clear: both; background: transparent; }
   #rightpane { position: relative; display: inline; float: none; width: 100%; min-height: 0px; top: 20px; clear: both; background: transparent; }
   .lefttext { padding-left:4px; padding-right: 2px; }
   .righttext { padding-top: 0px; }

   .corners { margin-right: 10px; }
   .homefootnav { padding-right: 0px;}
   .footnav { padding-right: 0px;}

   .footer { font-size: 0.7em; }
}

@media screen and (max-width: 640px) {
   .contact { display: none; }

   #navdiv { display: none; top: 0px; height: auto; background: #607158; }

   #nav { position:relative; }
   #nav ul { list-style: none; top: 60px; left: 0px; width: 100%; }
   #nav li { position:relative; float: none; width: 100%; border-bottom: 1px #999999 solid; }
   #nav a { display:block; padding-left: 10px; text-align: left; font-size: 0.75em; height:22px; }
   #nav a:hover { background: #607158; }

   #leftpane { top: 2px; }

   #mobnav { position: absolute;
             top: 20px;
             right: 4%;
             width: 40px;
             height: 40px;
             background: transparent;
             cursor: pointer;
             display: block;
             z-index: 501;
           }

   #navdiv.shownavdiv { display: block; }

   h1 { font-size: 1.1em; }

   #homefootnav ul { width: 100%; }
   #homefootnav ul li { float: none; width: 100%; }
   #footnav ul { width: 100%; }
   #footnav ul li { float: none; width: 100%; }
}

@media screen and (max-width: 480px) {
   #splashhd { display: none; }
}

@media screen and (max-width: 320px) {
}