/*  
Theme Name: Theme 2 - responsive update 2019
Theme URI: http://rapidwebsites.co.nz/
Description: Theme by Rapid Websites
Version: 2.0
Author: Aidan Curran
Author URI: http://rapidwebsites.co.nz/
*/
html,body {
	margin:0;
	padding:0;
   background: #d5d6c8;
   text-align: center;
	font-family: Georgia,serif;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #231f20;
}
h1, h2, h3, h4 {

}
h1 {
   font-size: 20px;
   color: #f36f21;
   border-bottom: 2px solid #f36f21;
   font-variant:small-caps;
   margin-bottom: 25px;
   text-shadow: 0 0 2px #999;

}
h2 {
   font-size: 18px;
   color: #f36f21;
   text-shadow: 0 0 1px #999;
}
h3 {
   font-size: 16px;
}
h4 {
   font-size: 14px;
}
a {
   color: #a76941;
}
a:hover {
   color: #ff0000;
}
h2 a {
   color: #734121;
   text-decoration: none;
}
h2 a:hover {
   color: #cc000;
   text-decoration: underline;
}
img {
   border: 0;
   max-width:100%; 
   height:auto;
}
div {
   text-align: left;
}
form {
   margin:0;
}
#header {
   height: 250px;
   background: #fff url(images/header.jpg) center center no-repeat;
   padding: 0px;
}
#logo {
   display:block;
   margin: 0 auto;
   text-align: center;   
}
#tagline {
   font-weight: bold;
   text-align: center;
   margin: 3px 0 0 0;
   font-size: 12px;
   letter-spacing: 1px;
   color: #1b4e62;
}
#pagetop {
   width: 914px;
   height: 20px;
   margin-left: auto;
   margin-right: auto;
}
#page {
   max-width: 900px;
   background: white;
   margin: 0px auto;
   padding: 0;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#pagebottom {
   width: 914px;
   height: 20px;
   margin-left: auto;
   margin-right: auto;
}
#nav {
   font-size: 12px;
   background: #231f20;
   padding: 0;
   text-align: center;
   /*height: 26px;*/
   font-family: Verdana, Geneva, sans-serif;
}
#nav a {
   color: #d6d6d6;
   text-decoration:none;
   font-weight:bold;
   text-transform: none;
   padding-left: 15px;
   padding-right: 15px;
   display: inline-block;
   height: 26px;
   line-height: 26px;
}
#nav a:hover, nav a.current, #nav .current_page_item a {
   color: #f9af84;
   background: url(images/navpointer.gif) center 21px no-repeat;
}
#nav a:hover {
   color: #f36f21;
}
ul#nav {
   list-style: none;
   margin: 0;
   padding: 0;
}
#nav li {
   display: inline;
   list-style: none;
}
#maincontent {
   padding: 25px 50px;
}
#leftcol {
   float: left;
   width: 430px;
   padding: 10px 10px 10px 20px;
}
#rightcol {
   float: left;
   width: 270px;
   padding: 10px 20px 10px 10px;
}
.clear {
   clear:both;
}
.center {
   text-align:center;
}
.centered {
   margin: 0 auto;
}
#footer {
   margin: 5px 50px 0 50px;
   padding: 10px;
   text-align: center;
   font-size: 11px;
   color: #999;
   border-top: 2px solid #f36f21;
}
#footer a {
   text-decoration: none;
   color: #999;
}
#footer a:hover {
   text-decoration: underline;
   color: #888;
}
img.leftalign {
   display: block;
   float: left;
   text-align: left;
   margin: 0 25px 5px 0;
}
img.rightalign {
   display: block;
   float: right;
   text-align: right;
   margin: 0 0 5px 15px;
}
img.centeralign {
   display: block;
   margin: 10px auto;
   text-align: center;
}
table.labels {
   width:50%;
   margin:10px auto;
}
table.labels th {
   text-align: right;
   padding-right: 30px;
}

#maincontent td {
   padding: 10px;
}
#maincontent td h2 {
   margin-top: 0px;
}
#blogdescription {
   color: #777;
   padding: 5px 20px;
   background-color: #f0f0f0;
   margin-bottom: 30px;
}
h1.postheading, h2.postheading {
   margin-bottom: 0px;
}
a.more-link {
   font-weight: bold;
}
#searchresults {
   padding: 10px 25px 50px 25px;
}



/* widgets */
#widgets {
   width: 720px;
   padding: 10px 40px;
   margin: 0 auto;
   overflow: hidden;
   background-color: #e0dad2;
}
div.widget {
   width: 180px;
   float: left;
}
#widgets h2 {
   font-size: 14px;
   margin: 0;
   font-family:'Times New Roman',Times,serif;
   font-style: italic;
}
div.widget ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.screen-reader-text {
   display:none;
}
input#s {
   width: 100px;
}
#widgets, #widgets select, #widgets input {
   font-size: 11px;
}


