/*   
Theme Name: Wsabi
Theme URI: 
Description: A custom-made Wordpress theme by the Cybermill
Author: The Cybermill
Author URI: http://cybermill.co.uk
Version: 1
*/

/*credit subtlepatterns.com background pattern http://creativecommons.org/licenses/by-sa/3.0/ */

/* -------------------------------------------------------------------------------- */
/* Reset */
/* -------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content:''; } blockquote, q {	quotes:'' ''; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; } img, object, embed {max-width: 100%; height: auto; } form { margin: 0; }

html { overflow-y: scroll; }

/* Tables */ table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; }
/* Image fixes */ .ie7 img { -ms-interpolation-mode: bicubic; } .ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


/* -------------------------------------------------------------------------------- */
/* Typography 
/* -------------------------------------------------------------------------------- */  


body { font-family: Georgia,Times,"Times New Roman",serif; font-size: 16px; line-height: 2em; font-weight: 400; color: #555; }

h1,h2,h3,h4 { clear:both; padding:0; color:#555; }

h1 { margin: 5px 0;  font: normal 26px/30px Georgia, Times, "Times New Roman", serif;  }
h2 { margin: 20px 0; font: normal 18px/32px Georgia, Times, "Times New Roman", serif; }
h3 { margin: 15px 0; font: bold 18px/30px Georgia, Times, "Times New Roman", serif; }
h4 { margin: 10px 0; font: normal 16px/20px Georgia, Times, "Times New Roman", serif; font-variant: small-caps; }
h5 { margin: 5px 0; font: bold 14px/20px Georgia, Times, "Times New Roman", serif; font-variant: small-caps; }
h6 { margin: 5px 0; font: bold 12px/20px Georgia, Times, "Times New Roman", serif; text-transform: uppercase; }

p { margin:0 0 20px 0; }

/* Link defaults */ 
a { background: transparent; text-decoration: none; color: #90c786;  }
a:hover, a:active{ text-decoration: underline; color: #f8b65f; }

.main-text a { text-decoration: underline; }

/* Lists */
ul { margin: 20px 0 20px 20px; list-style: outside circle; }
ol { margin: 20px 0 20px 20px; list-style: outside decimal; }
ul li,ol li { margin: 5px 0; }
ul ul { margin: 0 0 0 20px; }

strong { font-weight: bold; }
em { font-style: italic; }
sub { font-size: 11px; }
small { font-size: 0.85%; }
del { text-decoration: line-through; }  

/*Blockquote*/

blockquote, q { quotes: none; float:right; font-size:14px; font-style: italic; line-height: 24px; margin:40px 0px 20px 0px; max-width:40%; color:#50693c; text-indent:60px; padding-left:40px; position:relative;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote:before { color:#f9ead0; content:"\201C"; display:block; font-size:150px; font-style:normal; position:absolute; top:25px; left:-25px;}


/*Other elements*/ 
pre, code, kbd, samp { font-family: monospace, sans-serif; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

hr { clear: both; display: block; height: 1px; border: 0; border: none; border-top: 1px solid #ccc; margin: 30px 0; padding: 0; }


/* -------------------------------------------------------------------------------- */
/*Image Alignments and Captions*/ 
/* -------------------------------------------------------------------------------- */
 
.alignright { float: right; margin: 5% 0 5% 5%; text-align: right; }
.alignleft { float: left; margin: 5% 5% 5% 0; text-align: left; }
.aligncenter { margin: 5%; text-align: center; }

p.wp-caption-text { background: #eee; color: #888; font-style: italic; padding: 2% 5%; width: 90%; font-size: 12px; line-height: 18px; }

.screen-reader-text { display: none; }

/* -------------------------------------------------------------------------------- */
/* Buttons, inputs */
/* -------------------------------------------------------------------------------- */

input,select,textarea { color: #999; display: block; border: none; border-radius: 20px; padding: 10px 5%; width: 90%; margin: 0; box-sizing: border-box; border: 1px solid #F8B65F; }
input, select { vertical-align:middle; }
input { margin: 0 10px 10px 0; }
select { border-radius: 20px 0 0 20px; }

.main-text input, .main-text select, .main-text textarea { background: #eee; }    

textarea { border-radius: 20px 20px 0 20px; }

input:focus,select:focus,textarea:focus { color: #111; }

button { width: auto; overflow: visible; text-decoration: none; text-align: center; }

input[type="radio"] { width: auto !important; vertical-align: text-bottom; }
input[type="checkbox"] { width:auto !important; display: inline-block; vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }
.cred-label { margin-bottom: 10px; }

/* Default button style */
a.button, .button, input[type=submit], .wpcf7 .wpcf7-submit, #respond #submit, .btn, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { vertical-align: top; 
border: none; display: inline-block; width: auto; padding: 10px 20px; margin: 0 0 20px 5px; text-decoration: none; font-family: Georgia,Times,"Times New Roman",serif; font-weight: normal; text-transform: uppercase; font-size: 18px; cursor: pointer; border-radius: 20px; color: #fff; background: #90c786!important; text-align: center; }

a.button:hover, .button:hover, input[type=submit]:hover, .main-text .field input[type=submit]:hover,
.wpcf7 .wpcf7-submit:hover, #respond #submit:hover, .btn:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, 
.woocommerce input.button:hover { background: #f8b65f!important; color: #fff!important; text-decoration: none; text-align: center; } 

.button.buttonsmall { font-size:14px; line-height: 1em; padding: 5px 10px; margin: 0 0 5px 5px; min-width: 90%;}
.button.buttonsmall.small300 { width: 300px !important; min-width: 0;}
.button.buttonsmall.small150 { width: 150px !important; min-width: 0;}
.button.buttonsmall.small100 { width: 100px !important; min-width: 0;}
.button.buttontiny { font-size:14px; padding: 5px !important; margin: 0 !important;  width: auto; min-width: 0; }
.button.disabledbutton {background: #ccc !important; color: #fff !important;}

.woocommerce-orders-table .button.woocommerce-button  { font-size:12px; padding: 5px 10px; margin: 0 0 5px 5px; width: auto; min-width: 0; }

.button:after, input[type=submit]:after, #respond #submit:after, .wpcf7 .wpcf7-submit:after { content:"\00BB"; padding-left: 5px; color: #fff; }
.button.back:after { content: ""; display: none; }
.button.back:before { content: "\00ab"; padding-right: 5px; color: #fff; }

.button.small, a.button.small { color: #fff; padding: 5px 10px; font-size: 14px; line-height: 1em; min-width: 0; margin: 0; }

/*page links*/

.pagelink { width: 50%; height: 40px; float: left; text-align: left; }
.pagelink.next, .next-posts { text-align: right; }

.pages { clear: both; margin-top: 10px; width: 100%; text-align: center; }  

.woocommerce-MyAccount-navigation li a { border: none; display: block; width: auto; max-width: 80%; padding: 5px 10px; margin: 0 0 20px 0; 
text-decoration: none; font-family: Georgia,Times,"Times New Roman",serif; font-weight: normal; text-transform: uppercase; font-size: 14px; line-height: 1em; cursor: pointer; border-radius: 20px; color: #fff!important; background: #90c786!important; text-align: center;}   
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { background: #f8b65f!important; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

html,body { width:100%; min-width:100%; min-height:100%; }

    /* Good ol' clearfix */
    .cf:before,.cf:after, .widget_search:before, .widget_search:after, .wpt-form-set-radios:before, .wpt-form-set-radios:after { content: " "; display: table; }
    .cf:after, .widget_search:after, .wpt-form-set-radios:after { clear: both; }
    .cf { *zoom: 1; } /* For IE 6/7 only */
    
    
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Shared Styles*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.alignment { max-width: 1140px; margin: 20px auto; padding: 0 20px;}

.icon, .pag-button, .pag a, .facebook a, .twitter a { background: url('_/images/icons.png') no-repeat 0 0; }

.icon { float: left; padding-right: 10px; display: block; width: 35px; height: 17px; }

.circle { border-radius: 50%; overflow: hidden; }

.inner { padding: 20px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Header*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.logo, .nav-wrapper { width: 100%; }
.logo { margin: 0 0 20px 0; }

.logolink { display: block; text-indent: -99999px; overflow: hidden; margin: 0px auto; background: url('_/images/logo.png') no-repeat -36px -101px; width: 142px; height: 64px; }



/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Main Navigation/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.nav-wrapper, .nav-wrapper.logged-in { background: #90C786;  }

nav ul, nav li { list-style: none; margin: 0; padding: 0; }

.menu-item, .menu-item a, .mobile-menu { display: block; color: #fff; line-height: 18px; }
.menu-item a, .mobile-menu { padding: 10px; }

.menu-item.current-menu-item a { text-decoration: underline; }

.main-nav .menu-item a { border-bottom: 1px solid #fff; } /*stops menu jump*/      
.main-nav .menu-item a:hover, .main-nav .menu-item.current-menu-item a { text-decoration: none; border-bottom: 1px solid #e6b865; }

.menu-main-menu-container { display: none; border-right: 1px solid #fff; }

.customer-nav { float: right; width: 40%; }
.customer-nav .icon { margin: 0px auto; height: 18px; float: none; }
.customer-nav .link-text { display: block; width: 0px; height: 0px; overflow: hidden; text-indent: -9999px; }
.customer-nav .menu-item { float: left; width: 50%; border: none; }
   .customer-nav .menu-item a { display: block; width: 100%; padding: 10px 0; border: 1px solid #fff; border-right: none; border-top: none; }
        .menu-item.customer-login .icon { background-position: -3px -21px; width: 28px;  }
        .menu-item.basket .icon { background-position: -2px -368px; width: 25x;  }
        .menu-item.register .icon { background-position: -2px -46px; width: 22px; }

#menu-click { border-bottom: 1px solid #fff; } 
#menu-main-menu li:first-child { border-top: 0; } 
  
.main-nav { float: left; width: 60%; }    

/*logged in navigation*/

.nav-wrapper.logged-in { width: 100%; max-width: 100%; }
    .nav-wrapper.logged-in .alignment { margin: 0 auto; padding: 0; }
    
.menu-customer-menu-container { display: none; }    
.member-nav .menu-item { padding: 0 5px; }
    .member-nav .menu-item a { font-size: 16px; color: #fff; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Slides & Banners/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.slider-outer, .bannerwrap { background: url('_/images/slide-bg.jpg'); position: relative; margin: 0; padding: 0; border: 3px solid #90C786; border-left: none; border-right: none; } 

#sliderwrap, #slider, #banner { margin: 0 auto; padding: 0; position: relative; }   
.slide { float: left; }
.image { margin: 0px auto; margin-top: 20px; width: 60%; }
    .image img { display: block; max-width: 100%; overflow: hidden; }
    
    .slidecontent, .bannercontent { font-size: 14px; line-height: 24px; text-align: center; padding-bottom: 40px; }
        .slide h1, .slide h2, .slide h3, .banner h1, .banner h2, .banner h3 { font-size: 24px; color: #6e7d68; margin-top: 0; }
        .slide .button, .banner .button { margin-top: 20px; }
        
.pag { position: absolute; bottom: 20px; right: 20px; }
    .pag a { float: left; margin-right: 5px; display: block; width: 11px; height: 11px; overflow: hidden; text-indent: -999px; background-position: -7px -289px; }
    .pag a.selected {background-position: -7px -275px; }

.pag-button { width: 19px; height: 36px; overflow: hidden; text-indent: -999px; position: absolute; top: 40%; cursor: pointer; }
    #next { right: 40px; background-position: -3px -197px; }
    #prev { left: 40px; background-position: -3px -236px; }     



/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Main Content*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.sidebar { background: #eee; margin: 0; }

.widget_title, .widget_inner { padding: 20px; }
.widget_title { background: #bbb; margin: 0; color: #fff; font-size: 24px;  }

.sidebar .menu-item {}
.sidebar .menu, .sidebar .menu li { color: #555; margin: 0; padding: 0; list-style: inside circle; } 
.sidebar .menu li { display: list-item; float: none; padding: 0 0 20px 0; border: none; }
.sidebar .menu li a { display: inline; font-size: 18px; color: #91C787; }     
.sidebar .menu li a:hover { color: #f8b65f; }   

/*Home Page*/

.main-text-area.home { text-align: center; }        
.call-to-action { margin-top: 10px; }
    .call-to-action article { border-bottom: none!important; padding-bottom: 0; margin-bottom: 0; }
    .call-to-action .inner { padding-bottom: 0; }
            .call-to-action .circle { border: 3px solid #90C787; max-width: 220px; margin: 0px auto; }              
            .call-to-action img { display: block; }
            .call-to-action h2 a { color: #555; text-decoration: none;  }
            .call-to-action p { line-height: 30px; }
            a.readmore { display: block; text-decoration: none; margin-top: 20px; }
            
.additional-boxes .left { margin-bottom: 40px; }

.cta-strip { background: url('_/images/slide-bg.jpg'); border: 3px solid #90C786; border-left: none; border-right: none; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/*posts*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

article { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.thumbnail { width: 180px; margin: 10px auto; }   
    .thumbnail img { display: block; }       
    .post-text .inner { padding: 0; }
        .post-text h3 { margin-top: 0; }
        .post-text p { margin-bottom: 10px; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Contact Details*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.contact, .contact li, .login, .login li { list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 18px; font-weight: bold; }

.phone .icon { background-position: -4px -120px; width: 28px; height: 19px; }
.email .icon { background-position: 0 -146px; width: 33px; height: 16px; margin-top: 2px; }
.my-account .icon { background-position: -3px -169px; width: 28px; height: 19px; }

.sidebar .contact li.facebook, .sidebar .contact li.twitter { width: 25px; display: block; float: left; margin-right: 15px; }
.facebook a, .twitter a { overflow:hidden; text-indent: -999px; display: block; width: 21px; height: 21px; background-position: -2px -308px;}
.twitter a { background-position: 0 -342px; width: 25px;}

.sidebar .contact li { margin: 0 0 20px 0; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Footer*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.footer-wrapper { width: 100%; background: #D5E8CF; }
.footer-wrapper.outer {  padding-top: 16%; background: url(_/images/footer-bg.png) no-repeat center top;  background-size: 100%; }
    .footer-wrapper, .footer-wrapper a { color: #555; }
    .footer-wrapper a, .footer-wrapper .menu-item a:hover { text-decoration: underline; }
    .footer-wrapper a:hover, .footer-wrapper .menu-item a:hover { color: #9576B3;}

    .footer-wrapper .logolink { background-position: -26px -171px; width: 162px; height: 73px; margin-bottom: 20px; }

.footer.bottom { background: #90c786; font-size: 10px; line-height: 12px; text-transform: uppercase; }
    .footer.bottom, .footer.bottom a { color: #243d11; }
    .footer.bottom .alignment { margin: 20px auto!important; }

.footer-wrapper .contact, .login { float: left; }
    .footer-wrapper .contact li, .login li { display: block; float: left; margin: 0 40px 20px 0;  }
    .footer-wrapper .contact li.twitter { margin-right: 20px; }
    
.site-map { clear: both; }
    .site-map ul { margin: 0; }      
        .site-map .menu-item { padding: 0 15px 0 5px; font-size: 14px; border: none; float: left; position: relative; }  
            .site-map .menu-item:after { color: #90C786; content: "/"; position: absolute; top: 0px; right: 0; }  
            .site-map .menu-item a { color: #555; font-size: 14px; padding: 0; margin: 0; text-decoration: none;  }



/* -------------------------------------------------------------------------------- */
/* Comments */
/*-------------------------------------------------------------------------------*/

.post-comments { float: left; border: 1px solid #333; border-left: none; border-right: none; padding: 0 0 20px 0; margin: 0 0 20px 0; }

#comments { width: 100%; float: left; margin: 20px 0; clear: both; }

.commentlist ul { margin: 0; }
    .commentlist li { width: 100%; float: left; clear: both; margin: 0; padding: 0; }

.commentlist .comment-body { background: #fff; padding: 10px; margin: 5px 0 5px 10px; border: 1px solid #ccc; }

.commentlist .comment-author { font-size: 16px; line-height: 30px; color: #4a4a4a; }  
.commentlist .comment-author cite { font-weight: bold; }

.commentlist .comment-author img { display: none; margin: 0 !important;  }

        .commentlist .comment-meta { font-size: 12px; margin: 0 0 10px 0; } 

        .commentlist .reply { margin: 15px 0 0; text-indent: 10px; }

.commentlist .children { margin: 0; list-style: none; font-size: 16px; clear: both; } 
.commentlist .children .comment-body { background: #eee; }

#respond { padding: 15px; clear: both; }  
#respond h2 { width: 100%; float: left; font-size: 18px; text-transform: uppercase; font-weight: normal;  margin: 0 0 10px 0; }

#respond form,
#respond textarea,
#respond input { float: none; }

    #respond form input,
    #respond form textarea { margin: 10px 0; border: none; background: #eee; }



/* -------------------------------------------------------------------------------- */
/* Contact Form 7 */
/*-------------------------------------------------------------------------------*/

.field input, .field textarea { margin-bottom: 20px; font-family: Georgia,Times,"Times New Roman",serif;  font-size: 18px; }
.field input[type=submit] { width: auto; }

span.wpcf7-not-valid-tip { display: block; clear: both; color: #A6093D!important; margin: -15px 0 30px 0; }

.wpcf7-response-output  { background: #A6093D; color: #fff; border: none!important; margin-left: 0!important; }
.wpcf7-mail-sent-ok { background: #9bb842; }

.main-text .field input, .main-text .field textarea  { background: #eee; }

span.wpcf7-list-item { display: block!important; }
span.wpcf7-list-item input, span.wpcf7-list-item .wpcf7-list-item-label { margin: 0; display: inline-block; vertical-align: middle!important; }
span.wpcf7-list-item input { margin-right: 10px; }

/* -------------------------------------------------------------------------------- */
/* Forms */
/*-------------------------------------------------------------------------------*/




table.tablesorter { background-color: #CDCDCD; width: 100%; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #ddd; border: 1px solid #ddd; padding: 5px;}
table.tablesorter tbody tr { background-color: #FFF; }
table.tablesorter tbody td { color: #3D3D3D; border: 1px solid #eee; padding: 5px; }
table.tablesorter tbody.noborder td { color: #3D3D3D; border: 0px; }
table.tablesorter tr:hover { background-color: #ccc; }
table.tablesorter tbody tr.odd td { background-color: #F0F0F6;}
table.tablesorter .dark td { background-color: #222; color: #ccc; }
table.tablesorter .black td { background-color:#000; color: #FFF;}
table.tablesorter.darkhead thead tr th { border: 1px solid #ccc; }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #F9ADB7; }

.sectionheader { display: block; background: #F8B65F; padding: 10px 0; width: 100%; min-height: 20px; border-radius: 30px; margin: 0 0 10px 0; }
.sectionheader p, .questionnairefooter p { line-height: 20px; }        
  .sectionheader p { font-size:16px; color: #fff; float: left; margin:0; padding: 0 20px; max-width: 75%; }
.sectionheader:hover,.sectionheader.closed:hover  { background: #F8B65F; }
  
.sectionheader.closed {cursor: pointer; background: #90C686;}

.sectionstatus { float: right; padding: 0; margin: 0 20px 0 0; display: block; }    

.sectionheader .closebutton {float: right; width: 50px; height: 20px; display: block; background: url('_/images/arrow-down.png') no-repeat center center;}
  .closebutton.closed {background:url('_/images/arrow-up.png') no-repeat center center;}
  
  .questionnairefooter { margin-top: 40px; }
  .questionnairefooter .right { float: none; width: 100%; }
  .questionnairefooter .sign { display: block; float: left; width:70% }    
  
input.selection { border-radius: 50%; width: 40px; height: 40px; padding: 10px; text-align: center; }

.total-message { float: right; padding-right: 20px;  }

.saverow td { clear: both; }
.options { width: 100%; float: left; margin-bottom: 40px; background: #eee; padding: 10px 0; text-indent: 20px; }

.wpt-form-submit { margin-bottom: 40px!important; }

.wpv-pagination thead, .wpv-pagination thead tr { background: #90C786!important;  color: #fff; }
.wpv-pagination thead th { padding: 1%; }
.wpv-pagination thead a { color: #fff; }
.wpv-pagination table { border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.wpv-pagination td { padding: 1%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 24px;  word-wrap: break-word;}
.wpv-pagination tr { background: #eee; }
.wpv-pagination tr:nth-child(2n+2) { background: #fff; }       

.wpt-form-checkbox, .wpt-form-checkbox-label { float: left; } 
.wpt-form-checkbox { margin-top: 12px; float: right; width: auto; } 

.qtable { margin: 0 1%; width: 98%; }
.qtable tbody { display: block; width: 100%; }
.qtable tr { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; display: block; }  

.qtable .left { width: 100%; float: none; }
.qtable .answer { width: 10%; float: right; }
.qtable tr.total td { padding: 0; text-align: center; width: 100%; display: block; width: 20%; float: right; } 
.qtable .question, .qtable tr.total td.total-message { width: 70%; float: left; text-align: left;  }  
.qtable .letter { width: 10%; float: left; }       
 
.qtable td.options { width: 100%; margin: 0 0 20px 0; }  
.qtable .saverow td { width: 100%; } 

.questionset { padding-bottom: 40px; margin-bottom: 44px; border-bottom: 4px dotted #91C787; }

.wpt-form-set-radios { clear: both; margin-left: 0; border-bottom: 1px solid #eee; }

.wpt-form-set-radios li { width: 48%; float: left; position: relative; margin: 0 1%; margin-bottom: 40px; }
.wpt-form-set-radios li label { font-size: 12px; width: 100%; display: inline-block!important; } 
.wpt-form-set-radios li label, .wpt-form-set-radios li input { display: block; margin: 0px auto; text-align: center; padding: 0 5px;}       

.questionset .cred-field:last-of-type .wpt-form-set-radios { border-bottom: none; }
.questionset .cred-field:last-of-type .wpt-form-set-radios li { margin-bottom: 0; }     

.field.cred-field-post_content { margin-bottom: 40px; }  

/*Purchase Reports*/

.project-type { background: #eee; padding: 10px; border: 1px solid orange; margin-bottom: 40px; }
.project-type label, .project-type .cred-field { margin: 0; }
.checkbox-input { width: auto; max-width: 50%; float: right;}

.cred-field-resp-project-rsize { border-top: 1px dotted orange; }

.wpt-form-item-radio { background: #ccc; border: 1px solid orange; text-align: center; margin-right: 20px; }
span.buttons { display: block!important; float: right; margin-top: 7px; }    

/* -------------------------------------------------------------------------------- */
/* Projects */
/* -------------------------------------------------------------------------------- */ 

.projects .header { background: #666; color: #fff; padding: 5px 20px; }
.projects .row { background: #eee; border-bottom: 1px solid #ccc; padding: 5px 20px; }
.projects .row a { float: right; margin-top: 5px; }
.projects .header a{ float: left; }
.projects .header .button { float: right; margin-top: 7px!important; }

/* -------------------------------------------------------------------------------- */
/* Respondents */
/* -------------------------------------------------------------------------------- */    

.resp-wrapper    {}
.resp-header .button, .respondents-footer .button { font-size: 14px; padding: 5px 10px; } 
.resp-header > div { display: inline-block; }
.resp-item { background: #eee; margin-bottom: 40px; }  
.resp-item span { display: inline-block; padding: 5px 20px; box-sizing: border-box;  } 
.resp-row span { width: 100%; }
.resp-info, .resp-buttons { background: #666; color: #fff; }  
.resp-row { border-bottom: 1px solid #ccc; }           
.resp_title { background: #aaa; color: #fff; }     

.resp-buttons .button.small { display: inline-block; vertical-align: middle;  }      
.resp-buttons a:hover { color: #f8b65f; } 


/* -------------------------------------------------------------------------------- */
/* Edit Respondents */
/* -------------------------------------------------------------------------------- */ 

.details { background: #eee; border: 1px solid #ccc; border-bottom: none; }     

.row { border-bottom: 1px solid #ccc; clear: both; }
.row .info, .row .label { float: left; padding: 5px 10px; }
.row .label { width: 40%; background: #666; color: #fff; }
.row .info { width: 60%; }                                                        

/* -------------------------------------------------------------------------------- */
/* Back to Top */
/* -------------------------------------------------------------------------------- */

.back-to-top { position: fixed; z-index: 9999; bottom: 80px; right: 40px; display: block; width: 63px; height: 63px; background: url('_/images/top.png') no-repeat top left;}



/* -------------------------------------------------------------------------------- */
/* No Script*/
/* -------------------------------------------------------------------------------- */

#NoScript { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; background: rgba( 0, 0, 0, 0.5);  text-align: center; }

#NoScript p{ color: #fff; padding: 20px 150px; font-size: 16px; }



/* -------------------------------------------------------------------------------- */
/* WooCommerce*/
/* -------------------------------------------------------------------------------- */


.woocommerce-Address { border: 1px solid #ccc; border-radius: 40px; padding: 20px; }

.woocommerce .quantity .qty { width: 5rem; }

#coupon_code { width: 150px; line-height: 1.4em; font-size: 18px; padding: 6px 12px; }



/* -------------------------------------------------------------------------------- */
/* Media Queries  */
/* -------------------------------------------------------------------------------- */


@media (min-width: 420px) {

/*slides*/        

#slider, .slide, .banner { height: 380px; overflow: hidden; }
.banner { height: 300px; }

.image, .slidecontent, .bannercontent {float: left; }
     
.slidecontent, .bannercontent { width: 48%; margin-left: 4%; }
.image { width: 48%; margin-top: 20px; }

/*posts*/ 

.thumbnail, .post-text { float: left; }
.thumbnail { width: 25%; margin: 0; }
.post-text { width: 75%; }
    .post-text .inner { padding: 0 0 0 40px; }
    
    
.sectionheader { min-height: 25px; }
.sectionheader p, .questionnairefooter p { line-height: 25px; }        
  .sectionheader p { font-size: 20px; max-width: 90%; }

}


/*------------------------------------------------------*/


@media (min-width: 600px) {

/*slides*/

.banner .image { margin-top: -1%; }

.wpt-form-set-radios li { width: 23%; }

.field.quarter { width: 22%;  }
.field.threequarter { width: 72%; }  
.field.half { width: 47%; }                          
.field.quarter, .field.half, .field.threequarter { float: left; margin-right: 3%; }   


.resp-row span.resp_title { width: 40%; }  
.resp-row span.resp_status { width: 60%; }  
.resp-status, .resp_status { text-align: right; }

.resp-info > div { width: 50%; float: left; box-sizing: border-box; }
.resp-credits { text-align: right; float: right; }  

}


/*------------------------------------------------------*/

                    
@media (min-width: 768px) {

body { font-size: 18px; line-height: 2em;  }

h1 { margin: 0 0 30px 0;  font: normal 36px/40px Georgia, Times, "Times New Roman", serif;  }
h2 { margin: 20px 0; font: normal 24px/34px Georgia, Times, "Times New Roman", serif; }
h3 { margin: 15px 0; font: bold 20px/32px Georgia, Times, "Times New Roman", serif; }
h4 { margin: 10px 0; font: bold 16px/20px Georgia, Times, "Times New Roman", serif; font-variant: small-caps; }

p { margin:0 0 30px 0; }

.alignment { margin: 40px auto;  }
.main-content-wrapper { margin: 80px auto; }


.inner { padding: 40px 0;}

/*header*/
    
.logo, .nav-wrapper { width: 80%; float: left; }
.logo { margin: 0; width: 20%; }

.logolink { margin: 0; } 

/*Menu*/  
      
.nav-wrapper { background: none;  }

.mobile-menu { display: none; }

.menu-item { display: inline-block; border-top: none; position: relative; padding: 0 20px; }   

.main-nav .menu-item a { padding-left: 0; padding-right: 0; }
.main-nav .menu-item:after, .member-nav .menu-item:after { content: "/"; color: #a4c689; position: absolute; top: 10px; right: -5px; }
.member-nav .menu-item:after { color: #fff; font-size: 16px; }
.main-nav .menu-item:last-child, .main-nav .menu-item:last-child a { padding-right: 0; }
.main-nav .menu-item:last-child:after, .member-nav .menu-item:last-child:after { content: ""; padding: 0; } 

.header .menu-main-menu-container .menu-item a  { color: #555; font-size: 16px;}         

.menu-main-menu-container, .menu-customer-menu-container { display: block!important; }

.customer-nav, .main-nav, .member-nav .menu { float: right; width: auto; }     
.customer-nav { width: 100%; margin-bottom: 20px; }
    .customer-nav .menu-item, .customer-nav .menu-item a { padding: 0; }
    .customer-nav .menu-item a { font-size: 16px; font-weight: bold; display: inline; color: #555; }
    .customer-nav .menu-item a:hover .link-text { text-decoration: underline; }
    .customer-nav .menu-item:last-child, .customer-nav .menu-item:last-child a { padding-right: 0; }
     
    
    .customer-nav .menu-item { width: auto; display: block; float: right; text-indent: 0px; }
        .customer-nav .icon { margin: 0px; height: 18px; float: left; }
        .customer-nav .link-text { display: block; float: left; width: auto; height: auto; text-indent: 0px; }
    
     .menu-item.register { margin-left: 40px; }
        .menu-item.customer-login .icon { background-position: -3px -70px;  }
        .menu-item.basket .icon { background-position: -2px -368px; width: 25x;  }
        .menu-item.register .icon { background-position: -2px -96px; width: 30px;  }

        
/*Slides*/  

.image { width: 48%; margin-top: -8%; }
.banner .image { margin-top: -4%; }

.slidecontent, .bannercontent { font-size: 24px; line-height: 34px; text-align: right; }
.slide h1, .slide h2, .slide h3, .banner h1, .banner h2, .banner h3  { font-size: 38px; line-height: 48px; }

/*main-area*/

.left { float: left; width: 60%; margin-right: 10%; }
.right { float: right; width: 30%; }
.main-text, .sidebar-interior, .main-text-area.full.home  { position: relative; z-index: 99; }
.sidebar { padding-bottom: 200px; }
.main-text { padding-bottom: 200px; }
.main-text-area.full .main-text, .main-text-area.full.home { padding-bottom: 150px; }
.main-text-area.full.home .main-text { padding-bottom: 0px; }

.main-text-area.full .main-text { width: 100%; }

.widget_title, .widget_inner { padding: 30px; }   

.call-to-action article { width: 19%; margin-right: 8%; float: left; }
.call-to-action article:nth-child(4n+4) { margin-right: 0; } 

.cta-strip { margin-top: 40px; }

.additional-boxes { text-align: left; margin-top: 40px; }            
.additional-boxes .left { width: 60%; padding-right:6%; margin: 0; }
.additional-boxes .right { width: 40%; padding-left: 8%; border-left: 5px solid #b1c4e8; background: url('_/images/orange-border.jpg') no-repeat 2% bottom; }

/*posts*/

article { padding-bottom: 40px; margin-bottom: 40px; }

/*Forms*/

  .questionnairefooter .right { float: right; width: 30%; }
  .questionnairefooter .right .button { float: right; margin-top: 40px; }

/*footer*/

.footer-wrapper.outer { margin-top: -20%; position: relative; z-index: 9; }
.footer-wrapper .left { width: 80%; margin-right: 0; }
.footer-wrapper .right { width: 20%; }

.footer-wrapper .logolink { margin: 0px; float: right; }

.wsabi, .cybermill { width: 50%; float: left; }
.cybermill { text-align: right; }


}


/*------------------------------------------------------*/


@media (min-width: 1030px) {   

/*header and nav*/

.logolink { background-position: 0 0; width: 213px; height: 96px; }
.customer-nav { margin-bottom: 40px; }
.main-nav .menu-item { padding: 0 15px; }
.header .menu-main-menu-container .menu-item a { font-size: 19px;}         

/*slides*/

.image { width: 48%; margin-top: -80px; }
.banner .image { margin-top: -120px; }

}

/* Dash Icons */
.dashicons:before { font-family: "dashicons"; font-size: 24px; }

.dashicons.red { color:#ff0000 }
.dashicons.green { color:#00ff00 }
.dashicons.blue { color:#0000ff }
.dashicons.grey { color:#ccc }

.main-text a.dashicons { text-decoration: none; }

.dashicon-respondent:before { content: "\f483"; }
.dashicon-project:before { content: "\f322"; }
.dashicon-add:before { content: "\f502"; }
.dashicon-minus:before { content: "\f460"; }
.dashicon-edit:before { content: "\f464"; }
.dashicon-delete:before { content: "\f182"; }
.dashicon-email:before { content: "\f466"; }
.dashicon-emailall:before { content: "\f242"; }
.dashicon-report:before { content: "\f497"; }
.dashicon-tick:before { content: "\f147"; }
.dashicon-cross:before { content: "\f335"; }
.dashicon-q-viewed:before { content: "\f154"; }
.dashicon-q-partial:before { content: "\f459"; }
.dashicon-q-complete:before { content: "\f155"; }
.dashicon-down:before { content: "\f347"; }
.dashicon-backwards:before { content: "\f341"; }
.dashicon-forwards:before { content: "\f345"; }
.dashicon-up:before { content: "\f343"; }
.dashicon-down:before { content: "\f347"; }


.reporticon { display:block; background: url('_/images/reporticons.png') no-repeat 0 0; width: 16px; height: 16px; }
.reporticon.blank { background-position: 0px 32px; }
.reporticon.tick.ordered { background-position: 0px 0px; }
.reporticon.cross.ordered { background-position: -16px 0px; }
.reporticon.small.ordered { background-position: -32px 0px; }
.reporticon.medium.ordered { background-position: -48px 0px; }
.reporticon.large.ordered { background-position: -64px 0px; }
.reporticon.square.ordered { background-position: -80px 0px; }

.reporticon.tick.purchased { background-position: 0px -16px; }
.reporticon.cross.purchased { background-position: -16px -16px; }
.reporticon.small.purchased { background-position: -32px -16px; }
.reporticon.medium.purchased { background-position: -48px -16px; }
.reporticon.large.purchased { background-position: -64px -16px; }
.reporticon.blank.purchased { background-position: -80px -16px; }

.reporticon.smallmedium.purchased { background-position: -32px -32px; }
.reporticon.smalllarge.purchased { background-position: -48px -32px; }
.reporticon.mediumlarge.purchased { background-position: -64px -32px; }


/* remove cart hyperlinks */

.woocommerce-cart .main-text td.product-thumbnail a, .woocommerce-cart .main-text td.product-name a { pointer-events: none;  text-decoration: none; color: #444; !important;}