/**
Theme Name: Dalmeny Campground
Theme Description: Damleny Campground
*/

/*#btnlistmap { display: none; }*/

body { background-color: #5c92a0;
       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: center;
          padding-top: 10px;
          padding-left: 1%;
          padding-right: 1%;
          color: #fff;
          background: #c31212;
	      display: none;
        }

#tagline {   color: #ffffff;
              background: transparent;
              font-size: 1.4em;
              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: 88px;
              margin-left: auto;
              margin-right: auto;
              background-color: transparent;
              border-bottom: 1px #aaa solid;
           }

#logo { position: absolute; 
        top: 5px;
        left: 0px;
        width: 197px;
        height: 80px;
        background: transparent;
        cursor: pointer;
     }

#firesun { position: absolute; 
           top: 12px;
           left: 300px;
           width: auto;
           height: auto;
           font-weight: bold;
           font-size: 0.8em;
           background-color: transparent;
           display: none;
         }

#firewarn { position: absolute; 
        top: 12px;
        right: 0px;
        width: 216px;
        height: 60px;
        font-size: 0.7em;
        background-color: #f5f5f5;
        border: 1px #c6c6c6 solid;
        border-radius: 4px;
     }

#weather { position: absolute; 
        top: 12px;
        right: 222px;
        width: auto;
        height: auto;
        font-weight: bold;
        font-size: 0.8em;
        background-color: transparent;
     }

#mobnav { display: none; }

#navdiv { position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 40px;
          background: rgba(0,97,113,0.6);
          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: transparent; text-decoration: none; }
#nav a:hover { background:rgba(0,97,113,0.9); }

#nav ul { position:relative; list-style: none; margin: 0; padding: 0; top: 0px; left: 0px; width: 100%; }
#nav li { position:relative; float: left; width: 14.28%; background: transparent; }

#nav ul ul { position: absolute; list-style: none; margin: 0; padding: 0; top: 40px; left: 0px; width: 120%; }
#nav ul ul li { position:relative; float: none; background: rgba(0,97,113,0.6); border: 1px #999999 solid; border-top: 0px; width: 120%; }
#nav ul ul li:hover { background: rgba(0,97,113,0.9); }
#nav ul ul li a { text-align: left; }

#nav ul ul ul { position: absolute; list-style: none; margin: 0; padding: 0; top: 0px; left: 100%; width: 100%; }
#nav ul ul ul li { position:relative; float: none; background: rgba(0,97,113,0.6); width: 100%; border: 1px #999999 solid; border-top: 0px; width: 100%; }
#nav ul ul ul li:hover { background: rgba(0,97,113,0.9); }
#nav ul ul ul li a { text-align: left; }

div#nav ul ul, div#nav ul li:hover ul ul, div#nav ul ul ul, div#nav ul ul li:hover ul ul { display: none; }
div#nav ul li:hover ul, div#nav ul ul li:hover ul, div#nav ul ul li:hover ul, div#nav ul ul ul li:hover ul { display: block; z-index:100; }

.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: 28%;
          background-size: 100% 100%;
          background-color: transparent;
      }
#splashhd { 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: 20%; 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;
              margin-left: auto;
              margin-right: auto;
         }

#breadcrumbs { position: relative;
              top: 0px;
              left: 0px;
              max-width: 1000px;
              width: 100%;
              height: 28px;
              background: #fff;
              margin-left: auto;
              margin-right: auto;
           }

#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;
            }

.crumbtext { font-size: 0.9em;
            font-family: verdana, arial, sans-serif;
            text-align: justify;
            background: transparent;
            padding: 10px 0px 0px 8px;
          }

.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: 98%;
             max-width: 1000px;
             height: 44px;
             padding-top: 10px;
             padding-left: 1%;
             padding-right: 1%;
             text-align: right;
             background-color: #5c92a0;
             border-bottom: 1px #aaa solid;
             margin-left: auto;
             margin-right: auto;
           }
.padfooter ul { width: auto; list-style: none; background: transparent; margin: 0px;  padding: 0px; display:inline-block; }
.padfooter li { float: left; width: 50px; background: transparent; }

#footer { position: relative;
          top: 0px;
          left: 0px;
          width: 98%;
          height: auto;
          padding-left: 1%;
          padding-right: 1%;
          color: #fff;
          background: #575755;
          /*border-bottom: 1px #aaa solid;*/
        }