/* Nexgen Gallery tweaks */
a.slideshowlink {
   display: block;
   width: 150px;
   text-align: center;
   color: #ddd;
   background: #888;
   text-decoration: none;
   padding: 5px 0;
   margin: 10px auto;
   font-weight: bold;
   
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
   
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;   
}
a.slideshowlink:hover {
   color: #fff;
   background: #AAA;
}
div.ngg-galleryoverview {
   width: 800px;
   margin: 10px auto;
}
.ngg-gallery-thumbnail {
   width: 210px;
}
.ngg-gallery-thumbnail img {
   margin:-6px auto 6px auto;
}
.ngg-gallery-thumbnail span {
   color: #666;
}
#attachment_69 {
   margin: 20px 20px 0 0;
}

table.contact {
   width: 410px;
   margin: 5px auto;
}
table.contact th {
   text-align: right;
   vertical-align: top;
}
table.contact th, table.contact td {
   padding: 10px;
}
table#projects td {
   padding: 0px 10px 0px 10px;
   text-align:center;
   font-weight:bold;
}
table#projects td img {
   margin: 25px 0 5px 0;
}
table#projects thead td {
   text-align: center;
   font-size: 18px;
   letter-spacing: 1px;
   color: #f36f21;
   padding-top: 20px;
}
/* WP Common Styles */
.editLink {
   text-align: center;
   padding: 5px 0 15px 0;
   clear:both;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
.postmetadata {
   color: #999;
   font-size: 10px;
   margin: 2px 0;
}
img.aligncenter, div.aligncenter {
   display: block;
   margin: 20px auto;
}
img.alignright {
   float: right;
   margin: 0px 10px 5px 15px;
}
img.alignleft {
   float: left;
   margin: 10px 25px 5px 5px;
}
div.alignright {
   float: right;
   margin: 0px 0px 5px 15px;
}
div.alignleft {
   float: left;
   margin: 0 20px 5px 0px;
}
img.aligncenter {
   text-align: center;
}
img.alignright {
   text-align: right;
}
img.alignleft {
   text-align: left;
}
.wp-caption-text,.wp-caption-dd {
   margin: 0;
   font-weight: bold;
   font-size: smaller;
   text-align: center;
}
.more-link {
   display:block;
   text-align:right;
}
.linklove {
   display:none;
}


/* --------------------------------------------------------------------------------------------------------------------
   Contact Form 7
*/
div.wpcf7 {
   clear: both;
   overflow: hidden;
   background-color: var(--grey1);
   width: 100%;
   margin: 30px 0 !important;
}
div.wpcf7 form {
   padding: 0 40px;
   margin: 0;
}
div.wpcf7 form label {
   font-size: 16px;
   color: var(--color2);
}
div.wpcf7-response-output {
   text-align: center;
   font-size: 26px;
}
span.wpcf7-not-valid-tip {
   font-size: 0.750em !important;
}
input.wpcf7-submit {
   float: right;
   padding: 10px 25px;
   color: #fff;
   background: #231f20;
   font-weight: bold;
   border-radius: 5px;
   font-size: 18px;
   border: none;   
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {
   border: 1px solid #ccc;
   box-sizing: border-box;
   width: 100%;   
   height: 30px;
}
textarea.wpcf7-textarea {
   height: 150px;
   font-family: Arial, Helvetica, sans-serif;
}
input.wpcf7-text:hover, input.wpcf7-captchar:hover, textarea.wpcf7-textarea:hover {
   border: 1px solid #999;
}
input.wpcf7-text:focus, input.wpcf7-captchar:focus, textarea.wpcf7-textarea:focus {
   border: 1px solid #666;
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
body .wpcf7 form.invalid .wpcf7-response-output {
   border-color: red;
}
div.wpcf7 div.wpcf7-validation-errors {
    border: 2px solid #f00000;
}
p.recaptchanote {
   font-size: 12px;
   text-align: center;
   margin: 30px 0;
}


/* Responsive elements                              */
/* ------------------------------------------------ */


@media screen and (max-width: 900px) {
   #pagetop, #pagebottom {
      display: none;
   }
   #header {
       height: 196px;
       background: #F37022 url(images/mobile-header.png) center center no-repeat;
 
   }
   #maincontent {
       padding: 25px 30px;
   }   
}

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

   #maincontent {
       padding: 20px 20px;
   }   


  .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
    background: #999999 url("../images/grey_block_subit.jpg") !important;
    color: #fff !important;
    float: left !important;
    width: 80px !important;
    text-align: center !important;
    padding: 0 10px;
  }

  #cformsform{
    width: 100% !important;
    margin:auto !important;
  }
  .cf-fs1 .cform label {
    margin: 0 2% 0 0 !important;
    width: 35% !important;
  }
  .cf-fs1 .cform input.fldrequired, .cform input.fldrequired:hover,.cform input, .cform textarea, .cform select {
    width: 56% !important;
  }
  /*another form css*/
  .cf-fs2 .cf-ol label {
    margin-bottom: 4px !important;
    width: 98.5% !important;
    margin-right: 0 !important;
  }
  .cf-fs2 .cf-ol input.single {
    margin-bottom: 7px !important;
    width: 98% !important;
  }

}

@media all and (max-width : 440px) {
  .cform label {
    margin: 0 2% 0 0 !important;
    width: 98% !important;
  }
  .cf-fs2 label span{width: inherit !important;}
  .cform input.fldrequired, .cform input.fldrequired:hover,.cform input, .cform textarea, .cform select {
    width: 97% !important;
  }
}