.footnav {   padding-top: 16px; /*160px;*/
	         padding-bottom: 20px;
             color: #ffffff;
              background: transparent;
              font-size: 0.7em;
              font-family: verdana, Arial, sans-serif;
              font-weight: bold;
              width: 100%;
              max-width: 1000px;
              margin-left: auto;
              margin-right: auto;
            }

.footnav ul { width: 100%; list-style: none; background: transparent; margin: 0px;  padding: 0px; display:inline-block; }
.footnav li { float: left; width: 33%; background: transparent; }
.footnav li b, .footnav li strong { font-size: 1.05em; font-weight: bold; color: #fdbb30; }

#footercamp { position: relative;
          top: 0px;
          left: 0px;
          width: 98%;
          height: auto;
          padding-left: 1%;
          padding-right: 1%;
          color: #fff;
          font-size: 0.9em;
          background: #636466;
        }

.footurls {  color: #ffffff;
              background: transparent;
              font-size: 0.8em;
              font-family: Arial, verdana, sans-serif;
              font-weight: bold;
              width: 100%;
              max-width: 1000px;
              margin-left: auto;
              margin-right: auto;
              text-align: right;
              padding-top: 6px;
              padding-bottom:  6px;
          border-top: 1px #aaa solid;
            }

ul.ulonehalf { position:relative; list-style: none; margin: 0; padding: 0; top: 40px; left: 0px; width: 100%; }
ul.ulonehalf li { position:relative; width: 48%; height: 120px; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 14px; background: transparent; }
ul.ulonehalf a { color: #f47b20; font-size: 1.2em; font-weight: bold; text-decoration: none; }
ul.ulonehalf a:hover { text-decoration: underline; }
ul.ulonehalf li img { width: 100px !important; height: 80px !important; margin-right: 8px; margin-bottom: 40px; vertical-align: top; background: transparent; }

.iconlist { font-size: 0.9em; }

.left {
    border: 0px;
    float: left;
}

.activities { position: relative; width: 100%; height: auto; display: block; background: transparent; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px; overflow: hidden; }
.activities li { position: relative; float: left; width: 300px; height: 220px; margin: 6px; list-style: none; cursor: pointer; background: #5c92a0; }
.activities .actimg { width: 100%; height: 100%; border: 1px #000 solid; }
.activities .acthd { position: absolute; 
                     top: 0px;
                     width: 100%;
                     height: 90%;
                     text-align: center;
                     color: #fff;
                     font-size: 1.4em;
                     font-weight: bold;
                     padding-top: 10%;
                     background: rgba(0,0,0,0.1);
                       transition:1s;
                      -webkit-transition:1s;
                      -moz-transition:1s;
                   }

.activities .actdesc { position: absolute;
                       top: 200px;
                       left: 0px;
                       text-align: center;
                       color: transparent;
                       background: transparent;
                       padding: 0px 14px 0px 14px;
                       font-size: 1em;
                       transition:1s;
                      -webkit-transition:1s;
                      -moz-transition:1s;
                     }
.activities li:hover .acthd { background: rgba(0,0,0,0.5); }
.activities li:hover .actdesc { top: 70px; color: #fff; }

#prodlist { display: block; }
#prodmap { display: none; }

#btnlistmap { position: relative; top: 0px; left: 0px; width: 100%; text-align: right; background: transparent; }
#btnlistmap ul { width: 15%; list-style: none; background: transparent; margin: 0px;  padding: 0px; display:inline-block; }
#btnlistmap ul li { float: left; width: 50%; background: transparent; font-size: 1.2em; }

.atdwform { width: 96%;
            padding: 2%;
            margin-bottom: 20px;
            background: #5c92a0;
            border: 1px #ccc solid;
          }

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


.atdwform select {  background: #fff;
                    border: 1px #636466 solid;
                    font-size: 1.1em;
                    padding: 2px;
                    width: 98%;
                   -webkit-border-radius: 4px;
                   -moz-border-radius: 4px;
                    border-radius: 4px;
                 }

.atdwform input[type=submit] { background: #636466;
                     border: 1px #ddd solid;
                     color: #ffffff;
                     font-weight: bold;
                     letter-spacing: 2px;
                     padding: 6px 20px 6px 20px;
                     margin-top: 0px;
                     cursor:pointer;
                     -webkit-border-radius: 5px;
                     border-radius: 5px;
                   }
.atdwform input[type=submit]:hover { background: #E18533; }

.activityitem { position: relative;
            top: 0px;
            left: 0px;
            width: 99%;
            margin-bottom: 12px;
            height: auto;
            display: table;
            background: #efefff;
            border-bottom: 1px #ccc solid;
         }
.activityitem:hover { background: #f0f8ff; }
.activityimg { position: relative;
           top: 0px;
           left: 0px;
           width: 20%;
           background-color: transparent;
           padding: 0.5%;
           vertical-align: top;
           display: table-cell;
           }
.activityimg img { width: 100%; border: 1px #000 solid; }
.activitydetail { position: relative;
           top: 0px;
           left: 0px;
           width: 77%;
           background-color: transparent;
           padding: 0.5%;
           padding-left: 1%;
           padding-right: 1%;
           vertical-align: top;
           display: table-cell;
           font-size: 0.95em;
           font-family: verdana, arial, sans-serif;
           }


ul.actcontact { list-style: none; width: 100%; margin: 0; padding: 0; }
ul.actcontact li { position: relative; width: auto; float: left; height: 30px; list-style: none; }

.activityfld { font-weight: bold; }
.activityinfo { width: 88%; padding-right: 10px; word-wrap: break-word; }
.activityname { font-weight: bold; }

.numatdw { font-weight: bold; }

ul.tripadlist { width: 100%; list-style: none; background: transparent; margin: 0px;  padding: 0px; display:inline-block; }
ul.tripadlist li { float: left; width: 48%; background: transparent; padding: 1%; font-size: 0.8em; }

ul.prodimglist { width: 100%; list-style: none; background: transparent; margin: 0px;  padding: 0px; display:inline-block; }
ul.prodimglist li { float: left; width: 48%; background: transparent; padding: 1%; font-size: 0.8em; }

.prodname { display: none; }

.srvfac { background: #fdfdfd; margin-bottom: 10px; }
.srvfachd { font-weight: bold; font-size: 1.1em; }
.srvfacimg { float: left; padding: 3px 6px 0px 0px; }
.srvfacimg img { width: 220px; border: 1px #000 solid; }
.srvfacfac { font-size:0.85em; font-style: italic; }


.navpg { width:96%; text-align:center; margin-top: 40px; }
.pgnav { border: 1px #5c92a0 solid; padding: 8px; color: #5c92a0; margin-right: 4px; font-weight: bold; cursor: pointer;  display: inline-block; }
.pgnav:hover { background: #5c92a0; color: #fff; }
.nonav { border: 1px #3e7988 solid; background: #5c92a0; color: #fff; padding: 8px; margin-right: 4px; font-weight: bold; cursor: initial; }

.noStyleAccordion .ui-accordion-header, .noStyleAccordion .ui-accordion-content {
     padding: 0;
     background: none;
     border: none;
     outline: none;
}
.ui-state-focus { border: none; outline: none; }
.ui-accordion-header.ui-state-active { color: #ffffff; background-color: #5c92a0; }

#accordion { overflow: auto; width: 100%; margin-bottom: 20px; }
#accordion .ui-accordion-header { color: #fff; font-weight: bold; padding: 10px; margin: 2px; outline: none;  background: #5c92a0 url('/wp-content/uploads/images/downarrow.png') no-repeat; background-position: right 30px top 10px; cursor: pointer; }
#accordion .ui-accordion-header:hover { background: #636466 url('/wp-content/uploads/images/downarrow.png') no-repeat; background-position: right 30px top 10px; }
#accordion .ui-accordion-content { padding: 6px; padding-left: 20px; border: 0px; font-size: 1em; }
#accordion .ui-accordion-content a { color: #0000ff; text-decoration: none; }
#accordion .ui-accordion-content a:visited { color: #0000ff; }
#accordion .ui-accordion-content a:hover { color: #ff0000; }
#accordion .ui-accordion-header.ui-state-active { color: #ffffff; background: #636466 url('/wp-content/uploads/images/downarrow.png') no-repeat; background-position: right 30px top 10px; }
#accordion .ui-accordion-header.ui-state-active:hover { color: #000; background: #ccc url('/wp-content/uploads/images/uparrow.png') no-repeat; background-position: right 30px top 10px; }

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
    margin-top: 2px;
    margin-bottom: 8px;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.lefttext p:first-of-type { font-size: 1.2em; }
.lefttext p:first-of-type:first-letter { font-size: 1.6em; font-family: 'Times New Roman', times, arial; }

p { margin-top: 0px; }

h1 { color: #efefff;
     font-size: 2em;
     font-weight: 500;
     font-family: verdana, arial, sans-serif;
     text-shadow: 2px 2px #06395c;
     letter-spacing: 1px;
   }

h2 { color: #0e76bd;
     font-size: 1.2em;
     margin-bottom: 0px;
   }
h2.rates { color: #0e76bd;
     font-size: 1.2em;
     margin-bottom: 0px;
   }

h3 { color: #0e76bd;
     font-size: 1em;
   }

.bold { font-weight: bold; }

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

a.booknow { width: 98%;
            height: 24px;
            background: #5c92a0;
            color: #fff;
            text-align: center;
            font-size: 0.9em;
            font-weight: bold;
            padding-top: 6px;
            display: block;
          }
a.booknow:visited { color: #fff; }
a.booknow:hover { background: #636466; color: #fff; }

a.bookfoot { width: 75%;
            height: 24px;
            background: #d79f26;
            color: #000;
            text-align: center;
            font-size: 0.9em;
            font-weight: bold;
            letter-spacing: 2px;
	        padding-top: 6px;
            display: block;
          }
a.bookfoot:visited { color: #000; }
a.bookfoot:hover { background: #5c92a0; color: #fff; }


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; } 



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

@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; }

   #centrefind, #beachfind, #centremap { width: 66%; margin-left: auto; margin-right: auto; }

   .corners { margin-right: 10px; }

   .activityitem { display: block; width: 98%; }
   .activityimg { display: block; position: relative; width: 96%; }
   .activitydetail { display: block; position: relative; width: 96%; }
   .activityinfo { width: 100%; position: relative; top: 0px; left: 0px; padding-bottom: 6px; }

   ul.actcontact li { float: none; }

   #btnlistmap ul { width: 33%; }

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

}

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

   #navdiv { display: none; top: 0px; height: auto; background: rgba(0,97,113,0.9); }

   #nav { position:relative; }
   #nav ul { list-style: none; top: 0px; 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: rgba(0,97,113,1); }

   #nav ul ul { position: relative; top: 0px; left: 0px; width: 100%; }
   #nav ul ul li { float: none; width: 100%; background: rgba(0,97,113,0.9); border-top: 1px #aaa solid; }
   #nav ul ul li a { padding-left: 30px; }
   #nav ul ul li a:hover { background: rgba(0,97,113,1); }

   #nav ul ul ul { position: relative; top: 0px; left: 0px; width: 100%; }
   #nav ul ul ul li { float: none; width: 100%; background: rgba(0,97,113,0.9); border-top: 1px #aaa solid; }
   #nav ul ul ul li a { padding-left: 50px; }
   #nav ul ul ul li a:hover { background: rgba(0,97,113,1); }

   #leftpane { top: 2px; }

   #pageheader { position: fixed;
                 background-color: #5c92a0;
                 z-index: 999;
               }

   #headertag { height: 100px; }

   #firesun { display: block; }
   #firewarn { display: none; }
   #weather { display: none; }

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

   #homesplash { margin-top: 88px; }
   #splash { margin-top: 88px; }

   #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) {
   #pageheader { height: 54px; }
   #logo { top: 2px; width: 113px; height: 46px; }
   #firesun { top: 0px; left: 130px; }
   #firesun img { height: 40px; }
   #mobnav { top: 4px; }
   #homesplash { margin-top: 54px; }
   #splash { margin-top: 54px; }

   #btnlistmap ul { width: 50%; }

   #headertag { height: 120px; }

	.prodname { display: block; font-weight: block; font-size: 1.2em; }
   #splashhd { display: none; }

   .atdwform { width: 94%; }
   .atdwform ul li { float: none; width: 96%; }

   .activities ul { width: 100%; margin: 0px; padding: 0px; }
   .activities li { float: none; width:96%; margin: 0px; margin-bottom: 6px; padding: 0px; }
}

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